/***TOC***

* - RESET / CLEARFIX
* - STRUCTURE
* - GENERIC
* - NAVIGATION
* - ELEMENTS
* - PAGE TWEAKS
* - MISC
*/


/***Reset / Clearfix -start-***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	color:inherit;
	text-align:inherit;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {margin:0px;padding:0px;font: normal 62.5%/1em verdana, helvetica, arial, sans-serif; color: #646464;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*Reset Reload -end-*/


/*Clearfix*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;} /*Those two .clearfix have to be separate!)*/
.clearfix {display:block;}
* html .clearfix {height:1px;}

/***Reset / Clearfix -end-***/

/***Structure -start-***/
#wrapper
{
    width: 960px;
    margin:0 auto;
    margin-bottom: 20px;
}

#site
{
    width: 960px;    
    float:left;
    background:#f5f5f5;
    margin-bottom: 8px;
    
}

#masthead
{
    width: 960px;
    height: 140px;    
    overflow: hidden;  
    position: relative;
    top: 0px;
    left: 0px;
    margin-bottom:20px;
    padding-bottom:10px;
    background: url(/Images/border_style2.gif) repeat-x bottom ; 
}


#leftcolumn
{
    width:140px;
    float: left;
	margin-left:20px;
	display:inline;
}

#main
{
   width: 558px;   
   background: #fff;  
   float: left;
	border:1px solid #e1e1e1;
	padding:20px;
	position:relative;
	min-height: 620px;
	margin-bottom:20px;
   
}

#main-home
{
	width: 735px;   
	background: #fff;  
	float: left;
	border:1px solid #e1e1e1;
	padding:20px;
	position:relative;
	min-height: 420px;
	margin-bottom:20px;
}

#rightcolumn
{
   width:162px;
   float: left;
	padding:0 19px;
}

#bottomcolumn-home
{	
	clear:both;
	margin: 0 0 20px 160px;
}

#bottomcolumn-home li
{	
	float:left;
	margin: 0 20px 0 0;
}

#home_column_left{
	float: left;
	width: 340px;
}
#home_column_right{
	float: left;
	width: 340px;
	padding-left: 30px;
}
#home_column_bottom{
	clear: both;
}

#footer
{  
    background: url(/Images/logo_stoneridge-small.gif) no-repeat  852px 0;
    float:left;
    width:100%;
    min-height: 40px;
    padding:8px 0;
}

#footer p.copyright
{  
   font-size:1.1em;
   line-height:1.1em;
   color:#000;
   float:left;
   margin:0 15px 0 0;
   padding:0;
}

#footer #footer-items ul li
{
    float: left;    
}

#footer #footer-items ul li a
{  
    font-size:1.1em;
    line-height:1.1em;
}

#home_column_left 
{
    float:left;
    width:45%;
}
#home_column_right 
{
    float:right;
    width:45%;
}

#languageSelector
{
    position: absolute; 
    top: 20px; 
    left: 790px;
}

#logo
{
    position: absolute; 
    left: 20px;
    bottom:0;
    display:block;
}

img.corner_top-left {position:absolute; top:-1px; left:-1px;}
img.corner_top-right {position:absolute; top:-1px; right:-1px;}
img.corner_bottom-left {position:absolute; bottom:-1px; left:-1px;}

/***Structure -end-***/


/***Generic -start-***/	
p,
table tr td,
#main li {
	font-size:1.2em;
    line-height:1.4em;
    margin: 0 0 1em 0;
    padding:0;
}   

h1 {
    font-size: 1.7em;
    line-height: normal;
    color: #ff0000;
    margin: 0 0 1em;
    padding: 0px;
    font-weight: normal;
	
}

h2 {
    font-size: 1.5em;
    line-height: normal;
    color: #ff0000;
    font-weight: normal;
}	

h3 {
	font-size: 1em;
    line-height: normal;
    font-weight: bold;
    color: #f08e15;
}


h4 {
	font-size: 1em;
    line-height: normal;
    font-weight: bold;
    color: #3c3d3d;
    font-style: italic;
}


a {
    color: #ff0000;  
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    outline:none;
}		
	
img {border:none;}

.nomargin {margin:0 !important;}
/***Generic -end-***/	



/***Navigation - start-***/
#navigation ul
{
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
	background: url(/Images/border_style1.gif) no-repeat 10px bottom;
}

#navigation ul li
{
    padding:0;
    margin: 0;
    background: url(/Images/border_style1.gif) no-repeat 10px 0;
}

/*(the .js and js-selected styles are triggered when javascript and therefore sifr is activated)*/

#navigation a, #navigation li.js
{
    font-size: 1.4em; 
    text-decoration:none;
    padding:18px 0 18px 10px;
    display:block;
    color:#000;
	line-height:1em;
	font-weight:normal;
	width:119px;
}

#navigation a:hover, #navigation a.selected
{
    background: #fff url(/Images/arrow_style1.gif) 10px center no-repeat;
	padding:19px 0 19px 20px;
	border:1px solid #e1e1e1;
	border-right:none;
	width:120px;
	margin-right:-1px;
	margin-bottom:-4px;
	position:relative;
	z-index:10;
	cursor:pointer;
}
/***navigation -end-***/


/***elements -start-***/

/*main content area*/
#main ul {margin:0; padding:0;}
#main ul li {background: url(/Images/bulletpoint.gif) no-repeat 0 0.6em ; list-style:none; margin:0 0 40px 0; padding:0 0 0 10px;}

