/* Image4all Style */
/* ----- COLOURS ----- */
/*
Dark Teal: #7FB2B2
Light Teal: #7FCCCC

Header Title and Footer block - #7FB2B2
Line below header - #7FCCCC 
Line at LHS of sub-menu - #7FCCCC
Page Title Block - #7FCCCC
Page Title in Block - #FFFFFF 16pt bold
Page Title as Text - #7FCCCC 18pt bold
Main Menu Items - #999999 in normal case 14pt
Submenu Items - Level 1 #999999 upper case (and bold ?)
Level 2 etc - #999999 normal case.
Highlighted Menu Items - #009999 (bold & underlined)
Words highlighted in body text - #009999  bold 14pt
Main Body Text 12pt - #999999 or perhaps #666666 TBD
Footer Text - 18pt #FFFFFF
Copyright - 12pt #FFFFFF
Background - #FAFAFA
*/
/* ----- HTML ELEMENTS ----- */

html {padding: 0;}

body{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#c2e2f2 !important;
	padding: 15px 0px;
	margin:0px;
	color:#555555;}				
	
a:hover{
	color:#009999;
	text-decoration:underline;}

ul {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0;}

li
{
	padding-bottom:10px;}

ul li a{
	color:#777777;	
	text-decoration:none;}

h1{
	color:#7FCCCC;
	font-size:20px;
	text-align:left;
	padding:0px;
	margin:0px;}

#product h1{
	color:#7FCCCC;
	font-size:20px;
	text-align:left;
	padding:0px;
	padding-bottom:10px;
	margin:0px;}

h3{
	color:#7FCCCC;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	margin-bottom:0px;}

#product h3{
	color:#7FCCCC;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	margin:0px;
	padding: 0px;
	padding-top: 10px;}	
	
/* Main page layout areas */
#container{
	border: 1px solid #F5F5F5;
	text-align:center;
	width:760px;
	left:auto;
	right:auto;
	margin:0 auto;}

#LayoutTable{
	background-color:#FFFFFF;
	text-align:left;
	width:760px;}

.mainContent{
	width:610px;
	padding:10px;
	/*font-size:14px;*/}

.mainContent a{
	font-weight:bolder;
	border-bottom-style:dashed;
	border-bottom-color:#555555;
	border-bottom-width:1px;
	text-decoration:none;
	color:#555555;}

.mainContent a:hover{
	border-bottom-style:dashed;
	border-bottom-color:#009999;
	border-bottom-width:1px;
	text-decoration:none;
	color:#009999;}

td.mainContent{
	width:610px;
	padding:10px;}

td#sideNav{
	width:150px;}

.mainContent p{
/*	font-size:smaller;*/}

#sideNav{
	width:150px;
	border-left: 1px solid #86C7D7;
	font-size:13px;}

#pageHeader{
	position: relative;
	height: 70px;
	width: 100%;
	padding:0px;
	margin:0px;
	border-bottom: 1px solid #86C7D7
	;}

#pageFooter{
	position: relative;	
	padding-top:10px;
	margin:0px;
	height:34px;
	width:760px;
	vertical-align:bottom;}	
	
#logo{
	position: absolute;
	bottom: 0;
	left: 0;
	padding-top: 0px;
	padding-bottom: 6px;
	padding-left:32px;}

#basket{
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 10px;
	padding-right: 20px;}

#cmbLogo {
	padding-right:14px;
	padding-left:14px;
	padding-top:10px;}

#footerImage{
	position: absolute;
	bottom: 0;}

/* Navigation */
/* ----- Selected Item In Navigation -----*/
a.selected{
	color:#009999;
	font-weight: bolder;
}

/* Global Navigation */
#globalNav{
	font-size:13px;
	font-weight: bolder;
	position: absolute;
	bottom: 0;
	right: 0;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 20px;}
	
#globalNav ul li{
	display: inline;
	padding-left: 12px;
	list-style-type:none;}
	
/* Side Navigation */
#sideNav{
	width:150px;}

#sideNav #sideNavTitle{
	display:block;
	color:#328296;
	background-color:#FFFFFF;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	font-weight:bolder;
	font-size:16px;}

#sideNav div.sub1{
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;}

#sideNav ul li{
	padding-top:2px;
	padding-bottom:2px;
	list-style-type:none;}

#sideNav div.sub1 ul{
	text-transform:capitalize;
	padding-top:3px;}

#sideNav div.sub2 ul{
	text-transform:capitalize;
	font-size:11px;}
	
