body { padding:15px; color:black; font-family:tahoma, verdana, sans-serif; font-size:70%; background:white; }
/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
table { font-size:1em; }

a { color:#b0d1a1; text-decoration:none; font-weight:bold; }
a:hover { text-decoration:underline; color: #cd7371 }
a img { border:0; }
form {margin:0;padding:0;}
#nav2 .header {background:#b0d1a1;color:#fff;}

h1, h2, h3, h4 { font-family:"trebuchet ms", tahoma, sans-serif; }
h1 { color:#b0d1a1; font-size:2em; border-bottom:1px solid #b0d1a1; line-height:25px; letter-spacing:-1px; padding-bottom:4px; }
h2 { color:#fff; font-size:1.3em; background:#b0d1a1; letter-spacing:1px; padding:2px 4px; font-weight: bold}
h3 { color:#f78f1e; font-size:1.6em; border-bottom:1px solid #C6C6C6; border-top: 1px solid #C6C6C6; line-height:25px; letter-spacing:-1px; }
h4 { color:#D96203; font-size:1.4em; }
img.clsleft { margin-right:10px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:10px; margin-bottom:10px; }
.datatable th { background:#f78f1e; color:white; font-weight:bold;  border:1px solid white; padding:4px; }
.datatable td { background:#efefef; border:1px solid white; padding:4px; }
.datatable p { padding:0; margin:0; }
.notes { font-size:0.8em; }
.shout { font-size:1.4em; color:#b0d1a1; font-weight:bold; padding:5px;  }
.shout2 { font-size:1.4em; color:#cd7371; font-weight:bold;  }
.submit { background:#f78f1e; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.reset { background:#D96203; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.quote { border:3px double #fff; padding:4px; color:#fff;background:#e5b8b7; font-weight:bold; }
.caption { font-weight:bold; background:#f78f1e; float:right; width:200px; padding:10px 8px; margin:0 0 10px 10px; color:white; font-size:0.9em; }
.custom1 {}
.custom2 {}
.border { border:2px solid #C6C6C6; }
.noborder: { border:0; }
#outer_table { margin:0 auto; }
#container { height:auto; width:768px; border:1px solid #FAE9F2; border-top:0px; margin-bottom:10px; text-align:left; }
#main { height:auto; width:768px; border:5px solid #fff; border-top:0px; }
#sitelogo { color:#D96203; height:90px; background:white; border:0px; font-size:2em; font-weight:bold; text-indent:10px; text-align:left; }
#hbc_back  { height:90px; color:#f78f1e; background:url(../template/hbc_back.gif) white no-repeat right; border:0px; padding-right:20px; width:300px; }

#main_pic { height:150px; width:753px; #739C4A; margin:auto; padding:auto; background:url(../template/top_pic.jpg); }

#date {background:#b0d1a1; font-weight:bold; color:white;  padding-right:10px; text-align:right; padding-right:20px;  border-bottom:20px solid white; }

#pagebody { background:url(../template/pagebody_back.gif) center no-repeat #fff; padding:30px; color:black; padding-top:0px; }
#pagebody form img { border:0; }
#pagebody p { line-height:16px; }
#bottom { padding: 5px; background:#b0d1a1; border-top:3px solid #a0c291; text-align:left; font-size:1em; color:white; padding-left:20px; }
#bottom a {color: white; font-weight: normal}
#bottom a:hover {color: #475540; font-weight: normal}#end, #end a { color:#C9CACA; font-size:0.9em; font-weight:normal; }
#end a { color:#fff; border-color:white; }
#copyright { color:white; }



#product_menu { width:160px; background:url(../template/product_back.gif) #ddf3ea no-repeat bottom; border-bottom:20px solid #fff; }

#nav2, #nav2 ul { padding:0; margin:0; list-style:none; width:160px; text-align:left; }
#nav2 a { display:block; width:153px; padding-left:7px; background:#ddf3ea; color:#979792; height:21px; line-height:20px; border-bottom:1px solid #fff; font-weight:normal; }
#nav2 a:hover { background:#e5b8b7; color:#fff; text-decoration:none; }
#nav2 li { float:left; width:160px; }
#nav2 li ul { position:absolute; width:160px ; left:-999em; }
#nav2 li ul ul { margin:-26px 0 0 160px; }
#nav2 li:hover ul ul, #nav2 li.sfhover ul ul { left:-999em; }
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul { left:auto; margin:-22px 0 0 160px; }
#nav2 li ul ul { margin:-1em 0 0 10em; }
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul { left:-999em; }
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul { left:auto; }
#nav2 .nav2_child, #nav2 .nav2_child2 { border:1px solid #fff; border-bottom:0; }
#nav2 .nav2_parent a { background:#f9a24a; }
#nav2 .nav2_parent a:hover { background:#242628; }
#nav2 .nav2_child a { background:#f9a24a; }
#nav2 .nav2_child a:hover  { background:#242628; }
#nav2 .nav2_parent2 a { background:#f9a24a; }
#nav2 .nav2_parent2 a:hover { background:#242628; }
#nav2 .nav2_child2 a { background:#f9a24a; }
#nav2 .nav2_child2 a:hover  { background:#242628; }
#nav2 li#heading_new, #nav2 li#heading_new2, #nav2 li#heading_new3, #nav2 li#heading_new4 {padding: 6px 0 6px 6px; color: #E5B8B7; font-size: 12px; font-weight: bold; border-bottom: 1px solid #E5B8B7; width: 153px; margin-bottom: 5px}


#heading {background: #dc852e; font-weight: bold; margin: 0 0 -1px -7px; padding: 2px 4px; border-left: 3px solid #be6a16; text-align: center; letter-spacing: 3px; text-transform: uppercase}
#heading1 {background: #dc852e; font-weight: bold; margin: 0 0 -1px -7px; padding: 2px 4px; border-left: 3px solid #be6a16; text-align: center; letter-spacing: 3px; text-transform: uppercase}
#heading3 {background: #dc852e; font-weight: bold; margin: 0 0 -1px -7px; padding: 2px 4px; border-left: 3px solid #be6a16; text-align: center; letter-spacing: 3px; text-transform: uppercase}


#nav { background:#b0d1a1; height:23px; text-align:left; margin:0; padding:0; border-bottom:20px solid white; padding-left:20px;}

/** positioning the drop-down menu **/
#nav ul, #nav ul ul { text-align:left; }
#nav li { display:inline; position:relative; top:5px; margin-right:-3px /* fixes inline list bug */; }
#nav li a { padding:5px 8px; text-decoration:none;   }
#nav li ul { margin:0; padding:0; display:none; position:absolute; top:18px/* distance away from the main nav bar */;  }
#nav li>/**/ul { top:13px /* distance away from the main nav bar for firefox */ ; }
#nav ul ul { margin:-5px 0 0 160px /* moves second drop down away from first */; display:block; padding:0; display:none; position:absolute; top:0;  } 
#nav li:hover ul ul, #nav li.over ul ul { display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul, #nav ul li a { display:block; width:144px /* width of the drop-downs */; left:0; }

/** styling the drop-down menu **/
#nav #active { color:#88a57b; cursor:default; }
#nav li a { background:#b0d1a1; color:white; font-weight:bold; }
#nav li a:hover { background:#b0d1a1; color:#475540;}
#nav ul li a:hover, #nav ul ul li a:hover { background:#555; }
#nav .nav_parent a { padding-right:18px; }
#nav .nav_parent a:hover {  }
#nav .nav_child a { padding-right:8px; }
#nav .nav_child a:hover {  }
#nav .nav_parent2 a {  }
#nav .nav_parent2 a:hover {  }
#nav .nav_child2 a {  }
#nav .nav_child2 a:hover {  }

#hbc { height:20px; color:#CDD0D2; }
 #hbc_search { margin-right:5px; }
 #hbc a { color:#cd7371; font-weight: normal}
 #hbc a:hover { color:#b0d1a1; text-decoration:none; }
 .search { border:1px solid #CDD0D2; background-color:#fff; color:#95989A; text-align:right; height:30px; padding:3px; }
 .searchbox { border:1px solid #CDD0D2; color:#e45a2b; }
 #go { background-color:#b0d1a1; color:white; height:20px; font-size:9px; padding-left:3px; padding-right:3px; border:0px; cursor:pointer; }


#girl h2 { color:#cd7371; font-size:1.3em; letter-spacing:1px; margin-bottom:0; background: white}
#boy h2 { color:#cd7371; font-size:1.3em; letter-spacing:1px;  margin-bottom:0; background: white}
#neutral h2 { color:#cd7371; font-size:1.3em; letter-spacing:1px; margin-bottom:0; background: white}
#col1 {background: white; border-left: 1px solid #b0d1a1; }

form { margin:0; padding:0; }



#contact_form fieldset { margin:0 auto; padding:10px 15px; width:500px; border:1px dashed #555; display:block; }
#contact_form legend { padding:10px 6px; background:#fff; /* This is the text that intersect the border around the form */ }
#contact_form select, #contact_form input, #contact_form textarea { display:block; width:370px; float:left; margin-bottom:7px; padding:2px 4px; background:#fff; border:0; color:#000; font-family:"lucida sans unicode", arial, sans-serif; /* don't forget to change this so it's the same font as the rest of the site. It's probably a better idea to target this earlier in the css document */ font-size:1em; border:1px solid black; overflow:hidden; }
#contact_form select { width:377px; }
#contact_form label { float:left; text-align:right; width:120px; padding-right:10px; }
#contact_form textarea { height:130px; }
#contact_form br { clear:left; }
#contact_form .submit, #contact_form .reset { width:60px; margin:8px 0; cursor:pointer; float:right; border:0;}
#contact_form .submit { margin-right:4px; background:#b0d1a1; color:#475540; }
#contact_form .reset { background:#444; color:#fff; }


 #product_table, #product_table select { font-size:10px; }
  #more_details { margin:0; padding:0; }
  #more_details a { display:block; width:100%; background:#860D4A; color:white; padding:3px; font-weight:bold; }
  #more_details a:hover { background:#BE3B7E; text-decoration:none; }
 
#product_table, #product_table select { font-size:1em; }
#more_details { margin:0; padding:0; }
#more_details a { display:block; width:100%; background: white; color:black; padding:3px; font-weight:bold; }
#more_details a:hover { background:#CB488B; text-decoration:none; }
#item {padding: 0px;  }
#item1, #details {border: 1px solid #b0d1a1; background: white; }
#item1 b, #details b {font-size: 1.1em; color: #e5b8b7; text-transform: uppercase}
#item1 .bord img, #details .bord img {border: 1px solid #b0d1a1; padding: 3px}
#item1 h4, #details h4 {color: #b0d1a1; font-size: 1.2em; margin: 0; font-weight: bold; text-transform: uppercase; padding-bottom: 0; }
#more_info {background: url(more_info.gif) no-repeat; height: 25px; width: 177px}
#more_info a {font-weight: normal}
#details {padding: 10px}
#details select {color:#565656; font-size: 0.9em; width: 260px}
#details h5 { font-size:14px; color:#860d4a; text-transform: uppercase  }
#addtobasket { border: 0; }

.landing_box_top { border-top:2px solid #b0d1a1; border-left:2px solid #b0d1a1; border-right:2px solid #b0d1a1; padding:10px; }
.landing_box_bottom { border-bottom:2px solid #b0d1a1; border-left:2px solid #b0d1a1; border-right:2px solid #b0d1a1; padding:10px; font-size:1.1em; font-weight:bold; color:#b0d1a1; }