/* CSS Document */
/* --------------------- layout and structure settings below ------------------- */
body{
	background: #003399;
	font:#ffffff;
}
#flags {
	position:absolute;
	width:236px;
	height:15;
	z-index:1;
	left: 120px;
	top: 9px;
	vertical-align: top;
}
#container{
	width:760px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#topband{
	height:136px;
	background: url(../images/top_bground.jpg) repeat-x top left;
}
#animation{
	position:absolute;
	right:0px;
	top:20px;
	width:85px;
	height:105px;
}
#shopicons{
	position:absolute;
	right:10px;
	top:5px;
	width:300px;
	height:25px;
	text-align:right;
}
#shop1{
	width:100px;
	padding-bottom:10px;
	float:left;
	margin-top:10px;
}
#shop2{
	width:75px;
	padding-bottom:10px;
	float:left;
	margin-top:10px;
	text-align:left;
	
}
#shop3{
	width:90px;
	padding-bottom:10px;
	float:left;
	margin-top:10px;
	
}
#topcontent{
	margin-left:6px;
	width:754px;
	height:103px;
}
#logo{
	float:left;
	width:111px;
	padding-top:3px;
}
#strapline{
	margin-left:114px;
	padding-top:40px;
}
#tabsbox{
	height:33px;
	position:relative;
	margin-left:5px;
}
#tab{
	float:left;
	height:27px;
	width:91px;
	background:url(/images/tab.gif) no-repeat left top;
	text-align:center;
	padding-top:6px;
	
}
#content{
	border-right:2px solid #ffffff;
	border-left: 2px solid #ffffff;
	position:relative;
	background:#0066CC;
	border-bottom:2px solid #ffffff;
}
#redstrip{
	height:6px;
	border-bottom:1px solid #ffffff;
	border-top:1px solid #ffffff;
	background: #FF3300;
}
#treeview{
	height:18px;
	padding-left:10px;
	padding-top:6px;
}
#indexmainbody{
	position:relative;
	width:754px;
	min-height:950px;
	height:950px;
}
HTML>body #indexmainbody{height:auto;}
#mainbody{
	position:relative;
	width:754px;
	min-height:970px;
	height:970px;
}
HTML>body #mainbody{height:auto;}
#leftarea{
	width:166px;
	margin-left:1px;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
}
html>body #leftarea{margin-left:2px;}
#leftmenu{
	width:166px;
	background: url(/images/leftbg.gif) repeat-y top left;
	text-align:left;
}
#search{
	width:154px;
	height:77px;
	background:url(/images/lefttop.gif) no-repeat;
	padding-left:12px;
	padding-top:10px;
}
#lefthelp{
	height:170px;
	width:154px;
	background: url(/images/cart_bg.gif) no-repeat top left;
	padding-left:12px;
	padding-top:10px;
	text-align:left;
}
#leftnav{
	margin-top:5px;
	width:145px;
	text-align:left;
	padding-left:12px;
}
#leftnav1{
	margin-top:15px;
	width:145px;
	text-align:left;
	padding-left:12px;
}
#leftcorners{
	height:12px;
	margin-top:5px;
}
#centre{
	margin-left:171px;
	position:relative;
	padding-bottom:10px;
	width:584px;
}
html>body #centre{margin-left:173px; margin-right:0px;}
#azbox{
	height:65px;
	background: url(/images/az_links.gif) no-repeat top left;
	position:relative;
	padding-bottom:5px;
	width:578px;
}
#azintro{
	height:24px;
	padding-top:11px;
	padding-left:15px;
}
#azletters{
	height:30px;
	padding-left:15px;
	width:560px;
}
#azletters ul{
    list-style-type:none;
	padding: 0;
	margin: 0;
	position:relative;
	height:20px;
	width:558px;
}
#azletters ul li{
	display: inline;
	padding: 0;
	margin: 0;
	text-align: center;
}
#azletters ul li a{
    background:url(/images/menu_line.gif) no-repeat left center;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	text-decoration: none;
	text-align: left;
	padding-right:8.5px;
}
#azletters ul li a:hover, #nav ul li a:focus{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FF3300;
}
#azletters ul li b{
    background:url(/images/menu_line.gif) no-repeat left center;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	text-decoration: none;
	text-align: left;
	padding-right:8.5px;
}
#textbox{
	position:relative;
	background:#ffffff;
	width:579px;
}
#redtop{
	height:8px;
	background:url(/images/redbox_top.gif) no-repeat left top;
}
#text{
	background:url(/images/redbox.gif) repeat-y left top;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
}
#redbottom{
	height:8px;
	background:url(/images/redbox_bottom.gif) no-repeat left top;
}
#whitetop{
	height:8px;
	background:url(/images/whitebox_top.gif) no-repeat left top;
}
#whitebottom{
	height:8px;
	background:url(/images/whitebox_bottom.gif) no-repeat left top;
}
#listhome{
	position:relative;
	background:#ffffff;
	margin-top:5px;
	width:580px;
}
#listview{
	position:relative;
	background:#ffffff;
	width:580px;
}
#listtop{
	background:url(/images/list_top.gif) no-repeat top left;
	height:41px;
	padding-top:10px;
	padding-left:15px;
}
#listbottom{
	height:10px;
	background:url(/images/bottom_curve.gif) no-repeat left top;
	clear:both;
}
#listitemsleft{
	width:270px;
	float:left;
	position:relative;
	padding-left:15px;
}
#listitemsright{
	width:270px;
	margin-left:295px;
	padding-right:10px;
	position:relative;
}
#listitem{
	width:265px;
	position:relative;
	margin-bottom:25px;
	
}
#itemleft{
	width:81px;
	height:81px;
	float:left;
	
}
#itemcurve{
	height:5px;
	width:81px;
}
#listphoto{
	width:79px;
	height:70px;
	border-right:1px solid #257AD0;
	border-left:1px solid #257AD0;
	text-align:center;
}
#listtext{
	margin-left:86px;
	text-align:left;
}
#listnavigate{
	min-height:25px;
	text-align:center;
	position:relative;
	padding-bottom:4px;
	height:25px;
	clear:both;
}
HTML>body #listnavigate{height:auto;}
#next{
	position:absolute;
	right:10px;
	top:2px;
	height:20px;
	width:150px;
	text-align:right;
}
#previous{
	position:absolute;
	left:10px;
	height:20px;
	width:150px;
	text-align:left;
}
#detailtop{
	background:url(/images/detail_curve.gif) no-repeat top left;
	height:10px;
	padding-top:10px;
}
#carttop{
	background:url(/images/detail_curve.gif) no-repeat top left;
	height:10px;
	padding-top:10px;
	padding-left:15px;
}
#cartband{
	margin-left:15px;
	margin-right:15px;
	background: #D9E8F8;
	border-bottom:1px solid #0066CC;
	height:22px;
	margin-top:5px;
}
#cart1{
	float:left;
	width:270px;
	margin-top:3px;
	padding-left:5px;
}
#cart2{
	width:59px;
	float:left;
	margin-top:3px;
}
#cart3{
	width:84px;
	float:left;
	margin-top:3px;
}
#cart4{
	width:55px;
	float:left;
	margin-top:3px;
	text-align:center;
}
#item1{
	float:left;
	width:270px;
	margin-top:10px;
	padding-left:5px;
}
#item2{
	width:59px;
	float:left;
	margin-top:10px;
}
#item3{
	width:84px;
	float:left;
	margin-top:10px;
}
#item4{
	width:55px;
	float:left;
	margin-top:10px;
	text-align:center;
}
#cartitem{
	height:55px;
	border-bottom:1px solid #D6E6F7;
	margin-left:15px;
	margin-right:15px;
}
#checkitem{
	min-height:30px;
	border-bottom:1px solid #D6E6F7;
	margin-left:15px;
	margin-right:15px;
	clear:both;
	height:55px;
}
#checkdelivery{
	margin-left:15px;
	margin-right:15px;
	border-bottom:1px solid #D6E6F7;
	margin-top:10px;
	padding-bottom:10px;
}
#signin{
	margin-left:15px;
	margin-right:15px;
	border-bottom:1px solid #D6E6F7;
	border-top:1px solid #D6E6F7;
	margin-top:10px;
	padding-bottom:10px;
	padding-top:10px;
}
#totals{
	margin-left:15px;
	margin-top:10px;
	margin-right:15px;
}
#totalholder{
	height:20px;
	width:450px;
}	
#finaltotal{
	border:1px solid #FF0000;
	margin-left:15px;
	margin-right:15px;
	margin-top:10px;
	height:25px;
	padding-top:5px;
	margin-bottom:10px;
}
#carttotal{
	padding-top:8px;
	height:25px;
	border-top:1px solid #0066CC;
	border-bottom:1px solid #D6E6F7;
	margin-left:15px;
	margin-right:15px;
}
#cartbuttons{
	margin-left:15px;
	margin-right:15px;
	height:20px;
	text-align:center;
	margin-top:10px;
}
#messages{
	margin-left:15px;
	margin-right:15px;
	height:20px;
	margin-top:10px;
}
#detailimage{
	width:203px;
	height:203px;
	float:left;
	margin-left:5px;
}
html>body #detailimage{margin-left:10px;}
#detailcurves{
	height:4px;
	width:203px;
}
#detailpic{
	height:195px;
	width:202px;
	border-right:1px solid #3B87D5;
	border-left:1px solid #3B87D5;
	text-align:center;
}
#detailtitle{
	margin-left:225px;
}
#detailtext{
	margin-left:10px;
	margin-right:10px;
}
#detailtext1{
	margin-left:10px;
	margin-right:10px;
	padding-top:10px;
	position:relative;
}
#prices{
	margin-left:10px;
	margin-right:10px;
	background:#D9E8F8;
	margin-top:5px;
	margin-bottom:5px;
	height:40px;
	padding:5px;
}
#buy{
	position:absolute;
	right:10px;
	top:15px;
	height:20px;
	width:150px;
	text-align:right;
}
html>body #buy{right:0px;}
#baseband{
	height:36px;
	position:relative;
}
#textarea{
	padding-left:15px;
	padding-right:15px;
}
#imagelarge{
width:348px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
text-align:center;
}
#compphotos{
	padding-bottom:20px;
	margin-left:10px;
}
#newsitem{
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #D9E8F8;
	padding-bottom:5px;
}
#newsbutton{
	height:25px;
	margin-top:8px;
}

