/*css reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
html{height:100%;margin-bottom:1px;}/*Force a scrollbar*/

/*
 *.body{font-size:62.5%} //alows conversion from px to em. 12px = 1.2em;
 */
body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:62.5%;
}

/*
 * default list styles.
 */
.type-style ul, .site-webpage ol, .site-webpage dd{padding-left:20px;}
.type-style ul li{list-style:outside disc;display:list-item;}
.type-style ol li{list-style:inside decimal;display:list-item;}
.type-style p{margin:1em 0;}
b, strong{font-weight:bold;}
u{text-decoration:underline;}
i{font-style:italic;}
/*
 * Default link styles.
 */
a{
	color:#333;
}
a:hover{
	color:#E67817;
} 

/*
 *******************
 * Template Styles
 *******************
 */
 
.site-webpage{
	padding:10px;
	font-size:1.2em;
}

html, body{
	background-color:#111;
	color:#ccc;
}

/*
 * site Wrapper
 */
#siteWrapper{
	width:970px;
	margin:0 auto;
	padding:18px 0 30px;
}
#siteWrapperMid{
	background:url(../Design/siteWrapperMid.png) center bottom repeat-y scroll;
}
#siteWrapperTop{
	background:url(../Design/siteWrapperTop.png) center top no-repeat scroll;
}
#siteWrapperBot{
	padding:18px 10px 10px;
	background:url(../Design/siteWrapperBot.png) center bottom no-repeat scroll;
}

/*
 * Header
 */
#siteHeader{}

/*
 * Header Top
 */
#siteHeaderTop{
	width:950px;
	min-height:88px;
	background:#fff url(../Design/siteHeaderTop.png) center top no-repeat scroll;
	overflow:hidden;
}
#siteHeaderTopLeft{
	width:353px;
	padding:0 0 3px 3px;
	float:left;
}
#siteHeaderTopRight{
	width:353px;
	padding:0 3px 3px 0;
	float:right;
}
#siteHeaderTopCenter{
	width:202px;
	margin:0 auto;
}

/*
 * Shop Logo
 */
#siteLogo{
	display:block;
	width:345px;
	height:75px;
	margin:0 auto;
	background:url(../Design/siteLogo.png) left top no-repeat scroll;
	line-height:75px;
	text-indent:350px;
	overflow:hidden
}

#siteSearch label,
#siteSelectBrand label{
	display:none;
	float:left;
	color:#666;
	line-height:19px;
	vertical-align:middle;
}
/*
 * Search
 */
#siteSearch{
	height:29px;
	margin-top:6px;
	background:url(../Design/siteSearch.png) center top no-repeat scroll;
	overflow:hidden;
}
#siteSearchInputs{
	float:right;
	padding:5px 8px 0 0;
}
#siteSearchTxt{
	width:105px;
	height:17px;
	padding:2px 0 0 2px;
	border:none;
	/*background:url(../Design/siteSearchTxt.png) left top no-repeat scroll;*/
	background:none;
	color:#666;
	vertical-align:middle;
}
#siteSearchBtn{
	width:15px;
	height:19px;
	border:none;
	/*background:url(../Design/siteSearchBtn.png) left top no-repeat scroll;*/
	background:none;
	vertical-align:middle;
	cursor:pointer;
}
#siteSearchBtn:hover,
#siteSearchBtn:focus{
	background-position:left -19px;
}

/*
 * Select By Brand
 */
#siteSelectBrand{
	height:29px;
	padding-top:6px;
	margin-top:6px;
	background:url(../Design/siteSelectBrand.png) center top no-repeat scroll;
	overflow:hidden;
}
#siteSelectBrandSelect{
	position:relative;
	float:right;
	width:129px;
	height:19px;
	/*background:url(../Design/siteSelect.png) left top no-repeat scroll;*/
	cursor:pointer;
}
#siteSelectBrandSelect:hover,
#siteSelectBrandSelect:focus{
	background-position:left -19px;
}
#siteSelectBrandSelect select{
	position:relative;
	z-index:10;
	width:129px;
	height:19px;
	cursor:pointer;
}

/*
 * Header Bottom
 */
#siteHeaderBot{
	width:950px;
	background-color:#444;
	overflow:hidden;
}

/*
 * Webpages
 */
#siteWebpages{
	float:left;
	padding-left:2px;
}
#siteWebpages li{
	display:block;
	float:left;
	margin:1px 2px;
	background:url(../Design/siteWebpageLeft.png) left top no-repeat scroll;
}
#siteWebpages li a{
	display:block;
	height:28px;
	padding:0 10px;
	background:url(../Design/siteWebpageright.png) right top no-repeat scroll;
	color:#fff;
	font-size:1.3em;
	text-decoration:none;
	line-height:26px;
	vertical-align:middle;
}
#siteWebpages li:hover{
	background-position:left -28px;
}
#siteWebpages a:hover{
	background-position:right -28px;
	color:#ccc;
}

