`/* 
title:		sassoon
created:	29.07.2009
modified:	11.06.2010
modified by: martin.woods@twentysixdigital.com
*/
/* ================[ flash stages ]================ */
div#innerFlash {
width: 796px;
float: left;
}
/* ================[ reset ]================ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-size: 100%;
}
img { border: none; }
/* ================[ general styles ]================ */
.clearme { clear: both; height: 0; font-size: 0em; }
body {
font-size: 62.5%; /* 1em is 10px */
font-family: Arial, sans-serif;
color: #000;
}
a { color: #afafaf; text-decoration: none; }
a:hover {  }
.right { float:right; }
/* ================[ layouts ]================ */
div#container {
width: 960px;
font-size: 1.1em;
margin: auto;
margin-top: 34px;
}
/* ================[ header ]================ */
div#header {
margin-bottom: 22px;	
}
span#logo, span#logo a { height: 24px; width: 155px; }
span#logo span { margin-left: -5000px; }
span#logo a {
background: url(../images/logo.gif) no-repeat left top;
display: block;
overflow: hidden;
margin-bottom: 33px;
}
ul#nav {
list-style: none;
float: left;
text-transform: uppercase;
font-size: 1em;
}
ul#nav li {
margin-right: 27px;
float: left;
display: inline;
line-height: 1em;
}
ul#nav li.last { margin-right: 0; }
ul#nav a { color: #8d8c8b; }
ul#nav a.selected, ul#nav a:hover { color: #000; }
a#salonFinder {
float: right;
color: #000;
text-transform: uppercase;
line-height: 1em;
}
/* ================[ sub navigation ]================ */
div#subNavigation {
width: 148px; padding: 60px 16px 0 0;
float: left;
text-align: right;
}
div#subNavigation ul {
list-style: none;
text-transform: uppercase;
line-height: 1.1em;
}
div#subNavigation ul li {
padding-bottom: 35px;
}
div#subNavigation ul a {
color: #8d8c8b;
}
div#subNavigation ul a.subSelected, div#subNavigation ul a:hover {
color: #000;
}
/* 2nd level nav */
div#subNavigation ul.level2 {
padding-top: 10px;
}
div#subNavigation ul.level2 li {
padding-bottom: 4px;
font-size: 0.85em;
}
/* 3rd level nav */
div#subNavigation ul.level3 {
padding-bottom: 15px;
padding-top: 5px;
}
div#subNavigation ul.level3 li {
padding-bottom: 6px;
font-size: 1em;
}
/* 4th level nav */
div#subNavigation ul.level4 {
padding-top: 5px;
padding-bottom: 6px;
}
div#subNavigation ul.level4 li {
font-size: 1em;
}
/* 5th level nav */
div#subNavigation ul.level5 {
padding-top: 5px;
padding-bottom: 6px;
}
div#subNavigation ul.level5 li {
padding-right: 0;
font-size: 1em;
}
/* ================[ homepage ]================ */
div#keyIntro {
width: 803px; padding-left: 162px;
height: 380px;
border-bottom: 1px solid #FFF;
background: url(../images/homepage/keyImage.jpg) top left no-repeat;
}
div#keyOverview {
border-left: 1px solid #FFF;
color: #FFF;
padding-top: 218px;
width: 270px; padding-left: 15px;
text-transform: uppercase;
}
div#keyOverview h1 { font-size: 2.6em; }
div#keyOverview h2 { font-size: 1.4em; }
div#subIntros h3 {
float: left;
}
div#subIntros a {
display: block;
width: 284px;
height: 126px;
padding: 33px 0 0 36px;
text-transform: uppercase;
color: #FFF;
font-size: 1.1em;
/* fix cufon line break for IE */
*padding: 28px 0 0 36px;
*height: 131px;
}
div#subIntros h3#subIntro1 a { background: #FFF url(../images/homepage/subIntro1.jpg) top left no-repeat; }
div#subIntros h3#subIntro2 a { background: #FFF url(../images/homepage/subIntro2.jpg) top left no-repeat; }
div#subIntros h3#subIntro3 a { background: #FFF url(../images/homepage/subIntro3.jpg) top left no-repeat; }
/* ================[ content ]================ */
div#mainContent {position:relative;}
div#mainContent .lastElement { margin-bottom: 0; padding-bottom: 0; }
div.defaultHeight  {
min-height: 540px;
/* IE 6/7 height */
height: auto !important;
height: 540px;	
}
div#firstContent, div#navContent {
border-left: 1px solid #cac8c8;	
float: left;
padding-left: 20px;
padding-top: 61px;
width: 360px;
}
div#navContent { width: 212px; }
div#firstContent ul {
list-style: none;
line-height: 1.6em;
margin-bottom: 26px;
}
div#firstContent .smallSubsection h3, div#secondContent .smallSubsection h3 {margin:20px 0 4px 0;}
.notitle	{padding-top:45px;}
div#extendSlice {
background: url(../images/extendSlice.gif) top left repeat-y;
float: left;
width: 790px;
}
div.proLogo { background: url(../images/proLogo.gif) 20px bottom no-repeat; padding-bottom: 80px; }
div.salonLogo { background: url(../images/salonLogo.gif) 20px bottom no-repeat; }
div#mainContent h1, div#mainContent h2, div#mainContent h3 {
color: #8d8c8b;
text-transform: uppercase;
font-size: 1.1em;
margin-bottom: 33px;
}
div#mainContent h2, div#mainContent h3 {
margin-bottom: 4px;
}
div#mainContent h4 {
color: #8d8c8b;
text-transform: uppercase;
font-size: 0.8m;
margin-bottom: 33px;
clear: both;
}
div#mainContent p {
margin-bottom: 8px;
line-height: 1.6em;
}
div#mainContent p.applyAddress { margin-bottom: 0px; }
div#mainContent h2.showsContact { margin-bottom: 5px; }
div#imageFocus {
float: right;
margin-top: 108px;
width: 375px;
text-align: center;
}
div#imageAndCaptions {
float: right;
margin-top: 61px;
width: 375px;
}
div#imageAndCaptions .row {
margin-bottom:18px;
height:95px;
clear: both;
}
div#secondContent .row img{
float:left;
margin-right:16px;
margin-bottom: 20px;
}
div#secondContent .row p{
margin:0;
}
div#introContent {
margin-right: 375px;
margin-left: 20px;
margin-top: 61px;
}
div#imagesIntro {
margin-left:16px;
}
div#imagesIntro a{
float:left;
margin-left:1px;
}
div#secondContent {
border-left: 1px solid #cac8c8;	
float: right;
padding-left: 20px;
margin-top: 61px;
width: 100px;
padding-bottom: 95px;
width: 365px;
}
div#secondContent ul {
list-style: none;
line-height: 1.6em;
margin-bottom: 26px;
}
div#secondContent h2 {
margin-bottom: 33px;
}
div.academyInfo div#secondContent p { margin-bottom:20px; }
div.academyInfo div#secondContent h2 { margin-bottom:5px; }
div.academyInfo div#firstContent { background: url(../images/academyLogo.gif) no-repeat; background-position: 20px bottom; padding-bottom:60px;}
div#secondContent h3, div#mainContent h3.advanceGap {
margin-bottom: 33px;
}
ul.normalList	{padding-left:15px;}
ul.normalList li	{list-style-type:disc;}
div#firstContent ul.normalListAlt	{padding-left:15px; margin-bottom: 16px;}
div#firstContent ul.normalListAlt li	{padding-bottom: 10px;list-style-type:disc;}
a.printPageLink			{background:url('/images/print.gif') no-repeat top left;display:block;line-height:16px;padding-left:22px;}
a.printPageLink:hover	{text-decoration:underline;}
a.bookCourse {
background: url(../images/bookCourse.jpg) top right no-repeat;
display: block;
width: 285px;
height: 126px;
color: #FFF;
font-size: 1.1em;
text-transform: uppercase;
padding: 33px 0 0 35px;
margin-top: 89px;
/* fix cufon line break for IE */
*padding: 28px 0 0 35px;
*height: 131px;
}
a.char1 		{background-image: url(../images/academy/character_1.jpg);}
a.char2 		{background-image: url(../images/academy/character_2.jpg);}
a.char3 		{background-image: url(../images/academy/character_3.jpg);}
a.char4 		{background-image: url(../images/academy/character_4.jpg);}
a.char5 		{background-image: url(../images/academy/character_5.jpg);}
a.char6 		{background-image: url(../images/academy/character_6.jpg);}
a.char7 		{background-image: url(../images/academy/character_7.jpg);}
a.char8 		{background-image: url(../images/academy/character_8.jpg);}
a.char9 		{background-image: url(../images/academy/character_9.jpg);}
a.char10 		{background-image: url(../images/academy/character_10.jpg);}
a.char11 		{background-image: url(../images/academy/character_11.jpg);}
a.char12 		{background-image: url(../images/academy/character_12.jpg);}
a.char13 		{background-image: url(../images/academy/character_13.jpg);}
a.char14		{background-image: url(../images/academy/character_14.jpg);}
a.char15 		{background-image: url(../images/academy/character_15.jpg);}
a.char16 		{background-image: url(../images/academy/character_16.jpg);}
a.char17 		{background-image: url(../images/academy/character_17.jpg);}
a.char18 		{background-image: url(../images/academy/character_18.jpg);}
a.char19 		{background-image: url(../images/academy/character_19.jpg);}
a.char20 		{background-image: url(../images/academy/character_20.jpg);}
a.char1:hover, a.char2:hover, a.char3:hover, a.char4:hover, a.char5:hover, a.char6:hover, a.char7:hover, a.char8:hover, a.char9:hover, a.char10:hover, a.char11:hover, a.char12:hover, a.char13:hover, a.char14:hover, a.char15:hover, a.char16:hover, a.char17:hover, a.char18:hover, a.char19:hover, a.char20:hover	{background-position:0 -159px;}
a.pdfDL {
background: url(../images/pdf.gif) top left no-repeat;
display: inline-block;
height: 16px;
padding-left: 20px;
}
div.academyLogo { background: url(../images/academyLogo.gif) no-repeat; background-position: 20px bottom; }
div.academyLogoPad { background: url(../images/academyLogo.gif) no-repeat; background-position: 20px bottom; padding-bottom: 60px; }
div#salonGallery img { float: left; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; }
div#pressContent {
color: #7f7f7f;	
}
div#pressContent a {
color: #000;	
}
div#pressContent div#secondContent h2 { margin-bottom: 4px; }
/* ================[ contact us ]================ */
div.contactContent  {
min-height: 440px;
/* IE 6/7 height */
height: auto !important;
height: 440px;	
background: #FFF url(../images/contactKey.jpg) top right no-repeat;
}
div#contactUs  {
border-left: 1px solid #cac8c8;	
padding-left: 20px;
margin-left: 164px;
padding-top: 61px;
}
div.formRow {
clear: both;
margin-bottom: 4px;
}
div#submitRow {
clear:left;
text-align: right;
width: 360px;
}
div.formRow label {
color: #afafaf;
width: 104px;
float: left;
}
div.formRow input {
color: #afafaf;
width: 252px;
padding: 2px;
border: 1px solid #e4e4e4;
}
div.formRow select {
color: #afafaf;
width: 258px;
border: 1px solid #e4e4e4;
}
div.formRow textarea {
color: #afafaf;
font-family: Arial, sans-serif;
font-size: 1.1em;
width: 252px;
border: 1px solid #e4e4e4;
padding: 2px;
height: 100px;
overflow: auto;
float: left;
margin-right: 3px; display: inline;
}
span.formError {
clear:left;
display:block;
padding-left:104px;
padding-bottom:5px;
color:#F00;
}
/* ================[ inner image (products and collection home) ]================ */
div#innerImage {
border-left: 1px solid #cac8c8;
padding-left: 20px;	
width: 775px;
float: left;
padding-top: 61px;
height: auto;
}
div#innerImage a#innerImage1 {
width: 738px;
display: block;
height: 169px;
border-bottom: 1px solid #FFF;
text-transform: uppercase;
color: #FFF;
font-size: 1.1em;
padding: 75px 0 0 35px;
}
div#innerImage a#innerImage1b {
width: 738px;
display: block;
height: 165px;
border-bottom: 1px solid #FFF;
text-transform: uppercase;
color: #FFF;
font-size: 1.1em;
padding: 63px 0 0 35px;
}
div#innerImage a#innerImage1c {
width: 738px;
display: block;
height: 169px;
border-bottom: 1px solid #FFF;
text-transform: uppercase;
color: #FFF;
font-size: 1.1em;
padding: 60px 0 0 35px;
}
div#innerImage a#innerImage2, div#innerImage a#innerImage3 {
width: 351px;
display: block;
height: 94px;
float: left;
text-transform: uppercase;
color: #FFF;
font-size: 1.1em;
padding: 61px 0 0 35px;
}
div#innerImage a#innerImage2b, div#innerImage a#innerImage3b {
width: 351px;
display: block;
height: 107px;
float: left;
text-transform: uppercase;
color: #FFF;
font-size: 1.1em;
padding: 50px 1px 0 35px;
}
/* innerImage7 added on 23/04/10 for collection/academy.php stage image fix */
div#innerImage a#innerImage7 {
width:738px;
display:block;
height:192px;
float:left;
text-transform:uppercase;
color: #FFF;
font-size:1.1em;
padding:52px 0 0 35px;
}
div#innerImage a#innerImage8 {
width: 351px;
display: block;
height: 97px;
float: left;
text-transform: uppercase;
color: #FFF;
font-size: 1.1em;
padding: 63px 0 0 35px;
}
div#innerImage a#innerImage9 {
width: 351px;
display: block;
height:99px;
float: left;
text-transform: uppercase;
color: #FFF;
font-size: 1.1em;
padding: 60px 0 0 35px;
}
div#innerImage a#innerImage4 {
width: 234px;
display: block;
height: 182px;
float: left;
text-transform: uppercase;
color: #FFF;
font-size: 1.1em;
padding: 62px 0 0 25px;
}
div#innerImage a#innerImage5, div#innerImage a#innerImage6  {
width: 232px;
display: block;
height: 182px;
float: left;
text-transform: uppercase;
color: #FFF;
font-size: 1.1em;
padding: 62px 0 0 25px;
}
a.ukPromo {background:url(../products/equipment/images/ukPromo.jpg) no-repeat; width:386px; height:159px; display:block;}
a.ukPromo:hover {background-position:0 -159px;}
div#innerImage a#innerImage2 { border-right: 1px solid #FFF; }
div#innerImage a.consumerBG { background: url(../products/images/consumerBG.jpg) top left no-repeat; }
div#innerImage a.consumerBG:hover { background-position:0 -244px; }
div#innerImage a.hdProductsBG { background: url(../products/images/hdProductsBG.jpg) top left no-repeat; }
div#innerImage a.hdProductsBG:hover { background-position:0 -159px;}
div#innerImage a.hdEquipmentBG { background: url(../products/images/hdEquipmentBG.jpg) top left no-repeat; }
div#innerImage a.hdEquipmentBG:hover { background-position:0 -159px; }
div#innerImage a.academyBG { background: url(../collections/images/academyBG.jpg) top left no-repeat; }
div#innerImage a.academyBG:hover { background-position:0 -159px; }
div#innerImage a.dadaDollsSmlBG { background: url(../collections/images/dadaDollsSmlBG.jpg) no-repeat left top; }
div#innerImage a.dadaDollsSmlBG:hover { background-position:0 -159px; }
div#innerImage a.stageSmlBG { background: url(../collections/images/stageSmlBG.jpg) top left no-repeat; }
div#innerImage a.stageSmlBG:hover { background-position:0 -159px; }
div#innerImage a.stageLgeBG { background: url(../collections/images/stageLgeBG.jpg) top left no-repeat; }
div#innerImage a.stageLgeBG:hover { background-position:0 -244px;}
div#innerImage a.deluxeSmlBG { background: url(../collections/images/deluxeSmlBG.jpg) top left no-repeat; }
div#innerImage a.deluxeSmlBG:hover { background-position:0 -244px; }
div#innerImage a.deluxeLgeBG { background: url(../collections/images/deluxeBG.jpg) top left no-repeat; }
div#innerImage a.deluxeLgeBG:hover { background-position:0 -244px;}
div#innerImage a.ukPromoBG { background: url(../products/equipment/images/ukPromo.jpg) top left no-repeat; }
div#innerImage a.ukPromoBG:hover { background-position:0 -159px; }
div#innerImage a.usPromoBG { background: url(../products/equipment/images/usPromo.jpg) top left no-repeat; }
div#innerImage a.usPromoBG:hover { background-position:0 -159px; }
div#innerImage a.salonBG { background: url(../collections/images/salonBG.jpg) top left no-repeat; }
div#innerImage a.salonBG:hover { background-position:0 -244px;}
div#innerImage a.maleBG { background: url(../collections/images/maleBG.jpg) top left no-repeat; }
div#innerImage a.maleBG:hover { background-position:0 -159px; }
div#innerImage a.leBaiserSmlBG { background: url(../collections/images/leBaiserSmlBG.jpg ) no-repeat left top; }
div#innerImage a.leBaiserSmlBG:hover { background-position:0 -159px; }
div#innerImage a.baiserBG { background: url(../collections/images/baiserBG.jpg) top left no-repeat; }
div#innerImage a.baiserBG:hover { background-position:0 -244px;}
div#innerImage a.deconstructivismBG { background: url(../collections/images/deconstructivismBG.jpg) top left no-repeat; }
div#innerImage a.deconstructivismBG:hover { background-position:0 -159px;}
div#innerImage a.laserBG { background: url(../collections/images/laserBG.jpg) top left no-repeat; }
div#innerImage a.mnemonicBG { background: url(../collections/images/mnemonicBG.jpg) top left no-repeat; }
div#innerImage a.mnemonicBG:hover { background-position:0 -159px;}
div#innerImage a.blitheBG { background: url(../collections/images/blitheBG.jpg) top left no-repeat; }
div#innerImage a.blitheBG:hover { background-position:0 -159px;}
div#innerImage a.futuricityBG {background: url(../collections/images/futuricityBG.jpg) top left no-repeat;}
div#innerImage a.futuricityBG:hover {background-position: 0 -159px;}
div#innerImage a.wetToDryBG { background: url(sassoon/products/customer/images/wet_to_dry.jpg) top left no-repeat; }
div#innerImage a.wetToDryBG:hover  { background-position:0 -244px; }
div#innerImage a.cutEnhancingBG { background: url(sassoon/products/customer/images/cut_enhancing.jpg) top left no-repeat; }
div#innerImage a.cutEnhancingBG:hover  { background-position:0 -244px; }
div#innerImage a.controlAndShineBG { background: url(sassoon/products/customer/images/control_and_shine.jpg) top left no-repeat; }
div#innerImage a.controlAndShineBG:hover  { background-position:0 -244px; }
div#innerImage a.male2BG { background: url(../collections/images/male2BG.jpg) top left no-repeat; }
div#innerImage a.male2BG:hover { background-position:0 -159px;}
div#innerImage a.ukPromoBG { background: url(../products/equipment/images/ukPromo.jpg) top left no-repeat; }
div#innerImage a.ukPromoBG:hover { background-position:0 -159px; }
div#innerImage a.usPromoBG { background: url(../products/equipment/images/usPromo.jpg) top left no-repeat; }
div#innerImage a.usPromoBG:hover { background-position:0 -159px; }
div#innerImage a.salonBG { background: url(../collections/images/salonBG.jpg) top left no-repeat; }
div#innerImage a.salonBG:hover { background-position:0 -244px;}
div#innerImage a.maleBG { background: url(../collections/images/maleBG.jpg) top left no-repeat; }
div#innerImage a.maleBG:hover { background-position:0 -159px; }
div#innerImage a.baiserBG { background: url(../collections/images/baiserBG.jpg) top left no-repeat; }
div#innerImage a.baiserBG:hover { background-position:0 -244px;}
div#innerImage a.deconstructivismBG { background: url(../collections/images/deconstructivismBG.jpg) top left no-repeat; }
div#innerImage a.deconstructivismBG:hover { background-position:0 -159px;}
div#innerImage a.laserBG { background: url(../collections/images/laserBG.jpg) top left no-repeat; }
div#innerImage a.mnemonicBG { background: url(../collections/images/mnemonicBG.jpg) top left no-repeat; }
div#innerImage a.mnemonicBG:hover { background-position:0 -159px;}
div#innerImage a.blitheBG { background: url(../collections/images/blitheBG.jpg) top left no-repeat; }
div#innerImage a.blitheBG:hover { background-position:0 -159px;}
div#innerImage a.wetToDryBG { background: url(../products/customer/images/wet_to_dry.jpg) top left no-repeat; }
div#innerImage a.wetToDryBG:hover  { background-position:0 -244px; }
div#innerImage a.cutEnhancingBG { background: url(../products/customer/images/cut_enhancing.jpg) top left no-repeat; }
div#innerImage a.cutEnhancingBG:hover  { background-position:0 -244px; }
div#innerImage a.controlAndShineBG { background: url(../products/customer/images/control_and_shine.jpg) top left no-repeat; }
div#innerImage a.controlAndShineBG:hover  { background-position:0 -244px; }
div#innerImage a.AuteursSmlBG { background: url(../collections/images/AuteursSmlBG.jpg) top left no-repeat; }
div#innerImage a.AuteursSmlBG:hover { background-position:0 -159px;}
div#innerImage a.LuxeSmlBG { background: url(../collections/images/LuxeSmlBG.jpg) top left no-repeat; }
div#innerImage a.LuxeSmlBG:hover { background-position:0 -159px;}
a.abcColor	{float:right;width:385px;overflow:hidden;}
a.abcCut	{float:left;width:385px;overflow:hidden;}
/* ================[ product landing ]================ */
div#productLanding {
border-left: 1px solid #cac8c8;
padding-left: 20px;	
width: 775px;
float: left;
padding-top: 61px;
}
div#productLanding a#prodLand1,div#productLanding a#prodLand2 {
width: 351px;
display: block;
height: 184px;
border-right: 0px solid #FFF;
text-transform: uppercase;
color: #FFF;
font-size: 1.1em;
padding: 60px 0 0 35px;
float: left;
}
div#productLanding a.colouredHairBG { background: url(../products/images/colouredHairBG.jpg) top left no-repeat; }
div#productLanding a.colouredHairBG:hover { background-position:0 -244px; }
div#productLanding a.naturalHairBG { background: url(../products/images/naturalHairBG.jpg) top left no-repeat; }
div#productLanding a.naturalHairBG:hover { background-position:0 -244px; }
div#productLanding a#salonHeat,div#productLanding a#salonChroma, div#productLanding a#salonRecreate {
width: 258px;
display: block;
height: 244px;
text-transform: uppercase;
color: #FFF;
font-size: 1.1em;
padding: 0 0 0 0;
float: left;
background: url(../products/customer/images/salonHeat.jpg) top left
no-repeat;
border-right: 0px solid #FFF;
}
div#productLanding span.pad {
display:block;
padding: 50px 0 0 20px;
}
div#productLanding a#salonChroma {
background: url(../products/customer/images/salonChroma.jpg) top left
no-repeat;
}
div#productLanding a#salonRecreate {
background: url(../products/customer/images/salonRecreate.jpg) top left
no-repeat;
border-right: none;
}
div#productLanding a#salonHeat:hover,div#productLanding a#salonChroma:hover{
background-position: 0 -244px;
}
div#productLanding a#salonRecreate:hover{
background-position: 0 -244px;
}
p.prodOverviewWrap{ 
width: 775px;
}
a#servicesNav {
background: url(../products/hairdresser/images/servicesNav.jpg) top left
no-repeat;
}
p.prodOverview {
/*width: 365px;	*/
}
p.customerProdIntro { width: 770px; }
a.customerProds {
width: 356px;
height: 83px;
display: block;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
text-transform: uppercase;
color: #FFF;
font-size: 1.1em;
padding: 76px 0 0 30px;
float: left;
}
a.hairdresserProds1 {
width: 366px;
height: 224px;
display: block;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
text-transform: uppercase;
color: #FFF;
font-size: 1.1em;
padding: 20px 0 0 20px;
float: left;
}
a.hairdresserProds2 {
width: 237px;
height: 117px;
display: block;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
text-transform: uppercase;
color: #FFF;
font-size: 1.1em;
padding: 20px 0 0 20px;
float: left;
}
a#careNav { background: url(../products/customer/images/careNav.jpg) top left no-repeat; }
a#careNav:hover, a#finishNav:hover, a#colourNav:hover, a#servicesNav:hover, a#techNav:hover, a#chrmoaNav:hover, a#chrmoaToolsNav:hover, 
a#intelliprotecNav:hover, a#illumilightNav:hover, a#microNav:hover, a#cashmeratexNav:hover { background-position: 0 -159px; }
a#chromaNav:hover, a#chromaToolsNav:hover { background-position: 0 -244px; }
a#finishNav2 { background: url(../products/hairdresser/images/finishNav.jpg) top left no-repeat; }
a#colourNav2 { background: url(../products/hairdresser/images/colourNav.jpg) top left no-repeat; }
a#careNav2 { background: url(../products/hairdresser/images/careNav.jpg) top left no-repeat; }
a#finishNav2:hover, a#colourNav2:hover, a#careNav2:hover { background-position: 0 -137px; }
a#finishNav { background: url(../products/customer/images/finishNav.jpg) top left no-repeat; }
a#colourNav { background: url(../products/customer/images/colourNav.jpg) top left no-repeat; }
a#techNav { background: url(../products/customer/images/techNav.jpg) top left no-repeat; }
a#servicesNav { background: url(../products/customer/images/servicesNav.jpg) top left no-repeat; }
a#intelliprotecNav { background: url(../products/customer/images/intelliprotecNav.jpg) top left no-repeat; }
a#illumilightNav { background: url(../products/customer/images/illumilightNav.jpg) top left no-repeat; }
a#microNav { background: url(../products/customer/images/microNav.jpg) top left no-repeat; }
a#cashmeratexNav { background: url(../products/customer/images/cashmeratexNav.jpg) top left no-repeat; }
a#chrmoaNav { background: url(../products/hairdresser/images/chrmoaNav.jpg) top left no-repeat; }
a#chrmoaToolsNav { background: url(../products/hairdresser/images/chrmoaToolsNav.jpg) top left no-repeat; }
a#chromaNav { background: url(../products/hairdresser/images/chromaNav.jpg) top left no-repeat; }
a#chromaToolsNav { background: url(../products/hairdresser/images/chromaToolsNav.jpg) top left no-repeat; }
div.equipmentCards {
float: left;
/*	width: 160px;
height: 93px; */
border-left: 1px solid #FFF;
border-bottom: 1px solid #FFF;
/*	padding: 43px 0 0 30px; */
}
div.equipmentCards h2 {
display: block;
}
div.equipmentCards h2 a {
display: block;
height: 84px;
width: 155px;
padding-left: 31px;
padding-top: 47px
}
div.equipmentCards a {
margin-right: 4px;
color: #FFF;
}
div#mainContent div.equipmentCards h2 {
color: #FFF;
margin-bottom: 4px;
}
div#scissorsCard { background: url(../products/equipment/images/scissorsCard.jpg) top left no-repeat; }
div#brushesCard { background: url(../products/equipment/images/brushesCard.jpg) top left no-repeat; }
div#combsCard { background: url(../products/equipment/images/combsCard.jpg) top left no-repeat; }
div#appliancesCard { background: url(../products/equipment/images/appliancesCard.jpg) top left no-repeat; }
div#accessoriesCard { background: url(../products/equipment/images/accessoriesCard.jpg) top left no-repeat; }
div#booksCard { background: url(../products/equipment/images/booksCard.jpg) top left no-repeat; }
div#dvdsCard { background: url(../products/equipment/images/dvdsCard.jpg) top left no-repeat; }
div#abcCard { background: url(../products/equipment/images/abcCard.jpg) top left no-repeat; }
/* ================[ product detail ]================ */
div#productDetail, div#productDetailExtend {
float: left;
width: 775px;
background: url(../images/proLogo.gif) 20px bottom no-repeat;
border-left: 1px solid #cac8c8;
padding-left: 20px;
padding-top: 61px;
height: 350px;
}
div#productDetailExtend { height: 430px; }
div#productDesc {
width: 230px;
float: left;
margin-right: 50px;
display: inline;
padding-bottom: 50px;
}
div#productImages {
float: right;
width: 495px;
}
div#productImages img { margin-right: 12px; top: -48px; position: relative; }
div#productImages img.activeProduct { top: 0; }
div#productImages a { outline: none; }
/* ================[ product detail 2 ]================ */
div#prodSmallThumbs {
width: 260px;	
}
div#prodSmallThumbs img {
float: left;
margin-left: 5px;
display: inline;
margin-bottom: 5px;
}
div#prodSmallThumbs-wide img {
float: left;
margin-left: 5px;
display: inline;
margin-bottom: 5px;
padding-bottom:20px;
}
div#zoomer {
border: 1px solid #e7e7e7;
width: 361px;
height: 153px;
position: relative;
margin-bottom: 4px;
overflow: hidden;
}
div.zoomActive { cursor: crosshair; }
div.zoomActive img { top: 0; left: 0; }
div#zoomer img { position: absolute; bottom: 0; right: 0; }
div#equipInfo {
margin-top: 28px;
}
div.equipInfo2 { margin-top: 5px; } 
span.equipItem {
text-transform: uppercase;
color: #afafaf;
display: block;
float: left;
padding-bottom: 12px;
clear: both;
}
span.equipItem span { color: #000; }
span.equipPrice {
display: block;
float: right;
width: 80px;
text-align: right;
padding-bottom: 12px;
}
span.equipPrice span { color: #afafaf; }
ul#equipOptions { clear: both; }
ul#equipOptions li { text-transform: uppercase; }
ul#equipOptions li span { color: #8d8989; }
a#zoomLink {
float: right;
margin-right: 2px;
display: inline;
display: block;
width: 41px;
height: 9px;
text-indent: -50000px;
overflow: hidden;
}
a.zoomIn { background: url(../images/zoom.gif) no-repeat; background-position: 0 0; }
a.zoomOut { background: url(../images/zoom.gif) no-repeat; background-position: 0 -9px; }
span#zoomInfo { float: left; position: relative; top: -2px; }
img#loadingIcon { top: 60px; left: 164px; display: none; }
div.showHand { cursor: pointer; }
div#dvdAbcDesc {
clear: both;	
padding-top: 20px;
padding-bottom: 50px;
}
div#dvdAbcDesc ul li span { color: #afafaf; }
div#mainContent div#dvdAbcDesc p { margin-bottom: 8px; }
/* ============ [ salon finder] ============= */
div#finderContent {
float: left;	
}
div#finderContentInner {
float: left;
width: 227px;
border-left:1px solid #cac8c8;
padding-top: 61px;
padding-left: 20px;
padding-right: 10px;
}
div#finderContent form{
width:227px;
float:left;
}
div#finderContent form fieldset{
border:none;
}
div#finderContent form fieldset legend{
color: #8d8c8b;
font-size:10pt;
padding-bottom:12px;
}
div#finderContent form input, div#finderContent form select{
background-color:#fff;
border: 1px solid #cac8c8;
font-size:8pt;
margin-bottom:4px;
padding:4px;
text-align:left;
width:151px;
}
div#finderContent form input.error,
div#finderContent form select.error
{
border:1px solid red;
}
div#finderContent ul.error li span
{
color:red;
}
div#finderContent div#resultPane {
border-left:1px solid #cac8c8;
float:right;
margin-left:10px;
padding-left:10px;
min-height:290px;
height:auto !important;
height:290px;
padding-bottom: 61px;
margin-top: 61px;
}
div#finderContent div#results ol { 
margin:0px 0px 0px 10px;
width:480px;
list-style: none;
}
div#finderContent div#results ol li {
margin:0 0 15px 0;	
}
div#finderContent div#map{
height:307px;
width:500px;
}
div#finderContent form input#fldLocation { width: 141px; }
div#finderContent form input#btnSubmit { margin-bottom: 0; text-transform: uppercase; color: #000; background: url(../salons/images/search.gif) 135px 8px no-repeat; }
div#sassoonLogo { padding-top: 40px; clear: both; }
a.viewMap { background: url(../salons/images/mag.gif) top left no-repeat; padding: 0 0 0 15px;  }
div#pagination {
padding-left: 10px;
}
div#pagination p {
margin-bottom: 0;	
}
div#pagination ul li {
display: inline;
list-style: none;
}
div#pagination ul li a.selected { color: #000; }
div#pagination ul li a { margin-right: 4px; }
/* ================[ footer ]================ */
div#footer {
padding-top: 20px;
padding-bottom: 2px;
clear: both;
}
div#footer ul {
text-align: right;
list-style:none;
text-transform: uppercase;
font-size: 0.8em;
letter-spacing: 0.07em;
}
div#footer ul li {
display: inline;
margin-left: 30px;
}
div#footer a:hover, div#footer a.footSelected { text-decoration: none; color: #000; }
/************************** Sitemap **********************/
.sitemap    {}
.sitemap #firstContent ul     			{margin-left:30px;font-weight:bold;color:#afafaf;margin-bottom:0px;}
.sitemap #firstContent ul li   		{list-style-type:none;margin-bottom:10px;}
.sitemap #firstContent ul ul li  		{list-style-type:disc;}
.sitemap #firstContent ul li ul li 	{font-weight:normal;margin-bottom:0px;}
/****************** Collection *********************/
#collectionContainer        {}
#collectionMainPicture      {width:676px;height:399px;overflow:hidden;position:relative;}
#collectionMainPicture img  {position:absolute;}
#collectionThumbnails       {border-top:1px solid #fff;position:relative;width:676px;}
#collectionMainPicture #left    {position:absolute;top:0px;left:0px;height:399px;width:676px;background-position:top left;}
#collectionMainPicture #right   {position:absolute;top:0px;right:-2px;height:399px;width:676px;background-position:top right;}
/********** Show Calendar ***********/
#showCalendar td,#showCalendar th {
padding: 10px 20px 0px 5px;
text-align: left;
}
th {
color:#8D8C8B;
}
a.pdf {
background: url('/images/pdfIcon.gif') no-repeat;
height: 19px;
display: inline-block;
padding: 3px 0px 0px 25px;
}
div.sliceHeight {
height: 620px;
}
div.sliceHeightSmaller {
min-height: 360px;
height: auto !important;
height: 360px;
}
/********** Icon List ***********/
ul#iconList {
float: left;
margin: 5px 0px 0px 0px;
list-style: none;
}
ul#iconList li {
float: left;
}
ul#iconList li a {
text-indent: -9999em;
display: block;
margin: 0px 15px 0px 0px;
}
ul#iconList li a.info {
background: url('../salons/images/sassoon_info_btn.gif') no-repeat top left;
width: 31px;
height: 31px;
}
ul#iconList li a.info:hover {
background: url('../salons/images/sassoon_info_btn.gif') no-repeat bottom left;
}
ul#iconList li a.info:active {
background: url('../salons/images/sassoon_info_btn.gif') no-repeat bottom left;
}
ul#iconList li a.map {
background: url('../salons/images/sassoon_map_btn.gif') no-repeat top left;
width: 31px;
height: 31px;
}
ul#iconList li a.map:hover {
background: url('../salons/images/sassoon_map_btn.gif') no-repeat bottom left;
}
ul#iconList li a.map:active {
background: url('../salons/images/sassoon_map_btn.gif') no-repeat bottom left;
}
ul#iconList li a.prices {
width: 32px;
height: 31px;
}
ul#iconList li a.prices:hover {
width: 32px;
height: 31px;
}
/* Cuurency Icons */
ul#iconList li a.prices.pound {
background: url('../salons/images/sassoon_Pound_btn.gif') no-repeat top left;
}
ul#iconList li a.prices.pound:hover {
background: url('../salons/images/sassoon_Pound_btn.gif') no-repeat bottom left;
}
ul#iconList li a.prices.dollar {
background: url('../salons/images/sassoon_dollar_btn.gif') no-repeat top left;
}
ul#iconList li a.prices.dollar:hover {
background: url('../salons/images/sassoon_dollar_btn.gif') no-repeat bottom left;
}
ul#iconList li a.prices.euro {
background: url('../salons/images/sassoon_euro_btn.gif') no-repeat top left;
}
ul#iconList li a.prices.euro:hover {
background: url('../salons/images/sassoon_euro_btn.gif') no-repeat bottom left;
}
ul#iconList li a.prices:active {
background: url('../salons/images/prices_btn.gif') no-repeat bottom left;
width: 31px;
height: 31px;
}
ul#iconList li a.team {
background: url('../salons/images/sassoon_team_btn.gif') no-repeat top left;
width: 31px;
height: 31px;
}
ul#iconList li a.team:hover {
background: url('../salons/images/sassoon_team_btn.gif') no-repeat bottom left;
}
ul#iconList li a.team_active {
background: url('../salons/images/sassoon_team_btn.gif') no-repeat bottom left;
}
ul#iconList li a.news {
background: url('../salons/images/sassoon_news_btn.gif') no-repeat top left;
height: 31px;
width: 31px;
}
ul#iconList li a.news:hover {
background: url('../salons/images/sassoon_news_btn.gif') no-repeat bottom left;
}
ul#iconList li a.news:active {
background: url('../salons/images/sassoon_news_btn.gif') no-repeat bottom left;
}
address {
font-style: normal;
margin: 0px 0px 16px 0px;
}
ul.thumb_team {
margin: 10px 0px 15px 0px !important;
float: left;
}
ul.thumb_team li {
margin: 0px 10px 0px 0px;
float: left;
}
ul.thumb_team img {
cursor: pointer;
}
span.grey {
color: #cac8c8;
}
div.teamInfo {
float: left;
position: relative;
width: 350px;
min-height: 400px;
height: auto !important;
height: 400px;
}
div.teamInfo ul{
line-height: 1.6em;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
div.teamInfo h3 {
margin-bottom: 0px !important;
}
div.infoThumb {
width: 350px;
margin: 0px 0px 16px 0px;
}
table.appointmentTimes tr td {
padding: 0px 10px 0px 0px;
}
div#salonMap {
width: auto;
height: 350px;
}
div#finderContentInnerMap {
float: left;
width: 307px;
height: 380px;
border-left: 1px solid #cac8c8;
padding-top: 61px;
padding-left: 20px;
padding-right: 10px;
}
div#finderContent div#results ol li {
height: auto;
}
div#finderContent div#results ol ul li {
height: auto;
}
div#finderContent div#resultPane p {
width: 400px;
}
div#finderContent div#detail {
margin-left: 30px;
}
div#finderContent div#resultPane h2{
padding-top: 50px;
padding-bottom: 15px;
}
div#detail ul#iconList li {
margin-right: 30px;
}
div#detail ul#iconList li a {
width: 31px;
}
a.countryProds, a.cityProds {
width: 289px;
height: 95px;
display: block;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
text-transform: uppercase;
color: #FFF;
font-size: 1.1em;
padding: 63px 0 0 30px;
float: left;
}
a.cityProds2 {
width: 289px;
height: 95px;
display: block;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
text-transform: uppercase;
color: #FFF;
font-size: 1.1em;
padding: 0 0 0 0;
float: left;
}
.cityProds2 span.pad {
display:block;
padding: 21px 0 0 20px;
}
a#ukNav {
background: url(../salons/images/salonNav1.jpg) top left
no-repeat;
}
a#usaNav {
background: url(../salons/images/salonNav2.jpg) top left
no-repeat;
}
a#canadaNav {
background: url(../salons/images/salonNav3.jpg) top left
no-repeat;
}
a#germanyNav {
background: url(../salons/images/salonNav4.jpg) top left
no-repeat;
}
a#germanyNav:hover,a#canadaNav:hover,a#usaNav:hover 
{background-position: 0px -159px;}
a#ukNav:hover
{background-position: 0px -159px;}
a#laNav {
background: url(../academy/images/citynav/la_big.jpg) top left
no-repeat;
height: 187px;
width: 356px;	
}a#chicagoNav {
background: url(../academy/images/citynav/chicago_big.jpg) top left
no-repeat;
width: 356px;		
height: 187px;
}
a#chicagoNav:hover
{background-position: 0px -207px;}
a#laNav:hover
{background-position: 0px -208px;}
a#miamiNav {
background: url(../academy/images/citynav/miami_small.jpg) top left
no-repeat;
width:227px;
height:117px;
}
a#seattleNav {
background: url(../academy/images/citynav/seattle_small.jpg) top left
no-repeat;
width:227px;
height:117px;
}a#sanfranciscoNav {
background: url(../academy/images/citynav/sanfran_small.jpg) top left
no-repeat;
width:227px;
height:117px;
}
a#miamiNav:hover,a#seattleNav:hover,a#sanfranciscoNav:hover
{background-position: 0px -137px;}
a#berlinNav {
background: url(../academy/images/citynav/berlin.jpg) top left
no-repeat;
}
a#munchenNav {
background: url(../academy/images/citynav/munchen.jpg) top left
no-repeat;
}
a#frankfurtNav {
background: url(../academy/images/citynav/frankfurt.jpg) top left
no-repeat;
}
a#hamburgNav {
background: url(../academy/images/citynav/hamburg.jpg) top left
no-repeat;
}
a#berlinNav:hover,a#munchenNav:hover,a#frankfurtNav:hover,a#hamburgNav:hover 
{background-position: 0px -159px;}

a.keyIntroLink {
display:block;
cursor:pointer
}

div#firstContent,div#navContent {
border-left: 1px solid #cac8c8;
float: left;
padding-left: 20px;
padding-top: 61px;
width: 380px;
}


div#firstContent2 {
border-left: 1px solid #cac8c8;
float: left;
padding-left: 20px;
padding-top: 61px;
width: 400px;
}

div#secondContent_vid {
border-left: 1px solid #cac8c8;
float: right;
padding-left: 20px;
margin-top: 61px;
width: 100px;
width: 365px;
}

div.sliceHeight_vid {
height: 450px;
}