#sideNav div.sub2 ul li.subMenuSelected{
	background: url(/images/chevronTealTall.gif) left top no-repeat;
/*		background: url(/images/chevronTeal.gif) left center no-repeat;*/
	padding-left:12px;}

#sideNav div.sub2 ul li{
	background: url(/images/chevronGrey.gif) left center no-repeat;
	padding-left:12px;}

#sideNav div.sub3 ul li, #sideNav div.sub3 ul li.subMenuSelected{
	background:none;
	padding-left:0px;
	margin-left:0px;}

#sideNav a{
	display:block;
	width:100%;}

/* Used to hide the menu items not currently used */
div.sub1{}
div.sub2{display:none;}
div.sub3{display:none;}
div.sub3{display:none;}
div.sub1 li.subMenuSelected div.sub2{display:block;}
div.sub2 li.subMenuSelected div.sub3{display:block;}
div.sub3 li.subMenuSelected div.sub4{display:block;}



/*#lblCatNav div.sub1 li.subMenuSelected div.sub2{display:block;}
.subMenuSelected .sub2{display:block;}
.subMenuSelected .sub3{display:block;}
.subMenuSelected .sub4{display:block;}*/
	
/* GENERAL FORMATTING */
.centreVert{
	height:200px;
	vertical-align:middle;}
	
.negMargin{
	padding:-10px;
	margin:-10px;
	text-align:center;}
	
.impactLetter{
	color:#0F9F9F;
	font-weight:bolder;
	font-size:larger;}	
	
.bigCaps{
	color:#0F9F9F;
	font-weight:bolder;
	font-size:larger;
	text-transform:uppercase;}

.floatLeft{
	float:left;}
	
.tealText {
	font-weight:bold;
	color:#009999;}

.lightTealText{
	color:#7FCCCC;
	font-weight:bold;}
	
.centered {
	text-align:center;}	

.paddedSides{
	padding-left:10px;
	padding-right:10px;}

h1.dstressTitle{
	color:#AF1B96;
	text-align:center;
	font-size:16px;}

.dstressText{
	color:#AF1B96;
	font-weight:bolder;}

/*

.valSumList ul li{
	background: none;
	list-style-type:disc;
	list-style-position:inside;
	padding-left:0px;}

ul.catGenList li{
	background: none;
	list-style-type:disc;
	list-style-position:inside;
	padding-left:0px;}
	
ul.catGenOutsideList li{
	background: none;
	list-style-type:disc;
	list-style-position:outside;
	padding-left:0px;
	margin-left:10px;}


ul.workWithYouList li{
	background: none;
	list-style-type:disc;
	list-style-position:outside;
	margin-left:15px;
	padding-left:0px;}	

ul.assocList li{
	background: none;
	list-style-type:disc;
	list-style-position:outside;
	margin-left:15px;
	padding-left:0px;}

ul.jobListWide li{
	background: url(/images/chevronTealLargeWide.gif) left top no-repeat;
	padding-left:260px;}


ul.wardWeedList li{
	background: none;
	list-style-type:disc;
	list-style-position:outside;
	margin-left:275px;
	padding-left:0px;}	
	
ul.wardrobeSections li{
	background: none;
	list-style-type:disc;
	list-style-position:outside;
	margin-left:215px;
	padding-left:0px;}

*/

a.noDec{
	border:none;
	text-decoration:none;}

a.noDec:hover{
	border:none;
	text-decoration:none;}
/* ------------	 PAGE SPECIFIC STYLES ----------------- */

/* Home Page */
#homePage{
}

div#homePrelim{
	text-align:center;
	height:189px;}
	
div#homePrelim img{
	vertical-align:middle;}

img#homeTopTag{
	padding-top:30px;}
	
div#homeContent{
	margin-left:20px;
	margin-right:20px;}

/*
ul#basic li{
	background: url(/images/chevronTeal.gif) left center no-repeat;
	padding-left:12px;}
*/
span.dayTitle{
	font-weight:bold;
	color:#009999;}

/* About Sue */
#sueImage{
	float:left;
	width:205px;
	padding-top:25px;}

/* A to Z of Fashion */
td.azList{
	width:210px;}
	
.azList p{
	padding:0px 0px 10px 0px;
	margin:0px;
	font-size:smaller;}
	
/* Women's Services */
#womenTagline{
	padding-left:-10px;
	padding-right:-10px;
	padding-top:30px;
	margin-left:-10px;
	margin-right:-10px;
	text-align:center}
#womImgLeft{
	float:left;}
