/**********************************/
/*     SALON MASTER STYLESHEET    */
/**********************************/
/*
*/


/**********************************/
/*             GLOBAL             */
/**********************************/
body 
{ 
	font-size: 1.0em; 
	text-align: center;
	background: #E71216 url(/assets/visual/bk.jpg) 50% 0px no-repeat;
}

#top-band { background-color: #ee2d30; padding: 3px 0px }
#site-wrapper
{
	position: relative;
	width: 941px;
	margin: 0 auto;	
	text-align: left;
}

/**********************************/
/*              TOP               */
/**********************************/
#site-top-nav { margin-left: 0px; margin-bottom: 4px; }
#site-top-nav ul { width: 100%; overflow: hidden; }
#site-top-nav ul li { float: left; }


/**********************************/
/*        MAIN FLASH PANEL        */
/**********************************/
#site-mid-panel
{
	position: relative;
	width: 931px;
	height: 360px;
	border: 1px solid #EE2D30;
	background: url(/assets/visual/freshhotwater.jpg) top right no-repeat #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 3px 3px 4px #880000;
	-webkit-box-shadow: 3px 3px 4px #880000;
}
body.model-guide #site-mid-panel { background-image: url(/assets/visual/model-guide.jpg); }
body.installation #site-mid-panel { background-image: url(/assets/visual/installation.jpg); }
body.faqs #site-mid-panel { background-image: url(/assets/visual/faqs.jpg); }

#site-mid-panel img.salonmaster
{
	position: absolute;
	top: 15px;
	left: 17px;
}
#site-mid-panel img.made-in-uk
{
	position: absolute;
	top: 190px;
	left: 17px;
}

#site-mid-panel div.strapline
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 45px;
	padding-right: 20px;
	background: url(/assets/visual/flash-strapline.jpg) bottom left repeat-x;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	text-align: right;
	font-size: 2.3em;
	line-height: 45px;
	color: #FFB03F;
	font-family: Helvetica Neue, Arial;
	font-weight: lighter;
}
#site-mid-panel div.flash
{
	position: absolute;
	bottom: 45px;
	left: 280px;
}
#rotator-images
{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 5;
	width: 543px;
	height: 315px;
}
#rotator-images .image 
{ 
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topright: 5px;
}
#rotator-images-fade
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 88px;
	height: 100%;
	background: url(/assets/visual/rotator-overlay.png) top left repeat-y;
}
#rotator-images-overlay
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}


/**********************************/
/*             TICKER             */
/**********************************/
#site-main .ticker
{
	position: relative;
	clear: both;
	overflow: hidden;
	height: 44px;
	top: -2px;
}
#site-main .ticker .left, #site-main .ticker .right
{
	position: absolute;
	top: 0px;
	width: 10px;
	height: 37px;
	z-index: 1;
	background: url(/assets/visual/flash-strapline.jpg) 0px -5px repeat-x;
}
#site-main .ticker .left { left: 0px; -moz-box-shadow: 1px 0px 0px #B50F0F; -webkit-box-shadow: 1px 0px 0px #B50F0F;}
#site-main .ticker .right { right: 0px; -moz-box-shadow: -1px 0px 0px #B50F0F; -webkit-box-shadow: -1px 0px 0px #B50F0F; }
#site-main .ticker div.wrap
{ 
	overflow: hidden;
	height: 33px; 
	margin-top: 2px; 
	background: url(/assets/visual/flash-strapline.jpg) 0px -7px repeat-x;
	-moz-box-shadow: 0 1px 2px #700404;
	-webkit-box-shadow: 0 1px 2px #700404;
}
#site-main .ticker ul 
{ 
	position: relative;
	width: 6000px;
	overflow: hidden;
	list-style-type: none;
}
#site-main .ticker li
{
	position: relative;
	float: left;
	left: 20px;
	background: url(/assets/visual/waterdrop.png) 2px 7px no-repeat;
	padding: 0 22px 0 38px;
	line-height: 32px;
	font-size: 1.2em;
	color: #FFFFFF;
	text-shadow: 0px 0px 2px #5C0B0B;
}


