/* Common */
body, table, input, select, textarea {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; }
body {background-color: #fff; text-align: center; }
body, form {margin: 0; padding: 0; }
input, select, textarea {font-size: 1em; }
img {border: 0;}
small {font-size: 0.85em; }

dl.col {line-height: 1.5em; }
dl.col dt {float: left; width: 7em; padding-right: 0.5em; text-align: left; }
dl.col dd {margin-left: 0.5em; }

#content p {margin-top: 0.9em; margin-bottom: 0.9em; line-height: 1.6em;}


.center {text-align: center; }
.clr {clear: both; }

h1 {font-family: Arial, Verdana, sans-serif; font-weight: bold; }
h1 {text-align: left; font-size: 35px; padding: 0px 0 0px 0; margin: 0px 0px 0px 0px; }
h1 em {color: #000; font-style: normal; }
h2 {font-family: Arial, Verdana, sans-serif; font-weight: bold; }
h2 {text-align: left; font-size: 17px; padding: 0px 0 0px 0; margin: 0px 0px -3px 0px;  letter-spacing: -.2em; }
h2 em {color: #000; font-style: normal; }
h3 {font-size: 20px; color: #fff;padding: 0px 0 0px 0; margin: 0px 0px 0px 0px; }

a {color: #980E10; }


.red{color: #980E10;}
.grey{color:#808285; }


/*Form Logic */

input, select, textarea {border-color: #A7A9AC; font-family: arial, verdana; font-size: 12px; border-width: 1px; border-style: solid; background-color: #F6F6F6;}
input, textarea {width: 280px; }
select {width: 280px; }
textarea {height: 120px; }
input:focus, select:focus, textarea:focus {border-color: #980E10; }
label {width: 130px; float: left; font-weight: bold; margin-right: 5px; text-align: right; }
.button{width: auto;}

.form_row{width: 100%; margin-bottom: 3px;}
.val-error{text-align: right; color: #980E10; width: 420px;}


.calendarDateInput{width : 4.4em;  margin-right: 5px;}
fieldset{margin-top: 15px;padding: 10px; border: 1px solid #980E10; }
legend{font-weight: bold; color: #000;}



label.rad input{
 float: left;
 width: 30px;
}



/* Layout */

#header{
  background-image: url(../images/site/header-bg.gif);
  background-repeat: repeat-x;
  height: 163px;
  margin-bottom: 3px;
}

#header-in{
  width: 680px;
  margin: 0 auto 0 auto;
  position: relative;
  height: 163px;

  
}
#header-in img{
  position: absolute;
}
#logo{
  top: 70px;
  left: 5px;
}
#lady-hair{
  top:0;
  left: 370px; 
}
#turn-heads{
  left: 555px;
  top: 55px;
}

#nav{
 
  
  background: black url(../images/site/blockdefault.gif) center center repeat-x;
  margin-bottom: 10px;
  background-color: #ccc;
  height: 25px;
}
.nav-in{
  width:745px;
  margin: 0 auto 0 auto; 
  
}

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: normal 12px Arial;
width: 745px;


border-width: 1px 0;
/*background: black url(../images/site/blockdefault.gif) center center repeat-x;*/
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
/*padding: 6px 0px 5px 0px;*/
line-height: 25px;
width: 122px;
text-decoration: none;
border-right: 1px solid #FFF;
text-transform: uppercase;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu a.active{
color: white;
background: transparent url(../images/site/blockactive.gif) center center repeat-x;
width: 122px;
}

.first{
  border-left: 1px solid #fff;
}
/*


#welcome #nav_welcome{color: white; background: transparent url(../images/site/blockactive.gif) center center repeat-x;}
#about #nav_about{color: white; background: transparent url(../images/site/blockactive.gif) center center repeat-x;}
#prices #nav_prices{color: white; background: transparent url(../images/site/blockactive.gif) center center repeat-x;}
#employment #nav_employment{color: white; background: transparent url(../images/site/blockactive.gif) center center repeat-x;}
#contact #nav_contact{color: white; background: transparent url(../images/site/blockactive.gif) center center repeat-x;}
*/

#content{
  padding-bottom: 10px;
  width: 740px;
  margin: 0 auto;
}

#content-in{
  
  width: 740px;
  margin: 0 auto;

}

#content-left{
  width: 475px;
  float: left;
  
  text-align: left;
  padding-top: 10px;
  
}

#content-left ul,#shop-right ul{
  margin: 0 0 0 20px;  
}

#content-left ul li,#shop-right ul li{
  margin: 0.6em 0;
  line-height: 1.5em;  
}



