/* 

--------------------------------------
T-CLASS - THE COMPLETE SOLUTION - 2009
--------------------------------------

CSS BY A D EGGINTON @ eSTERLING.CO.UK 20.10.09

*/


/* GLOBAL */
a:active{outline:none;}
a:focus{-moz-outline-style:none;}
a{text-decoration:none; color:#739dc8;}
a:hover{ text-decoration:underline; color:#9EBCDA; }
strong{}
em{color:#739dc8; font-style:normal}
	em.super{color:#bd9b5a}
	em.definition{color:#cd242b}
	em.delta{color:#499947}
	em.tclass{color:#477aa8}
	
p{padding:0px; margin:7px 0px; line-height:18px;}
h1{font-family: "Times New Roman", Times, serif; font-size: 30px; font-style: italic; font-weight: normal; color: #739dc8; text-decoration: none; letter-spacing:-0.08em; padding:0px; margin:0px;}
h2{ font-size:11px; font-weight:bold; color: #97B7D7; text-transform: uppercase; padding:0px; margin:0px; margin-top:15px; }
h3{ font-family: "Times New Roman", Times, serif; text-transform: uppercase; font-size:11px; letter-spacing:0.5em; color:#E4BB6D; font-weight:normal; margin:0px; padding:0px; margin-top:14px; }
h4{font-size:12px; font-weight:bold; color:white; margin:0px; padding:0px; text-transform:uppercase}
h5{ padding:7px; font-size: 14px; font-weight: bold; color: #89ACBE; background-image: url(../images/overlay.gif); background-repeat: repeat; }
	h5 div{width:300px; float:right; font-size:11px; font-weight:normal; color:#FFF; text-align:right;}
h6{}
ul, li{}
img{border:none;}
.fr{float:right;}
.fl{float:left;}
.clr{clear:both;}
.smlTxt{font-size:10px; color:#4A6480}
.whiteTxt{color:#fff; font-weight:normal;}

img, div { behavior: url(css/iepngfix.htc) }

/* GLOBAL END */


/* LAYOUT START */
body { margin:0px; background-color: #000; background-image: url(../images/bodyBg.jpg); background-repeat: no-repeat; background-position: left top; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana; font-size: 11px; font-weight: normal; color: #FFF; text-decoration: none; background-attachment: fixed; }
#container{margin:0px auto; width:980px;}
#header{display:block; height:90px; padding-top:22px;}
	#header div{ width:245px; float:right; background-image: url(../images/basketBg.jpg); background-repeat: no-repeat; background-position: left top; height:27px; padding-top:15px; padding-left:9px; margin-top:17px;}
	#header a{color:#739dc8;}
		#header a:hover{ color:#A4C2CA; }
		
		#search{width:260px; float:right; height:30px; margin-top:18px; margin-right:10px;}
			.searchField{ width:180px; border:0; background-image: url(../images/searchFieldBg.gif); background-repeat: repeat; background-position: left top; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana; font-size: 11px; color:#739dc8; padding:14px 10px 15px 10px }
				.searchButton{vertical-align:top}
#nav{ }
	#nav li{  }
	
		#home{ width:99px; height:45px; display:block; background-image: url(../images/navSprite.jpg); background-repeat: no-repeat; background-position: left top; }
			#home:hover{ width:99px; height:45px; background: url(../images/navSprite.jpg) no-repeat left -45px; display:block; }
			
		#overview{width:104px;height:45px; background: url(../images/navSprite.jpg) no-repeat -99px top;display:block;}
			#overview:hover{width:104px;height:45px; background: url(../images/navSprite.jpg) no-repeat -99px -45px;display:block;}
			
		#onlineShop{ width:122px; height:45px; background: url(../images/navSprite.jpg) no-repeat -203px top; display:block; }
			#onlineShop:hover{width:122px; height:45px; background: url(../images/navSprite.jpg) no-repeat -203px -45px; display:block;}

		#decoratorsLogin{width:210px;height:45px; background: url(../images/navSprite.jpg) no-repeat -325px top;display:block;}
			#decoratorsLogin:hover{width:210px;height:45px; background: url(../images/navSprite.jpg) no-repeat -325px -45px;display:block;}

		#basket{width:100px;height:45px; background: url(../images/navSprite.jpg) no-repeat -540px top;display:block;}
			#basket:hover{width:100px;height:45px; background: url(../images/navSprite.jpg) no-repeat -540px -45px;display:block;}
			
		#faqs{width:90px;height:45px; background: url(../images/navSprite.jpg) no-repeat -633px top;display:block;}
			#faqs:hover{width:90px;height:45px; background: url(../images/navSprite.jpg) no-repeat -633px -45px;display:block;}

		#newProducts{width:160px;height:45px; background: url(../images/navSprite.jpg) no-repeat -720px top;display:block;}
			#newProducts:hover{width:160px;height:45px; background: url(../images/navSprite.jpg) no-repeat -720px -45px;display:block;}
		
		#stockists{width:95px;height:45px; background: url(../images/navSprite.jpg) no-repeat -887px top;display:block;}
			#stockists:hover{width:95px;height:45px; background: url(../images/navSprite.jpg) no-repeat -887px -45px;display:block;}
			
#footer{clear:both; display:block; border-top:1px solid #203343; margin-top:20px; height:150px; }
	#footer p{margin:7px 0px; padding:7px 0px}
	#footer img{float:right; margin-top:15px;}
	
	.copyright{ color:#a1c7d1; font-size:9px; letter-spacing:2px; text-transform: uppercase; margin-top:35px;}
	.footerLinks{color:#6296a4; font-size:9px; letter-spacing:2px; text-transform: uppercase; }
		.footerLinks a{color:#6296a4; }
		.footerLinks a:hover{ border-bottom-width: 1px; color:#99BAC4 }
		
	#ticketBoxes{display:block; clear:both; text-align:center; padding-top:20px;}
		#ticketBoxes img{}
			.centerticketbox{margin:0px 13px;}
/* LAYOUT END */

/* HOME PAGE LAYOUT START */

	.homeFeature{float:left; width:646px; height:419px; margin-top:20px;}
	.homeRightCol{width:310px; float:right; margin-top:20px;}
		.homeRightCol p{text-align:justify}
			.selectTask{display:block; text-align:center; margin-top:25px; height:115px;}
						

/* HOME PAGE LAYOUT END */

/* APPROVED DECORATORS LOGIN START */

	
	.approvedRight{display:block; margin-top:20px;}
		#decoratorsLoginForm{padding:10px; width:210px; background-image: url(../images/overlay.gif); background-repeat: repeat; background-position: left top; margin-top:20px;}
			.loginFields{ background-color:#354A60; padding:5px; color:#FFF; border:0; -moz-border-radius: 5px; -webkit-border-radius: 5px; width:200px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana; font-size: 11px; margin:10px 0px; }
			
			.loggedInButtons{background-image:url(../images/overlay.gif); width:313px; float:right; padding:10px;}
				.loggedInButtons img{margin-bottom:15px;}
				
			.approvedPagination{ width:600px; margin-top:15px; text-align:right; clear:both; padding-top:10px; letter-spacing:0.25em; text-transform:uppercase; font-size:9px; color:#48717B; font-weight:bold; }
				.approvedPagination a{ color:#83A6B4 }
				
							/* forum */
								.forum-message{ width:600px; padding:10px; background-image:url(../images/overlay.gif); color:#4B7289; margin-top:10px; }
									.forum-message span { color: #ffffff; }
							/* forum end */
							
							.testingWrapper{width:580px; clear:left; background-image:url(../images/overlay.gif); height:60px; padding:10px; margin-top:10px;}
								.testingWrapper img{margin-right:20px;}
								
							#feedback{width:600px;float:left; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-image: url(../images/overlay.gif); background-repeat: repeat; background-position: left top; padding:15px; margin-top:10px;}
								#feedback input, #feedback select, #feedback textarea{background-color:#000; border:0; padding:7px; width:250px; color:#537C9D; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
								#feedback textarea{width:500px; background-color:#000; border:0; padding:7px; color:#537C9D; margin-top:15px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
								
								
/* APPROVED DECORATORS LOGIN END */

/* ABOUT LAYOUT START */

	.aboutLeft{float:left; width:746px; margin-top:20px;}
		
		.aboutSuper{float:left; margin-top:20px; width:232px; background-image: url(../images/overlay.gif); background-repeat: repeat; background-position: left top; height:300px; }	
			.aboutSuper em{color:#a08b52}
			.aboutSuper p{color:#b4a774; text-align:justify}
			.aboutSuper div{padding:10px;}
			
		.aboutDefinition{margin-top:20px; float:right; margin-right:26px; width:232px; background-image: url(../images/overlay.gif); background-repeat: repeat; background-position: left top; height:300px;}
			.aboutDefinition em{color:#cd242b}
			.aboutDefinition p{color:#b33c47; text-align:justify}
			.aboutDefinition div{padding:10px;}
		
		.aboutDelta{margin-top:20px; float:right; width:232px; background-image: url(../images/overlay.gif); background-repeat: repeat; background-position: left top; height:300px;}
			.aboutDelta em{color:#499947}
			.aboutDelta p{color:#56975a; text-align:justify}
			.aboutDelta div{padding:10px;}
		
	.aboutRight{ width:150px; float:right; margin-top:20px; background-image: url(../images/overlay.gif); background-repeat: repeat; background-position: left top; text-align:center; padding:20px; }
	
/* ABOUT LAYOUT END */


/* CONTACT FORM */
.validation-message{background-color:#304b63; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:10px;}
#enquiryform{float:left; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-image: url(../images/contactFormBg.jpg); background-repeat: no-repeat; background-position: left top; width:530px; padding:15px; margin-top:10px; }
#enquiryform table{}
#enquiryform td{}
.required{ background-color:#739dc8; padding:5px; color:#000; border:0; -moz-border-radius: 5px; -webkit-border-radius: 5px; width:300px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana; font-size: 11px; }
.fields{ background-color:#354A60; padding:5px; color:#6296a4; border:0; -moz-border-radius: 5px; -webkit-border-radius: 5px; width:300px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana; font-size: 11px; }
.contactText{ padding-top:0px; margin-top:0px; color: #CCDDE1 }
#contactdetailswrapper{width:370px; float:right; text-align:right;}
/* CONTACT FORM END */


/* CATEGORY LIST START */
.categoryWrapper{display:block; padding-top:10px; clear:both;}

	.catSuper{float:left; margin-top:20px; width:232px; background-image: url(../images/overlay.gif); background-repeat: repeat; background-position: left top; height:300px; }	
			.catSuper em{color:#a08b52}
			.catSuper p{color:#b4a774; text-align:justify}
			.catSuper div{padding:10px;}
			
	.catDefinition{margin-top:20px; float:left; margin-right:17px; width:232px; background-image: url(../images/overlay.gif); background-repeat: repeat; background-position: left top; height:300px;}
			.catDefinition em{color:#cd242b}
			.catDefinition p{color:#b33c47; text-align:justify}
			.catDefinition div{padding:10px;}
		
	.catDelta{margin-top:20px; float:left; margin-right:17px; width:232px; background-image: url(../images/overlay.gif); background-repeat: repeat; background-position: left top; height:300px;}
			.catDelta em{color:#499947}
			.catDelta p{color:#56975a; text-align:justify}
			.catDelta div{padding:10px;}
			
	.catT-class{margin-top:20px; float:left; width:232px; margin-left:17px; background-image: url(../images/overlay.gif); background-repeat: repeat; background-position: left top; height:300px;}
			.catT-class em{color:#477aa8}
			.catT-class p{color:#739dc8; text-align:justify}
			.catT-class div{padding:10px;}
			
/* CATEGORY LIST END */

/* BREADCRUMB START */

	.breadcrumb{ display:block; clear:both; padding:8px; background-image: url(../images/breadcrumb-paging-bg.jpg); background-repeat: repeat; background-position: left top; margin-top:6px; font-size:10px; color:#45626c }
		.breadcrumb a{color:#45626c}
			.breadcrumb a:hover{ text-decoration:none; color:#628B99 }
/* BREADCRUMB END */

/* PRODUCTS LAYOUT START*/

	.products{ padding-top:0px; width:670px; margin-top:10px; }
	
	.productsRight{color:#596d81; margin-top:10px; text-align:center; width:290px; float:right; background-image: url(../images/overlay.gif); background-repeat: repeat; background-position: left top; }
		.productsRight h2{font-weight:bold; letter-spacing:0.08em; color:white; font-size:16px;}
		.productsRight h3{padding:0px; margin:0px; font-size:11px; letter-spacing:0.08em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:white;}
		.productsRight img{margin:10px auto;}
		
		.productsWrapper{ width:292px; float:left; height:117px; background-image: url(../images/overlay.gif); background-repeat: repeat; background-position: left top; margin-right:20px; padding:10px; display:inline; margin-bottom:10px }
			
			.productsWrapper div{width:98px; height:98px; background-color:#FFF; text-align:center; float:left; margin-right:15px; margin-top:5px; margin-left:5px;}
				.productsWrapper img{margin-top:5px;}
			.productsWrapper p{width:170px; float:right; font-size:10px; line-height:17px; margin:0px; padding:0px; color:#bbccd2; margin-top:2px; }
			.productsWrapper em{font-size:12px; font-weight:bold; color:white; text-transform:uppercase}
			.productsWrapper a{color:#d7cc99; text-transform:uppercase; letter-spacing:0.08em;}
				.productsWrapper a:hover{ text-decoration:none; color:#BBA951 }
				
			.thumbnail{position: relative;z-index: 0;}
			.thumbnail:hover{background-color: transparent;z-index: 50;}
			.thumbnail span{ /*CSS for enlarged image*/ position: absolute; padding: 10px; left: -1000px; visibility: hidden; color:black; text-decoration: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #0C1115; }
			.thumbnail span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px;}
			.thumbnail:hover span{ /*CSS for enlarged image on hover*/visibility: visible;top: 0;left: 60px; /*position where enlarged image should offset horizontally */}
			
			.new-products-right{color:#596d81; margin-top:10px; text-align:left; padding:10px; width:270px; float:right; background-image: url(../images/overlay.gif); background-repeat: repeat; background-position: left top;}
				.new-products-right h2{font-weight:bold; letter-spacing:0.08em; color:white; font-size:16px;}
				.new-products-right h3{padding:0px; margin:0px; font-size:11px; letter-spacing:0.08em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:white;}
				.new-products-right p{color:white}
/* PRODUCTS LAYOUT END*/

/* INDIVIDUAL PRODUCT LAYOUT START*/

		.productInfo{ width:250px; float:right; padding:10px; background-image: url(../images/overlay.gif); background-repeat: repeat; background-position: left top; margin-top:7px;  }
			.productInfo p{ margin-bottom:12px;}
			.productInfo h1{ font-size:15px; color:white; text-transform:uppercase; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana; font-style:normal; font-weight:bold; }
				.prodDetails{color:#8199a5; }
				.oldPrice{font-weight:bold;  color:#8199a5; text-transform:uppercase; font-size:11px; }
					.oldPrice em{color:#858585; text-decoration: line-through; font-size:14px;}
				.price{color:#8199a5; font-weight:bold; text-transform:uppercase; }
					.price em{font-size:18px; color:white;}
					
				a.addToBasket{ font-weight:bold; text-transform:uppercase; background-image: url(../images/basketIcon.gif); background-repeat: no-repeat; background-position: left center; padding-left:17px; color:#8199a5; font-size:14px; }
					a.addToBasket:hover{ text-decoration:none; color:#A5B6BE }
					
				.imagesWrapper{}
		
		#related-items { }
		#related-items h2 { }
		.related-item { width: 116px; height: 116px; margin: 2px; text-align: center; background-color: #ffffff; float: left; }
		
/* INDIVIDUAL PRODUCT LAYOUT END*/


/* NEW PRODUCTS */

.new-product { }
.new-product img { margin-right: 10px; }

/* PAGING START*/
	.pagination{ display:block; text-align:right; clear:both; padding-top:10px; letter-spacing:0.25em; text-transform:uppercase; font-size:9px; color:#48717B; font-weight:bold; }
		.pagination a{ color:#83A6B4 }
/* PAGING END*/

/* SITE MAP START */
	.sitemapLinks li{ list-style-type: none; }
	.sitemapLinks a{ padding:2px; display:block; color: #668CA8; padding-left:10px; }
		.sitemapLinks a:hover{ margin-left:20px; background-position: left top; text-decoration:none; color: #A9BECD; }	
/* SITE MAP END */

/*SEARCH RESULTS START */
	.searchItem{ display:block; padding:10px; background-image:url(../images/overlay.gif); color:#4B7289; margin-bottom:10px; }
		.searchItem em{font-size:14px; color:white}
/* SEARCH RESULTS END */


/* BASKET START */

	#basketform{  }
	#basketTable th{background-image: url(../images/overlay.gif); background-repeat: repeat; font-size:14px; border-bottom: 1px solid #536C7B;}
	#basketTable tr{}
	.basketProductRow{ border-bottom: 1px solid #536C7B; }
		.basketProductRow em{ font-size:11px; color:#4F788E }
		.basketProductRow input{background-color:black; color:#548394; border:0; padding:7px; text-align:center;}
	
	#totalWrapper{background-image:url(../images/overlay.gif)}
	#total{color:#556A80}
		.totalPrices{font-size:15px; color:#FFF;}
	
	.fullPrice {color:white; font-size:15px;}
	
	.basket-thumbnail { width: 90px; height: 90px; text-align: center; background-color: #ffffff; }
	
	#promotion-information, #promotional-code { padding: 10px; background-color: #000; font-weight: bold; }

	.promotion-box { border: 1px solid #ffffff; padding:2px; vertical-align:middle }
	
	.promotion-button {border:0; background-color: #2F4B63; color: #ffffff; text-transform: uppercase; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana; font-size: 11px; padding:3px; font-weight:bold; vertical-align:middle; width:100px;  }
	
/* BASKET END */