﻿/* Default Template */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }

:focus { outline: 0; }
body {
background:#a3b6cc url(../images/bg_body.jpg) repeat-x;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3c3c3c;
}
ol, ul { list-style: none; }
p {text-align: justify; line-height: 1.6em; padding-bottom: 20px; margin:0px 10px 0px 10px}
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #0054A4;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0054A4;
}
a:hover {
	text-decoration: underline;
	color: #d25714;
}
a:active {
	text-decoration: none;
	color: #0054A4;
	position: relative;
}

.ClearDiv{
	clear:both;
	width:auto;
}

#PageBody{
	position:relative;
	width:970px;
	margin:0px auto;
	min-height:1200px;
	height:auto !important;
	height:1200px;
	background:url(../images/page_bg.png) repeat-y;
}

#PageInnerBody{
	position:relative;
	width:950px;
	height:auto;
	margin-left: 10px;
	background:#FFFFFF url(../images/page_bg_inner.jpg) repeat-y;
	
}

#PageHeader{
	position:relative;
	clear:both;
	width:950px;
	min-height:101px;
	height:auto !important;
	height:101px;
	background:#ffffff url(../images/header_bg.jpg) no-repeat right bottom;
}

#PageHeader #StoreLogo{
	position:absolute;
	width:123px;
	height:70px;
	top:20px
}

#PageHeaderBasketContents{
	position:absolute;
	right:0px;
	top:25px;
	width:230px;
	height:25px;
	text-align:right;
	color:#5b5b5b;
	font-size:14px;
	background:url(../images/butt_view_basket.jpg) no-repeat left;
}

#PageHeaderBasketContents a{
	font-size:15px;
	color:#5b5b5b;
}

#PageHeaderBasketContents a span{
	font-weight:bold;
	color:#c32222;
}

#PageHeaderBasketContents a:hover{
	color:#5b5b5b;
	text-decoration:none;
}

#SearchFormInline{
	position:relative;
	float:right;
	width:260px;
	text-align:right;
}

#KeywordsContainer{
	float:left;
	margin-top:5px;
	background:url(../images/bg_search.jpg) no-repeat;
}

#KeywordsContainer input{
	background:none;
	border:none;
	color:#6c6c6c;
	font-size:11px;
	height:24px;
	line-height:17px;
	margin:0px;
	padding:2px 0px 0px 9px;
	width:184px
}

#SearchSubmit{
	float:left;
	margin-top:5px;
}
#TopNavContainer{
	position:relative;
	clear:both;
	height:38px;
	width:950px;
	background:url(../images/top_nav_bg.jpg) repeat-x;
}

#TopNavContainer #TopNav{
	position:relative;
	clear:both;
	height:38px;
	width:950px;
	background:url(../images/top_nav_right.jpg) no-repeat right;
}

#TopNavContainer #TopNav ul{
	position:absolute;
	list-style:none;
	float:left;
	width:670px;
}

#TopNavContainer  #TopNav ul li{
	display: inline;
	list-style-type: none;
	float:left;
	line-height:38px;
	white-space:nowrap;
	background:url(../images/top_nav_cell_right.jpg) no-repeat right;
}

#TopNavContainer #TopNav ul li:hover{
}

#TopNavContainer #TopNav ul li a{
	display:block;
	color:#666666;
	padding:0px 20px;
	line-height:38px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	background:url(../images/top_nav_active.jpg) no-repeat right -4000 -38px;
}

#TopNavContainer #TopNav ul li a:hover{
	text-decoration:none;
	color:#FFFFFF;
	background:url(../images/top_nav_active.jpg) no-repeat right 0px;
}

#TopNavContainer #TopNav ul li a.TopLinkActive{
	text-decoration:none;
	color:#FFFFFF;
	background:url(../images/top_nav_active.jpg) no-repeat right 0px;
}

#TopNavSub{
	position:relative;
	clear:both;
	height:25px;
	width:950px;
	background:#344477;
	color:#FFFFFF;
	border-bottom:7px solid #ffffff;
}

#BreadCrumbDiv{
	position:relative;
	float:left;
	margin-left:8px;
	padding-top:5px;
	font-size:10px;
	width:500px;
}

#BreadCrumbDiv span{
	font-weight:bold;
}

#BreadCrumbDiv a{
}

#BreadCrumbDiv .BreadCrumbNav{
	color:#ffffff;
}

#BreadCrumbDiv .BreadCrumbNav:hover{
	color:#ffffff;
}

