/*
Auto Glass Campaign
Copyright Net Efficiency Ltd
26 August 2005
*/

html, body {background:#ccc;color:#838383;margin:0px;padding:0;font-family: Verdana, Helvetica, Arial, "Trebuchet MS", Geneva, sans-serif;}
body {text-align:center;width:100%;margin:0px;}

#jar { /*centers all in middle of page horizontally */
	width: 700px;margin: 0px auto;margin-top:10px;margin-bottom:10px;padding:20px 50px 0 50px;border:0;text-align:left;font-size:x-small;background:#ccc;}
* html #jar{
	font-size:xx-small;
	width:800px;
	font-s\ize:x-small;
	w\idth:700px;
}

#container{display:block;clear:both;margin:0;padding:8px;background:#fff;width:684px;}
* html #container{
	width:700px;
	font-size:xx-small;
	w\idth:684px;
	font-s\ize:x-small;
}

/* top row with logo and nav */
#toprow{display:block;width:683px;height:64px;float:left;clear:both;margin:0;padding:0;border:0;border-right:1px solid #333;}
* html #toprow{
	width:684px;
	w\idth:683px;
}

#logo_div{display:block;float:left;clear:none;margin:0;padding:0;height:64px;width:156px;}
#logo_div a#logo_link{display:block;margin:17px 0 0 12px;}
#site_title{display:block;float:left;clear:none;margin:0 0 0 8px;padding:0 8px 0 0;border:0;border-bottom:1px solid #333;height:63px;width:122px;}
* html #site_title{
	width:130px;
	height:64px;
	w\idth:122px;
	he\ight:63px;
}
#site_title h2{color:#333;font-size:100%;font-weight:bold;margin: 25px 0 0 0;}

/* top square block navigation */
#topnav{display:block;float:left;clear:none;margin:0;padding:0;list-style: none;line-height: 1;}
#topnav li{display:block;float:left;clear:none;width:65px;height:64px;margin:0;padding:0;border:0;}
#topnav li.lastli{width:64px;}
#topnav li a, #topnav li span{display:block;width:54px;height:54px;margin:0;padding:5px;border:0;border-right:1px solid #fff;color:#fff;font-size:80%;line-height:1.1;font-weight:normal;text-decoration:none;background:#333;overflow:hidden;}
#topnav li.lastli a, #topnav li.lastli span{border:0;}
* html #topnav li a{
	width:65px; /* IE5 accounting for padding & border */
	height:64px; /* IE5 accounting for padding */
	w\idth:54px; /* IE6 */ 
	he\ight:54px;
}

* html #topnav li.lastli a{
	border:0;
	width:64px; /* IE5 accounting for padding */
	height:64px; /* IE5 accounting for padding */
	w\idth:54px;
	he\ight:54px;
}

* html #topnav li span{
	width:65px; /* IE5 accounting for padding & border */
	height:64px; /* IE5 accounting for padding */
	w\idth:54px; /* IE6 */ 
	he\ight:54px;
}

* html #topnav li.lastli span{
	border:0;
	width:64px; /* IE5 accounting for padding */
	height:64px; /* IE5 accounting for padding */
	w\idth:54px;
	he\ight:54px;
}


#topnav li a:hover{color:#fff;}
#topnav li a#uid48:hover, #topnav li a#uid48_ov, #topnav li span#uid48 {background:#f00;}  /* about */
#topnav li a#uid49:hover, #topnav li a#uid49_ov, #topnav li span#uid49 {background:#f90;}  /* why */
#topnav li a#uid50:hover, #topnav li a#uid50_ov, #topnav li span#uid50 {background:#9c0;}  /* schedule */
#topnav li a#uid51:hover, #topnav li a#uid51_ov, #topnav li span#uid51 {background:#039;}  /* listen */
#topnav li a#uid52:hover, #topnav li a#uid52_ov, #topnav li span#uid52 {background:#09f;}  /* benefits */
#topnav li a#uid53:hover, #topnav li a#uid53_ov, #topnav li span#uid53 {background:#063;}  /* chips */


