@charset "UTF-8";
/* CSS Document */



*, html, body {
	margin: 0; 
	padding: 0; 
}

/* NN6/7 min-width is needed for scrollability when wrapper is centered */
body {
	font-family:Helvetica, Arial, sans-serif;
	color:#6d6e71;
	font-size: smaller;
	line-height:20px
}

a {
color:#3b6e8f;
text-decoration:none;
font-weight:boldw
}

a:hover {
text-decoration:underline
}

.linkemphasis {
color: #295070 !important;
text-decoration:underline !important;
font-weight:bold
}


h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#3b6e8f;
font-weight: normal;
clear:both;
margin:10px 0 10px 78px;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#3b6e8f;
font-weight: normal;
margin:10px 0;
line-height:27px
}

h4 {
font-weight:normal;
color:#3b6e8f;
font-size:15px;
padding-bottom:12px}

.bluetext {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#3b6e8f;
}

ul {
list-style:disc;
margin-left:10px
}

li {
padding:5px 0 5px 0
}

.blue {
color:#3b6e8f;
}

.speciallink {
text-transform:uppercase;
color:#6d6e71;
margin:0 7px 0 0;
font-size:85%
}

.speciallink a:hover {
text-decoration:underline
}

#wrapper { 
	text-align: left;
		}
		
		
#wrapper_wide {
background-color:#f8f6ed
		}
#wrapper_narrow {
width: 980px;
margin: 0 auto;
}


#header {
	width: 980px;
	height:140px;
	margin: 0 auto; 
	}

#login {
	width:338px;
	float:right;
	color: #6d6e71;
	line-height:22px;
	font-size:11px;
	padding-top:10px
	}


#login a { 
	color:#bcbec0 
	}

#login a:hover { 
	color: #939598 
	}
	

#login2 {
	width:166px;
	float:right;
	margin-right:20px; _margin-right:10px;
	
	}
	
.login-field {
width:157px
}


input {
	color: #939598;
	background: #fff;
	border: 1px solid #939598;

}


SELECT, .dropdown OPTION {
	

	font-size: 10px;
	color: #939598;
	background-color: #ffffff;
	border: outset 1px #adff2f;
	height:20px
	}

p {
margin-bottom:20px
}

#title_bar {
width: 980px;
margin: 0 auto;
height:50px;
 
}

#title_bar span {
float:right;
font-size:15px;
line-height:20px;
padding-top:8px
}

#title_bar strong {
color:#3b6e8f;
margin-right:25px
}

#nav {
margin-left:30px;
height:40px;

}

#nav2 {
margin-left: 310px;
height:40px;

}

#tournav {
font-size:90%
}

#tournav span {
float:right
}

#content {
margin-left:40px;
width:495px
}


#content_fullwidth {
background:url(../images/panel-large.gif);
width:820px;
padding-left:80px;
padding-right:80px
}

#content_plain {
background:url(../images/panel-large-plain.gif) repeat-y;
width:790px;
padding:20px 110px 20px 88px
}

#manufacturer-table td {
padding:5px 0 5px 5px

}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.feature-table td {
border-bottom:1px #3b6e8f solid;
border-collapse:collapse;
border-spacing: 0px;
padding:5px}

a.button {
    background: transparent url('../images/nav_right.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 28px;
    padding-right: 13px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/nav_left.gif') no-repeat;
    display: block;
    line-height: 18px;
    padding: 5px 0 5px 13px;
}


a.button:hover {
    background-position: bottom right;
    color: #3b6e8f;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 5px 0 4px 13px; /* push text down 1px */
} 


a.button:active {
    background-position: bottom right;
    color: #3b6e8f;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 5px 0 4px 13px; /* push text down 1px */
} 


a.button-active {
    background: transparent url('../images/nav_right.gif') no-repeat scroll bottom right;
    color: #3b6e8f;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 28px;
    padding-right: 13px; /* sliding doors padding */
    text-decoration: none;
}

a.button-active span {
    background: transparent url('../images/nav_left.gif') no-repeat  bottom left;
    display: block;
    line-height: 18px;
    padding: 5px 0 5px 13px;
}


/******************** Buttons ******************/

#btn_manufacturers
{
  display: block;
  width: 159px;
  height: 54px;
  background: url(../images/home/manufacturers.gif) no-repeat 0 0;

}

#btn_manufacturers:hover
{ 
  background-position: 0 -54px;
}

#btn_manufacturers span
{
  display: none;
}

#btn_salon
{
  display: block;
  width: 283px;
  height: 54px;
  background: url(../images/home/salon.gif) no-repeat 0 0;

}

#btn_salon:hover
{ 
  background-position: 0 -54px;
}

#btn_salon span
{
  display: none;
}

#btn_pro
{
  display: block;
  width: 320px;
  height: 54px;
  background:url(../images/home/professionals.gif) no-repeat 0 0;

}

#btn_pro:hover
{ 
  background-position: 0 -54px;
}

#btn_pro span
{
  display: none;
}




#buttons  {
margin: 12px auto;
width: 840px;

}

#freetrail
{
  display: block;
  width: 98px;
  height: 31px;
  background: url(../images/free-trail-button.gif) no-repeat 0 0;

}

#freetrail:hover
{ 
  background-position: 0 -32px;
}

#freetrail span
{
  display: none;
}

#signup
{
  display: block;
  width: 98px;
  height: 31px;
  background: url(../images/sign-up-button.gif) no-repeat 0 0;

}

#signup:hover
{ 
  background-position: 0 -32px;
}

#signup span
{
  display: none;
}


#tour
{
  display: block;
  float:right;
  width: 111px;
  height: 31px;
  background: url(../images/take-tour-button.gif) no-repeat 0 0;

}

#tour:hover
{ 
  background-position: 0 -32px;
}

#tour span
{
  display: none;
}

#calcutate-prices
{
  display: block;
  margin-top:10px;
  width: 175px;
  height: 26px;
  background: url(../images/calcutate-prices-button.png) no-repeat 0 0;

}

#calcutate-prices:hover
{ 
  background-position: 0 -26px;
}

#calcutate-prices span
{
  display: none;
}

#top
{
  display: block;
  margin-top:10px;
  margin-right:70px;
  width: 121px;
  float:right;
  height: 26px;
  background: url(../images/return-to-top-button.gif) no-repeat 0 0;

}

#top:hover
{ 
  background-position: 0 -27px;
}

#top span
{
  display: none;
}
		
		

#footer {
	text-align:center;
	color:#939598;
	width: 980px;
	margin: 50px auto 0 auto;
}

#footer a {
	text-decoration:none;
	color:#939598;
	font-weight: normal}
	
#footer strong {
	color:#3b6e8f;
	}
	
	
/********************** Lightbox CSS *******************************/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}