#BreadCrumbDiv .BreadCrumbNav:visited{
	color:#ffffff;
}

#TopNavSubNavigation{
	position:relative;
	float:right;
	width:400px;
	margin-right:8px;
	padding-top:5px;
	text-align:right;
}

#TopNavSubNavigation ul{
	list-style:none;
}

#TopNavSubNavigation ul li{
	display: inline;
	list-style-type: none;
	padding-left: 20px;
}


#TopNavSubNavigation ul li a{
	color:#ffffff;
	font-size:10px;
}

#TopNavSubNavigation ul li a:hover{
	color:#ffffff;
	font-size:10px;
	text-decoration:underline;
}

#MidSection{
	position:relative;
	width:769px;
	float: left;
	margin-left: 7px;
	background:#FFFFFF
}
#SpecialOfferContainer{
	position:relative;
	float:right;
	border-top:7px solid #FFFFFF;
	border-bottom:7px solid #FFFFFF;
}
#SpecialsChanger{
	position:relative;
	clear:both;
	width:767px;
	height:290px;
	border:1px solid #dedede;
}

#SpecialsCorner{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	width:141px;
	height:130px;
	background:url(../images/corner_specials.png) no-repeat;
}


#Col2PictureChanger{
 	position:relative;
	width:767px;
	height:288px;
	z-index:1;
}

#Col2PictureChanger ul li{
	display:block; width:767px;
}

#Col2PictureChanger .PCPicArea{
	position:relative; float:left; width:557px; height:288px; background-color:#FFFFFF;
}

#Col2PictureChanger .PCPicArea img{
	position:relative;
	display:block;
	margin:auto auto;
}
#Col2PictureChanger .PCDescArea{
	position:relative; float:left; width:209px; height:288px; background:#f0f0f0;
}

#Col2PictureChanger .PCDescArea h2{
	color:#344477;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	margin:9px 9px 10px 9px;
}

#Col2PictureChanger .PCDesc{
	font-size:11px;
	font-weight:bold;
	color:#3c3c3c;
	margin:0px 9px 0px 9px;
}

#Col2PictureChanger .PCPrice{
	position:absolute;
	left:9px;
	bottom:30px;
	color:#c32222;
	font-weight:bold;
	font-size:18px;
}

#Col2PictureChanger .PCPrice span{
	display:block;
	margin-bottom:5px;
	color:#3c3c3c;
	font-weight:bold;
	font-size:11px;
}

#Col2PictureChanger .PCLinkDetails{
	position:absolute;
	left:9px;
	bottom:9px;
	color:#344477;
	font-weight:bold;
	font-size:12px;
}
#FeaturedScroll{
	position:relative;
	clear:both;
	width:767px;
	height:130px;
	border:1px solid #dedede;
	margin-bottom:7px;
	
}

#scrollable1 {
	float: left;
	width: 767px;
	height: 109px;
	overflow: hidden;
	white-space: nowrap;
}

#scrollable1 ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style:none;
	white-space:nowrap;
	overflow:hidden;
}

#scrollable1 ul li{
	display:block;
	float:left;
	width:180px;
	padding:5px 0px;
}
#scrollable1 ul li div{
	float:left; width:200px; padding-top:5px;
}

#scrollable1 ul li div img{
	display:block;
	margin:0px auto;
}

#scrollable1 ul li div .InfoCell{
	background:url(../images/bg2.png) repeat scroll 0 0 transparent; 
	border:1px solid #B5B5B5; 
	display:none; 
	position:relative; 
	top:-95px; 
	width:90%; 
	margin:0px auto;
	padding:5px;
}

#scrollable1 ul li div .InfoCell h2{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#343434;
	white-space:normal;
}
#scrollable1 ul li div .InfoCellPrice{
	font:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#c32222;
}

#scrollable1 ul li div .InfoCellDetails{
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#344477;
}

#scrollable1 ul li div .InfoCellBasket{
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#424242;
}
/* horizontal track */
#track2 {
	float: left;
	clear: both;
	width: 765px;
	height: 10px;
	margin-top: 10px;
	margin-left:1px;
	background-color:#e6e4e4;
}

/* horizontal track handle */
#handle2 {
	width: 73px;
	height: 10px;
	background: #bec5da url(../images/scroll_butt.jpg) no-repeat;
	cursor: move;
}

.Grey1pxSep{
	position:relative;
	clear:both;
	padding-top:18px;
	border-bottom:1px solid #d7d8d8;
	margin-bottom:18px;
}