#leftcol{
	display:block;
	width:156px;
	float:left;
	clear:none;
	margin:0;
	padding:0;
}

/* left hand col div 1 - positions page specific image or menu */
#lh_div1{width:156px;height:156px;border:0;margin:0 0 8px 0;padding:0;overflow:hidden;}
#lh_div1 img{display:block;float:left;clear:both;margin:-1px 0 0 0;padding:0;border:0;}
#lh_div1 ul{display:block;width:156px;margin:0;padding:0;list-style: none;list-style-position:inside;line-height:1;}
#lh_div1 li{display:block;float:left;width:156px;margin:0;padding:0;border-top:1px solid #333;list-style:none;list-style-position:inside;line-height:1;}
#lh_div1 li.lastli{border-bottom:1px solid #333;}
#lh_div1 li a, #lh_div1 li span{display:block;margin:0;padding:3px 0 3px 20px;background: url(style2_02_FILES/cube_grey.gif) 0px 3px no-repeat;font-size:100%;line-height:1.1;font-weight:normal;text-decoration:none;color:#aaa;width:136px;height:12px;}
* html #lh_div1 li a{
	width:156px;
	height:18px;
	w\idth:136px;
	he\ight:12px;
}
* html #lh_div1 li span{
	width:156px;
	height:18px;
	w\idth:136px;
	he\ight:12px;
}

#lh_div1 li a:hover,#lh_div1 li span{color:#333;background: url(style2_02_FILES/cube_red.gif) 0px 3px no-repeat;}

#lh_div1 ul.red li span, #lh_div1 ul.red li a:hover{color:#333;background: url(style2_02_FILES/cube_red.gif) 0px 3px no-repeat;}
#lh_div1 ul.lime li span, #lh_div1 ul.lime li a:hover{color:#333;background: url(style2_02_FILES/cube_lime.gif) 0px 3px no-repeat;}
#lh_div1 ul.orange li span, #lh_div1 ul.orange li a:hover{color:#333;background: url(style2_02_FILES/cube_orange.gif) 0px 3px no-repeat;}
#lh_div1 ul.cyan li span, #lh_div1 ul.cyan li a:hover{color:#333;background: url(style2_02_FILES/cube_cyan.gif) 0px 3px no-repeat;}
#lh_div1 ul.blue li span, #lh_div1 ul.blue li a:hover{color:#333;background: url(style2_02_FILES/cube_blue.gif) 0px 3px no-repeat;}
#lh_div1 ul.green li span, #lh_div1 ul.green li a:hover{color:#333;background: url(style2_02_FILES/cube_green.gif) 0px 3px no-repeat;}
#lh_div1 ul.purple li span, #lh_div1 ul.purple li a:hover{color:#333;background: url(style2_02_FILES/cube_purple.gif) 0px 3px no-repeat;}


/* left hand col div 2 - mainly used for color block or logo image */
#lh_div2{display:block;width:156px;height:156px;margin:0 0 8px 0;padding:0;overflow:hidden;}
#lh_div2 img{display:block;float:left;clear:both;margin:-1px 0 0 0;padding:0;border:0;}


/* left hand col div 3 - positions common news item on all landing pages */
#lh_div3{width:154px;height:73px;border:1px solid #333;margin:0 0 5px 0;padding:0;}
* html #lh_div3{
	width:156px;
	height:75px;
	w\idth:154px;
	he\ight:73px;
}
#lh_div3 h2{display:block;margin:0 0 7px 0;padding:2px 2px 3px 20px;background:#333 url(style2_02_FILES/cube_white.gif) 4px 2px no-repeat;color:#fff;font-size:100%;font-weight:normal;}
#lh_div3 p{margin:0 0 4px 0;padding:0 2px 0 20px;color:#333;font-size:90%;line-height:1;}
#lh_div3 p a{text-decoration:none;font-weight:bold;color:#333;}
#lh_div3 p a:hover{text-decoration:underline;color:#333;}

