/* -------------------------------------------------------------- 
   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);
  
body{
	background-color:#8a8989;
}
/* 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 : 40px; }

/* =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 0; 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 { color: #dddddd; }
.nav2 #nav-02 a { color: #dddddd; }
.nav3 #nav-03 a { color: #eee;  }
.nav3 #nav-03 a:hover { color: #aaa;  }
.nav4 #nav-04 a { color: #000  }
.nav5 #nav-05 a { color: #000  }
.nav6 #nav-06 a { color: #000  }
.nav7 #nav-07 a { color: #000  }
.nav8 #nav-08 a { color: #000  }

/* =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}

/* =nav-sub
.nav-sub {outline:red 1px dashed;} */
.nav-sub { margin:0 0 0 4px; padding: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:hover {
	width:232px;
	max-width:232px;
	background:url(../../images/menu_divide.png) #292929 top no-repeat;
	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-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 ; }
/* .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; }

/* =content */
.content-main { margin : 0 auto; padding :0; background-color:#e8e8e8; }
/*#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;}
.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; }
.content-main img { margin: 0em 0em 0em 0em; }

.siteinfo p {color:#333;}

/* =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; }

#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; }

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

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