#womTextRight{
	padding-top:30px;}
#weddingImgLeft{
	float:left;
	padding-right:10px;}
	
#wardWisImgLeft{
	float:left;
	padding-top:5px;
	padding-right:10px;}
	
#wardWeedImgLeft{
	float:left;
	padding-top:15px;
	padding-right:10px;}

#wardWeedImgRight{
	float:right;
	padding-top:15px;
	padding-right:10px;}

#jobImgLeft{
	float:left;}

#jobImgRight{
	float:right;}

.assocText{
	padding-bottom:10px;}

#xmasGiftsImgLeft{
	float:left;
	padding-bottom:15px;
	padding-right:10px;}

#contImgLeft{
	float:left;
	padding-top:15px;
	width:210px;
	text-align:center;}

#presImgLeft{
	float:left;
	padding-top:35px;}

#giftImgLeft{
	float:left;
	padding-right:20px;}

#partyImgLeft{
	float:left;
	padding-top:35px;
	padding-right:10px;}

#eventsImg{
	float:left;
	padding-top:20px;}

.nothingToLeft{
	clear:left;}

.nothingToLeftPadded{
	clear:left;
	padding-left:20px;}

#persShopImgLeft{
	float:left;
	padding-top:20px;
	padding-right:10px;}

#imageAtWorkGenImg{
	float:left;
	padding-top:20px;
	padding-right:10px;}

#corpWomenGenImg{
	float:left;
	padding-top:10px;
	padding-right:10px;}

#corpMenGenImg{
	float:left;
	padding-top:20px;
	padding-right:10px;}
	
/* Women's Colour Analysis */
#colAnMainImage{
	float:left;
	width:300px;
	padding-top:20px;
	padding-right:15px;}

/* Women's Colour Update */
#colUpdateImg{
	float:left;
	padding: 20px 20px 0px 10px;}
	
/* Women's Style Analysis */

#womStyleContent{
	font-size:smaller;
	width:100%;
	padding:0px;
	margin:0px;}	
#styleCentreCol{
	padding-left:10px;
	padding-right:10px;}

#womStyleLeftImg{
	float:left;
	width:150px;}

#womStyleRightImg{
	float:right;
	width:150px;}

#womStyleCentralText{
	padding-top:5px;}
	
/*Beauty Workshop
#beautyList li{
	list-style-type:disc;
	list-style-position:inside;} */

/* ABout CMB */
#aboutCMBImg{
	float:left;
	padding-top:25px;
	padding-bottom:25px;
	padding-right:10px;}
	
/* Shopping Links */
#shoppingLinks td ul li a, #shoppingLinks td ul li a:visited{
	color:#555555;
	border-bottom:none;
	font-weight:normal;}
#shoppingLinks td ul li a:hover{
	color:#009999;}

.wardWrkList{
	list-style-type:disc;
	list-style-position:outside;
	padding-left:235px;
}

.mainContent li{
	list-style-type:disc;
	list-style-position:outside;
	margin-left:20px;}
	
.mainContent ul li ul li{
	list-style-type:square;
	list-style-position:outside;
	margin-left:20px;}
	
/* Men general page */
#menGenImg{
	float:left;
	padding-right:10px;}

/* Men Colour */
#menColourImg1{
	float:left;
	padding-right:10px;}
#menColourImg2{
	margin-top:-20px;
	float:right;}

	
/* Men Personal Shopping */
#menPersonalShopping{}

#menShopImage{
	float:left;
	padding-top:10px;
	padding-right:10px;}
	
/* Men's Image */
#mensImageImg1{
	float:left;
	padding-right:10px;}
#mensImageImg2{
	float:right;}

/* Men's Wardrobe */
#mensWardrobeImg{
	float:right;
	padding-top:20px;
	padding-right:10px;}
	
/* NEWSLETTER */
#newsletter{
	padding-right:0px;}
	
	
/* CATALOGUE */
.leftPaddedList{
	margin-left:60px;}
.basketButton{
	padding-left:10px;}
.basketDetails,.basketDetails table, #basketDetails table{
	font-size:14px;}
#basketDetails a, #basketDetails a:link, #basketDetails a:visited, #basketDetails a:active{	
	border:none;
	border:0;
	margin:0;
	padding:0;
	text-decoration:none;}

a.chequeLink{
	border:none;
	border:0;
	margin:0;
	padding:0;
	text-decoration:none;}

.basketTotals{
	padding-right:10px;
	text-align:right;}
