/* CSS Document */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset  
{
margin:0;
padding:0;
border:0;
}
body
{
/*** Here to change the header color ***/

/*background: url(images/container-bg.jpg) repeat-x left top;*/
background: url(images/headercd6889.jpg) repeat-x left top;
/*background: url(images/headercd919e.jpg) repeat-x left top;*/

/*** End to change the header color ***/

background-color:#efe4e1;
text-align:center;
height:100%;
}
#container
{
/*width:800px;*/
width:930px;
margin:0 auto;
text-align:left;
}
#header
{
width:930px;
height:184px;
text-align:left;
position:relative;
}
#header h1
{
width:500px;
font:bold 32px Arial, serif;
color:#000;
line-height:28px;
margin:-20px 0 0 0;
position:relative;
text-transform:none;
float:left;
}
#header h1 a
{
color:#000;
text-decoration:none;
}
#logo {
	float:left;
	margin-top:43px;
}
#top-links
{
width:370px;
height:72px;
background:url(images/top-links-bg.png) no-repeat;
float:right;
margin:21px 0 30px 0;
/*display:none;*/
}
#top-links p
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#00618a;
margin:5px 0 15px 20px;
}
#top-links p img
{
margin:0 5px 0 0;
border:none;
}
#top-links p a
{
color:#000;
text-decoration:none;
margin:0 10px 0 0;
}
#main-nav
{
list-style-type:none;
height:31px;
/*background:url(images/main-nav.jpg) repeat-x;*/
margin:8px 9px 0 0;
padding:6px 0 0 0;	
position:absolute;
bottom:7px;
left:0;
/*border:1px solid green;*/
}
#main-nav li
{
display:block;
float:left;
margin:0;
position:relative;
}
#main-nav li a
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#fff;
display:block;
float:left;
text-decoration:none;
padding:0 0 0 10px;
height:31px;
line-height:31px;
/*background:url(images/main-lft.jpg) left top no-repeat;*/
background-color:#cd96cd;

}
#main-nav li a span
{
display:block;
float:left;
padding:0 10px 0 0;
height:31px;
/*background:url(images/main-rgt.jpg) right top no-repeat;*/
}
#main-nav li a:hover
{
color:#fff; 
background:url(images/main-left.jpg) left top no-repeat;
text-decoration:none;
}
#main-nav li a:hover span
{
display:block;
cursor:pointer;
/*background:url(images/main-right.jpg) right top no-repeat;*/
	
}
#main-nav li a.current, #main-nav li a.current:hover
{
color:#fff;
/*background:url(images/main-left.jpg) left top no-repeat;*/
text-decoration:none;
}
#main-nav li a.current span
{
/*background:url(images/main-right.jpg) right top no-repeat;*/
background-color:#dda0dd;
height:31px;
}
#content
{
/*width:800px;*/
width:930px;
padding:0 0 40px 0;
clear:both;
min-height:650px;
height:auto !important;
height:650px;
background-color:#efe4e1;
position:relative;

}
#left
{
/*width:563px;*/
min-width:500px;
width:600px;
clear:left;
float:left;
/*overflow:hidden;*/
padding:0 0 40px 0;
}
#content h1
{
font:bold 30px "Century Gothic", Arial, sans-serif;
color:#00628b;
line-height:27px;
margin:10px 0 30px 0;
}
#content h2
{
font:bold 15px Arial, Helvetica, sans-serif;
line-height:20px;
color:#00628b;
width:auto;
margin:0 0 10px 0;
}
#content h2.search{width:auto;}
#content h3
{
font:bold 14px Arial, Helvetica, sans-serif;
color:#00628b;
line-height:22px;
margin:0 0 10px 0;
}
#content p.breadcrumb
{
width:100%;
height:15px;
display:block;
font:11px Arial, Helvetica, sans-serif;
color:#606354;
background:#b0c7d2;
padding:5px;
clear:both;
margin:0 0 20px 0;
}
#content p.breadcrumb a
{
color:#053447;
text-decoration:none;
margin:0 10px;
font-weight:bold;
}
#content p.breadcrumb a span{color:#000;}
#content p.link
{
font:12px Arial, Helvetica, sans-serif;
color:#000;
line-height:19px;
margin:0 0 10px -10px;
float:left;
}
#content p.link a
{
color:#085473;
text-decoration:none;
margin:0 10px;
}
#content img.iml{float:left;}
#content div.desc
{
width:285px;
padding:35px;
float:right;
background:#d9e1e5;
border:1px solid #b5ccd8;
margin:0 100px 50px 0;
display:inline;
}
#content div.desc p
{
font:12px Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
margin:0 0 20px 0;
}
#content div.desc p.price
{
width:129px;
height:27px;
padding:8px 0 0 0;
background:url(images/big-price.jpg) no-repeat;
display:block;
text-align:center;
font:bold 18px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 10px 0;
}
#content div.desc a.cart, #content div.desc a.mail
{
background:url(images/ico-cart2.jpg) 0 center no-repeat;
padding:0 0 3px 20px;
font:11px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
float:left;
margin:3px 0 0 0;
}
#content div.desc a.mail
{
width:105px;
background:url(images/ico-mail.jpg) 0 center no-repeat;
margin:3px 0 0 15px;
display:inline;
}
#content div.desc a.cart:hover, #content div.desc a.mail:hover{text-decoration:underline;}
#content div.desc img.del{margin:0 0 0 10px;}
#content form fieldset select
{
width:144px;
border:1px solid #c1c1c1;
font:11px "Lucida Sans Unicode", "Trebuchet MS", serif;
float:left;
margin:0 10px 0 0;
}
#content form fieldset select.short
{
width:40px;
float:left;
}
#content form fieldset input
{
width:141px;
height:19px;
padding:0;
border:1px solid #c1c1c1;
float:left;
margin:0 0 0 5px;
}
#content form fieldset input.go
{
width:27px;
height:20px;
border:none;
background:url(images/btn-go.jpg) no-repeat;
float:left;
margin:1px 0 0 5px;
}
#content div.box
{
width:518px;
height:257px;
padding:7px 14px;
background:url(images/box-bg.jpg) no-repeat;
clear:both;
position:relative;
margin:0 0 45px 0;
}
#content div.box h1
{
font:bold 48px "Century Gothic", Arial, sans-serif;
color:#00628b;
line-height:27px;
margin:46px 0 0 0;
}
#content div.box h2
{
width:300px;
font:bold 20px "Century Gothic", Arial, sans-serif;
color:#00628b;
line-height:30px;
margin:0 0 10px 0;
float:left;
}
#content div.box p
{
width:300px;
font:12px Arial, Helvetica, sans-serif;
color:#333333;
line-height:18px;
float:left;
}
#content div.box a.read-more
{
width:74px;
height:20px;
background:url(images/read-more.jpg) no-repeat;
display:block;
float:right;
position:relative;
margin:15px 10px 0 0;
}
#content div.box a.read-more span{display:none;}
#content div.box img
{
float:left;
margin:0 18px 0 0;
}
#content div.box img.coming-soon
{
position:absolute;
right:-11px;
bottom:-9px;
margin:0;
}
#feature
{
width:500px;
float:left;
}
#feature.wide{width:100%;}
#feature h1
{
font:bold 30px "Century Gothic", Arial, sans-serif;
color:#00628b;
line-height:27px;
margin:0 0 20px 0;
}
#feature div.float
{
width:190px;
float:left;
margin:0 35px 30px 0;
}
#feature div.float h2
{
width:100%;
height:30px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#000;
text-align:center;
}
#feature div.float h2 a
{
color:#000;
text-decoration:none;
}
#feature div.float p
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#000;
margin:0 0 10px 0;
}
#feature div.float p.price
{
width:74px;
height:17px;
padding:3px 0 0 0;
background:url(images/price-bg.jpg) no-repeat;
font:bold 11px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
clear:both;
margin:0 0 10px 58px;
}
#feature div.float p.image{text-align:center;}
#feature div.float p a:hover{text-decoration:underline;}
#feature div.float a.cart
{
height:16px;
background:url(images/ico-cart.jpg) left center no-repeat;
padding:0 0 0 22px;
float:left;
color:#000;
text-decoration:none;
font-weight:normal;
margin:0 0 0 10px;
}
#feature div.float a.details
{
height:16px;
background:url(images/ico-details.jpg) left center no-repeat;
padding:0 0 1px 20px;
margin:0 15px 0 0;
float:right;
color:#000;
text-decoration:none;
font-weight:normal;
}
#newsletter
{
width:330px;
float:right;
}
#newsletter h1
{
font:bold 30px "Century Gothic", Arial, sans-serif;
color:#00628b;
line-height:27px;
margin:0 0 20px 0;
}
#newsletter p
{
font:12px Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
}
#newsletter dl
{
position:relative;
width:308px;
height:95px;
padding:20px 0 0 0;
background:#d9e1e5;
border:1px solid #b5ccd8;
}
#newsletter dt
{
width:86px;
float:left;
font:12px Arial, Helvetica, sans-serif;
color:#000;
text-align:right;
margin:2px 0 0 0;
}
#newsletter dl dd input
{
width:144px;
height:19px;
padding:0;
border:1px solid #c1c1c1;
margin:0 0 3px 10px;
float:left;
}
#newsletter dl dd input.submit
{
width:74px;
height:20px;
border:none;
float:right;
background:url(images/price-bg.jpg) no-repeat;
font:bold 11px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 67px 0 0;
}
#brands
{
width:330px;
float:right;
margin:80px 0 0 0;
}
#brands h1
{
font:bold 30px "Century Gothic", Arial, sans-serif;
color:#00628b;
line-height:27px;
margin:0 0 20px 0;
}
#brands p
{
font:12px Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
}
#brands ul
{
list-style:none;
margin:20px 0 0 0;
padding:0;
}
#brands ul li
{
width:80px;
height:60px;
float:left;
}
#brands a{display:block; margin:0 auto;}
#brands a.logo1
{
width:40px;
height:31px;
background:url(images/logo1.jpg) no-repeat;
}
#brands a.logo2
{
width:37px;
height:37px;
background:url(images/logo2.jpg) no-repeat;
}
#brands a.logo3
{
width:55px;
height:32px;
background:url(images/logo3.jpg) no-repeat;
}
#brands a.logo4
{
width:64px;
height:27px;
background:url(images/logo4.jpg) no-repeat;
}
#brands a.logo5
{
width:65px;
height:15px;
background:url(images/logo5.jpg) no-repeat;
}
#brands a.logo6
{
width:57px;
height:37px;
background:url(images/logo6.jpg) no-repeat;
}
#brands a.logo7
{
width:51px;
height:48px;
background:url(images/logo7.jpg) no-repeat;
}
#brands a.logo8
{
width:59px;
height:16px;
background:url(images/logo8.jpg) no-repeat;
}
#brands a.logo9
{
width:70px;
height:26px;
background:url(images/logo9.jpg) no-repeat;
}
#brands a.logo10
{
width:64px;
height:36px;
background:url(images/logo10.jpg) no-repeat;
}
#brands a.logo11
{
width:58px;
height:47px;
background:url(images/logo11.jpg) no-repeat;
}
#brands a.logo12
{
width:84px;
height:38px;
background:url(images/logo12.jpg) no-repeat;
}
#brands a.logo1:hover{background:url(images/logo1-hover.jpg) no-repeat;}
#brands a.logo2:hover{background:url(images/logo2-hover.jpg) no-repeat;}
#brands a.logo3:hover{background:url(images/logo3-hover.jpg) no-repeat;}
#brands a.logo4:hover{background:url(images/logo4-hover.jpg) no-repeat;}
#brands a.logo5:hover{background:url(images/logo5-hover.jpg) no-repeat;}
#brands a.logo6:hover{background:url(images/logo6-hover.jpg) no-repeat;}
#brands a.logo7:hover{background:url(images/logo7-hover.jpg) no-repeat;}
#brands a.logo8:hover{background:url(images/logo8-hover.jpg) no-repeat;}
#brands a.logo9:hover{background:url(images/logo9-hover.jpg) no-repeat;}
#brands a.logo10:hover{background:url(images/logo10-hover.jpg) no-repeat;}
#brands a.logo11:hover{background:url(images/logo11-hover.jpg) no-repeat;}
#brands a.logo12:hover{background:url(images/logo12-hover.jpg) no-repeat;}
#brands a span{display:none;}
#right
{
clear:right;
posotion:absolute;
width:220px;
float:right;
/*padding:20px 0 40px 10px;*/
padding:20px 0 40px 10px;
margin-left:10px;
background:#eef3e2;
font:12px Arial, serif;
color:#333;
line-height:18px;
/*height:100%;*/
}
#right a
{
text-decoration:none;
color:#698019;
}
#right a:hover{text-decoration:underline;}
#right .cartComponent, #right .newsComponent, #right .newProductsComponent, #right .bestSellersComponent, #right .specialsComponent, #right .newsComponentBody, #right .newProductsComponentBody, #right .bestSellersComponentBody, #right .specialsComponentBody, #right .categoryList, #right .categoryListBody, #right .priceRangeComponent, #right .customFieldsList, #right .priceRangeComponentBody, #right .customFieldsListBody, #right .mfcComponent, #right .mfcComponentBody, #right .thmComponent, #right .thmComponentBody
{
background:none;
border:none;
padding:0;
}
#right .cartComponentHeaderText, #right .newsComponentHeaderText, #right .newProductsComponentHeaderText, #right .bestSellersComponentHeaderText, #right .specialsComponentHeaderText, #right .categoryListHeaderText, #right .priceRangeComponentHeaderText, #right .customFieldsListHeaderText, #right .mfcComponentHeaderText, #right .thmComponentHeaderText
{
font:bold 12px Arial, serif;
color:#00628b;
line-height:18px;
margin:0 0 5px 0;
background:none;
text-transform:uppercase;
}
#footer-container
{
width:100%;
height:179px;
padding:30px 0 0 0;
clear:both;
/*** Here to change the footer color ***/

/*background:url(images/footer-bg.jpg) repeat-x;*/
background:url(images/footercd6889.jpg) repeat-x;
/*background:url(images/footercd919e.jpg) repeat-x;*/

/*** End to change the footer color ***/
}
#footer
{
width:800px;
margin:0 auto;
clear:both;
}
#footer p
{
font:11px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 10px 0;
}
#footer p a
{
color:#fff;
text-decoration:none;
margin:0 10px;
}

span.NANCESK-Full, p span.NANCESK-Full{ text-transform:uppercase; font-family:'Lucida Console', arial; color:#000000;font-weight:bold;font-size:120%;}
span.NANCESK-inner, p span.NANCESK-inner{ font-size:100%;}