@charset "utf-8";
/*  Styles
Updated: 06/16/2009
Site: Forever Wed
Author: Laurence Johnston
----------------------------------------------------*/

/* SECTION INDEX
-------------
=ZEROING ALL ELEMENTS
=GENERIC
=WRAPPER
=HEADER
=NAVBAR
=MAIN
=FOOTER
=SFNT PAGE
=CTGY PAGE
=PROD PAGE
*/

/* =ZEROING ALL ELEMENTS
----------------------------------------------------*/
body, div, form, label, fieldset, legend, img, p, h1, h2, h3, h4, h5, ul, li, a{
border:0 solid transparent;
margin:0;
padding:0;
}
body{
font:normal 0.75em Arial, Helvetica, sans-serif;
/* default browser font size is 16px (16px * 0.75 = 12px) */
}
a{
position:relative;
z-index:1;
}
input, select, option, textarea{
font:normal 1em Arial, Helvetica, sans-serif;
position:relative;
z-index:1;
}
ul, ol{
list-style:none;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


/* =GENERIC
----------------------------------------------------*/
body{
margin:auto;
background:#ffffff;
color:#000000;
}
h1{
font:bold 16px Arial, Helvetica, sans-serif;
color:#076899;
background-image: url(../images/bg_cattree_h1.jpg);
background-repeat: repeat-x;
height:22px;
padding:4px 0px 0px 6px;
}
h2{
font:bold 18px Arial, Helvetica, sans-serif;
color:#00578a;
}
#h2_headers{
border-bottom:solid 1px #00588b;
padding-bottom:2px;
width:auto;
margin-bottom: 15px;
}
h3{
font:bold 14px Arial, Helvetica, sans-serif;
color:#00578a;
}
h4{
font:bold 12px Arial, Helvetica, sans-serif;
color:#00578a;
text-transform:uppercase;
}
h5{
font:normal 11px Arial, Helvetica, sans-serif;
color:#003258;
text-transform:none;
}
p{
margin-top:0.25em;
margin-bottom:1.5em;
color:#000000;
}
a{
color:#00578a;
text-decoration:none;
}
a:hover{
color:#2F385F;
text-decoration:underline;
}


/* =CONTAINER
----------------------------------------------------*/
#container{
margin:0 auto;
width:1024px;
height:auto;
background:url(../images/bg_container.jpg) repeat-y center bottom;
}


/* =HEADER
----------------------------------------------------*/
#header{
margin:0 auto;
width:960px;
height:122px;
background:url(../images/bg_header.jpg) no-repeat center bottom;
clear:both;
}


/* =NAVBAR
----------------------------------------------------*/
#navbar{
margin:0 auto;
width:960px;
height:30px;
clear:both;
position:relative;
 z-index:10;
}
#navbar_bottombar{
margin:0 auto;
width:960px;
height:5px;
clear:both;
background-color:#8bc5dd;
}
#menu1{
margin:0 auto;
width:960px;
clear:both;
height:30px;
background-image:url(../images/bg_navbar.jpg);
background-repeat:repeat-y;
}


/* =MAIN, CONTENT, BREADCRUMBS
----------------------------------------------------*/
#main{
margin:0 auto;
width:960px;
clear:both;
background:url(../images/bg_main.jpg) repeat-y center bottom;
}
#content{
margin:0 auto;
width:740px;
height:auto;
float:right;
padding:10px;
background-image:url(../images/content_top.jpg);
background-position:top;
background-repeat:no-repeat;
}
#content_basket{
margin:0 auto;
width:960px;
clear:both;
height:auto; 
background:url(../images/bg_content_basket.jpg) repeat-y center bottom;
}


/* =BREADCRUMBS
----------------------------------------------------*/
.bread_title{
font:bold 14px Arial, Helvetica, sans-serif;
color:#003a5c;
}
.bread_links a{
font:normal 12px Arial, Helvetica, sans-serif;
color:#003b7d;
}
.bread_links a:hover{
font:normal 12px Arial, Helvetica, sans-serif;
color:#003b7d;
}



.breadcrumb{
font:bold 11px Arial, Helvetica, sans-serif;
margin:0px 0px 10px 0px;
color:#003b7d;
}
.breadcrumb a{
padding:0 3px;
text-decoration:none;
font:bold 11px Arial, Helvetica, sans-serif;
}
.breadcrumb a:hover{
text-decoration:underline;
}
.breadcrumb_on{
color:#8ab3ec;
padding:0 3px;
font:bold 11px Arial, Helvetica, sans-serif;
}
.b_on{
color:#5F5347;
text-decoration:underline;
}


/* = SEARCH & SHOPPING CART
----------------------------------------------------*/
#search{
width:391px;
padding-top:3px;
float:left;
height:34px;
padding-left: 4px;
}
#cart{
width:600px;
float:right;
height:auto;
padding:10px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#00578a;
}
.cart_bold{
font:bold 13px Arial, Helvetica, sans-serif;
color:#4594B3;
text-decoration:none;
}
.cart{
font:bold 12px Arial, Helvetica, sans-serif;
color:#00578a;
}
.cart a{
font:bold 12px Arial, Helvetica, sans-serif;
color:#00578a;
text-decoration:none;
}
.cart a:hover{
font:bold 12px Arial, Helvetica, sans-serif;
color:#4e6e91;
text-decoration:underline;
}


