/*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. Navigation / #header ul, #header ol
# 5. Content / #content 
# 6. Left column / #left
# 7. Right column / #right
# 8. Footer / #footer 
# -------------------------------------------------------------------*/  
/*# 1. Body */
body
{
background:#330000 url(images/bg.jpg) 0 0 repeat-x;
text-align:center;
}
/*# 2. Wrapper / #wrapper */
#wrapper
{
width:980px;
background:#fff;
text-align:left;
margin:0 auto;
}
/*# 3. Header / #header */
#header
{
width:980px;
height:142px;
background:url(images/header-bg.jpg) 0 0 no-repeat;
}
#header h1
{
width:344px;
height:44px;
background:url(images/logo.gif) 0 0 no-repeat;
display:block;
float:left;
display:inline;
margin:40px 0 0 29px;
}
#header h1 a
{
width:344px;
height:44px;
display:block;
}
#header h1 a span{display:none;}
#header p
{
font:11px Arial, Helvetica, sans-serif;
color:#000;
float:right;
display:inline;
margin:3px 10px 0 0;
}
#header p a
{
color:#000;
text-decoration:none;
}
#header p a.account, #header p a.cart, #header p a.checkout
{
height:14px;
margin:0 5px;
padding:0 0 0 18px;
}
#header p a.account{background:url(images/ico-account.jpg) 0 0 no-repeat;}
#header p a.cart{background:url(images/ico-cart.jpg) 0 0 no-repeat;}
#header p a.checkout{background:url(images/ico-checkout.jpg) 0 0 no-repeat;}
#header p a:hover{text-decoration:underline;}
#header ul
{
list-style:none;
float:right;
display:inline;
margin:16px 10px 24px 0;
}
#header ul li
{
font:14px Arial, Helvetica, sans-serif;
color:#330000;
line-height:16px;
float:left;
display:inline;
background:url(images/divider.jpg) right top no-repeat;
text-align:center;
padding:28px 10px 0 10px;
}
#header ul li.none{background:none;}
#header ul li a
{
color:#330000;
text-decoration:none;
}
#header form
{
clear:right;
float:right;
display:inline;
margin:0 20px 0 0;
}
/*# 4. Content / #content */
#content
{
width:970px;
clear:both;
padding:0 0 0 10px;
}
/*# 5. Left / #left */
#left
{
width:251px;
float:left;
display:inline;
padding:30px 0 0 22px;
}
#left h1
{
width:197px;
height:21px;
background:url(images/title-bg.jpg) 0 0 repeat-x;
font:bold 12px Arial, Helvetica, sans-serif;
color:#333;
line-height:14px;
margin:0 0 0 1px;
border-bottom:1px solid #dfdfdf;
padding:7px 0 0 13px;
}
#left h2
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#333;
line-height:13px;
margin:0 0 5px 0;
}
#left p
{
font:11px Arial, Helvetica, sans-serif;
color:#333;
margin:0 15px;
}
#left a
{
font:11px Arial, Helvetica, sans-serif;
color:#330000;
}
#left ul
{
list-style:none;
margin:15px 0 0 13px;
}
#left ul li{margin:0 0 20px 0;}
#left ul li p
{
font:11px Arial, Helvetica, sans-serif;
color:#333;
line-height:13px;
margin:0;
}
#left ul li a
{
font:11px Arial, Helvetica, sans-serif;
color:#cc0000;
line-height:14px;
text-decoration:none;
background:url(images/bullet.gif) 0 3px no-repeat;
padding:0 0 0 13px;
}
#left form
{
width:100px;
float:left;
display:inline;
margin:0 0 0 15px;
}
#left form fieldset label
{
font:11px Arial, Helvetica, sans-serif;
color:#333;
line-height:13px;
clear:left;
float:left;
display:inline;
}
#left form fieldset input
{
width:180px;
height:18px;
padding:0;
margin:0;
border:1px solid #dfdfdf;
clear:left;
float:left;
display:inline;
}
#left form fieldset input.subscribe
{
width:61px;
height:22px;
background:#1a1a19;
font:11px Arial, Helvetica, sans-serif;
color:#fff;
padding:0;
border:none;
float:left;
display:inline;
margin:5px 0 0 120px;
cursor:pointer;
}
#left div.box
{
width:212px;
border-top:1px solid #dfdfdf;
background:url(images/box-bg.jpg) 0 0 no-repeat;
padding:0 0 10px 0;
margin:0 0 15px 0;
float:left;
display:inline;
}
#left div.box.none
{
background:none;
border:1px solid #dfdfdf;
}
#left div.box.cart
{
background:url(images/bottom-gradient.jpg) 0 bottom repeat-x;
border:1px solid #dfdfdf;
}
/*# 6. Right / #right */
#right
{
width:670px;
float:left;
display:inline;
padding:30px 0 0 0;
}
#right h1
{
font:18px Arial, Helvetica, sans-serif;
color:#330000;
line-height:20px;
margin:0 0 10px 0;
}
#right h2
{
font:20px Georgia, "Times New Roman", Times, serif;
color:#330000;
line-height:24px;
margin:0 0 15px 0;
}
#right h3
{
width:655px;
height:20px;
background:url(images/title-bg2.jpg) 0 0 no-repeat;
font:bold 12px Arial, Helvetica, sans-serif;
color:#333;
padding:5px 0 0 10px;
margin:0 0 15px 0;
}
#right h3 a
{
color:#333;
text-decoration:none;
}
#right p
{
font:12px Arial, Helvetica, sans-serif;
color:#333;
line-height:18px;
margin:0 0 15px 0;
}
#right p a{color:#330000;}
#right div a
{
font:12px Arial, Helvetica, sans-serif;
color:#330000;
}
#right img.product{margin:0 0 0 100px;}
#right a.buy
{
width:66px;
height:25px;
display:block;
float:left;
display:inline;
}
#right a.buy.grey{background:url(images/btn-grey.jpg) 0 0 no-repeat;}
#right a.buy.pink{background:url(images/btn-pink.jpg) 0 0 no-repeat;}
#right a.buy span{display:none;}
#right ul, #right ul ol{list-style:none;}
#right ul li h2
{
font:18px Arial, Helvetica, sans-serif;
color:#330000;
line-height:20px;
margin:0 0 5px 0;
}
#right ul li ol
{
float:left;
display:inline;
margin:0 0 16px 0;
}
#right ul li
{
width:290px;
font:11px Arial, Helvetica, sans-serif;
color:#330000;
line-height:13px;
float:left;
display:inline;
margin:0 0 0 40px;
}
#right ul li p
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#333;
line-height:14px;
margin:5px 0 0 15px;
float:left;
display:inline;
}
#right ul li li{margin:0;}
#right ul.normal{margin:0 0 30px 20px;}
#right ul.normal li
{
width:auto;
float:none;
display:block;
font:12px Arial, Helvetica, sans-serif;
color:#333;
line-height:14px;
margin:0 0 5px 0;
background:url(images/bullet2.jpg) 0 2px no-repeat;
padding:0 0 0 15px;
}
#right ol.roman
{
list-style:lower-roman;
margin:0 0 15px 20px;
}
#right ol.roman li
{
font:12px Arial, Helvetica, sans-serif;
color:#333;
line-height:14px;
margin:0 0 5px 0;
}
#right table{width:650px;}
#right table tr td
{
font:12px Arial, Helvetica, sans-serif;
color:#333;
line-height:14px;
vertical-align:top;
padding:0 0 20px 0;
}
#right table tr th
{
font:bold 13px Arial, Helvetica, sans-serif;
color:#333;
padding:0 0 10px 0;
}
#right table tr td ul, #right table tr td ul li
{
width:auto;
margin:0;
float:none;
display:block;
font:12px Arial, Helvetica, sans-serif;
}
#right table tr td ul li a{color:#330000;}
#right table.data, #right table.viewCartGrid, #right table.shippingGrid, #right table.orderSummaryGrid
{
width:640px;
background:url(images/table-bg.jpg) 0 0 no-repeat;
padding:10px;
}
#right table tr.viewCartGridHeader td, #right table.shippingGrid tr.shippingGridHeader td, #right table.orderSummaryGrid tr.orderSummaryGridHeader td, #right table.data tr th{font-weight:bold;}
#right table.data tr td
{
font:12px Arial, Helvetica, sans-serif;
color:#333;
line-height:14px;
vertical-align:top;
}
#right div.box
{
width:155px;
border:1px solid #d9d9d9;
padding:10px;
float:left;
display:inline;
margin:0 0 0 100px;
}
#right div.box p
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#333333;
line-height:14px;
}
#right a.add
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#333333;
padding:2px;
cursor:pointer;
background:#ff9900;
text-decoration:none;
float:left;
display:inline;
margin:1px 0 0 10px;
}
#right div.box form{margin:15px 0 0 0;}
#right div.box form fieldset label
{
font:12px Arial, Helvetica, sans-serif;
color:#333;
line-height:14px;
}
#right div.box form fieldset input.add
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#333333;
padding:2px;
cursor:pointer;
background:#ff9900;
border:none;
}
#right div.details
{
width:300px;
float:left;
display:inline;
margin:0 0 0 20px;
}
#right div.details ol{margin:0 0 0 20px;}
#right div.details ol li
{
font:11px Arial, Helvetica, sans-serif;
color:#330000;
line-height:13px;
}
#right dl dt
{
width:150px;
float:left;
display:inline;
font:bold 12px Arial, Helvetica, sans-serif;
color:#333;
line-height:14px;
}
#right dl dd
{
font:12px Arial, Helvetica, sans-serif;
color:#333;
line-height:14px;
}
#right input.login
{
width:66px;
height:25px;
background:url(images/btn-login.jpg) 0 0 no-repeat;
padding:0;
border:none;
cursor:pointer;
}
#right #news tr td
{
width:193px;
background:url(images/news-bg.jpg) 0 0 no-repeat;
}
#right #news tr td p{margin:4px 0 10px 10px;}
#right #news tr td ul li
{
width:175px;
margin:0 0 0 10px;
padding:0 0 0 15px;
float:none;
display:block;
background:url(images/arrow.gif) 0 3px no-repeat;
font:12px Arial, Helvetica, sans-serif;
color:#333;
line-height:14px;
margin:0 0 5px 10px;
}
#right #news tr td ul li a
{
color:#333;
text-decoration:none;
}
#right #news tr td ul li a:hover{text-decoration:underline;}
/*# 7. Bottom / #bottom */
#bottom-top
{
width:960px;
height:26px;
background:url(images/bottom-top.jpg) 0 0 no-repeat;
float:left;
display:inline;
margin:25px 0 0 11px;
}
#bottom
{
width:957px;
float:left;
display:inline;
background:url(images/bottom-bg.jpg) 0 bottom repeat-x;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
margin:0 0 0 11px;
}
#bottom ul
{
list-style:none;
margin:0 0 0 10px;
}
#bottom ul li
{
width:164px;
font:11px Arial, Helvetica, sans-serif;
color:#666;
line-height:14px;
float:left;
display:inline;
padding:0 12px;
background:url(images/divider2.jpg) right 0 no-repeat;
}
#bottom ul li.none
{
margin:0;
background:none;
}
#bottom-bottom
{
width:960px;
height:20px;
background:url(images/bottom-bottom.jpg) 0 0 no-repeat;
float:left;
display:inline;
margin:0 0 10px 11px;
}
/*# 8. Footer / #footer */
#footer
{
width:980px;
height:86px;
padding:20px 0 0 0;
background:url(images/footer-bg.jpg) 0 0 no-repeat;
clear:both;
}
#footer p
{
font:11px Arial, Helvetica, sans-serif;
color:#666;
line-height:13px;
text-align:center;
margin:0 0 5px 0;
}
#footer p a
{
color:#666;
margin:0 5px;
}