/* ---------------------   type/content settings below ------------------- */

A.tablinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: normal;
	color: #111144;
	text-decoration: none;
}
A.tablinks:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: normal;
	color: #111144;
	text-decoration: underline;
}
A.treelinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: normal;
	color: #FFFFFF;
}
A.treelinks:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: normal;
	color: #B2D1F0;
}
.treetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: normal;
	color: #FFFFFF;
}
.bluetitles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
	line-height: normal;
}
.forms {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	height: auto;
	width: 120px;
	margin-bottom: 3px;
}
.search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	height: auto;
	width: 125px;
	margin-bottom: 3px;
	margin-top: 10px;
}
A.leftmenulinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
A.leftmenulinks:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}
.subtitles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	color: #0066CC;
	text-decoration: none;
	line-height: normal;
	text-transform: uppercase;
}
.bluetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
}
.boldred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #FF3300;
}
.headerblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
	text-transform: uppercase;
}
.header {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
	color: #0066CC;
	text-decoration: none;
	text-transform: uppercase;
}
.bodytext {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.itemtitles {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
	line-height: normal;
}
.view {
	margin-top: 8px;
}
A.baselinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 12px;
	text-transform: uppercase;
}
A.baselinks:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: normal;
	color: #B2D1F0;
	text-decoration: none;
	padding-right: 12px;
	text-transform: uppercase;
}
A.whitelinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 12px;
}
A.whitelinks:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: normal;
	color: #B2D1F0;
	text-decoration: none;
	padding-right: 12px;
}
.basetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.inovica {
	float: right;
	position: absolute;
	right:0px;
	top:0px;
}
A.navlinks {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
}
A.navlinks:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #FF3300;
	text-decoration: none;
}
hr {
	color: #D6E6F7;
	margin-right: 10px;
	margin-left: 10px;
	height: 1px;
	border: 0 solid #D6E6F7;
	background-color: #D6E6F7;
}
hr.line1{
	color: #D6E6F7;
	margin-right: 10px;
	margin-left: 10px;
	height: 1px;
	border: 0 solid #D6E6F7;
	background-color: #D6E6F7;
	clear:both;
}
.forms1 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	height: auto;
	width: auto;
	margin-bottom: 3px;
}
.sizeinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
	line-height: normal;
	padding-left: 8px;
}
A.sizelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: bold;
	color: #333333;
	line-height: normal;
	padding-left: 15px;
}
A.sizelink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: bold;
	color: #FF3300;
	line-height: normal;
	padding-left: 15px;
}
.brightblue {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: bold;
	color: #7F99DE;
}
.whitetext {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.smallwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	margin-bottom: 10px;
}
.shopline {
	display: inline;
	padding-left: 5px;
	list-style-position: inside;
	list-style-type: none;
}
.totalprice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #003399;
	text-decoration: none;
	padding-left: 228px;
}
.right {
	float: right;
}
.left {
	float: left;
}
.formtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
	width: 180px;
	float: left;
}
.formtextbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
	width: 176px;
	float: left;
}
.formsleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	height: auto;
	width: 120px;
	margin-bottom: 3px;
	margin-left: 183px;
}
HTML>body .formsleft{margin-left: 180px;}
.links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #003399;
}
.required {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #FF3300;
}
A.boldlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}
A.boldlinks:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #003399;
	text-decoration: underline;
}
.errortext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}
.comppic {
	margin-right: 30px;
	margin-left: 30px;
}
.oldprice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #666666;
	text-decoration: none;
}
.banners {
	margin-top: 5px;
}
.bullets {
	list-style-position: outside;
	list-style-image: url(/images/menu_arrow.gif);
	list-style-type: none;
	margin-left: 15px;
	line-height: 15px;
}
.codetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
#tab2 {

	float:left;
	height:27px;
	width:115px;
	text-align:center;
	padding-top:6px;
	background-image: url(/images/tab2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#tab3 {

	float:left;
	height:27px;
	width:91px;
	text-align:center;
	padding-top:6px;
	background-image: url(/images/tab3.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#tab3M {

	float:left;
	height:27px;
	width:91px;
	text-align:center;
	padding-top:12px;
	background-image: url(/images/tab3.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#tab6 {

	float:left;
	height:27px;
	width:101px;
	text-align:center;
	padding-top:6px;
	background-image: url(/images/tab6.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#tab7 {
	float:left;
	height:27px;
	width:68px;
	text-align:center;
	padding-top:6px;
	background-image: url(/images/tab7.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#tab7M {

	float:left;
	height:27px;
	width:68px;
	text-align:center;
	padding-top:12px;
	background-image: url(/images/tab7.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

A.tablinkswhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
A.tablinkswhite:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
#tab4 {


	float:left;
	height:27px;
	width:115px;
	text-align:center;
	padding-top:6px;
	background-image: url(/images/tab4.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#redtab {

	float:left;
	height:27px;
	width:91px;
	text-align:center;
	padding-top:6px;
	background-image: url(/images/tab5.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#redtab3 {

	float:left;
	height:27px;
	width:91px;
	text-align:center;
	padding-top:6px;
	background-image: url(/images/redtab3.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#redtab3M {

	float:left;
	height:27px;
	width:91px;
	text-align:center;
	padding-top:12px;
	background-image: url(/images/redtab3.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#redtab7 {

	float:left;
	height:27px;
	width:68px;
	text-align:center;
	padding-top:6px;
	background-image: url(/images/redtab7.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#redtab7M {

	float:left;
	height:27px;
	width:68px;
	text-align:center;
	padding-top:12px;
	background-image: url(/images/redtab7.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#redtab4 {
	float:left;
	height:27px;
	width:115px;
	text-align:center;
	padding-top:6px;
	background-image: url(/images/redtab4.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#redtab6 {

	float:left;
	height:27px;
	width:101px;
	text-align:center;
	padding-top:6px;
	background-image: url(/images/redtab6.gif);
	background-repeat: no-repeat;
	background-position: left top;
}