/* CSS Document */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset{margin:0; padding:0; border:0;}
a img{border:none;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
/*------------------------------------------------------------------ 
# [Table of contents] 
#  
# 1. Body 
# 2. Wrapper / #wrapper
# 3. Header / #header 
# 4. Content / #content 
# 5. Left column / #left
# 6. Right column / #right
# 7. Footer / #footer 
# -------------------------------------------------------------------*/  
/*# 1. Body */
body
{
background:#382e22;
text-align:center;
}
/*# 2. Wrapper / #wrapper */
#wrapper
{
width:770px;
text-align:left;
margin:0 auto;
}
/*# 3. Header / #header */
#header
{
width:770px;
height:175px;
}
#header h1
{
font:30px "Century Gothic", Arial, sans-serif;
color:#fff;
line-height:32px;
clear:both;
margin:0 0 5px 0;
float:left;
display:inline;
}
#header h1 a
{
color:#fff;
text-decoration:none;
}
#header h2
{
font:12px Arial, Helvetica, sans-serif;
color:#6898c9;
line-height:14px;
clear:left;
float:left;
display:inline;
}
#header p
{
width:204px;
height:28px;
padding:12px 0 0 0;
background:url(images/user-bg.jpg) 0 0 no-repeat;
float:right;
display:inline;
margin:0 0 0 5px;
font:11px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
}
#header p a
{
color:#6898c9;
text-decoration:none;
}
#header p a:hover{text-decoration:underline;}
#header ol
{
width:270px;
list-style:none;
float:right;
display:inline;
margin:0 0 18px 0;
}
#header ol li
{
float:left;
display:inline;
margin:0;
}
#header ol li.item1{width:100px;}
#header ol li.item2{width:85px;}
#header ol li.item3{width:80px;}
#header ol li a
{
font:14px "Century Gothic", Arial, sans-serif;
color:#fff;
line-height:16px;
text-decoration:none;
float:left;
display:inline;
}
#header ol li a span
{
font:11px Arial, Helvetica, sans-serif;
color:#b0c436;
line-height:13px;
float:left;
display:inline;
}
#header ul
{
width:auto;
height:53px;
padding:0 0 0 40px;
background:url(images/nav-bg.jpg) 0 0 no-repeat;
clear:both;
}
#header ul li
{
float:left;
display:inline;
margin:0 10px 0 0;
}
#header ul li.item1{width:70px;}
#header ul li.item2{width:101px;}
#header ul li.item3{width:95px;}
#header ul li.item4{width:70px;}
#header ul li.item5{width:120px;}
#header ul li.item6{width:65px;}
#header ul li.item7{width:85px;}
#header ul li a
{
height:41px;
padding:12px 10px 0 10px;
font:18px "Century Gothic", Arial, sans-serif;
color:#fff;
line-height:16px;
text-decoration:none;
float:left;
display:inline;
}
#header ul li a span
{
font:11px Arial, Helvetica, sans-serif;
color:#b0c436;
line-height:13px;
float:left;
display:inline;
}
#header ul li a:hover{background:#130e09;}
#header form
{
width:253px;
height:30px;
padding:10px 0 0 15px;
background:url(images/search-bg.jpg) 0 0 no-repeat;
float:right;
display:inline;
}
#header form fieldset input
{
width:193px;
height:18px;
background:#362b1e;
padding:2px 0 0 5px;
border:none;
font:11px Arial, Helvetica, sans-serif;
color:#fff;
float:left;
display:inline;
}
#header form fieldset input.button
{
width:27px;
height:22px;
background:url(images/btn-search.jpg) 0 0 no-repeat;
margin:0 0 0 10px;
}
/* 4. Content / #content*/
#content
{
width:770px;
background:#fff;
margin:18px 0 0 0;
float:left;
display:inline;
}
/* 5. Left / #left */
#left
{
width:180px;
padding:6px 10px 6px 6px;
float:left;
display:inline;
background:url(images/left-bg.jpg) 0 0 no-repeat;
}
#left h1
{
font:bold 14px "Century Gothic", Arial, sans-serif;
color:#fff;
line-height:16px;
margin:0 0 10px 0;
}
#left h2
{
font:14px "Century Gothic", Arial, sans-serif;
color:#000;
line-height:16px;
margin:0 0 10px 0;
text-transform:uppercase;
}
#left p
{
font:12px Arial, Helvetica, sans-serif;
color:#fff;
line-height:14px;
margin:0 0 5px 0;
}
#left p a
{
color:#5b6712;
text-decoration:none;
}
#left p a:hover{text-decoration:underline;}
#left ul
{
list-style:none;
margin:0 0 15px 0;
}
#left ul li
{
font:12px Arial, Helvetica, sans-serif;
color:#6898c9;
line-height:14px;
padding:8px 0;
border-bottom:1px solid #e3e5e6;
}
#left ul li a
{
color:#6898c9;
text-decoration:none;
margin:0 0 0 10px;
}
#left ul li a:hover{text-decoration:underline;}
#left #shopping
{
padding:10px 14px;
background:#b0c436;
margin:0 0 10px 0;
}
#left #shopping ul li
{
color:#fff;
border:none;
}

/* 6. Right / #right */
#right
{
width:572px;
float:left;
display:inline;
background:#fff;
padding:6px 0 50px 0;
}
#right h1, #right h2
{
font:bold 24px "Century Gothic", Arial, sans-serif;
color:#b0c436;
line-height:26px;
margin:0 0 5px 0;
}
#right h2{margin:20px 0 5px 10px;}
#right h3
{
font:bold 18px "Century Gothic", Arial, sans-serif;
color:#b0c436;
line-height:20px;
margin:0 0 15px 0;
}
#right p
{
font:12px Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
margin:0 0 15px 0;
}
#right ol, #right ul{margin:0 0 30px 45px;}
#right ol li, #right ul li
{
font:12px Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
margin:0 0 5px 0;
}
#right #main
{
list-style:none;
margin:0 0 30px 0;
}
#right #main li
{
width:175px;
float:left;
display:inline;
}
#right #main li.ctr{margin:0 20px;}
/*form elements*/
#right form input{margin:0 0 5px 0;}
#right form input.button{cursor:pointer;}
#right form select{border:1px solid #c5c5c5;}
#right table
{
width:552px;
margin:0 0 30px 0;
}
#right .clear{clear:both;}
#slideshow 
{
width:565px;
height:336px;
float:left;
display:inline;
margin:0 0 10px 0;
position:relative;
}
#slideshow IMG 
{
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}
#slideshow IMG.active 
{
z-index:10;
opacity:1.0;
}
#slideshow IMG.last-active{z-index:9;}



/* 7. Footer / #footer */
#footer
{
width:770px;
height:112px;
padding:15px 0 0 0;
clear:both;
}
#footer h2
{
font:14px "Century Gothic", Arial, sans-serif;
color:#b0c436;
line-height:16px;
margin:0 0 5px 0;
}
#footer p
{
font:12px Arial, Helvetica, sans-serif;
color:#60513f;
text-align:right;
line-height:18px;
margin:10px 0 0 0;
}
#footer p a
{
color:#60513f;
text-decoration:none;
margin:0 5px;
}
#footer p a:hover{color:#fff;}
#footer form
{
width:280px;
float:left;
display:inline;
}
#footer form fieldset p
{
color:#fff;
line-height:14px;
text-align:left;
margin:0 0 10px 0;
}
#footer form fieldset input
{
width:170px;
height:23px;
background:#fff;
border:none;
padding:3px 0 0 5px;
float:left;
display:inline;
}
#footer form fieldset input.button
{
width:86px;
height:27px;
background:url(images/btn-submit.jpg) 0 0 no-repeat;
padding:0;
margin:0 0 0 8px;
cursor:pointer;
}


/*webshaper*/
/*** cart component ***/
.cartComponentBody {
font:11px Arial, Helvetica, sans-serif;
color:#fff;
}
.cartComponent a
{
color:#5b6712;
text-decoration:none;
}
.cartComponent a:hover{text-decoration:underline;}
.cartComponent ul 
{
padding:0;
margin:0;
}
.cartComponent li{list-style:none;}
.cartComponentItems{font-weight:bold;}

/*** categoryList ***/
.categoryList{}
.categoryListHeader
{
font:14px "Century Gothic", Arial, sans-serif;
color:#000;
line-height:16px;
text-transform:uppercase;
margin:0 0 10px 0;
}
.categoryListHeader a
{
color:#000;
text-decoration:none;
}

/*** specialsComponent ***/	
#right .specialsComponentHeaderText h1 {
width:155px;
padding:5px 10px;
font:bold 14px "Century Gothic", Arial, sans-serif;
color:#fff;
line-height:16px;
background:#b0c436;
}
.specialsComponentBody {
font:12px Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
text-align:center;
}
.specialsComponentLinks a
{
color:#6898c9;
text-decoration:none;
}
.specialsComponentLinks a:hover{text-decoration:underline;}
#right table.specialsComponentGrid
{
width:auto;
margin:0;
}