/*
 * Card Logos
 */
#siteCardLogos{
	float:right;
	padding:5px 0;
}

/*
 * Site Body
 */
#siteBody{
	position:relative;
	width:950px;
	overflow:hidden;
}
#siteBodyLeft{
	float:left;
	width:160px;
	padding:5px;
}
#siteBodyRight{
	float:right;
	width:160px;
	padding:5px;
}
#siteBodyCenter{
	width:600px;
	margin:0 auto;
}

/*
 * Generic: Column Box
 */
.col-box{
	padding:19px 1px 1px;
	margin:10px 0;
	background:#cc3a00 url(../Design/siteColBox.png) left top no-repeat scroll;
}
.col-box.top{
	margin-top:0;
}
.col-box.titled{
	padding-top:1px;
}
.col-box-title{
	padding-bottom:4px;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	line-height:14px;
	vertical-align:middle;
}
.col-box-content{
	padding:5px;
	background-color:#fff;
	color:#333;
}


/*
 * Category menu
 */
#siteCategories{}
#siteCategories ul{}
#siteCategories ul li{
	display:block;
}
#siteCategories ul li a{
	display:block;
	padding:3px 12px 4px 3px;
	border-bottom:1px solid #726C60;
	background:#373737 url(../Design/siteWebpages.png) left top no-repeat scroll;
	color:#fff;
	font-size:1.2em;
	text-decoration:none;
	line-height:1.2em;
	vertical-align:middle;
}
#siteCategories ul li a:hover,
#siteCategories ul li a:focus{
	background-color:#666;
	background-position:-158px top;
}
#siteCategories ul li.open a{
	background-position:-316px top;
}
#siteCategories ul li.open a:hover,
#siteCategories ul li.open a:focus{
	background-position:-474px top;
}
#siteCategories ul li.open ul li a{
	border-bottom-color:#DF3E00;
	background-color:#CC3A00;
	background-position:-632px top;
	color:#111;
}
#siteCategories ul li.open ul li a:hover,
#siteCategories ul li.open ul li a:focus{
	background-color:#FF4600;
	background-position:-790px top;
}

/*
 * Product of the moment
 */
#siteProductOfTheMoment{}
.pom-name{
	text-align:center;
}
.pom-name a{
	color:#7F0C00;
	font-size:1.2em;
	text-decoration:none;
}
.pom-name a:hover{
	color:#333;
}
.pom-img{
	height:100px;
	padding:5px 0;
	text-align:center;
}
.pom-price{
	color:#333;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
}
.pom-price .p{
	color:#CC3A00;
}
.pom-price .s{
	font-size:0.7em;
}
.pom-more{
	padding-top:5px;
}

/*
 * Generic: More Information Button
 */
.btn-more-info{
	display:block;
	width:148px;
	height:30px;
	margin:0 auto;
	background:url(../Design/siteMoreInformation.png) left top no-repeat scroll;
	line-height:30px;
	text-indent:150px;
	overflow:hidden;
}
.btn-more-info:hover,
.btn-more-info:focus{
	background-position:left -30px;
}
.btn-more-info:active{
	background-position:left -60px;
}

/*
 * Mini Cart
 */
#siteMiniCart{}
#siteMiniCart ul{
	width:127px;
	padding-bottom:5px;
	border-bottom:1px solid #CC3A00;
	margin:0 auto;
}
#siteMiniCart ul a{
	text-decoration:none;
}
#siteMiniCart ul a.remove-from-minicart{
	display:block;
	float:right;
	width:5px;
	height:13px;
	background:url(../Design/siteRemove.png) left 5px no-repeat scroll;
	line-height:13px;
	text-indent:10px;
	overflow:hidden;
}
#siteMiniCart ul a.remove-from-minicart:hover,
#siteMiniCart ul a.remove-from-minicart:focus{
	background-position:left -8px;
}
#siteMiniCart p{
	width:127px;
	margin:5px auto;
}
#siteMiniCart p span.total{
	color:#7F0C00;
	font-weight:bold;
}
#siteMiniCartLinks{
	width:149px;
	margin-left:-1px;
	overflow:hidden;
}
#siteMiniCartLinks a{
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	text-indent:100px;
	overflow:hidden;
	background:url(../Design/siteMinicartLink.png) left top no-repeat scroll;
}
#siteViewCart a{
	width:75px;
}
#siteCheckout a{
	width:74px;
	background-position:-75px top;
}
#siteViewCart a:hover,
#siteViewCart a:focus{
	background-position:left -30px;
}
#siteCheckout a:hover,
#siteCheckout a:focus{
	background-position:-75px -30px;
}
#siteViewCart a:active{
	background-position:left -60px;
}
#siteCheckout a:active{
	background-position:-75px -60px;
}

/*
 * Brand Column Element
 */
