/* -------------------------------------------------------------- 
   Blueprint CSS Framework Screen Styles
   * Version: 0.9 modified SG & AC   www.simplifythecomplex.com
-------------------------------------------------------------- */

@import url(reset.css);
@import url(typography974.css);
@import url(grid974sg.css);
@import url(forms.css);
  
*{outline:none;}
body{
	background-color:#ddd;
}
/* Container */
.container {
position : relative; 
padding-top :0;
padding-right:0; }

.toparea{
	width:974px;
	height:125px;
	background-color:#4b4747;
	position:relative;
	margin:0;
	padding:0;
	top:0;
	background-image:url(../../images/Therma_Dry_System.png);
	background-position:710px 35px;
	background-repeat:no-repeat;
}

.topareahome{
	width:974px;
	height:125px;
	background-color:#4b4747;
	position:relative;
	margin:0;
	padding:0;
	top:0;
	
}
.topareahome .nav-main { margin-right:0; font-family: Tahoma, Arial, Helvetica, sans-serif }
.topareahome #nav-main { position : absolute; top : 101px; right : 200px; list-style-type : none; margin : 0;  }
.topareahome #nav-main li { float : left; font-weight: bold; letter-spacing: .1em ;  margin-right : 9px; text-align : center; text-transform:uppercase; display : inline; margin-right : 16px; padding-right : 16px; }
.topareahome #nav-main a { padding : 6px 0; text-transform : none; font-weight: normal; color: #ffffff; text-decoration:none; text-transform:uppercase; }
.topareahome #nav-main li:hover { }
.topareahome #nav-main a:hover { color: #eeeeee; text-decoration:none; text-transform:uppercase; }
.topareahome #nav-main li.last-main-nav { margin-right : 0px; padding-right: 0px ; }

.topareahome .nav-tools { padding :0; text-transform:uppercase; width:974px; margin-right:0; } 
.topareahome #nav-tools { font-size : 11px; position : absolute; top : 4px; right : 90px; list-style-type : none; margin : 0; }
.topareahome #nav-tools li { display : inline; margin-right : 0px; padding-right : 10px; }
.topareahome #nav-tools a, #nav-tools a:visited { text-decoration : none; color :#dddddd; font-size : 11px; }
.topareahome #nav-tools a:hover { text-decoration : underline; }
.topareahome #nav-tools li.last-main-nav { margin-right : 0px; padding-right: 0px ; color: red; }
.topareahome #current-date { text-decoration : none; color: #dddddd; font-size : 11px;}

/* =nav-tools */
.nav-tools { padding :0; text-transform:uppercase; width:974px; margin-right:0; } 
#nav-tools { font-size : 11px; position : absolute; top : 4px; right : 90px; list-style-type : none; margin : 0; }
#nav-tools li { display : inline; margin-right : 0px; padding-right : 10px; }
#nav-tools a, #nav-tools a:visited { text-decoration : none; color :#dddddd; font-size : 11px; }
#nav-tools a:hover { text-decoration : underline; }
#nav-tools li.last-main-nav { margin-right : 0px; padding-right: 0px ; color: red; }
#current-date { text-decoration : none; color: #dddddd; font-size : 11px; }

/* =branding */
.branding { margin-top : 0 ;}
#branding { margin : 0 auto; padding : 0 ; }
#logo { position : absolute; top : 10px; left : 20px; margin : 0; padding : 0; width : 460px; height : 115px; background : url(http://www.titherleys.co.uk/images/Titherleys_logo.png) no-repeat; text-indent : -9999px; padding:0;}
#logo a {display : block; height : 115px; width:200px; }

/* =nav_main */
.nav-main { margin-right:0; font-family: Tahoma, Arial, Helvetica, sans-serif }
#nav-main { position : absolute; top : 101px; right : 200px; list-style-type : none; margin : 0;  }
#nav-main li { float : left; font-weight: bold; letter-spacing: .1em ;  margin-right : 9px; text-align : center; text-transform:uppercase; display : inline; margin-right : 16px; padding-right : 16px; }
#nav-main a { padding : 6px 7px; text-transform : none; font-weight: normal; color: #dddddd; text-decoration:none; text-transform:uppercase; }
#nav-main li:hover { }
#nav-main a:hover { color: #ffffff; text-decoration:none; text-transform:uppercase; }
#nav-main li.last-main-nav { margin-right : 0px; padding-right: 0px ; }

.nav1 #nav-01 a,
.nav2 #nav-02 a,
.nav3 #nav-03 a,
.nav4 #nav-04 a,
.nav5 #nav-05 a,
.nav6 #nav-06 a,
.nav7 #nav-07 a,
.nav8 #nav-08 a { color: #fff; background:#777; }

