body { margin:0px; padding:25px; background:#fff ; color:#000; font-family:Tahoma, Verdana; font-size:11px; #9e1507; }
 table { font-family:Tahoma, Verdana; color:black; font-size:11px;}
 a { color:#9e1507; text-decoration:none; display:auto; font-weight: bold}
 a:hover { text-decoration:underline; }
 h1 {font-family:"Trebuchet MS", Tahoma; color:#9e1507; font-size:24px; line-height:25px; letter-spacing:-1px; border-bottom:1px solid #c4c4c4; font-weight: normal }
 h2 {font-family:"Trebuchet MS", Tahoma; color: white; font-size:17px; letter-spacing:2px; background: #ee8a00; padding: 2px 4px; font-weight: normal; clear: both  }
 h3 { color:#ee8a00; font-size:17px; font-weight: normal   }
 h4 { color:#006a99; font-size:16px; line-height:18px; }




 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; }



 .notes { font-size:9px; color:#6D6D6D; } 
 .shout { font-size:13px; color:#e4a754; font-weight:bold; line-height:17px; background:#f9e4c7; padding:8px;  }
 .shout a { color:white; font-size:17px; line-height:20px; }
 .noborder:hover { border:0px; }
 
 .datatable thead td { background-color:#ffffff; color:white; font-weight:bold;  border:1px solid white; padding:4px; }
 .datatable tbody td { background-color:#efefef; border:1px solid white; padding:4px; }
 .datatable tfoot td { background-color:#dcdcdc; border:1px solid white; padding:4px; }

.shout2 { font-size:1.2em; color:#fff; font-weight:bold; padding:4px 5px; background:#D96203; border:1px solid white; }
.submit { background:#F19410; 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:1px solid #C6C6C6; padding:4px; color:#F19410; font-weight:bold; }
.caption { font-weight:bold; background:#F19410; 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:750px; border:1px solid #c5c5c5; border-top:0px; margin-bottom:10px;  }
  #main { height:auto; width:750px; border:7px solid #fff; border-top:0px; }


#sitelogo { color:#1B3381; height:100px; background-color:white; border:0px; font-size:22px; font-weight:bold; text-indent: 20px}
 #hbc_back { height:100px; background-color:white; border:0px; }


#main_pic { height:150px; width:685px; #739C4A; margin:auto; padding:auto; background:url(../template/top_pic.jpg); }
#date { height:27px; background-color:#9e1507; border-bottom:1px solid white; border-top:4px solid white; text-align:right; color:#fff; padding-right:10px;}
#sitelogo { color:#D96203; height:90px; background:white; border:0px; font-size:2em; font-weight:bold; text-indent:20px; text-align:left; }
#hbc { height:90px; background:white; border:0px; padding-right:20px; }
#hbc a:hover { border:0; }
 #main_pic { height:144px; width:685px; #739C4A; margin:auto; padding:auto; background:url(https://www.shopwiz.co.uk/sites/arrowhairshop/template/top_pic.jpg) white ; } 
 #date { height:27px; background-color:#9e1507; border-bottom:1px solid white; border-top:4px solid white; text-align:right; color:#fff; padding-right:10px;}



#pagebody_outer { border-top:4px solid #e1e1e2; border-bottom:4px solid #ee8a00; background:url(https://www.shopwiz.co.uk/sites/arrowhairshop/template/pagebody_back.gif) no-repeat bottom right white; color:black; }
#pagebody { padding:25px; padding-top:25; padding-right:15px; color:#000; width: 530px }


#pagebody .noborder img { border: 0px; }
 #bottom { border:1px solid #ee8a00; border-top:0; height:25px; background-color:#edac52; text-align:center; font-size:11px; color:white; }
 #end, #end a { color:#fff; font-size:9px; }




#menu { background:#ee8a00; font-weight:bold; color:white; border-bottom:4px solid white;}
#menu ul { padding:2px 0; margin:3px 0; list-style:none; }
#nav { text-align:center; }
#nav li { display:inline; position: relative;  }
#nav li a { width:100%; padding:4px 8px; color:white; text-transform: uppercase ; text-decoration:none; }
#nav li a:hover { border:0; color:#9e1507; }
#nav li ul { display:none; position:absolute; top:10px; left:0; width:134px; text-align:left; margin-top:3px; margin-left:7px; }
#nav li > ul { top:auto; left:0; margin-top:3px; }
#nav li:hover ul, li.over ul{ display:block; }
#nav li ul a { display:block; width:100%; background:#F19410; padding:4px; border-top:1px solid #F7B250; }
#nav li ul a:hover { background:#FFD68F; color:#C24A01; border-top:1px solid #F7B250; }
#nav li ul ul { margin:-22px 0 0 160px; top:20px; }
#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 { display:block; left:-4px; }
#nav .nav_parent a { background:url(../template/nav_parent_out.gif) #ee8a00 no-repeat right; padding-right:18px; }
#nav .nav_parent a:hover { background:url(../template/nav_parent_over.gif) #ee8a00 no-repeat right; }
#nav .nav_child a { background:#ee8a00; }
#nav .nav_child a:hover { background:#ee8a00; }
#nav .nav_parent2 a { background:url(../template/nav_parent2_out.gif) #ee8a00 no-repeat right; padding-right:18px; }
#nav .nav_parent2 a:hover { background:url(../template/nav_parent2_over.gif) #FFD68F no-repeat right; }
#nav .nav_child2 a { background:#ee8a00; }
#nav .nav_child2 a:hover { background:#ee8a00; }
#nav #active { color:#FFD68F; cursor:default; background:#ee8a00; }
#nav .nav_parent #active { color:#FFD68F; cursor:default; background:url(../template/nav_parent_out.gif) #ee8a00 no-repeat right; }
#nav .nav_child #active, #nav .nav_child2 #active, #nav .nav_parent2 #active { background:#ee8a00; }
#ie7fix { display:none; }


 #hbc { height:20px; color:#CDD0D2; }
  #hbc_search { margin-right:5px; }
  #hbc a { color:#95989A;}
  #hbc a:hover { color:#1683bf; 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:#860D4A; }
  #go { background-color:#9e1507; color:white; height:20px; font-size:9px; padding-left:3px; padding-right:3px; border:0px; cursor:pointer; }

#side_menu { width:150px; background:url(https://www.shopwiz.co.uk/sites/arrowhairshop/template/menu_bot.gif) bottom #dbdbdb no-repeat; padding-bottom:40px; color:white;}


#nav2, #nav2 ul { padding: 0; margin:0; list-style: none; line-height: 1;   }
#nav2 a {display: block; text-indent:7px; background-color:#dbdbdb; color:#767676; height:25px ; line-height:22px ; font-weight: normal}
#nav2 a:hover {background-color:#9e1507; color:#fff; text-decoration:none; }
#nav2 li { float: left; width: 150px;  }

#nav2 li { /* all list items */float: left; width: 150px; /* width needed or else Opera goes nuts */ }  
#nav2 li ul { /* second-level lists */position: absolute; width: 150px ; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */} 
#nav2 li ul ul { /* third-and-above-level lists */margin: -25px 0 0 150px} 
#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 { /* lists nested under hovered list items */ left: auto; margin: -25px 0 0 150px;} 
#nav2 li ul ul { /* third-and-above-level lists */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 { /* lists nested under hovered list items */	left: auto; }

 #contact { background:#c5c5c5; margin:10px 7px; padding:7px; font-size:10px; clear: both; border: 1px solid white }
 #contact b {color: #767676}
 .test { border-top:1px solid #dcdcdc; border-right:3px solid #1d9dbe; border-bottom:3px solid #1d9dbe; border-left:1px solid #1d9dbe; padding:10px; color: #fff; float: right; width: 160px; background: #006b99; margin-left: 10px; margin-bottom: 10px  }
 
 .header_detail {padding-bottom: 5px}
  .header_detail h3 {color: white; font-size: 13px; font-weight: bold; letter-spacing: 1px; background: #ee8a00; padding: 2px 2px 2px 6px; margin-bottom: 0 }
  .header_detail h4 {color: white; font-size: 13px; font-weight: bold; letter-spacing: 1px; background: #9e1507; padding: 2px 2px 2px 6px; margin-bottom: 0 }
  .header_detail h4 a {color: white}
  .header_detail h3 span {color: #e396e2}
 
 .option1 {background: #dbdbdb; border: 1px solid #767676; padding: 10px; color: #767676; text-align: center; margin-bottom:  8px }
 #addto {background: #ee8a00; border: 1px solid #ca7500; padding: 10px; color: white; text-align: center }
 #addto input {background: #9e1507; border: 1px solid white; color: white; text-align: center }
  .detail_body {padding: 10px: padding-bottom: 0}