/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,p,img,ul,ol,li,form,fieldset,input,textarea
{
margin:0;
padding:0;
border:0 none;
}
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
body
{
text-align:center;
background:#d0effe url(../images/art/bg.jpg) 0 0 repeat-x;
}
#wrapper
{
width:992px;
margin:0 auto;
text-align:left;
}
#header
{
width:992px;
height:206px;
background:url(../images/art/header-bg.jpg) 0 0 no-repeat;
}
#header h1
{
width:242px;
height:96px;
background:url(../images/art/logo.jpg) 0 0 no-repeat;
float:left;
display:inline;
margin:23px 0 0 16px;
}
#header h1 a
{
width:242px;
height:96px;
display:block;
}
#header h1 span{display:none;}
#header form
{
width:421px;
height:42px;
padding:6px 0 0 9px;
background:url(../images/art/form-bg.jpg) 0 0 no-repeat;
clear:right;
float:right;
display:inline;
position:relative;
}
#header form fieldset input
{
width:329px;
height:31px;
padding:2px 0 0 5px;
border:1px solid #8dd1e9;
font:20px Arial, Helvetica, sans-serif;
color:#0099cc;
}
#header form fieldset input.go
{
width:57px;
height:50px;
background:url(../images/art/btn-go.jpg) 0 0 no-repeat;
position:absolute;
right:13px;
top:-3px;
border:none;
padding:0;
cursor:pointer;
}
#top
{
width:323px;
height:43px;
float:right;
display:inline;
background:#ffcc00 url(../images/art/cart-bg.jpg) 0 0 no-repeat;
list-style:none;
margin:0 0 32px 0;
}
#top li
{
height:40px;
float:left;
display:inline;
}
#top li.one
{
width:133px;
height:33px;
padding:10px 0 0 0;
}
#top li.two
{
width:78px;
background:url(../images/art/shopping-bag.jpg) 5px 3px no-repeat;
padding:3px 0 0 37px;
}
#top li.three
{
width:71px;
height:33px;
padding:10px 0 0 4px;
}
#top li p
{
font:12px Arial, Helvetica, sans-serif;
color:#666666;
line-height:18px;
}
#top li p strong{font-size:13px;}
#top li a
{
font:12px Arial, Helvetica, sans-serif;
color:#666666;
margin:0 0 0 10px;
}
#top li a.checkout
{
width:67px;
height:20px;
padding:3px 0 0 0;
font:bold 12px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
background:url(../images/art/btn-checkout.jpg) 0 0 no-repeat;
text-decoration:none;
display:block;
margin:0;
}
#nav
{
width:916px;
height:50px;
list-style:none;
background:url(../images/art/nav-bg.jpg) 0 0 no-repeat;
clear:both;
float:left;
display:inline;
margin:27px 6px 0 6px;
padding:0 0 0 62px;
}
#nav li
{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
line-height:26px;
float:left;
display:inline;
}
#nav li a
{
height:37px;
padding:13px 0 0 0;
display:block;
color:#fff;
text-decoration:none;
text-align:center;
}
#nav li.pan1 a{width:108px;}
#nav li.pan2 a{width:122px;}
#nav li.pan3 a{width:113px;}
#nav li.pan4 a{width:115px;}
#nav li.pan5 a{width:121px;}
#nav li.pan6 a{width:118px;}
#nav li.pan7 a{width:166px;}
#nav li a:hover{color:#333;}
#space
{
width:942px;
padding:10px 20px 50px 20px;
position:relative;
}
#space p{margin:0 0 15px 0;}
#space ol
{
list-style:decimal;
margin:0 0 30px 25px;
}
#space ol li{margin:0 0 10px 0;}
#space ul
{
list-style:disc;
margin:0 0 30px 25px;
}
#space ul.breadcrumbs{margin-left:0;}
#space ul li{margin:0 0 10px 0; list-style:none;}
#main
{
width:982px;
background:url(../images/art/content-bg.jpg) 0 0 repeat-y;
padding:0 6px;
float:left;
display:inline;
}
#main h1
{
font:bold 30px Arial, Helvetica, sans-serif;
color:#000;
line-height:36px;
margin:0 0 20px 0;
}
#main h1.cat{margin:10px 0 10px 10px;}
#main h4.also-like
{
width:432px;
height:32px;
background:url(../images/h4-also-like.jpg) 0 0 no-repeat;
display:block;
}
#main h4.also-like span{display:none;}
#main textarea.required-entry{border:1px solid #b6b6b6;}
#main div.double-line
{
width:100%;
height:3px;
background:url(../images/double-line.jpg) 0 0 repeat-x;
float:left;
display:inline;
margin:25px 0;
}
#left
{
width:220px;
float:left;
display:inline;
margin:0 60px 50px 8px;
}
#left h1.categories
{
width:181px;
height:43px;
background:url(../images/h1-categories.jpg) 0 0 no-repeat;
display:block;
margin:0 0 15px ;
}
#left h2.safe
{
width:218px;
height:27px;
background:url(../images/h2-safe.jpg) 0 0 no-repeat;
float:left;
display:inline;
margin:28px 0 23px 0;
}
#left h1 span, #left h2 span{display:none;}
#left a.banner3, #left a.banner4
{
float:left;
display:inline;
margin:0 0 9px 0;
}
#left ol{list-style:none;}
#left ol li
{
font:bold 14px Arial, Helvetica, sans-serif;
color:#0099cc;
line-height:20px;
margin:0 0 10px 0;
}
#left ol li a{color:#0099cc;}
#right
{
width:690px;
float:left;
display:inline;
}
#right h2
{
font:24px Arial, Helvetica, sans-serif;
color:#000;
line-height:26px;
}
#right h5
{
height:30px;
margin:5px 5px 0 5px;
}
#right h5 a
{
font:bold 14px Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
text-decoration:none;
}
#main a.view
{
width:69px;
height:30px;
background:url(../images/btn-view.jpg) 0 0 no-repeat;
display:block;
float:right;
display:inline;
margin:10px 15px 0 0;
}
#right a.view
{
width:69px;
height:30px;
background:url(../images/btn-view.jpg) 0 0 no-repeat;
display:block;
float:right;
display:inline;
margin:10px 5px 0 0;
}
#right a.view span, #main a.view span{display:none;}
#main-bottom
{
width:992px;
height:8px;
background:url(../images/art/main-bottom.jpg) 0 0 no-repeat;
float:left;
display:inline;
margin:0 0 15px 0;
}
#col1
{
width:413px;
height:420px;
float:left;
display:inline;
margin:0 12px 0 0;
}
#col1 img
{
position:absolute;
top:0;
left:8px;
}
#col2
{
width:551px;
float:left;
display:inline;
position:absolute;
top:0;
right:8px;
}
#col2 a.banner2, #col2 a.banner3, #col2 a.banner4
{
float:left;
display:inline;
}
#col2 a.banner3{margin:0 9px 0 0;}
#bottom
{
width:992px;
height:140px;
position:relative;
background:#fff url(../images/art/bottom-bg.jpg) 0 0 no-repeat;
margin:10px 0 0 0;
clear:both;
}
#bottom h1
{
width:235px;
height:32px;
background:url(../images/art/h1-call.jpg) 0 0 no-repeat;
clear:left;
float:left;
display:inline;
margin:0 0 14px 18px;
}
#bottom h2
{
width:153px;
height:25px;
background:url(../images/art/h2-contact.jpg) 0 0 no-repeat;
float:left;
display:inline;
margin:28px 0 0 18px;
}
#bottom h3
{
width:91px;
height:24px;
background:url(../images/art/h3-goto.jpg) 0 0 no-repeat;
float:left;
display:inline;
margin:26px 0 20px 36px;
}
#bottom h4
{
width:247px;
height:50px;
background:url(../images/art/h4-signup.jpg) 0 0 no-repeat;
float:left;
display:inline;
margin:26px 0 0 20px;
}
#bottom h1 span, #bottom h2 span, #bottom h3 span, #bottom h4 span{display:none;}
#bottom p
{
width:170px;
font:11px Arial, Helvetica, sans-serif;
color:#666;
line-height:13px;
clear:left;
float:left;
display:inline;
margin:0 0 0 84px;
}
#bottom p span
{
float:left;
display:inline;
margin:5px 10px 0 0;
}
#bottom p a.facebook
{
width:113px;
height:24px;
background:url(../images/art/facebook.jpg) 0 0 no-repeat;
float:left;
display:inline;
}
#bottom p a.facebook span{display:none;}
#bottom ul{list-style:none;}
#bottom ul li
{
float:left;
display:inline;
}
#bottom ul li.one{width:272px;}
#bottom ul li.two{width:384px;}
#bottom ul li.three{width:335px;}
#bottom ol
{
width:340px;
list-style:none;
clear:left;
float:left;
display:inline;
margin:0 0 0 40px;
}
#bottom ol li
{
width:105px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#0099cc;
line-height:14px;
float:left;
display:inline;
margin:0 0 10px 0;
}
#bottom ol li a
{
color:#0099cc;
text-decoration:none;
}
#bottom ol li a:hover{text-decoration:underline;}
#bottom img.blue
{
position:absolute;
bottom:-15px;
left:17px;
}
#bottom img.pink
{
position:absolute;
top:-6px;
right:17px;
}
#bottom form
{
width:300px;
clear:left;
float:left;
display:inline;
margin:5px 0 0 25px;
position:relative;
}
#bottom form fieldset input
{
width:215px;
height:21px;
border:1px solid #89c4ff;
font:12px Arial, Helvetica, sans-serif;
color:#999;
padding:5px 0 0 5px;
}
#bottom form fieldset input.go
{
width:56px;
height:51px;
background:url(../images/art/btn-go2.jpg) 0 0 no-repeat;
position:absolute;
right:10px;
top:-10px;
border:none;
padding:0;
cursor:pointer;
}
#footer
{
width:990px;
height:85px;
clear:both;
padding:15px 0 0 0;
}
#footer p
{
font:11px Arial, Helvetica, sans-serif;
color:#666;
line-height:13px;
text-align:right;
}
#footer p a
{
color:#666;
text-decoration:none;
}
#footer-wrap
{
width:100%;
height:59px;
background:url(../images/art/footer-bg.jpg) 0 bottom repeat-x;
clear:both;
}