/**********************************/
/*             INDEX              */
/**********************************/
#index-left { float: left; width: 50%; }
#index-right { float: right; width: 50%; }
#index-left h1 { border-right: 1px solid #E1E1E1; }
#index-right h1 { border-left: 1px solid #F9F9F9; }
#index-left h1 { padding-left: 20px; }
#side-nav h1.hot-news, h1.hot-news { background: url(/assets/visual/hotnews.jpg) 17px 7px no-repeat; padding-left: 55px; }
#index-left .inner { border-right: 1px solid #EDEDED; }
#index-left .inner, #index-right .inner 
{ 
	height: 120px;
	overflow: auto;
	margin: 20px;
}
#index-right .inner b.title { display: block; color: #FB2908; }


/**********************************/
/*           SITE  MAIN           */
/**********************************/
#site-main { margin: 10px 0 0 0px; position: relative; }
#site-main .top { height: 4px; background: url(/assets/visual/main-top.png) top left no-repeat; display: none; }
#site-main .main
{
	overflow: auto; 
	width: 932px; 
	background: url(/assets/visual/main-repeat.jpg) #FFFFFF top left repeat-x;
	-moz-box-shadow: 3px 3px 4px #880000;
	-webkit-box-shadow: 3px 3px 4px #880000;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}
#site-main .main h1, #site-main .main h2
{ 
	height: 44px;
	margin-bottom: 0px;
	line-height: 44px;
}
#site-main .main .content
{ 
	float: right;
	width: 740px;
}
#site-main .main .content.full-width { float: none; width: auto; }
#site-main .main .content h1 { padding-left: 20px; border-left: 1px solid #F9F9F9; }
#site-main .main .content.full-width h1 { border-left: 0px; }
#site-main .main .content .inner { padding: 20px; }

#site-main .main a.thickbox
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 1px 1px 3px 0 #777777;
	-webkit-box-shadow: 1px 1px 3px 0 #777777;
	background:transparent url(/assets/visual/flash-strapline.jpg) repeat-x scroll 0 -5px;
	color: #FFFFFF;
	display: block;
	height: 33px;
	line-height: 32px;
	padding: 0 20px;
	position: absolute;
	right: 13px;
	top: 3px;
	border: 2px solid #FFFFFF;
}
#distributors-table tr td { text-align: center; vertical-align: center; }


/**********************************/
/*         SITE SIDE NAV          */
/**********************************/
#side-nav { float: left; width: 192px; }
#side-nav .inner { background-color: #E1E1E1; }
#side-nav h1 
{ 
	padding-left: 25px; 
	border-right: 1px solid #E9E9E9;
	color: #EE2D30; 
}
#side-nav ul li a
{ 
	overflow: auto;
	display: block;
	margin: 0px 1px 1px 0px;
	padding: 8px 10px 5px 10px;
	background-color: #F7F7F7;
	color: #EE2D30;
}
#side-nav ul li a span { float: left; margin: 0px 5px 3px 0px; }
#side-nav ul li a span.text 
{
	float: none;
	margin: 0px;
	color: #000000;
}
#side-nav ul li a.active { margin-right: 0px; background-color: #FFFFFF; }
#side-nav ul li a.active { color: #000000; }
#side-nav ul li a.active span.text, #side-nav ul li a:hover span.text { border-bottom: 1px solid; color: #EE2D30; }


/**********************************/
/*             FOOTER             */
/**********************************/
#site-foot
{
	position: relative;
	overflow: auto;
	width: 932px;
	margin: 0px 0px 10px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-box-shadow: 3px 3px 4px #880000/* outer shadow */, inset 0px -17px 15px #DDD/* inner shadow */;
	-webkit-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomleft: 5px;
	-webkit-box-shadow: 3px 3px 4px #880000/* outer shadow */, inset 0px -17px 15px #DDD/* inner shadow */;
	padding: 10px 0px;
	background-color: #FFFFFF;
	color: #a6a6a6;
	font-size: 1em;
}
#site-foot .copyright { float: left; margin-left: 15px; }
#site-foot .links { float: right; margin-right: 15px; }
#site-foot .links a { color: #af0f0e; margin: 0px 6px; }
#site-foot .links #skylightmedia { color: #a6a6a6; }