#content-right{
  width: 230px;
  float: right;  
  text-align: right;
}



/*
div.quote-box{
  background-color: #A7A9AC;
  margin-top: 5px;
  
  color: #fff;
  font-size: 24px;
  line-height: 1.4em;
 
}
div.quote-box-in{
  width: 190px;
  margin: 0 auto;
   text-align: left;
   padding-top: 10px;
   padding-bottom: 10px;
}
*/

div.employee-list{
  width: 100%;
  float: left;
  margin-bottom: 15px;
  
  
}

div.employee-list-in{
  
}

div.thumb{
  width: 90px;
  float: left;
  margin-top: 0.8em;
  height: 153px;
  background-color: #980E10;
}

div.employee-right{
width: 375px;
  float: right;
}


.manager-list{
  background-color: #A8A9AD;
  margin-top: 5px;
  margin-bottom: 10px;
}

.manager-list-in{
  width: 200px;
  margin: 0 auto;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
  
}

.manager-list p{
 padding-top: -5px;
 margin: 0;
 padding: 0;
 line-height: 1em;

  

}

.bottom-tab{
  background-color: #980E10;
  height: 20px;
  width: 50%;
}



img.quote{
  margin-top: 5px;
}

#bottom-nav{
  background-color: #818285;
  margin-bottom: 5px;
  
}

#bottom-nav ul{
  margin: 0;padding: 0;
  color: #fff;
}

#bottom-nav ul li{
  display: inline;
  list-style: none;
}
#bottom-nav ul li a{
  color: #fff;
  text-decoration: none;
  line-height: 25px;
  padding: 0 5px 0 5px;
}


#footer{
  background-color: #000;
  height: 105px;
}

#footer-in{
  width: 740px;
  margin:0 auto;
  position: relative;
}

#redken-logo{position: absolute; top: 25px; left: 5px;}
#tigi-logo{position: absolute; top: 25px; left: 115px;}
#s-factor-logo{position: absolute; top: 25px; left: 225px;}
#ghd-logo{position: absolute; top: 25px; left: 290px;}
#cloud-9-logo{position: absolute; top: 18px; left: 420px;}
#oil-logo{position: absolute; top: 18px; left: 570px;}


#store-contacts{
  font-size: 10px;
  background-color: #818285;
  margin-bottom: 5px;
  color: #fff;
  line-height: 30px;
  height: 30px;
}

dl.contacts
{
	margin: 0px 0 10px 10px;
 	padding : 0 0 0 0 ;
	line-height : 18px;
	text-align : left;
  float: left;
  color: #fff;

  position: absolute;
  right : 0px;
  top: 5px;
  width: 200px;
  line-height: 1.0;
  margin: 0;
}

dl.contacts dt {
  width:100%;
  font-weight:bold;
  text-align : left;
  margin-right : 5px;
}
dl.contacts dd {
  text-align : right;
  margin-left : 0px;
    margin-top: 4px;
  float: left;
  width: 100%;
}

dl.contacts span{
  /*font-size: 15px;*/
  color: #A7A9AC;  
}

table.prices{
  margin-top: 10px;
}

table.prices tr th{
  width: 7em;
  /*background-color: #E6E7E8;*/
  
}


table.prices tr td{
  
 /* background-color: #E6E7E8;*/
}

table td.divider{
 
  background-image: url(../images/site/divider.jpg);
  background-repeat: repeat-x;
}


.maps{
  margin-top: 15px;
  margin-bottom: 15px;
}

img.map{
  float: left;
  margin-right: 3px;
}

.map-text{
  float: right;
  width: 220px;
  
}