/*download widget*/
.download_widget {clear:both;padding: 10px 0px;}
.download_widget h2 {font-size:1.1em;margin:0;line-height:2em;font-weight:normal;color:#646464;}
.download_widget p {font-size:1.1em;margin:0;line-height:1em;}
.download_widget label {display:block;float:left;line-height:1.5em;margin-right:0.2em;width:188px;}
.download_widget select {font-size:1em;width: 100px;}
.download_widget .download {background-color: #FF0000;font-weight: bold;padding:0.2em 0;font-size: 0.8em;color: #fff;width: 80px;border: solid 1px black;}
.download_widget .corners {float:left;}
.download_widget .content {float:left; background-color: #ebebeb; width: 380px;padding:2px 5px;}


/*teaserbox*/
.teaserbox 
{
    width:160px;
    background: #fff url(/Images/teaserbox_top.gif) no-repeat top;
    margin:0 0 20px 0;
    float:left;
}

.teaserbox a
{
   text-transform:uppercase;
   color: #000;

}

.teaserbox a:hover
{
   text-decoration:none;
}

.teaserbox h2 
{
    text-transform:uppercase;
    margin:0;
    padding:0;
}

.teaserbox p 
{
    color: #969696;
    margin:0;
    padding:0.2em 0 0;
    
}

.teaserbox .bottom
{
    width:160px;
    background:  url(/Images/teaserbox_bottom.gif) no-repeat bottom;
    padding:0 0 9px;
    margin:9px 0 0 0;
    float:left;
}


.teaserbox .content 
{
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    width:158px;

}


.teaserbox .header
{
    padding: 0 10px 13px 10px;   
        
}

.teaserbox .link, .teaserbox .link  
{
   background: #e1e1e1;
   padding: 7px 10px 0;
   position:relative;
   margin-bottom:-3px;   
   overflow:hidden;
}


/* listing style */

.listing-article-condensed,
.listing-article
{    
    border-bottom: solid 1px #cdcdcd;    
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

.listing-article-condensed
{
    margin-top: 0px;
    padding-bottom: 0px;
}

.listing-article-condensed p
{    
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.listing-article-condensed h3,
.listing-article h3
{
    font-weight: bold;
    color: #f08e15;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
}

.listing-article-condensed a:hover h3,
.listing-article a:hover h3
{
    text-decoration: underline;
}

/*sign up for newsletter*/

#newletter_div {
	margin: 0 auto;
   	width: 390px; 
}

#newletter_div .top {
   	background: #EBEBEB url(/Images/search_top_bk.gif) no-repeat top;
   	float:left;
   	padding-top:5px;
   	width: 390px; 
}

#newletter_div .bottom {
   	background:  url(/Images/search_bottom_bk.gif) no-repeat bottom;
   	float:left;
   	padding-bottom:5px;
   	width: 390px; 
}

#newletter_div .submit
{
	background-color: #FF0000;
	font-weight: bold;
	line-height: normal;
	color: #fff;
	width: 80px;
	border: solid 1px black;
}

#newletter_div img {
	width: 390px;
}

#newletter_table .label{
	line-height: 1.2em;
	width: 110px;
}

#voucher_div {
	margin: 0 auto;
   	width: 390px; 
}

#voucher_div .top {
   	background: #EBEBEB url(/Images/search_top_bk.gif) no-repeat top;
   	float:left;
   	padding-top:5px;
   	width: 390px; 
}

#voucher_div .top.def .membership_number {
	display: none;
}

#voucher_div .top.se .membership_number {
	display: block;	
}

#voucher_div .bottom {
   	background:  url(/Images/search_bottom_bk.gif) no-repeat bottom;
   	float:left;
   	padding-bottom:5px;
   	width: 390px; 
}

#voucher_div .submit
{
	background-color: #FF0000;
	font-weight: bold;
	line-height: normal;
	color: #fff;
	width: 80px;
	border: solid 1px black;
}

#voucher_div img {
	width: 390px;
}

#voucher_div .label{
	line-height: 1.2em;
	width: 130px;
}


dl.form {margin:10px;font-size:1.2em;line-height:1.2em;}
dl.form dt {width:110px;float:left;}
dl.form dd {margin-bottom:1.5em;float:left;}
dl.form dd.last {margin-bottom:0;}

#voucher_div dl dt {width:130px;float:left;}

#voucher_div dl dd.last {float:right; margin: 10px 20px 0 0}
#voucher_div dl dt.optin {float:left; width: 330px}
#voucher_div dl dd.optin {float:right; width: 40px}


/***elements -end-***/


/***page tweaks -start-***/

/*page=sitemap*/
#sitemap
	{width: 100%;
	background-color: #e0e0e0;
	float: left;
	margin-top: 10px;
	font-size: 1em;}

#sitemap #sitemap-right,
#sitemap #sitemap-left
{
    float: left;
}

#sitemap ul
{    
    width: 200px;
    padding: 10px 5px;
}
#sitemap #sitemap-right ul
{
    border-left: solid 4px #fff;
    border-bottom: solid 4px #fff;
}
#sitemap #sitemap-right ul
{
    width: 334px;
}

#sitemap #sitemap-right ul.last {border-bottom: 0px;}

#sitemap ul li
{
    margin:0;
    background-image:none;
}

#sitemap ul li a
{
    background: url(/images/sitemap_sub.gif) no-repeat  left ;
    padding-left: 40px;
    padding-bottom: 2px;
    display: block;    
}

#sitemap ul li a.first
{
   background-image: url(/images/sitemap_main.gif); 
}

#sitemap ul li a
{
    font-weight: normal;
    color: #000;
}

/***page tweaks -end-***/


/***misc -start-***/
#service-network .search
{
	background-color: #FF0000;
	font-weight: bold;
	font-size: 10px;
	line-height: normal;
	color: #fff;
	width: 57px;
	border: solid 1px black;
}
/***misc -end-***/