#Col1{
	position:relative;
	float:left;
	width:174px;
	min-height:1050px;
	height:auto !important;
	height:1050px;
	z-index:999999;
}

.Col1SectionHeader{
	position:relative;
	clear:both;
	height:35px;
	width:174px;
}

.Col1SectionHeaderTopMargin{
	margin-top:8px;
}

.Col1SectionHeader h3{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	height:25px;
	background: #344477 url(../images/col1_section_header.jpg) no-repeat;
	padding:10px 0px 0px 24px
}

#Col1 td{
	font-size:11px;
}

.Col1Content{
	position:relative;
	clear:both;
	border-left:1px solid #dedede;
	border-bottom:1px solid #dedede;
	border-right:1px solid #dedede;
}

#Col2{
	position:relative;
	float:left;
	width:551px;
	margin-left:7px;
	min-height:1040px;
	height:auto !important;
	height:1040px;
	z-index:99999;
}

#Col2 ul { line-height: 1.6em; padding-bottom: 20px; color: #333; }
#Col2 li { list-style-type: disc; margin-left: 35px; }



.Col2BlackHeaderLarge{
	position:relative;
	clear:both;
	height:38px;
	background:url(../images/col2_top_header.jpg) no-repeat;
}

.Col2BlackHeaderLarge h1{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding:13px 0px 0px 32px;	
}

.Col2ContentDivPadding{
	margin:0px 0px;
}

.CategoriesContainer{
	position:relative; width:183px; height:241px; float:left; margin-bottom:3px;
}

.CategoriesSep{
	position:relative;
	width:545px;
	clear:both;
}

.CategoriesContainerBorderRight{
	background:url(../images/col2_prod_sep.jpg) no-repeat right center;
}

.CategoriesContainer img{
	position:relative;
	top:42px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top:5px;
}
.CategoriesHeader{
	position:absolute; width:183px; height:42px; top:0px; left:0px; color:#FFFFFF
}

.CategoriesProductView{
	position:absolute; left:20px; bottom:40px; margin:0px;
}

.CategoriesProductPrice{
	position:absolute; right:20px; bottom:0px; color:#000000; font-size:16px; font-family:"Times New Roman", Times, serif;
}
.CategoriesHeader h3 {
	margin:0px 4px 0px 4px; 
	padding:16px 0px 0px 0px; 
	color:#344477;
	text-align:center;
}

.ProductNameLink{
	color:#344477;
	font-size:16px;
	font-weight:bold;
}

.PriceTitle{
	font-size:14px;
	color:#344477
}

.CategoriesHeader h3 a{
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	text-decoration:none;
	text-transform:uppercase;
	color:#344477;
}
.ProductListing{
	clear:both;
	border-left:1px solid #dedede;
	border-bottom:1px solid #dedede;
	border-right:1px solid #dedede;
	padding-top:10px;
}
.NewProductsContainer{
	position:relative; width:183px; height:241px; float:left; margin-bottom:3px;
}
.NewProductsBorderRight{
	/*border-right:1px dashed #d7d8d8;*/
	background:url(../images/col2_prod_sep.jpg) no-repeat right center;
}

.NewProductsSep{
	position:relative;
	width:545px;
	clear:both;
}

.NewProductsContainer img.NewProdImgLink{
	position:relative;
	top:42px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top:5px;
}
.NewProductsHeader{
	position:absolute; width:184px; height:42px; top:0px; left:0px; color:#FFFFFF
}

.NewProductsHeader h3 {
	margin:0px 4px 0px 4px; 
	padding:16px 0px 0px 0px; 
	color:#344477;
	text-align:center;
}

.NewProductsHeader h3 a{
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	text-decoration:none;
	text-transform:uppercase;
	color:#344477;
	
}

.NewProductPrice{
	position:absolute; 
	bottom:24px; 
	left:3px; 
	width:177px; 
	height:22px;
	background:url(../images/col2_prog_price_bg.jpg) no-repeat;
}

.NewProductPricePPF{
	display:block;
	float:left;
	margin-left:5px;
	padding-top:5px;
	color:#686868;
	font-size:10px;
	font-weight:bold;
}