dl.contact-maps
{
	margin: 0px 0 20px 0px;
 	padding : 0 0 0 0 ;
 	width: 100%;
 	float: left;
 	font-size: 10px;


 
}

dl.contact-maps dt {
  width:100%;
  font-weight:bold;
  text-align : left;
 margin: 0;
 margin-bottom: 0.4em;
 padding: 0;
 font-size: 11px;
  
}
dl.contact-maps dd {
  text-align : left;
 
  float: left;
  width: 100%;
  margin: 0;
 padding: 0;
  margin-bottom: 0.3em;
}
.contact-maps a{
  text-decoration: none;
}

.contact-maps a:hover{
  text-decoration: underline;
}

.map-thumb{
 width: 90px;
  float: left; 
  margin-right: 3px;
  height: 150px;
  background-color: #980E10;
}



#signature{
  width: 740px;
  margin: 5px auto 10px auto;
  
  font-size: 10px;
  text-align: right;
  color: #980E10;
}

#signature a{
  color: #808285;
  text-decoration: none;
}


#showimage{

position:absolute;

visibility:hidden;

border: 1px solid #9F1517;

z-index: 10;

}



#showimage img{

 display: block;

  

}





#dragbar{

cursor: hand;

cursor: pointer;

background-color: #9F1517;

display: block;

line-height: 20px;

background-image: url(../images/site/nav-menu-bg.jpg);

/*

min-width: 100px; */

color: #fff;

}



#dragbar #closetext{
font-weight: bold;
margin-right: 1px;

}



/* Shop Code */



div#shop-left{
  width: 200px;
  float: left; 
}

div.left-in{
  width: 185px;
  margin: 0 auto;  
}



div#shop-right{
  width: 520px;
  float: right; 
  text-align: left;
}

.shop-cat{  
  text-align: left;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

div#shop-left .shop-cat h4{
  margin: 0;
  padding: 0;
  background-image: url(../images/site/blockactive.gif);
  background-repeat: repeat-x;
  background-position: left;
  line-height: 25px;
  color: #fff;
  text-align: left;
  text-indent: 10px;
  font-size: 12px;
  font-weight: normal;
}

.shop-man
{  
  text-align: left;
  border: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 10px;
 
}

.shop-man select
{  
  width: 184px;
  margin-left: 5px;
  text-align: left;
  border: 1px solid #ccc;
   margin-top: 5px;
}

div#shop-left .shop-man h4{
  margin: 0;
  padding: 0;
  background-image: url(../images/site/blockdefault.gif);
  background-repeat: repeat-x;
  background-position: left;
  line-height: 25px;
  color: #fff;
  text-align: left;
  text-indent: 10px;
  font-size: 12px;
  font-weight: normal;
}

.shop-cart
{  
  text-align: left;
  border: 1px solid #ccc;
  padding-bottom: 5px;
 
}

.shop-cart h4{
  margin: 0;
  padding: 0;
  background-image: url(../images/site/blockactive.gif);
  background-repeat: repeat-x;
  background-position: left;
  line-height: 25px;
  color: #fff;
  text-align: left;
  text-indent: 10px;
  font-size: 12px;
  font-weight: normal;
}



table.products{
  background-color: #ccc;
  width: 100%;
  margin-top: 10px;
  
}

table.products td{
  background-color: #fff;
  line-height: 1.5em;
  
  
}

table.products td a{
font-weight: bold;
white-space: nowrap;
  
  
}

a.add-cart{
  background-image: url(../images/site/add-to-cart.jpg);
  background-repeat: no-repeat;
  background-position: left;
  display: block;
  height: 25px;
  width: 155px;
  line-height: 25px;
  color: #fff;
  text-indent: 25px;
  text-decoration: none;
  font-weight: bold;
  margin-top: 5px;
}



tr.price td{
 
 font-size: 13px;
}

table.price{
  border : 1px solid #980E10;
  width: 100%;
  background-color: #FDF8F8;
}

table.price td{
  
  background-color: #FDF8F8;
}


div.add_this{
  margin-top: 5px; 
  text-align: left;
  padding-left: 5px;
}


.shop-img{
  margin: 5px 0;
  border: 1px solid #ccc;
}