/*** bestSellersComponent ***/
#right .bestSellersComponentHeaderText h1 {
width:155px;
padding:5px 10px;
font:bold 14px "Century Gothic", Arial, sans-serif;
color:#fff;
line-height:16px;
background:#b0c436;
}
.bestSellersComponentBody {
font:12px Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
text-align:center;
}
.bestSellersComponentLinks a
{
color:#6898c9;
text-decoration:none;
}
.bestSellersComponentLinks a:hover{text-decoration:underline;}
#right table.bestSellersComponentGrid
{
width:auto;
margin:0;
}


/*** newProductsComponent ***/
#right .newProductsComponentHeaderText h1{
width:155px;
padding:5px 10px;
font:bold 14px "Century Gothic", Arial, sans-serif;
color:#fff;
line-height:16px;
background:#b0c436;
}
.newProductsComponentBody {
font:12px Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
text-align:center;
}
.newProductsComponentLinks a
{
color:#6898c9;
text-decoration:none;
}
.newProductsComponentLinks a:hover{text-decoration:underline;}
#right table.newProductsComponentGrid
{
width:auto;
margin:0;
}


/*** pages ***/
.pageContent 
{
width:552px;
font:12px Arial, Helvetica, sans-serif;
color:#000;
margin:10px;
}
.pageContent a
{
color:#6898c9;
text-decoration:none;
}
.pageContent a:hover{text-decoration:underline;}
.pageSubHeader
{
font:12px Arial, Helvetica, sans-serif;
color:#000;
line-height:14px;
margin:0 0 5px 0;
}
.productNavigation 
{
height:15px;
display:block;
font:11px Arial, Helvetica, sans-serif;
color:#606354;
border-top:1px solid #e3e5e6;
border-bottom:1px solid #e3e5e6;
padding:5px;
clear:both;
margin:0 0 10px 0;
}
.productNavigation a 
{
color:#6898c9;
text-decoration:none;
margin:0 5px;
font-weight:bold;
padding:0;
}
.navCurrText 
{
font-weight:bold;
color:#000;
margin:0 0 0 5px;
}
#lipsum{margin:10px;}