.NewProductPricePPS{
	display:block;
	float:right;
	margin-right:5px;
	padding-top:5px;
	text-align:right;
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

.NewProductButtDetail{
	position:absolute;
	bottom:0px;
	left:3px;
	width:66px;
	height:16px;
	background:url(../images/col2_prod_butt_details.jpg) no-repeat;
	color:#FFFFFF;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	padding-left:6px;
	padding-top:3px
}

.NewProductButtDetail a{
	color:#FFFFFF;
}
.NewProductButtBuy{
	position:absolute;
	bottom:0px;
	left:75px;
	width:97px;
	height:16px;
	background:url(../images/col2_prod_butt_add_basket.jpg) no-repeat;
	color:#FFFFFF;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:right;
	padding-right:8px;
	padding-top:3px
}

.NewProductButtBuy a{
	color:#FFFFFF;
}


#Col3{
	position:relative;
	float:left;
	width:210px;
	min-height:1040px;
	height:auto !important;
	height:1040px;
	margin-left:7px;
}

#Col3 h3{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	height:38px;
	background:url(../images/col3_header.jpg) no-repeat;
	padding:13px 0px 0px 34px
}

#Col3 h3.Col3BasketHeader{
	background:url(../images/col2_basket_header.jpg) no-repeat;
}

#Col3 .Col3InnerContentTop{
	position:relative;
	clear:both;
	height:4px;
	width:200px;
	background:url(../images/col2_basket_bg_top.jpg) no-repeat;
	margin-left:6px;
}

#Col3 .Col3InnerContentFill{
	position:relative;
	clear:both;
	width:188px;
	background:url(../images/col2_basket_bg_fill.jpg) repeat-y;
	margin-left:6px;
	padding:5px 6px 10px 6px;
	font-size:11px;
	color:#717171;
}

#Col3 .Col3InnerContentFill td{
	font-size:11px;
	color:#717171;
}

#Col3 .Col3InnerContentBottom{
	position:relative;
	clear:both;
	height:4px;
	width:200px;
	background:url(../images/col2_basket_bg_bottom.jpg) no-repeat;
	margin-left:6px;
}

#FooterContainer{
	position:relative;
	clear:both;
	height:95px;
	width:960px;
	background:#525151;
	color:#ffffff;
	font-size:11px;
	margin:20px auto 0px auto;
}

#FooterContainer #FooterLeft{
	position:relative;
	clear:both;
	padding-top:3px;
	margin-left:10px;
}

#FooterContainer #FooterLeft a{
	color:#ffffff;
}

#FooterContainer #FooterRight{
	position:relative;
	clear:both;
	padding-top:16px;
	margin-right:10px;
	margin-left:10px;
}

#FooterContainer #FooterRight a{
	color:#ffffff;
}

#SmartDomainGroup{
	padding-top:10px;
	margin-bottom:10px;
	font-size:11px;
	margin-left:10px;
}

#SmartDomainGroup a{
	color:#ffffff;
}

#SmartDomainGroup a:hover{
	color:#ffffff;
	text-decoration:underline;
}

#SmartDomainGroup a:visted{
	color:#ffffff;
}

#PageShadow{
	position:relative;
	clear:both;
	width:970px;
	height:6px;
	margin:0px auto;
	background:url(../images/page_shadow_bottom.png) no-repeat;
}
/* Hide icons in page headings */
#pageIcon, td.pageHeading img {
display: none;
}

#CatNav, #CatNav ul { /* all lists */
	padding: 0;
	margin: 0;
	float : left;
	width : 172px;
	z-index:999;
}

#CatNav li { /* all list items */
	line-height : 36px;
	width: 172px;
	background:url(../images/col1_cat_bg.jpg) no-repeat;
}

#CatNav li ul { /* second-level lists */
	position : absolute;
	left: -999px;
	margin-left : 11.05em;
	margin-top : -30px;
	z-index:9999;
	border:#CCCCCC 1px solid;
}

#CatNav li ul li { /* all list items */
	background-color:#E0E0E0;
}

#CatNav li ul ul { /* third-and-above-level lists */
	left: -999em;
}

#CatNav li a {
	width: 146px;
	display: block;
	color: #424242;
	font-size:11px;
	text-decoration : none;
	padding : 0px 0px 0px 26px;
	background:url(../images/col1_cat_bg_active.jpg) no-repeat 0px -40px;
}

#CatNav li a:hover {
	color :#0b0f14;
	background:url(../images/col1_cat_bg_active.jpg) no-repeat 0px 0px;
}

#CatNav li:hover ul ul, #CatNav li:hover ul ul ul, #CatNav li.sfhover ul ul, #CatNav li.sfhover ul ul ul {
	left: 30px;
}