/* Extra */
#main div.col-2-left-layout.col-main
{
width:730px;
float:right;
display:inline;
margin:0 20px 0 0;
padding:10px 0 50px 0;
}
#space .col-right{display:none;}
#space ul.checkout-types, #space ul.form-list, #space #opc-billing ul, #space #opc-shipping ul, #space #opc-shipping_method ul, #space #opc-payment ul, #space #opc-review ul, #space .col-right ol, #space #form-validate ul, #space .more-views ul
{
list-style:none;
margin-left:0;
}
#space .more-views ul li{margin:0 5px 0 0;}
#space #checkoutSteps
{
list-style:none;
margin-left:0;
}
#space #checkoutSteps li{margin:0;}
.checkout-left
{
width:100%;
float:left;
display:inline;
}
.product-img-box p
{
font-size:10px;
margin:5px 0 0 0;
}
#shopping-cart-table td.a-right{float:none;}
#shopping-cart-table td{float:none; height:100%;}
#shopping-cart-table td div.cart-price{padding:0 0 61px 0;}
body #contactForm
{
background:none;
border:none;
}
body #contactForm ul{list-style:none;}

#s3slider {
	margin-left: -30px;
   width: 415px; /* important to be same as image width */
   height: 395px; /* important to be same as image height */
   position: absolute; /* important */
   overflow: hidden; /* important */
   z-index:1000;
}

#s3sliderContent {
   width: 415px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
/*   background-color: #000;*/
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}