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

body{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:72%;
}
*{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1em;
font-weight:normal;
color:#666;
}
h1{
margin:0 0 1em 0;
line-height:1.6em;
}
p{
margin:0 0 1em 0;
line-height:1.6em;
}
a:link{
color:#007AC0;
}
a:visited{
color:#007AC0;
}
a:hover{
color:#007AC0;
text-decoration:underline;
}
a:active{
text-decoration:none;
}

#wrapper{
width:720px;
margin:auto;
text-align:left;
}

#header{
height:50px;
}
#logo{
width:150px;
float:left;
margin:20px 0;
}
#addresses{
width:250px;
float:left;
margin:20px 75px;
}
#address1{
width:110px;
float:left;
color:#999;
line-height:1.3em;
border-right:1px solid #CCC;
margin:0 0 0 10px;
}
#address2{
width:110px;
float:right;
color:#999;
line-height:1.3em;
margin:0 0 0 10px;
}
#suppliers{
width:150px;
float:right;
clear:none;
}


#navigation{
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
margin:30px 0;
padding:5px 0;
clear:both;
}
#navigation ul{
list-style:none;
}
#navigation ul li{
display:inline;
text-transform:uppercase;
margin:0 20px 0 20px;
}
#navigation a:link{
text-decoration:none;
color:#666;
}
#navigation a:visited{
text-decoration:none;
color:#666;
}
#navigation a:hover{
text-decoration:none;
color:#007AC0;
}
#navigation a:active{
text-decoration:none;
color:#666;
}
#navigation a.active{
color:#007AC0;
}

#content{
margin:0 0 20px 0;
}
#mainText{
width:460px;
float:left;
margin:0;
padding:0;
}
#text{
width:200px;
float:left;
margin:0;
padding:0 20px 0 0;
}
#subText{
width:420px;
float:left;
}
#image{
width:220px;
float:right;
height:340px;
border:1px solid #CCC;
}
#subImage{
width:220px;
float:right;
height:340px;
border:1px solid #CCC;
}
.image1{
background:url(../img/bg1.jpg) no-repeat left top;
}
.image2{
background:url(../img/bg2.jpg) no-repeat left top;
}
.image3{
background:url(../img/bg3.jpg) no-repeat left top;
}
.image4{
background:url(../img/bg4.jpg) no-repeat left top;
}
.image5{
background:url(../img/bg5.jpg) no-repeat left top;
}
.image6{
background:url(../img/bg6.jpg) no-repeat left top;
}
.image7{
background:url(../img/bg7.jpg) no-repeat left top;
}
.image8{
background:url(../img/bg8.jpg) no-repeat left top;
}
.image9{
background:url(../img/bg9.jpg) no-repeat left top;
}
.image10{
background:url(../img/bg10.jpg) no-repeat left top;
}
#supportingText{
width:221px;
float:right;
padding:0;
margin:0 20px 0 0;
}


#footer{
border-top:1px solid #CCC;
padding:20px 0 0 0;
clear:both;
text-align:center;
}
#desDev{
padding:20px 0 0 0;
text-align:center;
}
#desDev a:link{
color:#CCC;
}
#desDev a:visited{
color:#CCC;
}
#desDev a:hover{
color:#007AC0;
}
#desDev a:active{
color:#CCC;
}



#t-cutting-edge-london-hair-stylists{
background:url(../img/t-cutting-edge-london-hair-stylists.gif) no-repeat;
margin:0 0 .5em 0;
line-height:1.8em;
}
#t-about-us{
background:url(../img/t-about-us.gif) no-repeat;
margin:0 0 .5em 0;
line-height:1.8em;
}
#t-promotions{
background:url(../img/t-promotions.gif) no-repeat;
margin:0 0 .5em 0;
line-height:1.8em;
}
#t-contact-us{
background:url(../img/t-contact-us.gif) no-repeat;
margin:0 0 .5em 0;
line-height:1.8em;
}
#t-feedback{
background:url(../img/t-feedback.gif) no-repeat;
margin:0 0 .5em 0;
line-height:1.8em;
}

#t-promotion{
background:url(../img/t-promotion.gif) no-repeat 0 10px;
margin:0 0 .5em 0;
padding:10px 0 0 0;
line-height:1.8em;
}

#t-what-do-you-think{
background:url(../img/t-what-do-you-think.gif) no-repeat;
margin:0 0 .5em 0;
line-height:1.8em;
}

#t-join-the-club{
background:url(../img/t-join-the-club.gif) no-repeat;
margin:0 0 .5em 0;
line-height:1.8em;
}



/* FORM */
form{
margin:30px 0 0 0;
}
.formItem{
clear:left;
}
fieldset{
padding:20px;
border:none;
}
legend{
font-weight:bold;
color:#007AC0;
}
label{
float:left;
width:200px;
}


.img{
text-indent:-9999px;
}


.linkPara{
margin-bottom:25px;
}
.promoBox{
clear:both;
border-bottom:1px solid #CCC;
margin:0;
padding:15px 0 0 0;
}
.promoTitle{
text-transform:uppercase;
color:#007AC0;
}
.promoImage{
float:right;
margin:0 0 10px 20px;
}
.clear{
clear:both;
height:10px;
}

.error{
color:red;
font-weight:bold;
}

li.bold{
	font-weight:bold;
	font-size:14px;
}
li.bold a:link, li.bold a:visited, li.bold a:active{
	color:#FF0000;
}




.CTA, .smallCTA{
	background:#007AC0;
	padding:5px;
}

.CTA a{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	line-height:20px;
}
.smallCTA a{
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	line-height:16px;
}