/* Apple Slider */
div.sliderGallery {
overflow: hidden;
position: relative;
width:957px;
height:243px;
padding:0;
background:url(images/gallery-bg.jpg) 0 0 no-repeat;
}
div.sliderGallery ul {
position: absolute;
list-style: none;
overflow: none;
white-space: nowrap;
padding: 0;
margin:10px 0 0 0;
}
div.sliderGallery ul li{display:inline;}
div.slider {
width:950px;
height:24px;
margin-left:-1px;
padding:0;
position: relative;
background: url(images/slider.jpg) no-repeat;
}
div.handle {
position: absolute;
cursor: move;
top:2px;
z-index: 100;
background:url(images/handle.gif) 0 0 no-repeat;
height:20px;
width:255px;
}
.slider span {
color:#000;
font:bold 12px Arial, Helvetica, sans-serif;
cursor: pointer;
position: absolute;
z-index:110;
top: 5px;
}
div.slider span.slider-lbl1 {left: 100px;}
div.slider span.slider-lbl2 {left: 250px;}
div.slider span.slider-lbl3 {left: 450px;}
div.slider span.slider-lbl4 {left: 600px;}
div.slider span.slider-lbl5 {left: 800px;}

/*WEBSHAPER*/
/*NewsComponenet*/
div.newsComponentHeaderText{display:none;}
div.newsComponentDate
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#333;
line-height:13px;
text-transform:uppercase;
}
div.newsComponentTitle
{
font:11px Arial, Helvetica, sans-serif;
color:#333;
line-height:13px;
}