.rangeItem{
	position:relative; 
	top:0px; 
	left:0; 
	padding:-5px;
	margin:-5px;
	z-index:100;
	width:60px;
	cursor:default;}
.rangeItem a.zoomPic, .rangeItem a.zoomPic:visited {
	display:block; 
/*	width:60px; 
	height:37px; */
	text-decoration:none; 
	background:#fff; 
	top:0px; 
	left:0; 
	border:0;
	cursor:default;}
.rangeItem a img {
	border:0;}
.rangeItem a.zoomPic:hover {
	text-decoration:none; 
	background-color:#8c97a3; 
	color:#000;
	cursor:default;}
.rangeItem a .large {
	display:block; 
	position:absolute; 
	width:1px; 
	height:1px; 
	border:0px; 
	top:-1px; 
	left:-1px;
	cursor:default;}
.rangeItem a.zoomPic:hover .large {
	display:block; 
	position:absolute; 
	top:-17px; 
	left:-120px; 
	width:100px; 
	height:62px; 
	border:10px solid #fff;
	cursor:default;}
	
.button {
	color:#555555;
	border: 2px solid #009999;
	background-color:#FFFFFF;}
	
a.submitPayment {
	background-color: transparent;
	background-image: url(/images/paypal.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 52px;
	margin: 0px auto;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	border:none;
}

a.submitPayment:hover {border:none;}

	
.sideBasket{
	border:1px solid #7FCCCC;
	text-align:left;
	padding:5px;
	padding-bottom:5px;}

.sideBasketText{
	font-size:12px;}
	
#cosmeticsGenImg{
	float:left;
	padding-right:10px;
	padding-bottom:20px;
	padding-top:30px;}

#faceGenImg{
	float:left;
	padding-right:5px;
	padding-top:25px;
	/*padding-bottom:20px;
	*/}
	
#skinGenImg{
	float:left;
	padding-right:55px;
	padding-left:55px;
	padding-top:0px;}
	
#brushesGenImg{
	float:left;
	padding-right:10px;
	padding-top:25px;}

#colBoxGenImg{
	float:left;
	padding-right:25px;
	padding-left:25px;
	padding-top:40px;}

#catGenImg{
	padding-right:25px;
	padding-left:25px;
	padding-top:45px;}
		
#lblFor{
	font-size:14px;
	font-weight:bold;
	color:#7FCCCC;}
	
.notIncluded{
	font-size:smaller;
	font-style:italic;}
	
.smallCaption{
	font-size:x-small;}

.padLeft23{
	padding-left:23px;}

.padLeft16{
	padding-left:16px;}
	
/* Shopping links by style */
.styleShopLinkTable{
	padding-left:20px;
	padding-right:20px;}.topOfPage {
	font-size: x-small;
}
.paddedLeftCell {
	padding-left: 20px;
}


#newsletter
{
	text-align:left;
}

/* Colour box builder */
.largeColBoxInfo{
	width:50%;
	padding-left:40px;}
.smallColBoxInfo{
	width:33%;
	padding-left:30px;}
.boxProdName{
	font-size:smaller;}
a.boxProdName {
	border:none;
	text-decoration:none;}
.boxSelection{
	padding-left:30px;
	padding-right:30px;}
.boxRangeItem{
	position:relative; 
	top:0px; 
	left:0; 
	/*padding:-5px;
	margin:-5px;*/
	z-index:100;
	width:36px; 
	}
.boxRangeItem a.zoomPic, .boxRangeItem a.zoomPic:visited {
	display:block; 
	width:36px; 
	text-decoration:none; 
	background:#fff; 
	top:0px; 
	left:0;
	border:0;
	cursor:default;}
.boxRangeItem a img {
	border:0;}
.boxRangeItem a.zoomPic:hover {
	text-decoration:none; 
	background-color:#8c97a3; 
	color:#000;
	cursor:default;}
.boxRangeItem a .large {
	display:block; 
	position:absolute; 
	width:1px; 
	height:1px; 
	border:0px; 
	top:-1px; 
	left:-1px;
	cursor:default;}
.boxRangeItem a.zoomPic:hover .large {
	display:block; 
	position:absolute; 
	top:-17px; 
	left:-100px; 
	width:100px; 
	height:62px; 
	border:0px solid #fff;
	cursor:default;}
.descCol{
	width:180px;
	padding-left:5px;
	padding-bottom:2px;}
.colBoxAdded{
	font-size:larger;
	color:#009999;}
	
a.boxContentList{
	border:none;
	font-size:12px;
	font-weight:normal;}



object { border: 2px solid #fff;}