#siteBrands{}
#siteBrands img{
	margin-bottom:5px;
}
#siteBrands .col-box-content{
	text-align:center;
}

/*
 * Content Area
 */
#siteContent{
	border-top:5px solid #333;
	background-color:#fff;
	color:#333;
}

/*
 * Content Area Footer
 */
#siteBodyCenterBottom{
	border-top:5px solid #333;
	background-color:#fff;
	color:#333;
	font-size:1.2em;
	overflow:hidden;
}

/*
 * Footer
 */
#siteFooter{
	margin-top:25px;
}

/*
 * Footer Top
 * The editable area
 */
#siteFooterTop{
	width:960px;
	background:#333 url(../Design/siteFooterTop.png) left top no-repeat scroll;
	margin:0 auto;
}
#siteFooterTopInner{
	padding:1px 10px;
	background:url(../Design/siteFooterBot.png) left bottom no-repeat scroll;
	font-size:1.2em;
	line-height:130%;
}

/*
 * Footer Bottom
 */
#siteFooterBot{
	width:960px;
	margin:5px auto 0;
	color:#fff;
	font-size:1.1em;
}
#siteFooterLeft{
	float:left;
}
#siteFooterRight{
	float:right;
}
#siteFooterBot a{
	color:#fff;
	text-decoration:none;
}
#siteFooterBot a:hover{
	color:#E67817;
}
#siteFooterLeft a{
	margin-left:10px;
}

/*
 * Lastest offers Download link
 */
#siteLatestOffersDownload{
	display:block;
	width:150px;
	height:159px;
	background:url(../Design/siteLatestOffersDownload.png) left top no-repeat scroll;
	line-height:210px;
	text-indent:160px;
	overflow:hidden;
}

/*
 ******************
 * Cart Page
 ******************
 */
.cart-page .le-contiune-shopping,
.cart-page .le-update-cart,
.cart-page .le-checkout{
	display:block;
	height:30px;
	margin:15px auto;
	background-image:url(../Design/siteCartButtons.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	line-height:30px;
	text-indent:200px;
	overflow:hidden;
}
.cart-page .le-contiune-shopping{
	width:138px;
	background-position:left top;
}
.cart-page .le-update-cart{
	width:93px;
	background-position:-138px top;
}
.cart-page .le-checkout{
	width:78px;
	background-position:-231px top;
}
.cart-page .le-contiune-shopping:hover{
	background-position:left -30px;
}
.cart-page .le-update-cart:hover{
	background-position:-138px -30px;
}
.cart-page .le-checkout:hover{
	background-position:-231px -30px;
}
.cart-page .le-contiune-shopping:active{
	background-position:left -60px;
}
.cart-page .le-update-cart:active{
	background-position:-138px -60px;
}
.cart-page .le-checkout:active{
	background-position:-231px -60px;
}

/*
 ******************
 * Common Styles
 ******************
 */

/*
 * Section heading
 */
.section-heading{
	border-bottom:1px solid #CC3A00;
	overflow:hidden;
}
.section-heading .a{
	display:block;
	float:left;
	background:#CC3A00 url(../Design/siteSectionHeadingLeft.png) left top no-repeat scroll;
}
.section-heading .b{
	display:block;
	padding:2px 5px 1px;
	background:url(../Design/siteSectionHeadingRight.png) right top no-repeat scroll;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
}

/*
 * Product Listing
 */
.product-row{
	margin:40px 0;
	overflow:hidden;
}
.product{
	float:left;
	width:150px;
	margin-left:65px;
}
.product.first{
	margin-left:0;
}
.product-img{
	height:130px;
	padding-bottom:10px;
	text-align:center;
}
.product-name{
	padding:0 10px 5px;
}
.product-name a{
	color:#7F0C00;
	font-size:1.2em;
	text-decoration:none;
}
.product-name a:hover{
	color:#333;
}
.product-desc{
	max-height:200px;
	padding:0 10px 5px;
	color:#333;
	font-size:1.1em;
	line-height:110%;
	overflow:hidden;
}
.product-price{
	padding:0 10px 5px;
	color:#333;
	font-size:1.3em;
	font-weight:bold;
}
.product-price .p{
	color:#CC3A00;
}
.product-price .s{
	font-size:0.8em;
}
.product-links{
	width:148px;
	margin:0 auto;
	overflow:hidden;
}
.product-links a{
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	text-indent:90px;
	overflow:hidden;
}
.product-more{
	width:60px;
	background:url(../Design/siteProductLinks.png) left top no-repeat scroll;
}
.product-atc{
	width:88px;
	background:url(../Design/siteProductLinks.png) -60px top no-repeat scroll;
}
.product-more:hover,
.product-more:focus{
	background-position:left -30px;
}
.product-atc:hover,
.product-atc:focus{
	background-position:-60px -30px;
}
.product-more:active{
	background-position:left -60px;
}
.product-atc:active{
	background-position:-60px -60px;
}