/*Designer's specs go here for colors and font styles
Colors:
Tan background: #d4d3b2
Light green box: #d4e0b8
news and events date box: #204d5b
bottom navigation: light blue, #a4daeb

Fonts:
welcome to NautiGirl:
     welcome: arial, reg, 14px, dark grey #333333
     read more: arial, reg, underlined, 12px, red, #801618

news and events: 
     date: arial, bold, 12px, white, #ffffff
     main text: arial, reg, 12px, black, #000000
     read more: arial, reg, underlined, 12px, blue, #204d5b

Featured products
     product title: georgia, reg, 18px, red, #801618
     description: arial, reg, 12px, dark grey, #373737
     our price: arial, bold, 12px, dark grey, #373737
     view more: arial, reg, underlinded, 12px, green, #6d8d24

bottom navigation
     navigation text (unselected): georgia, reg, 12px, light grey, #939393
     navigation text (rollover): georgia, reg, 12px, light grey, #818181
     copyright text: georgia, reg, 9px, light grey, #939393

Main body text
     arial, reg,12px, grey, #373737

h1: georgia, reg, 18px, red, #801618
h2: georgia, reg, 18px, green, #d4e0b8
h3: georgia, reg, 18px, blue, #204d5b
*/

* {
margin:0;
padding:0;} /* Sets all margins and padding to zero across all browsers since IE handles differently.  Then they can be set for each element. */

/*--------- site-wide font styles ----------*/
a img {
border:none;}

a {
text-decoration:none;}

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
color:#801618;} /* title */

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
color:#d4e0b8;} /* sub title */

h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
color:#204d5b;} /* body text font size + bold */

div#breadcrumb {
margin-left: 115px;
margin-top: 10px;}

#breadcrumb  li{
display:inline;
padding-right: 2px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#711314;
text-transform:uppercase;}


#breadcrumb a {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#711314;
text-decoration:none;
text-transform:uppercase;
}

#breadcrumb li.navsel {
color:#000000;}

.crumblast {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-decoration:none;
text-transform:uppercase;
}

.crumbsep {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#711314;
text-decoration:none;}

#welcome p {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#333333;}

#content p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
line-height:130%;
color:#373737;
padding-bottom:10px;}

#sidebar p.first {
margin-top:75px;}

#sidebar .itemdate {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ffffff;
width:58px;
height:17px;
display:block;
background-color:#204d5d;
padding:2px 0 0 12px;
margin:0 0 3px 40px;}

#sidebar .itemteaser, #sidebar .itemteaser a.itemlink, #content a.itemlink {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
color:#000000;
margin:0 10px 15px 40px;
width:240px;}

#sidebar .itemteaser a.itemlink, #content a.itemlink {
margin-left:0;}

#sidebar a.rdmr, #content a.rdmr  {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#204d5d;
text-decoration:underline;}

p.rdmr a {
text-decoration:underline;}

.pagefade {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color: #666666;}

#content .itemtitle {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#204d5d;}

#content .itemdate {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;}
 
#cart_info td {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#373737;}

#cart_info a {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#801618;
text-decoration:none;}

#cart_info a:hover {
color:#ffffff;}

#featured h1 {
margin:0 0 15px 50px;}

#featured .product_title {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
color:#801618;
padding-bottom:5px;}

#featured .product_description, #featured .availability {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#373737;
padding-bottom:5px;}

#featured .product_price, #featured .pulldown_label {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#373737;
padding-bottom:5px;}

#featured .rdmr a, #featured a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#6d8d24;}

#featured .add_cart, #featured p.view_product, #featured .view_product a, #featured .quantity {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#6d8d24;
text-decoration:none;
margin-bottom:4px;}

#featured p.view {
line-height:12px;}

#featured p.view a {
font-family:"Times New Roman", Times, serif;
font-size:11px;
font-weight:normal;
color:#801618;
text-decoration:none;}

.closed {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#801618;}

#footer p {
font-family:Georgia, "Times New Roman", Times, serif;
color:#939393;
padding:6px 0 0 0;}