.main-nav{}
#main-nav{position:absolute; top:101px; right:0; list-style-type:none; margin:0;}
#main-nav li{float:left; margin:0;}
#main-nav a{padding:6px 7px; text-transform:none; font-size:11px; color:#dddddd; text-decoration:none; text-transform:uppercase;}
#main-nav li:hover{}
#main-nav a:hover{color:#ffffff; text-decoration:none; background:#666;}
#main-nav li.last-main-nav{margin-right:0px; padding-right:0px;}


/* =menubar */
.menu-bar { margin: 0 ; padding : 0; width : 974px; height : 1px; background :url(http://www.titherleys.co.uk/images/horizontal-menu-bar.jpg) no-repeat 0 0;  }

/* =main-content-wrapper */
.main-content-wrapper { background : url(http://www.titherleys.co.uk/images/sidebar.jpg) repeat-y 742px 0 #e8e8e8; padding-right:0;  position:relative; top:0; margin:0;}

/* =nav-sub
.nav-sub {outline:red 1px dashed;} */
.nav-sub { margin:0 0 0 4px; padding:0 0 30px 0; width: 232px; max-width:232px; background-color:#dd0000; }
.nav-sub ul{margin:0;}
.nav-sub h3 { margin: 1em; color:#fff; }
.nav-sub p { color:#fff;  font-size:13px;}
.nav-sub li {
	display:block;
	width:232px;
	background:url(../../images/menu_divide.png) top no-repeat;
	list-style-type: none; 
	margin:0; 
	padding:0;
	color:#fff;
	font-family:"Arial Black", Gadget, sans-serif;
	font-style:italic;
	letter-spacing:-0.05em;
	}
.nav-sub li:last-child{background:url(../../images/menu_divide.png) top no-repeat, url(../../images/menu_divide.png) bottom no-repeat;}
.nav-sub li:hover {
	width:232px;
	max-width:232px;
	background:url(../../images/menu_divide.png) #841415 top no-repeat;
	color:#fff;
	}
.nav-sub li:last-child:hover {
	width:232px;
	max-width:232px;
	background:url(../../images/menu_divide.png) top no-repeat, url(../../images/menu_divide.png) bottom no-repeat #841415;
	color:#fff;
	}
.nav-sub a { display:block; width:200px; height:auto; list-style-type: none; margin:0 0 0 14px; padding:10px 0 10px 0; color:#fff; font-size:16px; text-decoration: none; font-weight:bold; }
.nav-sub a:hover { list-style-type: none; color:#fff; font-weight:bold; }
.nav-sub li.selected { background:url(../../images/menu_divide.png) #292929 top no-repeat; color:#fff; font-weight:bold; }

.callout-link{padding:0 !important; margin:0; height:80px !important;}

.callout-image { margin:10px 0 0 0; padding:0; border:none; }
.callout-image-leather { margin: 10px 0px 0 6px; }
.callout-image-link { margin: 10px 0 0 6px; }
.offer-image { margin: 10px 0 0 25px; }
.telephone-call { color:#FFF; font-size:14px; margin: 20px 0 0 40px  }
.telephone-number { color:#FFF; font-size: 18px; margin: 0 0 0 60px }


/* Comtent area =main-image */
.main-image { margin: 0 0 0 -12px ; border-bottom:4px solid #010101;}
/* .main-image { margin: 0 0 0 -10px ; border: #333 dashed 1px; }
img.tl, tr { border:3px solid #ddd; }*/

img.tl { float:left; padding: 2px 20px 10px 0px; }
img.tr { float:right; padding:2px 2px 10px 15px; }
img.cl { float:left; padding:10px 20px 10px 0px; }
img.cr { float:right; padding:10px 2px 10px 15x; }
img.bl { float:left; padding:10px 20px 2px 0px; }
img.br { float:right;padding:10px 2px 2px 15px; }
img.tlp { float:left; padding:2px 20px 10px 0px; padding : 10px; border : 1px solid #999;}
img.trp { float:right; padding:2px 2px 10px 9px; padding : 10px; border : 1px solid #999;}
img.clp { float:left; padding:10px 20px 10px 0px; padding : 10px; border : 1px solid #999;}
img.crp { float:right; padding:10px 2px 10px 10x; padding : 10px; border : 1px solid #999;}
img.blp { float:left; padding:10px 20px 2px 0px; padding : 10px; border : 1px solid #999; }
img.brp { float:right; padding:10px 2px 2px 9px; padding : 10px; border : 1px solid #999;}
img.span { float:left; padding:10px 400px 30px 0px; }

.info-image{float:left; margin:18px 10px 0 40px;}
.info-image img{border:2px solid #777;}

/* =content */
.content-main { margin : 0 auto; padding :0; background-color:#e8e8e8; position:relative;}
/*#content-main ul {list-style-type:circle; margin: 0 0 20px 200px ; }*/
.content-main h2,h3,h4,h5,h6 { margin-left:40px ; color:#1a1a1a; }
.content-main h2{ letter-spacing:-0.06em; font-weight:bold; }
.content-main h3{ letter-spacing:-0.06em; font-weight:bold; clear:left;}
.content-main h1 { margin-left:40px ; padding-top: 20px; color:#dd0000; letter-spacing:-1px; font-size:22px; font-weight:bold; }
.content-main p { margin: 1em 1.5em 1.5em 3em; color: #1a1a1a; max-width:445px;}
.content-main img { margin: 0em 0em 0em 0em; }

h2.summary{padding-bottom:0px; margin-bottom:0;}
.bg-product{position:absolute; top:0; right:0; z-index:0;}

#site-info{background:#4b4747; color:#fff; min-height:80px; margin:-1px 0 0 0; padding:0; position:relative; top:-20px;}
.copyright{position:absolute; padding:0; margin:0; position:absolute; top:30px; right:24px;}
.copyright, .copyright a{text-decoration:none; color:#fff; font-size:12px !important;}

.legal-info{position:absolute; right:145px; top:30px; padding:0; margin:0;}
.legal-info li{display:block; float:left; list-style:none; padding:0; margin:0; border-right:1px solid #bbb;}
.legal-info a{color:#eee; font-size:12px; text-decoration:none; padding:0 14px;}
.legal-info a:hover{color:#fff; text-decoration:underline;}

/* =offer-bar */
.offer-bar{ margin : 0 auto; padding : 1.5em; }

/* =reviewer */
.reviewer {list-style-type : none; margin: 0 0 0 50px ; color: #fff; width: 120px;}
.reviewer p { color: #fff; font-size:12px; font-style:italic; list-style-type : none; margin: 10px 0 0 0px; width: 160px; }

/* =skyscraper-offer */
.skyscraper-offer-banner {padding: 0 0 0 25px ; }

/* Items template  
----------------------------------------------------------------------------------------- */
.items ol.hlisting { list-style-type : none; margin : 30px 0 0 20px ; }
.items ol.hlisting:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
.items ol .item { position : relative; float : left; margin-left: 20px; margin-right : 0px; padding-left : 120px; min-height : 12em; width : 90px; }
.items ol .summary { margin-left:0px; margin-bottom : .2em; font-size : 1.2em; text-transform : uppercase; font-weight: bolder; }
.items ol .description { margin: 0 auto .5em 0 ; font-size : 1em; text-transform : none; line-height: 1.3em; }
.items ol .photo { position : absolute; top : 0; left : 0; }
.items ol .action { position : absolute; top : 135px; left : 0; }
.items ol .dt { display : none; }
.items ol img { border : 2px solid #666; }
.items ol img a:hover { border : 5px; }
.items ol p  {margin-top: 0px  ; margin-left:0px;  font-size:12px; }
.items ol h2  { color: red ; font-size:12px; }
.items .fn h2 { color: red ; font-size:12px; }
.summary h2 { color: red ; font-size:12px; }

ol.hlisting { list-style-type : none; margin : 30px 0 0 20px ; }
ol.hlisting:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
ol .item { position : relative; float : left; margin-left: 20px; margin-right : 0px; padding-left : 120px; min-height : 12em; width : 90px; }
ol .summary { margin-left:0px; margin-bottom : .2em; font-size : 1.2em; text-transform : uppercase; font-weight: bolder; color:#222; }
ol .description { margin: 0 auto .5em 0 ; font-size :12px; text-transform : none; line-height: 1.3em; color:#555; }
ol .photo { position : absolute; top : 0; left : 0; }
ol .action { position : absolute; top : 135px; left : 0; }
ol .dt { display : none; }
ol img { border : 2px solid #666; }
ol img a:hover { border : 5px; }
ol p  {margin-top: 0px  ; margin-left:0px;  font-size:12px; }
ol h2  { color: red ; font-size:12px; }


#i01 a, #i01 a:visited { text-decoration : none; color: #666 ; font-size : 75%; margin-top: 0px ; padding-top: 0px ; }
#i01 a:hover {  text-decoration : none; color: #999; font-size : 75%; }

/* Custom Forms */
.call-me {padding: 0 0 0 287px; }
.call-me{
	background: none;
	background:url(http://www.titherleys.co.uk/images/black-leather-seats.jpg) no-repeat 100% ; 
	min-height: 446px; 
	}
#freeform {border:none;}
.contact-form form {
	padding: 1em 0 0 0 ;
	border: none; }
	
.enquiry {padding: 0 0px 0 287px; }
.enquiry {
	background: none;
	background:url(http://www.titherleys.co.uk/images/trim-enquiry.jpg) no-repeat 100% ; 
	min-height: 446px; 
	}
	
.reviewbackground {padding: 0 0 0 287px; }
.reviewbackground{
	background: none;
	background:url(http://www.titherleys.co.uk/images/trimtechnik-automotive-leather-swatch.jpg) no-repeat 100% ; 
	min-height: 500px;
	max-height: 500px;
	}

#reviewpage { position : relative; margin: 100px 0px 0px -80px; max-width: 290px; min-height: 280px }
#reviewpage p { color: #FFF; text-align:center; }

#reviewpagination { position: absolute; top: 280px; left: 55px; margin: 20px -50px 0px -70px; max-width: 580px; color:#FFF ;}
#reviewpagination a { padding : 3px 7px; color: #CCC; font-weight : normal; text-decoration : none; }


.item-extra ul{display:block; float:left; color:#444;}


.hero-clear{clear:both; width:100%; height:360px;}
.hero-boxes{width:742px; height:340px; margin:0 auto; position:absolute; top:25px; left:3px;}
.hero-link{display:block; width:100%; height:100%; text-indent:-98765px; text-height:0; font-size:0; line-height:0; position:absolute; top:-4px; left:-4px; z-index:20;}
.hero-item{display:block; width:215px; height:210px; float:left; margin:0 5px; border:4px solid #fff;
-moz-box-shadow: 0 0 3px 3px #ccc;
-webkit-box-shadow: 0 0 3px 3px #ccc;
box-shadow: 0 0 3px 3px #ccc;
}
.hero-item-ls, .hero-item-ls-2{display:block; width:332px; height:96px; float:left; margin:10px 5px; border:4px solid #fff;
-moz-box-shadow: 0 0 3px 3px #ccc;
-webkit-box-shadow: 0 0 3px 3px #ccc;
box-shadow: 0 0 3px 3px #ccc;
}
.hero-item-ls-2{margin:10px 4px;}
.hero-item-ls h2, .hero-item-ls-2 h2{position:absolute; bottom:5px; left:8px; font-size:21px; padding:0; margin:0; letter-spacing:-0.02em !important;}
.hero-link:hover{border:4px solid #fff;
-moz-box-shadow: 0 0 3px 3px #fff;
-webkit-box-shadow: 0 0 3px 3px #fff;
box-shadow: 0 0 3px 3px #fff;
}
.hero-box, .hero-box-ls{width:100%; height:100%; padding:0; margin:0; position:relative;}
.hero-box-1{background:url(../../images/commercial-users.jpg) no-repeat top left;}
.hero-box-2{background:url(../../images/cleaning-proffesionals.jpg) no-repeat top left;}
.hero-box-3{background:url(../../images/cleaning-products.jpg) no-repeat top left;}
.hero-box-4{background:url(../../images/business-solutions.jpg) no-repeat top right; background-color:#f5f5f5;}
.hero-box-5{background:url(../../images/keeping-in-touch.jpg) no-repeat 240px 5px; background-color:#f5f5f5;}
.hero-box-detail{height:45%; width:100%; padding:0; margin:0; position:absolute; bottom:0; background:url(../../images/84-percent-opac-bg.png) repeat;}
.hero-box-detail > h2{font-size:18px; font-weight:normal; margin:0 !important; padding:3px 7px !important; letter-spacing:-0.02em !important;}
.hero-box-detail > p{font-size:11px; color:#555; line-height:14px; padding:0px 5px 3px 7px; !important; margin:0 !important;}
.hero-link:hover .hero-box-detail > p{color:#000;}

#simplify a, #simplify a:visited { text-decoration : none; color :#666; font-size : 66%; }
#simplify a:hover { text-decoration : underline; }

.product-images{float:left; clear:left; width:742px; margin:30px 0 0 4px; position:relative; z-index:40;}
.prod-img{width:175px; float:left; margin:4px;}
.prod-img img{width:175px; border:1px solid #777;}

.social-bar{display:block; float:left; margin:22px 0 0 22px; height:33px;}
.soclink-twitter{display:block; background:url(../../images/twitter_titherleys.png) no-repeat top left; width:32px; height:32px; text-indent:-98765px; line-height:0; font-size:0;} 

html { 
min-height: 100%; 
margin-bottom: 1px; 
/* For Firefox 3.5 or later */ 
overflow: -moz-scrollbars-vertical !important; 
overflow-y: scroll; 
}