/* =SUBNAV - CATTREE
----------------------------------------------------*/
#cattree{
margin:0 auto;
width:200px;
height:auto;
float:left;	
}
#cattree li{
width: 200px;
}
#cattree li a{
font:bold 12px Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
display: block; 
cursor:pointer;
padding:1px 0px 1px 10px;
}
#cattree li a:hover{
font:bold 12px Arial, Helvetica, sans-serif;
color:#076899;
cursor:pointer;
text-decoration:none;
background:#EFEFEF; 
padding:1px 0px 1px 10px;
}
.more_link{
font:bold 14px Arial, Helvetica, sans-serif;	
color:#ffffff;
text-decoration:none;
cursor:pointer;
padding:3px 0px 0px 5px;
}
ul#first{
width:100%;
margin: 0;
padding: 0;
}
#subnav{
float:left;
width: 200px;
font:bold 1.1em tahoma, helvetica, arial;
border-top:1px dashed #747474;
}
#subnav h5 { 
display:block; 
color:#212121; 
background:#b2b2b2; 
padding: 3px;
}
#subnav li { 
margin: 0; 
padding: 0; 
list-style:none; 
width: 200px; 
border-bottom:1px dashed #747474;
}	
#subnav li a { 
color: #ffffff; 
text-decoration:none; 
display: block; 
padding: 3px;
}
#subnav li a:hover { 
text-decoration:underline;
}
#subnav li ul { 
margin: 0; 
padding: 0; 
font-size: .9em; 
font-weight:normal;
}
#subnav li.subcategory { 
padding: 0; 
margin: 0; 
list-style:none; 
border:none; 
}	
#subnav li.subcategory a { 
color: #212121; 
padding: 3px 4px; 
}		
#subnav li.subcategory a:hover { 
text-decoration:underline; 
}	
#subnav li.subcategory a:visited:hover { 
color: #212121; 
}
#subnav li.subcategory h5 { 
color: #212121; 
font-weight:normal; 
}	


/* =FOOTER
----------------------------------------------------*/
#footer{
margin:0 auto;
width:960px;
height:170px;
font:bold 10px Arial, Helvetica, sans-serif;
text-align:center;
background:url(../images/bg_footer.jpg) no-repeat center bottom;
color:#002E6E;
clear:both;
}
#footer_topbar{
margin:0 auto;
width:960px;
height:10px;
background-color:#005487;
clear:both;
}
.footer a{
font:bold 10px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}
.footer a:hover{
font:bold 10px Arial, Helvetica, sans-serif;
color:#4e6e91;
text-decoration:underline;
}


/* =SFNT PAGE
----------------------------------------------------*/
.sfnt_brown{
font:bold 14px Arial, Helvetica, sans-serif;
color:#8A6D42;
text-decoration:none;
line-height: 1.2em;
}
.sfnt_dark_brown{
font:bold 14px Arial, Helvetica, sans-serif;
color:#4A2500;
text-decoration:none;
line-height: 1.2em;
}
.sfnt_details{
font:bold 14px Arial, Helvetica, sans-serif;
color:#784B15;
text-decoration:none;
line-height: 1.2em;
}


/* =CTGY PAGE
----------------------------------------------------*/
.ctgy_border{
padding:3px;
border: 1px #CFC2B5 solid;
}
.sale{
color:#580400;
padding:2px;
font:normal 12px Arial, Helvetica, sans-serif;
}


/* =PROD PAGE
----------------------------------------------------*/
#prod_alternate_container{
padding:3px; 
width:64px; 
height:60px; 
display:block; 
float:left;
}
#prod_alternate_border{
padding:2px; 
border:1px solid #CFC2B5; 
width:60px; 
height:60px; 
display:block; 
float:left;
}
#prod_alternate_shell{
margin-top:5px; 
margin-left:10px; 
height:auto; 
width:auto;
}
.product_bold{
font:bold 10px Arial, Helvetica, sans-serif;
color:#00578a;
}
.product_name{
font:normal 22px Arial, Helvetica, sans-serif;
color:#003258;
}
.product_customfield{
font:normal 18px Arial, Helvetica, sans-serif;
color:#8ab3ec;
font-style:italic;
}
.product_quantity{
font:normal 14px Arial, Helvetica, sans-serif;
color:#000;
font-style:italic;
}
.product_romance{
font:normal 14px Arial, Helvetica, sans-serif;
}
.product_romance img{
max-width:350px;
}



/* =DYNAMIC DRIVE
----------------------------------------------------*/

#dynamicdrive{
width:680px; 
height:170px; 
border-top: 1px solid #ccc; 
border-bottom: 1px solid #ccc; 
padding:10px 0px 5px 0px;
}
.scroller{
width:680px;
height:160px;
}
.scroller li{
float:left;
width:155px;
height:150px;
display:block;
overflow:hidden;
padding:0px 5px 0px 5px;

}
.prev{
background: url(../images/dd_arrow_left.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height:40px;
width:20px;
}
.next{
background: url(../images/dd_arrow_right.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height:40px;
width:20px;
}