#footer p a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#939393;
padding:0 5px;
text-decoration:none;}

#footer p a:hover {
color:#818181;
text-decoration:underline;}

#footer p.copyright {
font-size:9px;}


/*------------- layout styles -------------*/
html {
min-height: 100%;
margin-bottom: 1px;} /* Always makes vertical scrollbar (kills annoying page shift in Firefox) */

body {
background:url(images/background_waves.gif) repeat;}

#wrapper {
width:900px;
margin:0 auto;
border:7px solid #ffffff;
background-color:#d6d3b2;} /* surrounds site and controls centering of page in browser window and any page border or repeating background image like a shadow. */

#header {
width:900px;
height:272px;
float:left;} /* contains header image(s) and sometimes image rotater */

#header img {
float:left;}

#search_box {
width:900px;
height:27px;
float:left;
background:url(images/search_slice.jpg) top left no-repeat;}

.search {
width:200px;
height:19px;
border:1px solid #cccccc;}

#search_box img {
height:21px;
width:47px;}

.clear {
clear:both;} /* any div needed only to clear */

/*------------ top horizontal navigation ---------------*/
#nav {
width:900px;
height:44px;
float:left;
background-color:#990000;
border-top:5px solid #ffffff;} /* div holding nav ul */

#nav ul {
float:left;
list-style:none;}

#nav ul li {
float:left;}

#nav a {
float:left;
display:block;
padding-top: 44px; /* height of the replacement image */
height: 0px;
overflow: hidden;}

#nav a#home {
width:135px;
background:url(images/home_n.jpg) top center no-repeat #801618;}

#nav a#home:hover {
background:url(images/home_r.jpg) top center no-repeat #711314;}

#nav a#home.navsel {
background:url(images/home_a.jpg) top center no-repeat #067a91;}

#nav a#store {
width:166px;
background:url(images/store_n.jpg) top center no-repeat #801618;}

#nav a#store:hover {
background:url(images/store_r.jpg) top center no-repeat #711314;}

#nav a#store.navsel {
background:url(images/store_a.jpg) top center no-repeat #067a91;}

#nav a#about {
width:175px;
background:url(images/aboutus_n.jpg) top center no-repeat #801618;}

#nav a#about:hover {
background:url(images/aboutus_r.jpg) top center no-repeat #711314;}

#nav a#about.navsel {
background:url(images/aboutus_a.jpg) top center no-repeat #067a91;}

#nav a#retail {
width:227px;
background:url(images/retaillocator_n.jpg) top center no-repeat #801618;}

#nav a#retail:hover {
background:url(images/retaillocator_r.jpg) top center no-repeat #711314;}

#nav a#retail.navsel {
background:url(images/retaillocator_a.jpg) top center no-repeat #067a91;}

#nav a#contact {
width:189px;
background:url(images/contactus_n.jpg) top center no-repeat #801618;}

#nav a#contact:hover {
background:url(images/contactus_r.jpg) top center no-repeat #711314;}

#nav a#contact.navsel {
background:url(images/contactus_a.jpg) top center no-repeat #067a91;}


/*------------ main body area ---------------*/
#main_home, #main {
width:900px;
float:left;} /* main content area */

#welcome {
width:585px;
height:266px;
margin-bottom:20px;
float:left;
background:url(images/welcome.jpg) top left no-repeat;}

#welcome p {
margin:110px 0 0 47px;
padding:5px 0 5px 0;}

#sidebar {
width:314px;
height:266px;
margin-bottom:20px;
float:left;
background:url(images/news&events.jpg) top right no-repeat;} /* for subnav, resources or featured items - can be floated left or right or put under the main content area */

#featured_top_home {
width:900px;
height:77px;
float:left;
background:url(images/featured_products_top.jpg) top left no-repeat;} /* holds slice */

/*	this now being written dynamically in head tag to include background url
#cat_top {
width:414px;
height:133px;
float:left;} /* holds different category headings with swirlies */