/* left hand col div 4 - positions site wide bottom left tag line */
#lh_div4{width:156px;height:17px;border:0;margin:0;padding:0;text-align:center;}
#lh_div4 img{border:0;margin:4px 0 0 0;}





 /* NOTE  additional 1px padding on right accounts for added 1px on top menu RH border to maintain design layout*/
#jar #container #maincol{
	display:block;
	float:left;
	clear:none;
	margin: 0 0 0 8px;
	padding:12px 13px 12px 12px;
	border:1px solid #333;
	border-top:0;
	color:#333;
	font-size:x-small;
	font-family: Verdana, Helvetica, Arial, "Trebuchet MS", Geneva, sans-serif;
	overflow:auto;
	width:493px;
	height:403px;
}
* html #jar #container #maincol {
	width:520px;
	height:428px;
	font-size:xx-small;
	w\idth:493px;
	he\ight:403px;
	font-s\ize:x-small;
}
#maincol #picdiv{width:518px;}
#maincol #picdiv img{margin:0 0 10px 0;}

#maincol h1{font-size:160%;font-weight:normal;margin:0 0 .5em 0;padding:0;width:356px;}
#maincol h2{font-size:100%;font-weight:bold;margin:1em 0 .5em 0;padding:0;width:356px;}
#maincol p{font-size:100%;line-height:1.2;margin: 0 0 .5em 0;padding:0;}
#maincol p.large{font-size:130%;line-height:1.2;}

#maincol h1{width:356px;}
#maincol h2{width:356px;}
#maincol p{width:356px;}

#maincol table h1{width:auto;padding-right:15px;}
#maincol table h2{width:auto;padding-right:15px;}
#maincol table p{width:auto;padding-right:15px;}

/* needed for IE5 */
* html #maincol table{
	font-size:xx-small;
	font-s\ize:x-small;
}


#maincol ul, #maincol ol {font-size:100%;line-height:1.2;margin: 0 0 .5em 0;padding:0;width:356px;}
#maincol li{margin: 0 0 .5em 0;padding:0;list-style-position:inside;vertical-align:text-top;width:356px;}
#maincol ul li{list-style-type:disc;}
#maincol ol li{list-style-type:decimal;}
#maincol a{color:#333;text-decoration:none;font-weight:bold;border-bottom:1px dotted #333;}
#maincol a:hover{color:#333;/*text-decoration:underline;*/font-weight:bold;border-bottom:1px solid #333;}

#maincol table ol, #maincol table ul{width:auto;padding-right:15px;}
#maincol table li{width:auto;}


#jar #container #maincol_additional{
	display:none;
	overflow:hidden;
}

h1 .regsymbol{font-size:60%;vertical-align:top;}
h2 .regsymbol{font-size:80%;vertical-align:top;}
p .regsymbol{font-size:90%;vertical-align:top;}


#maincol ul.sitemap{list-style-type: none;margin:0;padding:0;}
#maincol ul.sitemap ul{list-style-type: none;margin:2px 0 0 30px;padding:0;font-size:85%}
#maincol ul.sitemap ul ul{font-size:100%}
#maincol ul.sitemap li{margin:0 0 10px 0;padding:0;}
#maincol ul.sitemap li ul li{margin:0 0 5px 0;padding:0;}
#maincol ul.sitemap ul {font-size:85%}
#maincol ul.sitemap ul ul{font-size:100%}



#footer{display:block;width:700px;/*height:50px;*/margin:0;padding:0;}
#botnav{float:right;list-style: none;line-height: 1;display:block;margin:15px 0 0 0;padding:0;font-size:90%;}
#botnav li{display:block;float:left;clear:none;margin:0;padding:0 6px 0 6px;border-right:1px solid #999;color:#333;}
#botnav li.lastli {padding:0 0 0 6px;border-right:0;}
#botnav li a{color:#999;font-weight:normal;text-decoration:none;margin:0;padding:0;}
#botnav li a.ov, #botnav li a:hover{color:#333;text-decoration:none;}



/* ######### required / typo3 styles ######## */

.alttext{display: none;}
/*  Netscape float bug  */		.clearing {height:1px;line-height: 1px;clear: both;font-size: 0px;}

p#copyright{display:none;}