/*** viewProd ***/
.viewProdPicture {
width:300px;
margin:0;
float:left;
}
.viewProdInfo {
width:250px;
float:right;
display:inline;
}
.viewProd_prodItemLongDesc {
margin:10px 0 25px 0;
clear:both;
width:100%;
font:12px Arial, Helvetica, sans-serif;
line-height:18px;
}
.viewProdItemDetails{margin:10px 0;}
.viewProdItemDetails b{color:#b0c436;}
.normalPrice, .currCode
{
font:bold 18px "Century Gothic", Arial, sans-serif;
color:#000;
line-height:20px;
margin:0 0 15px 0;
}

/*** viewCategory ***/
body #right table.viewCatGrid tr td{vertical-align:bottom;}
#right table.viewCatGrid tr td div
{
text-align:center;
margin:0 0 5px 0;
}

/*** viewCart ***/
table.viewCartGrid tr.viewCartGridHeader
{
font-weight:bold;
color:#fff;
background:#6898c9;
}
table.viewCartGrid tr.viewCartGridHeader td{padding:3px;}

/*** newCustomer ***/
#right div.newCustomer h2{margin-left:0;}

/*** returningCustoemr ***/
#right div.returningCustomer h2{margin-left:0;}

/*** checkoutNav ***/
.checkoutNav 
{
margin: 5px 0 5px;
height:30px;	
}
.checkoutNav ul
{
margin:0;
padding:5px 0;
}
.checkoutNav li
{
list-style:none;
display:inline;	
color:#000;
padding: 0 5px 0 0;
}

/*** shippingGrid ***/
table.shippingGrid tr.shippingGridHeader
{
font-weight:bold;
color:#fff;
background:#6898c9;
}
table.shippingGrid tr td{padding:3px 5px;}

/*** orderSummary ***/
div.orderSummaryBillingAddr
{
width:300px;
float:left;
display:inline;
}
div.orderSummaryHeading
{
font:bold 14px "Century Gothic", Arial, sans-serif;
color:#b0c436;
line-height:16px;
margin:0 0 10px 0;
}
#right table.orderSummaryGrid{margin:30px 0;}
table.orderSummaryGrid tr.orderSummaryGridHeader
{
font-weight:bold;
color:#fff;
background:#6898c9;
}
table.orderSummaryGrid tr td{padding:3px 5px;}
.labelLeft {
	float:left;
	width: 20%;
	clear: left;
	margin-top: 4px;
	padding-top: 3px;
	padding-right: 10px;
	font-weight: bold;
	white-space: normal;
	color:#555;
	text-align:left;

}
.labelRight {
	float:left;
	width:73%;
	margin:2px 0 2px 0;
	white-space: normal;
	color:#555;

}
.warning {
	font-family:tahoma;
	font-size:13px;
	color:red;
}
/* Comparison Component
===================== */
.comparisonComponent {
    margin: 0px 0px 10px;
    background:#fff;
    width:150px;
}   
.comparisonComponentHeader {
    height:21px;
    background: url(images/boxCurve1.gif);   
    width:150px;
}
.comparisonComponentHeaderText {
    color:#fff;
    font-size:11px;
    font-weight:bold;
    padding-left:10px;
    padding-top:3px;
}
.comparisonComponentBody {
    background:#E8F7FA;
    font-size:11px;
    padding:3px 0 0 0;
}
.comparisonComponentAction{
    background:#B3E5EF;
    font-size:11px;
    padding:3px 0 0 0;
}
.comparisonComponentFooter {
    font-size:0px;
    height:9px;
    width:150px;
    background: url(images/headerCurveBottom.gif) no-repeat;   
}
.comparisonComponent li {
    list-style:none;   
    padding:3px 0 3px 0;
}
.comparisonComponent ul {
    margin:0;
    padding:0 0 0 10px;
}
.comparisonComponent a:link {
    color:#0000EE;
}
.comparisonComponent a:visited {
    color:#0000EE;
}
.comparisonComponent a:hover {
    color:#0000EE;
}
.comparisonComponent a:active {
    color:#0000EE;
}
.compareHeader tr {
    border-bottom:2px solid #000;
}
.compareCell1 {
   
}
.compareCell2 {
   
}
/* ==== Close Comparison Component ==== */

/* Comparison table Page
===================== */
table#tblComparison {
    border-spacing: 0px;
    border-collapse: collapse;
    border-style: none none none none;
    border-color: gray gray gray gray;
    border-width: 0px 0px 0px 0px;   
}
#tblComparison td, #tblComparison th {
    padding: 3px;
    border: dotted 1px grey;
}
.comparetblHeader {
    padding:3px;
    background:#FFFFFF;
    font-weight:bold;
    font-size:14px;
}
.compareLabelLeft{
    font-weight:bold;   
    background:#C3DADF;   
}
.compareCellOdd{
    background:#E8F7FA;
}
.compareCellEven{
    background:#EFFCFF;   
}
.comparePrice{
    font-weight:bold;
}
/* ==== Close Comparison table Page ==== */

.viewProdImageSwap {
	margin-top:10px;
	padding:5px;
	width:auto;
	height:auto;
	text-align:center;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px dashed #cecece;*/
}
.viewProdImageSwap ul {
	margin:0px;
	padding:0px;
}
.viewProdImageSwap li {
	margin:0px;
	padding:0px;
	width:auto;
	height:auto;
	list-style:none;
	display:inline;	
}
/** currency component **/
.currencyComponent {
	margin:20px 0 20px 0;
	padding:0;
	width:auto;
	height:auto;
}
.currencyComponentHeader {
	font:14px/16px "Century Gothic", Arial, sans-serif;
	color:000;
}
.currencyComponentHeaderText {
	font:14px/16px "Century Gothic", Arial, sans-serif;
	color:000;
}
.currencyComponentBody {
	padding:5px 0;	
	margin:0;
}
.currencyComponentBody .dropdownlist {
	width:94%;
}