#cart_info {
width:486px;
height:133px;
float:left;
background:url(images/cat_shopping_cart.jpg) top left no-repeat;} /*holds blue slice for cart info or something else */

#featured {
width:900px;
float:left;
background:url(images/featured_products_repeat.jpg) top center repeat-y;} /* holds repeating background slice */

#featured_btm {
width:900px;
height:92px;
float:left;
background:url(images/featured_products_bottom.jpg) top left no-repeat;} /* holds bottom slice with swirlies */

/* content area for non-product pages */
#featured #content {
width:800px;
margin:0 auto;}

/* slices for about page */
#featured_top_about {
width:900px;
height:77px;
float:left;
background:url(images/about_us_top.jpg) top left no-repeat;} /* holds slice with swirlies */

#featured_about {
width:900px;
float:left;
background:url(images/about_us_slice.jpg) top center repeat-y;} /* holds repeating slice */

#featured_btm_about {
width:900px;
height:92px;
float:left;
background:url(images/about_us_bottom.jpg) bottom left no-repeat;} /* holds slice with swirlies */

/* slices for contact page */
#featured_top_contact {
width:900px;
height:77px;
float:left;
background:url(images/contact_us_top.jpg) top left no-repeat;} /* holds slice with swirlies */

#featured_contact {
width:900px;
float:left;
background:url(images/contact_us_slice.jpg) top center repeat-y;} /* holds repeating slice */

#featured_btm_contact {
width:900px;
height:92px;
float:left;
background:url(images/contact_us_bottom.jpg) bottom left no-repeat;} /* holds slice with swirlies */

/* slices for retail locator page */
#featured_top_retail {
width:900px;
height:77px;
float:left;
background:url(images/retail_locator_top.jpg) top left no-repeat;} /* holds slice with swirlies */

#featured_retail {
width:900px;
float:left;
background:url(images/retail_locator_slice.jpg) top center repeat-y;} /* holds repeating slice */

#featured_btm_retail {
width:900px;
height:92px;
float:left;
background:url(images/retail_locator_bottom.jpg) bottom left no-repeat;} /* holds slice with swirlies */

/*------------ product pages -------------*/
td div.detail_img {
width:430px;
height:457px;
background:url(images/cat_product_bkg_lg.jpg) top left no-repeat;
padding:31px 0 0 30px;}

td div.thumb {
width:164px;
height:155px;
text-align:center;
background:url(images/product_thumbnail_bkg_12.jpg) top left no-repeat;}

td div.thumb img {
margin:17px 0 0 1px;}

td.prod_info {
width:232px;
padding:10px 0 25px 10px;
vertical-align:top;}

td.detail_description {
padding:13px 0 0 7px;}

td.detail_description p {
width:200px;}

/*------------ footer ---------------*/
#footer {
width:900px;
height:50px;
float:left;
clear:both;
margin-bottom:30px;
text-align:center;
background-color:#a4daeb;} /* container div for footer info */

/*------------ big fresh signature/logo (if not included in #footer) ---------------*/
#big_fresh {
padding-top:10px;
text-align:center;} 

#big_fresh a {
text-decoration:none;}

/*------------ contact form ---------------*/
.button { border: 1px solid #333333; font-size: 12px; font-family: Verdana; background-color: #CC0000; height:18px; color:#FFFFFF; }
.textbox { border: 1px solid #333333; font-size: 12px; font-family: Verdana; width: 250px; }
.textboxreqd { border: 1px solid #333333; font-size: 12px; font-family: Verdana; width: 250px; background-color: #cccccc; }
.dropdown { border: 1px solid #333333; font-size: 12px; font-family: Verdana; }
.large_text { border: 1px solid #333333; font-size: 12px; font-family: Verdana; width: 250px; height: 70px; }

form td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
color:#000000;} /* font styling for contact form headings */


    /* spam decoys */
    .form_serial { 
      display: none; }

.na_style {
color: #999999;
}