#CatNav li:hover ul, #CatNav li li:hover ul, #CatNav li li li:hover ul, #CatNav li.sfhover ul, #CatNav li li.sfhover ul, #CatNav li li li.sfhover ul { /* lists nested under hovered list items */
	left: 30px;
}

	
/* Menu items with subcategories */	
#CatNav li.daddy {
	
}

/* Selected items with subcategories */	
#CatNav li.selected {
}

#tabs{
	padding-top:30px;
	padding-bottom:0px;
	margin-left:10px;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}
#tabs ul{
	font: bold 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
}
#tabs li{
	display:inline;
	margin:0 2px 0 0;
	padding:0;
	background-color: #DDDDDD; 
	height:24px;
}
#tabs a{
	float:left;
	background:url(images/tabs_left.gif) no-repeat left top;
	margin:0 2px 0 0;
	padding:0 0 1px 3px;
	text-decoration:none;
	background-color: #DDDDDD;
	color:#333333;
}
#tabs a span{
	float:left;
	display:block;
	background: transparent url(images/tabs_right.gif) no-repeat right top;
	padding:4px 9px 2px 6px;
}
#tabs a span{float:none;}
#tabs a:hover{color: #666666;}
#tabs a:hover span{}
#tabHeaderActive span, #tabHeaderActive a {color:#0E6090;}
.tabContent {
	clear:both;
	border:1px solid #999999;
	padding-top:2px;
	background-color:#FFF;
	width:535px;
	margin-left:5px;
}

.tabContent div {
	margin:10px;
}
	
.photos {
	overflow: hidden;
	padding: 0px 10px 10px 0px;
	width: 210px;
	margin: 10px auto 0px auto;
}
.photos #PhotoEnlargeText{
	text-align:center;
	padding-top:5px;
	font-size:11px;
}

img { border: none;}
.photos div img {
	display: block;
	padding: 0px 0;
	margin: 0px auto;
}

.photos ul.thumbs {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 210px;
	float: left;
	margin-left:5px;
	margin-top:10px;
}
.photos ul.thumbs li{
	list-style-type:none;
	width: 60px;
	height: 60px;
	margin-left:0px;
	margin: 0px 5px 0px -30px;
	padding: 0;
	float: left;
	overflow: hidden;
	position: relative;
	border: 2px solid #ddd;
	text-align: center;
}
.photos ul.thumbs li:hover {
	border: 2px solid #888;
	-moz-opacity:.75; 
	filter:alpha(opacity=75); 
	opacity:.75; 
}
.photos ul.thumbs li img {
	/*position: absolute;*/
}
	
img.shadow {
	background: url(../images/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
}

.ProductInfoName{
	margin-bottom:10px;
	font-size:20px;
	font-weight:bold;
	padding:10px 0px 0px 0px;	
	color:#344477;
}
.ProductInfoModel{
	font-size:12px;
	margin-bottom:10px;
}

.ProductInfoModel strong{
	font-size:14px;
	color:#344477;
}

.ProductInfoPrice{
	padding-top:10px;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
}

.ProductInfoPrice strong{
	font-size:14px;
	color:#344477;
}

.ProductInfoOptions{
	margin-bottom:10px;
	padding-top:10px;
}

.ProductInfoOptions strong{
	font-size:14px;
	color:#344477;
}

.ProductInfoTableOptions{
	margin-bottom:10px;
	font-size:14px;
}

.ProductInfoTableOptions strong{
	padding-right:10px;
	font-size:14px;
	color:#344477;
}

.ProductInfoTableOptions select{
	margin-bottom:10px;
	font-size:11px;
}

#ShoppingBasketTable{
	border:1px solid #d7d8d8;
}

.ShoppingBasketTableDashedBottom{
	border-bottom:1px dashed #d7d8d8;
}

.ShoppingBasketTableDashedRight{
	border-right:1px dashed #d7d8d8;
}

.ShoppingBasketPadding{
	padding:15px;
}

.msg {padding:10px 10px 10px 35px; margin:10px 0px 10px 0px; font-size:11px;}
.msg.warning {background:url("../images/icons/ico-warning.gif") 10px 9px no-repeat; border:2px solid #F2DD8C;  background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} 
.msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {background:url("../images/icons/ico-info.gif") 10px 9px no-repeat; border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {background:url("../images/icons/ico-done.gif") 10px 9px no-repeat; border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {background:url("../images/icons/ico-delete.gif") 10px 9px no-repeat; border:2px solid #FFAEAE; background-color:#FEEBEB;}


