body { margin:0; padding:10px; font:85% "lucida sans unicode", verdana, arial, sans-serif; background:#000000; color:#ffffff; }
table { font-size:1em; }
table p { margin:0; }
a { color:#bc2599; }
a:hover { color:#c83eab; text-decoration:none; }
a img {padding:4px; }
a:hover img { padding:4px;  }
a img.noback { background:none; padding:4px; border:none; }
a:hover img.noback { background:none; padding:4px; border:none; }
h1 { background:#424242; font-size:1.6em; color:#e789d3; margin-top:0; padding:3px 8px; } 
h2 { font-size:1.2em; color:#bc2599;  background:url(left_back.gif) #fde7f9 repeat top left; padding:3px; border:1px solid #e77bd0; } 
h3 { font-size:1.3em; color:#121316; margin-top:4px; } 
h4 { font-size:1.2em; color:#7cb326; border-bottom:1px solid #dcdcdc; padding-bottom:5px; } 
h5 { font-size:1em; color:#6ea41a; padding:0; margin:0; margin-top:7px; }
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; }
img.clsborderleft { border:1px solid #bb2498; padding:4px; margin-right:10px; margin-bottom:10px; } 
img.clsbordermiddle { border:1px solid #bb2498; padding:4px; margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsborderright { border:1px solid #bb2498; padding:4px; margin-left:10px; margin-bottom:10px; }
.datatable { border:1px solid #fff; } 
.datatable th { background:#121316; color:#7cb326; margin:4px;} 
.datatable td { border:1px solid #fff; margin:4px; } 
.notes { font-size:0.8em; color:#818383; } 
.shout { font-size:1.1em; color:#7cb326; } 
.shout2 { font-size:1.1em; color:#7cb326; background:#121316; padding:7px; } 
.submit, .reset { width:70px; cursor:pointer; border:0; }
.submit { background:#f698e2; color:#fff; }
.reset { background:#121316; color:#fff; }
.quote, blockquote { border:1px solid #7cb326; padding:15px; color:#121316; font-size:1.1em; } 
.caption { background:#121316; width:165px; color:#7cb326; padding:7px; margin:0 0 10px 10px; float:right; font-size:0.9em; border-right:4px solid #7cb326; } 
.custom1 {  } 
.custom2 {  } 
.border { border:1px solid #bb2498; padding:4px; } 
.noborder { border:0; }
.clear { height:0; clear:both; font-size:0.1em; margin-top:-2px; }

#top_links {  text-align:right; line-height:108px;  }
#top_links a { color:#e789d3; text-decoration:none; text-transform:uppercase; font-size:0.8em; margin-left:6px; }
#top_links a:hover { color:#be2399; }
#cart_button { background:url(cart_button.gif) no-repeat left center; padding-left:17px; }

#home_button { background:url(home_button.gif) no-repeat left center; padding-left:17px; }

#bookmark_button { background:url(bookmark_button.gif) no-repeat left center; padding-left:17px; }

#contact_button { background:url(contact_button.gif) no-repeat left center; padding-left:17px; }

#head { height:108px;  }
#sitelogo { float:left; height:108px;}
#extra { float:right; }
#top_nav { height:27px; color:#fff; clear:both; }

#nav2 { text-align:center; margin:0; padding:0; font-size:0.9em; }
/** positioning the drop-down menu **/
#nav2 ul, #nav2 ul ul { text-align:left; }
#nav2 li { display:inline; position:relative; top:6px; margin-right:-3px /* fixes inline list bug */; }
#nav2 li ul { margin:0; padding:0; display:none; position:absolute; top:21px/* distance away from the main nav2 bar */;  }
#nav2 li>/**/ul { top:15px /* distance away from the main nav2 bar for firefox */ ; }
#nav2 ul ul { margin:-6px 0 0 158px /* moves second drop down away from first */; display:block; padding:0; display:none; position:absolute; top:0;  } 
#nav2 li:hover ul ul, #nav2 li.over ul ul { display:none; }
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.over ul, #nav2 li li.over ul, #nav2 ul li a { display:block; width:150px /* width of the drop-downs */; left:0; }
/** styling the drop-down menu **/
#nav2 #active { color:#75777f; cursor:default; background:url(../template/menu_arrow.gif) center top no-repeat; }
#nav2 ul #active { cursor:default; background:#111; }
#nav2 li a { color:white; padding:6px 10px; text-decoration:none; }
#nav2 li a:hover { color:#a5d55a; background:url(nav_parent_over.gif) center top no-repeat; }
#nav2 ul li a:hover, #nav2 ul ul li a:hover { background:#555; }
#nav2 .nav2_child a { padding:4px 0 4px 8px; background:#3b3e43; color:#a5d55a; border-bottom:1px solid #5a5d62;  }
#nav2 .nav2_child a:hover { background:url(nav_child_over.gif) #6ea41a left no-repeat; color:#fff; border-bottom:1px solid #97c84a; }
#nav2 .nav2_child2 a:hover { background:url(nav_child2_over.gif) #6ea41a right no-repeat; color:#fff; border-bottom:1px solid #97c84a; }

#outer_wrapper {   }
#wrapper { padding-top:35px; }
#container { width:115%; float:left; margin-right:-190px /* THIS HAS TO BE THE SAME VALUE AS RIGHT_COL WIDTH */; }
#content { margin-right:180px /* THIS HAS TO BE THE SAME VALUE AS RIGHT_COL WIDTH */;  }
#pagebody { margin-left:190px /* THIS HAS TO BE THE SAME VALUE AS LEFT_COL WIDTH */; padding:15px; padding-top:10px; border:1px solid #e77bd0; color:#ffffff;}

#pagebody p { line-height:1.6em; }

#left_col { width:170px; float:left; padding:0 0 8px 8px; }
#search_header, #product_header, #product_header1, #mail_header { background:#424242; color:#e789d3; font-size:0.9em; height:23px; line-height:22px; margin-bottom:2px; text-indent:6px; }
#search_header span, #product_header span, #product_header1 span, #mail_header span { color:#fff; }
#search, #mail, #product_nav { border:1px solid #e77bd0; margin-bottom:8px; text-align:left; background:url(left_back.gif) #fde7f9 repeat top left; color:#414141; padding-left: 7px }
#search form, #mail form { margin:0; padding:0; }
#search .searchbox, #mail .searchbox { background:#fef5fc; border:1px solid #e77bd0; width:149px; margin:7px 0 7px 0px; }
#mail .searchbox {margin:2px 0 7px 0px; }
#go, #go2 { margin:0 0px 7px 105px; }
#products { background:url(../template/product_bottom.gif) bottom no-repeat; width:168px; list-style-type:none; margin:0; padding:0; }
#products a { display:block; width:142px; padding-left:10px; height:23px; line-height:22px; margin:0 1px; color:#3f0732; text-decoration:none; font-size:0.9em; border-bottom:1px dashed #e77bd0; background:url(product_arrow.gif) no-repeat top left;  }
#products a:hover { background:url(product_arrow_over.gif) no-repeat top left; color:#e468ca; }
#products .last { height:10px; }

#contact_details { padding:0 14px 7px 0; font-size:0.9em; text-align:right; }
#contact_details a { color:#000; }
#contact_details a:hover { text-decoration:none; }
#contact_details span { font-size:0.9em; color:#9499a1; }

#right_col { width:170px; float:right; padding:0; margin:0; margin-top:-4px;}
#bottom { background:url(bottom_back.gif) #262626 repeat-x top; margin-top:3px; color:#a5d55a; padding:8px; position:static; height:30px;}

#valid { color:#fff; font-size:0.9em; float:right; margin-top:5px; padding:3px 0; }
#valid a {  color:#e789d3; text-decoration:none; padding:2px 2px; }
#valid a:hover { color:#be2399;  }

#nav { text-align:center; margin:0; padding:0; font-size:0.9em; }
/** positioning the drop-down menu **/
#nav ul, #nav ul ul { text-align:left; }
#nav li { display:inline; position:relative; top:6px; margin-right:-3px /* fixes inline list bug */; }
#nav li ul { margin:0; padding:0; display:none; position:absolute; top:21px/* distance away from the main nav bar */;  }
#nav li>/**/ul { top:15px /* distance away from the main nav bar for firefox */ ; }
#nav ul ul { margin:-6px 0 0 158px /* 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:150px /* width of the drop-downs */; left:0; }
/** styling the drop-down menu **/
#nav #active { color:#fdc2f1; cursor:default; background:url(../template/menu_arrow.gif) center top no-repeat; }
#nav ul #active { cursor:default; background:#111; }
#nav li a { color:white; padding:6px 10px; text-decoration:none; background:url(menu_arrow.gif) center top no-repeat;}
#nav li a:hover { color:#fdc2f1; background:url(nav_parent_over.gif) center top no-repeat; }
#nav ul li a:hover, #nav ul ul li a:hover { background:#555; }
#nav .nav_child a { padding:4px 0 4px 8px; background:#3b3e43; color:#a5d55a; border-bottom:1px solid #5a5d62;  }
#nav .nav_child a:hover { background:url(nav_child_over.gif) #6ea41a left no-repeat; color:#fff; border-bottom:1px solid #97c84a; }
#nav .nav_child2 a:hover { background:url(nav_child2_over.gif) #6ea41a right no-repeat; color:#fff; border-bottom:1px solid #97c84a; }

#end { font-size:0.9em; color:#747474; text-decoration:none; text-align:center; margin:0 auto; padding-top:10px;}
#end a { color:#c83eab; text-decoration:none;}
#end a:hover { color:#be2399; }

.link td {background: #3a3a3b; padding: 4px;  font-size: 0.9em; }
.link td a {color: #6eaa1e; text-decoration:none;}

.contactform { color:#6eaa1e }

#home_images {margin: -26px 0 15px; font-size: 0.8em}

#hoodie-colour th { padding: 0 20px 0 20px; }