/*ProductDetails*/
div.productNavigation{display:none;}
#right h1.viewProd_prodItemName{display:none;}
div.viewProdPicture{margin:0 0 0 100px;}
div.viewProdPrice
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#333333;
line-height:14px;
margin:0 0 10px 0;
}
div.viewProdInfo
{
width:155px;
border:1px solid #d9d9d9;
padding:10px;
float:left;
display:inline;
margin:0 0 0 100px;
}
div.viewProd_prodItemLongDesc
{
width:300px;
float:left;
display:inline;
margin:0 0 0 10px;
}
div.viewProd_prodItemLongDesc ol{margin:0 0 0 30px;}
div.viewProd_prodItemLongDesc ol li
{
font:11px Arial, Helvetica, sans-serif;
color:#330000;
line-height:13px;
}
div.viewProd_Buttons{display:none;}

/*CartComponent*/
div.cartComponentHeaderText{display:none;}
div.cartComponentBody
{
font:11px Arial, Helvetica, sans-serif;
color:#333;
line-height:13px;
margin:0 15px;
}
#left div.cartComponentItems ul, #left div.cartComponentItems ul li{margin:0;}

/*Page Content*/
div.pageHeader
{
font:18px Arial, Helvetica, sans-serif;
color:#330000;
line-height:20px;
margin:0 0 10px 0;
}
div.pageSubHeader
{
font:12px Arial, Helvetica, sans-serif;
color:#333;
line-height:18px;
margin:0 0 15px 0;
}
div.pageBodySubHeader, div.orderSummaryHeading
{
width:655px;
height:20px;
background:url(images/title-bg2.jpg) 0 0 no-repeat;
font:bold 12px Arial, Helvetica, sans-serif;
color:#333;
padding:5px 0 0 10px;
clear:left;
margin:20px 0 15px 0;
}
div.orderSummaryBody
{
font:12px Arial, Helvetica, sans-serif;
color:#333;
line-height:18px;
margin:0 0 20px 10px;
}
div.labelLeft, span.labelLeft, div.labelRight
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#333;
margin:0 0 5px 0;
}
div.labelRight{font-weight:normal;}
#divState
{
font:italic 12px Arial, Helvetica, sans-serif;
color:#ff0000;
margin:0 0 5px 0;
}
div.msgTitle, div.msgDesc
{
font:12px Arial, Helvetica, sans-serif;
color:#333;
line-height:18px;
margin:0 0 15px 0;
}
#right .checkoutNav {
	margin: 5px 0 5px;
	height:30px;	
}

#right .checkoutNav ul{
	margin:0;
	padding:5px 0;
}

#right .checkoutNav li{
	list-style:none;
	display:inline;	
	color:#000;
	padding: 0 5px 0 0;
	float:none;
}