/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/


body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:#FFB6C1;
 margin:10px 0px 0px 0px;
 padding:0px;
}
#wrapper { 
 margin: 0 auto;
 width: 760px;
 border:5px solid #fff;
 background: #ffffff url(/_images/wrapper_bk.gif);
 background-repeat:repeat-y;
}
#header {
 color: #333;
 width: 760px;
 height:119px;
 float: left;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background-image: url(/_images/products_03.gif);
 background-repeat:repeat-x;

}
#header_right {
 color: #333;
 width: 172px;
 float: left;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 
}
#navigation {
 float: right;
 display:inline;
 width: 588px;
 color: #333;
 padding: 0px;
 margin: 84px 0px 0px 0px;
background-image: url(/_images/top-links_08.gif);
 background-repeat:repeat-x;
 }
#stylefour{position:relative;display:block;margin:0px 0px 0px 0px;height:35px;font-size:11px;font-weight:bold;background:transparent url() repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-top:0px solid #B30000;}
#stylefour ul{margin:0;padding:0;list-style-type:none;width:auto;}
#stylefour ul li{display:block;float:left;margin:0;}
#stylefour ul li a{display:block;float:left;color:#333366;text-decoration:none;padding:8px 10px 0px 10px;height:25px;}
#stylefour ul li a:hover,#stylefour ul li a.current{color:#333366;}

.wireframemenu{
border: 0px solid #C0C0C0;
border-bottom-width: 0;
width: 170px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: normal 12px Arial;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #cc3366;
text-decoration: none;
border-bottom: 1px solid #efefef;
}

.wireframemenu a:visited{
color: #cc3366;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
color: #003366;
text-decoration:none;
}
.wireframemenu2{
border: 0px solid #C0C0C0;
border-bottom-width: 0;
width: 170px;
}

* html .wireframemenu2{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu2 ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu2 a{
font: normal 11px Arial;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #cc3366;
text-decoration: none;
border-bottom: 1px solid #efefef;
}

.wireframemenu2 a:visited{
color: #cc3366;
}

html>body .wireframemenu2 a{ /*Non IE rule*/
width: auto;
}

.wireframemenu2 a:hover{
color: #003366;
text-decoration:none;
}
#leftcolumn { 
background-image: url(/_images/top-links_left.gif);
background-repeat:repeat-x;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 172px;
 float: left;
}
#rightcolumn { 
text-align:left;
 float: right;
 color: #111;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 586px;
 display: inline;

}
#page_content_home { 
 float: right;
 color: #333;

 margin: 0px 0px 0px 0px;
 padding: 0px 5px 20px 5px;
 width: 577px;
 display: inline;
}
#page_title, h1{

padding:5px;
color:#333366;
font-size:16px;
}
#page_content{
line-height:18px;
font-size:12px;
color;#333;
padding:10px;
}
#list{
boder:1px dotted #ccc;
font-size:12px;
width:575px;
color:#333;
}

#distributors{
margin:0px 0px 5px 5px;
border:0px solid #cccccc;
padding:5px 5px 5px 5px;
float:left;
height:130px;
width:270px;
}
#location{
background:#333366;
color:#FFF;
font-size:14px;
font-weight:normal;
padding:5px;
}
#salons{
color:#cc3366;
font-size:14px;
font-weight:normal;
padding:0px;
}
#distributors a{
color:#333366;
font-size:12px;
font-weight:bold;
padding:0px;
text-decoration:none;
}
#footer { 
 width: 760px;
 clear: both;
 color: #333366;
 font-size:10px;
 background: #fff url(/_images/footer_bk.gif);
 background-repeat:repeat-x;
 margin: 0px 0px 0px 0px;
 padding: 20px 0px 0px 0px;
}
#footer a{
font-size:10px;
line-height:24px;
color:#333366;
text-decoration:none;
font-weight:bold;
padding:0px 8px 0px 8px;
}
#footer a:hover{
font-size:10px;
line-height:24px;
color:#333366;
text-decoration:underline;
font-weight:bold;
padding:0px 8px 0px 8px;
}
hr{
color:#efefef;
height:1px;
width:100%;

}
/* --------------------------------------------- */
/* CMATION CLASSES */
/* --------------------------------------------- */
.Title_Content, .Content_Title, .Title_Title, .Product_Title { padding:5px;color: #CC3366; font-size: 12px; font-weight: bold; }
.Category_Title { color: #CC3366; font-size: 12px; font-weight: bold; }
.Category_Title a { color: #990000; }
.Category_Title a:hover { color: #990000; }
/* --------------------------------------------- */

/* --------------------------------------------- */
/* SHOPPING CART CLASSES */
/* --------------------------------------------- */
.td0 { width: 500px; }
input .td0 { border: 0px; }
td .td1 { width: 200px; text-align: right; }
td .td2, td .td3  { width: 300px; text-align: left; }
.td2 input { width: 295px; border: 1px solid #0099cc; text-align: left; }
.td3 input { width: 75px; border: 1px solid #0099cc; text-align: left; }
.td2 .Checkbox { border: 0px; width: 25px; }
.Cart_Text { color: #990000; font-weight: bold; }
.Cart_Items { color: #0099cc; font-weight: bold; }
.SC_Overview {  }
.SCart_TXT a { color: #003366; font-size:11px; text-decoration:none;}
.SCart_TXT a:hover { color: #003366; font-size:11px; text-decoration:underline;}
.SCart_TXT { width:150px;font-size:12px; color:#000; padding:0px 0px 5px 0px;}
.Select_Box {font-size: 12px; }
#CheckoutForm { width: 500px; }
/* --------------------------------------------- */