
/* RESET STYLES */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, em, img, small, strong,
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;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* GLOBAL */
* {
	font: normal small/1.5em arial, sans-serif;
}

body {
	margin: 0px;
	background: url(/images/body_bkgd.jpg) 870px top repeat-y #000;
}

a {
	color: #D00202;
}

h1 {
	font: bold 15px/1.5em arial, sans-serif;
	padding: 20px 0 0 20px;
	font-variant: small-caps;
	letter-spacing: 2px;
	clear: left;
}

#container {
	background: transparent url(/images/hdr_bkgd.jpg) left top repeat-x; 
}



/* ***** LANDING - LANGUAGE / COUNTRY ***** */
#landingHeader h1 {
	background: transparent url(/images/landing_header.jpg) left top no-repeat;
	text-indent: -999em;
	height: 112px;
	padding: 0;
	width: 882px;
}

#selectLanguage,
#selectCountry {
	background: transparent url(/images/landing_bkgd.jpg) left top repeat-y;
	height: 670px;
	padding: 100px 0 0 0;
}

#selectLanguage ul,
#selectCountry ul {
	margin: 0 0 0 330px;
	width: 400px;
	padding: 5px 0 10px 0;
	border-left: 4px solid #222;
}

#selectLanguage ul li,
#selectCountry ul li {
	display:inline;
}

#selectLanguage ul li a,
#selectCountry ul li a {
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	display: block;
	background: #000;
	margin: 10px 0 0 10px;
	padding: 0 0 0 10px;
	width: 200px;
	border:1px solid #000;
	overflow:hidden;
}

#selectLanguage ul li a:hover,
#selectCountry ul li a:hover {
	background: #C41A1A;

}

#selectLanguage ul li a span,
#selectCountry ul li a span {
	font: 600 12px/20px Arial;
	letter-spacing:.1em;
	display:block;
	float:left;
	padding-top:20px;
}

#selectLanguage img,
#selectCountry img {
	padding:2px;
	margin:5px 15px 5px 0;
	border:1px solid #777;
	display:block;
	float:left;
	clear:left;
}

#selectLanguage ul li a:hover img,
#selectCountry ul li a:hover img{
	background: #000;
	border:1px solid #CCC;
}


/* ***** HEADER / NAVIGATION ***** */
#language_country {
	position: absolute;
	top: 53px;
	left: 0;
	width: 155px;
	height: 23px;
	background: transparent url(/images/lang_bkgd.png) left top no-repeat;
	padding: 0 0 0 30px;
	z-index: 999;
}

#language_country a {
	color: #fff;
	text-decoration: none;
	line-height: 1.7em;
}

#language_country a:hover {
	text-decoration: underline;
}

#header {
	background: transparent url(/images/hdr_edge_r.jpg) right top no-repeat;
	height: 52px;
}

#header h1 {
	text-indent: -999em;
	background: transparent url(/images/logo.jpg) left top no-repeat;
	height: 32px;
}

#upperNav{
	position:absolute;
	top:20px;
	left:800px;	
	color: #FFFFFF;
	font-size: 11px;
	white-space: nowrap;
}

#upperNav a{
	color:#FFFFFF;
	text-decoration: none;
	font-size: 11px;
	padding: 5px;
}

#upperNav a:hover{
	color:#FFFFFF;
	text-decoration: underline;
	font-size: 11px;
	padding: 5px;
}

/* ***** NAVIGATION ***** */
#nav {
	position: relative;
	z-index: 888;
	padding: 0 0 0 200px;
	background: transparent;
	margin: -1px 0 0 0;
	height: 26px;
}

#nav ul.topNav {
	float: left;
}

#nav ul.topNav li {
	color: #fff;
	white-space: nowrap;
	position: relative;
	cursor: pointer;
	padding: 0 10px;
	font-weight: bold;
	min-height: 1px;
	font-variant: small-caps;
	height: 26px;
}

#nav ul.topNav li a {
	color: #fff;
	text-decoration: none;
	font-variant: small-caps;
	font: 600 12px/26px arial;
}

#nav ul.topNav li:hover {
	background: #C41A1A url(/images/nav_hover.jpg) left top repeat-x;
}

#nav ul.topNav li.select {
	background: #C41A1A url(/images/nav_bkgd_select.jpg) left top repeat-x;
	border: solid #000;
	border-width: 0 1px;
}

#nav ul.topNav ul.subNav {
	border: 1px solid #D10202;
	position: absolute;
	top: 100%;
	left: 0;
	background: #9C9C9C;
}

.js #nav ul.topNav ul.subNav {
	display: none;
}

#nav ul.topNav ul.subNav li {
	padding: 0;
	width: 200px;
	height: 20px;
	border-bottom: 1px solid #a5a5a5;
}

#nav ul.topNav ul.subNav li a {
	display: block;	
	width: 179px;
	padding: 0px 6px 0px 15px;
	text-decoration: none;
	color: #000;
	background: #9C9C9C;
	font: 300 12px/20px arial;
	white-space: nowrap;
}

#nav ul.topNav ul.subNav li a:hover {
	background: #D10202;
	color: #fff;
}

#content {
	position:relative;
	background: url(/images/content_bkgd.jpg) left top no-repeat #FFF;
	clear: both;
	padding: 100px 75px 20px 75px;
	z-index: 222;
	width: 720px;
}

#footer{

	background:url(/images/footer/inner_page_footer_bkgd.gif) repeat-x top left #000;
	width:870px;
	overflow:hidden;
	text-align:right;
	padding:10px 0 50px 0;
}

#home #footer {
	background:url(/images/footer/home_footer_bkgd.jpg) repeat-x top left #000;
	width:100%;
	border-top:1px solid #666;
	padding-top:50px;
}

#footer #cpg_logos { margin:10px 0 0 0; }

#footer #cpg_logos a { float:right; }
	
#footer #footer_m_links {
	clear:both;
	text-align:right;
	padding:15px 5px 5px 5px;
	font-size:11px;
	color:#FFFFFF;
}

#footer #footer_m_links ul{ 
	float:right; 
	margin: 5px 0 10px 0;		
}

#footer #footer_m_links li{ 
	display:inline; 
	color:#FFF;	
	padding: 0 10px 0 10px;
	border-right:1px solid #FFF;
	height:12px;
}

#footer #footer_m_links li.select a { color:#B31919; }

#footer #footer_m_links li.nopipe {
	padding-right:0;
	border-right:0;
}

#footer #footer_m_links a {
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}

#footer #footer_m_links a:hover{
	color:#D00202;
	text-decoration:underline;
}

#footer #footer_s_links {
	clear:both;
	text-align:right;
	padding:5px 5px 5px 5px;
	font-size:10px;
	color:#939090;
}

#footer #footer_s_links a {
	font-size:10px;
	color:#939090;
	text-decoration:none;
}

#footer #footer_s_links a:hover { text-decoration:underline; }

#footer #legal{
	color: #ffffff;
	font-size: 9px;
	margin-top: 10px;
}
#home #footer #legal{
	margin-right: 25px;
}

/* ***** RELATED LINKS ******* */
#relatedLinks {
	color:#D00202;
	font: 300 11px/24px Arial, Helvetica, sans-serif;
	margin-top:30px;
	padding-left:20px;
	background: transparent url(/images/arrow.gif) left bottom no-repeat;
}

#relatedLinks h5 {
	margin: 25px 0 0 -20px;
	text-indent: -999em;
	background: transparent url(/images/related_links.gif) left top no-repeat;
}

#relatedLinks a { font-size: 11px; }


/* ***** HOME ***** */

#home #footer #cpg_logos { margin-right:25px; }
#home #footer #footer_s_links { margin-right:25px; }
#home #footer #footer_m_links { margin-right:25px; }

#home {	background:url(/images/home/grid_pattern_bkgd.jpg) #000; }

#homeTop {
	background:url(/images/home/top_bkgd.jpg) no-repeat #C80203;
	height:150px;
}

#homeTop h1{
	display: block;
	position: relative;
	top:59px;
	left: 0px;
}

#homeMain a.testimonialButton{
	width: 253px;
	height: 74px;
	display: block;
	position: absolute;
	top: -140px;
	left: 630px;
	z-index: 1;
}

#homeMain a.distributorsButton{
	width: 253px;
	height: 74px;
	display: block;
	position: absolute;
	top: -85px;
	left: 700px;
	z-index: 1;
}

.js #homeTop h1 { display: none; }

#homeMain {
	background:url(/images/home/btn_section_bkgd.jpg) no-repeat top right #000;
	border-top:1px dashed #CCC;
	width:1000px;
	height:384px;
	position: relative;
}

#homeMain #homeMid {
	width: 300px;
	height: 384px;
	position: absolute;
	left: 507px;
}

#homeMain #homeButtons {
	width: 210px;
	height: 384px;
	overflow: hidden;
	position: absolute;
	left: 808px;
}

#homeMain #homeButtons div,
#homeMain #homeMid div {
	cursor: pointer;
	position: relative;
}

#homeMain #homeMid div {
	left: 20px;
}

.giantButton {
	width: 260px;
	height: 180px;
	margin: 10px 0;	
}

.giantButton a {
	text-align: right;	
	color: #FFF;
	font: 600 14px/18px Arial;
	display:block;
	width: 190px;
}


.largeButton{
	width: 200px;
	height: 85px;
	margin: 10px 0;
	padding: 0;
}

.largeButton a{
	text-align: right;	
	color: #FFF;
	font: 600 14px/18px Arial;
	width: 110px;
}

#homeAnimations{
	background:url(/images/home/animation_edge_r.jpg) repeat-y top right;
	width:506px;
	height:412px;
	position:absolute;
	top:200px;
	left:0px;
}

/* ***** MAIN CONTENT / PRODUCT PAGES ***** */
h1#pageParentTitle {
	position: absolute;
	left: 0px;
	top: 45px;
	padding: 0;
}

.js h1#pageParentTitle {
	display: none;
}

h2#pageTitle {
	position: absolute;
	top: 60px;
	left: 75px;
}

.js h2#pageTitle {
	display: none;
}

h2#pageTitle span {
	display: block;
	text-indent: -999em;
}

#pageOverview {
	width: 510px;
	padding: 0 30px 15px 0;
	border-bottom: 1px dotted #c00;
	font-size: 12px;
	line-height: 1.8em;
	border-bottom: 1px dotted #c00;
	margin: 0 0 20px 0;
}

#pageContent {
	width: 510px;
	padding: 0px 30px 15px 0;
	border-bottom: 1px dotted #c00;
	font-size: 12px;
	line-height: 1.8em;
}

#pageOverview p,
#pageContent p { padding:5px; }

#pageSubNav {
	border: 1px solid;
	border-color:#777 #777 #999 #999;
	background: #000;
	margin: 10px 0 20px 0;
	color:#D00202;
}

#pageSubNav td { 
	padding: 5px 10px 10px 10px; 
}

#pageSubNav a {
	padding: 0 6px 0 6px;
	text-decoration: none;
	font: 300 11px/12px arial, helvetica, sans-serif;
}

#pageSubNav a:hover {
	text-decoration: underline;
}

#pageSubNav a.select { 
	color:#FFF; 
}

#productGroup {
	padding: 25px 0 0 0;
	background: transparent;
	width: 600px;
}

.productItem {
	padding: 3.5em 0 10px 0;
	width: 750px;
	clear: left;
	overflow: hidden;
	position: relative;
	border-bottom: 1px dotted #AAA;
	margin-bottom: 15px;
}

.productItem h3 {
	padding: 0 0 0px 130px;
	position: absolute;
	top: 0;
	left: 0;
	width: 570px;
}

.js .productItem h3 {
	display: none;
}

.js .productItem h3 a,
.js .productItem h3 span {
	display: block;
	text-indent: -999em;
	position: absolute;
	top: 0;
	left: 0;
}

.js .productImage img {
	display: none;
}

.productItem .productImageWrap {
	width: 215px;
	height: 305px;
	float: left;
}

.productItem .productImage { 
	height: 235px; 
	margin: 40px 0 0 0;
}

.productItem .productImageWrap p {
	clear: both;
	padding: 10px 0 0 0;
	overflow: hidden;
	position:absolute;
	bottom:10px;
	left:40px;
}

.productItem .productContentWrap {
	margin: 0 0 0 200px;
	width: 525px;
	position: relative;
	padding: 3em 0 0 0;
}

.productItem .productContentWrap .productContentNav {
	width: 800px;
	overflow: hidden;
	background: transparent;
	padding: 0 0 15px 0px;
	position: absolute;
	top: -5px;
	left: -82px;
}

.productItem .productContentWrap .productContentNav ul {
	background: transparent;
	padding: 0 15px 0 0;
	overflow: hidden;
}

.productItem .productContentWrap .productContentNav li { display: inline; }

.productItem .productContentWrap .productContentNav li a {
	display: block;
	float: left;
	text-decoration: none;
	padding: 4px 8px 4px 8px;
	background: #999 url(/images/tab_bkgd.gif) left top repeat-x;
	color: #3F3F3F;
	font-weight: bold;
	font-size: 11px;
	height: 18px;
	font-variant: small-caps;
	line-height: 18px;
}

.productItem .productContentWrap .productContentNav li a:hover { color: #fff; }

.productItem .productContentWrap .productContentNav li a.select {
	background: #ccc  url(/images/tab_bkgd_select.gif) left top repeat-x;
	color: #D00202;
}

.productItem .productContentWrap .productContentNav li a.PCNFirst {
	background: #999 url(/images/tab_bkgd_sprite.gif) left top no-repeat;
	padding-left: 20px;
}

.productItem .productContentWrap .productContentNav li a.PCNFirst.select {
	background: #999 url(/images/tab_bkgd_sprite.gif) left -26px no-repeat;
}

.productItem .productContentWrap .productContentNav li a.PCNLast {
	background: #999 url(/images/tab_bkgd_sprite.gif) right top no-repeat;
	padding-right: 20px;
}

.productItem .productContentWrap .productContentNav li a.PCNLast.select {
	background: #999 url(/images/tab_bkgd_sprite.gif) right -26px no-repeat;
}

.productItem .productImageWrap p {
	font: 300 11px/14px Arial;
	color: #000;
	text-align:right;
	padding-right:25px;
}

.productItem .productImageWrap p a {
	font: 300 11px/14px Arial;
	color: #000;
	text-decoration:none;
}

.productItem .productImageWrap p a {
	font: 300 11px/14px Arial;
	color: #000;
	text-decoration:none;
}

.productItem .productImageWrap p a:hover {
	text-decoration:underline;
}

.productItem #topBtn{
	text-align:right;
	position:absolute;
	bottom:10px;
	right:40px;
}

.productItem #topBtn a{
	font: 300 11px/14px Arial;
	color:#D00202;
	text-decoration:none;
}

.productItem #topBtn a:hover{
	text-decoration:underline;
}
/* ***** FAMILY SELECTOR ***** */
.productItem .productContentWrap .productSelector {
	width: 200px;
	float: right;
	position: relative;
	top: -70px;
	right: -102px;
}

.productItem .productContentWrap .productSelector label {
	font-size: 11px;
}

.productItem .productContentWrap .productSelector select,
	.productItem .productContentWrap .productSelector option {
	font-size: 11px;
}

.productItem .productContentWrap .productSelector select {
	border: 1px solid;
	border-color: #C2C2C2 #C2C2C2 #C2C2C2 #969696;
}

.productItem .productContentWrap .productSelector#selector_6,
.productItem .productContentWrap .productSelector#selector_21{
	right:-35px;
}

.productItem .productContentWrap .productSelector#selector_13{
	right:-55px;
}

.productItem .productContentWrap .productSelector#selector_14{
	right: -60px;
}

.productItem .productContentWrap .productSelector#selector_15{
	right: -50px;
}

.productItem .productContentWrap .productSelector#selector_17{
	right:-50px;
}

.productItem .productContentWrap .productSelector#selector_18,
.productItem .productContentWrap .productSelector#selector_19{
	right: -80px;
}

.productItem .productContentWrap .productSelector#selector_22{
	right: -70px;
}
/* ***** PRODUCT DESCRIPTIONS ***** */
.productDescriptions {
	width: 480px;
	padding: 5px;
	margin: 0;
	overflow:hidden;
}

.js .productDescriptions {
	display: none;
}

.productDescriptions li {
	margin-left: 25px;
	list-style: disc;
}

.productDescriptions strong {
	font-weight: 600;
}

.productDescriptions h4 {
	font-weight: bold;
	border-bottom:1px solid #EEE;
	margin-bottom:5px;
}

.productDescriptions h5 {
	font-weight: bold;
	color:#D00202;
	font: 600 12x/14px Arial;
	font-style:italic;
}

.productDescriptions dl {
	width: 230px;
	margin: 3px 0 10px 0;
	padding: 2px 5px;
	background:transparent #FFF;
	overflow: hidden;
	display:block;
}

.productDescriptions dl.odd,
.productDescriptions dl.even{
	float:left;
}

.productDescriptions dl dt {
	font: 600 11px/14px Arial;
	float: left;
	padding:0 10px 0 4px;
}
.productDescriptions dl dd {
	font: 300 11px/14px Arial;
}


/* TYRE REPAIR PAGE */

#tyre-repair #pageContent {
	text-align: center;
}

#tyre-repair #pageContent a img{
	margin: 0 20px;
}



/* ***** MORE PRODUCTS MENU ***** */
#moreProductsMenu {
	z-index:200;
	max-width: 345px;
	min-width: 200px;
	position: fixed;
	top: 141px;
	left: 800px;
	background: #C41A1A;
	border: 1px solid;
	border-color: #999 #000 #000 #999;
}

#moreProductsMenu ul {
	border: 3px solid #FFF;
	padding: 10px 20px 10px 15px;
}

#moreProductsMenu h4 {
	font-weight: bold;
	color: #fff;
	padding: 0 0 5px 0;
}

#moreProductsMenu li {
	margin: 0 0 0 20px;
	list-style-type: disc;
}

#moreProductsMenu li a {
	color: #000;
	text-decoration: none;
	font-weight: 600;
	font-size: 11px;
}

#moreProductsMenu li a span {
	font-size: 11px;
	margin: 0 0 0 3px;
}

#moreProductsMenu li a:hover {
	color: #FFF;
}


/* ***** PRODUCT PRINT VIEW ********* */
#print_view {
	background:#FFF;
}

#print_view #container h3 {
	margin:50px 25px 0 25px;
	float:left;
	display:block;
	background-repeat: repeat-x;
}

#print_view #container p {
	clear: left;
	display: block;
	margin: 0 30px;
	padding: 10px 0;
	font: 300 11px/14px Arial;
	color: #D00202;
}

#print_view #container p a {
	font: 300 11px/14px Arial;
	color: #D00202;
	text-decoration: none;
}

#print_view #container p a:hover {
	text-decoration: underline;
}

#print_view #container h3 a, 
#print_view #container h3 a:hover,
#print_view #container h3 span{
	color:#000;
	font: 600 18px/24px Arial;
	text-decoration:none;
	cursor:default;
}

#print_view #container .productImageWrap{
	clear:both;
	float:left;
	display:block;
	margin:20px 10px;
	width:215px;
}

#print_view #container .productContentWrap {
	display:inline;
	margin-top:10px;
	width:335px;
}


#print_view #container .productContentWrap .productDescriptions {
	width:325px;
}

#print_view #container .productContentWrap .productDescriptions h4{
	background:#ADADAD;
	padding-left:10px;
	margin:5px 0;
	color:#FFF;
}

#print_view #container .productContentWrap .productDescriptions h5 {
	color:#000;
	font: 600 13px/18px Arial;
	font-style: normal;
	margin-bottom: 3px;
}

#print_view #container .productContentWrap .productDescriptions dl {
	width: 175px;
	margin: 3px 0 10px 0;
	padding: 2px 5px;
	background: #FFF;
	overflow: hidden;
	display: block;
}

#print_view #container .productContentWrap .productDescriptions dl.odd{
	float:none;
}

#print_view #container .productContentWrap .productDescriptions dl dt {
	font: 600 12px/18px Arial;
	float: left;
	padding:0 10px 0 4px;
}
#print_view #container .productContentWrap .productDescriptions dl dd {
	font: 300 12px/18px Arial;

}

/* ***** SEND TO A FRIEND ******* */
.sendToFriendBox{
	color:#000;
	background:#EEE;

	border:1px solid #777;
	padding:5px;
	text-align:center;
	width:175px;
	position: absolute;
	top:145px;
	left:30px;
}

#articles .sendToFriendBox{
	top:186px;
	left:609px;
}

.sendToFriendBox label{
	font:600 12px/16px Arial;
}

.sendToFriendBox input{
	width:99%;
}

.sendToFriendBox a{
	display:block;
	text-align:center;
	font:600 12px/18px Arial;
	background:#DEDEDE;
	padding:1px;
	border:1px solid #777;
	text-decoration:none;
	margin:2px;
	cursor:pointer;
}

.sendToFriendBox a:hover{
	color:#EEE;
	border:1px solid #333;
	background:#666;
}

/* ***** TESTIMONIALS ****** */
.testimonialCategories {
	margin: 0 0 15px 0;
	font: 600 11px/14px arial;
	color: #D00202;
	background: #000;
	padding: 10px;
	border: 1px solid #AAA;
	width: 240px;
}

.testimonialCategories a {
	margin: 0 5px;
	font: 300 11px/14px Arial;
	text-decoration: none;
}

.testimonialCategories a:hover {
	text-decoration: underline;
}

.testimonialCategories a.selected{
	color: #FFF;
}

#testimonialsPage ul {
	margin-left: 20px;
}

#testimonialsPage ul li {
	list-style: disc;
}

#testimonialsPage h2 {
	font: 600 14px/24px Arial;
}

#testimonialsPage .testimonial {
	margin: 10px 0 30px 0;
}


/* ***** FAQ / HINTS / NEWS / DISTRIBUTORS***** */
#faqsPage div,
#hintsPage div,
#newsPage div {
	clear: left;
}

#faqsNav,
#hintsNav,
#newsNav,
#distributorsNav {
	background: #000;
	overflow: hidden;
	border: 1px solid;
	border-color:#777 #777 #999 #999;
	padding:10px 5px;
	width: 710px;
}

#faqsNav li,
#hintsNav li,
#newsNav li,
#distributorsNav li{
	display: inline;
}

#faqsNav li a,
#hintsNav li a,
#newsNav li a,
#distributorsNav li a {
	display: block;
	float: left;
	padding: 3px 8px;
	font:300 11px/14px Arial;
	white-space: nowrap;
}

#faqsNav li a:hover,
#faqsNav li a.select,
#hintsNav li a:hover,
#hintsNav li a.select,
#newsNav li a:hover,
#newsNav li a.select,
#distributorsNav li a.select {
	color: #fff;
	text-decoration: none;
}

#faqsPage .section,
#hintsPage .section,
#newsPage .section,
#distributorsContent{
	margin: 15px 0;
	border: 1px solid #333;
	padding: 20px;
	background:#F2F2F2;
}

#faqsPage .section h3,
#hintsPage .section h3,
#distributorsContent .region h3 {
	font: 600 16px/20px Arial;
	font-variant: small-caps;
	color: #C11717;
	display: block;
	border-bottom: 1px solid #CCC; 
}


#faqsPage .section div.question.link,
#newsPage .section h3.link,
#distributorsContent h4 {
	cursor: pointer;
	padding: 3px 6px;
	background: #CCC;
	border: 1px solid #333;
	margin: 5px 0 0 0;
	width: 664px;
}

#faqsPage .section div.question.link{
	background: url(/images/misc/open_btn.gif) no-repeat 99% 3% #CCC;
}

#faqsPage .section div.question.linkOn,
#newsPage .section h3.linkOn,
#distributorsContent .region h4.linkOn {
	background: #555;
	color:#FFF;
	border: 1px solid #444;
	margin: 0;
}

#faqsPage .section div.question.linkOn
{
	background: url(/images/misc/close_btn.gif) no-repeat 99% 3% #555;
}

#faqsPage .section div.question.linkOver,
#newsPage .section h3.linkOver,
#distributorsContent .region h4.linkOver {
	background: #555;
	color: #FFF;
}

#faqsPage .section div.question.linkOver{
	background: url(/images/misc/open_btn.gif) no-repeat 99% 3% #555;
}

#faqsPage .section div.question.linkOn.linkOver{
	background: url(/images/misc/close_btn.gif) no-repeat 99% 3% #555;
}

#faqsPage .section div.answer,
#hintsPage .section div,
#newsPage .section div,
#distributorsContent .distributor {
	border-style: solid;
	border-width: 0 1px 1px 1px;
	padding: 10px;
	background: #FFF;
	width: 656px;
}

#faqsPage .section div.answer ol,
#faqsPage .section div.answer ul{
	margin: 5px 15px;
}
#faqsPage .section div.answer ol li{
	margin: 5px 10px;
list-style: decimal;
}

#faqsPage .section div.answer strong{
	font-weight: 600;
}

#distributorsContent .distributor ul li {
	overflow: auto;
	width: 100%;
	clear: left;
}

#faqsPage .section div span,
#distributorsContent span{
	display: block;
	font-weight: 600;
}

#distributorsContent span,
#distributorsContent p{
	display: block;
	float: left;
	padding: 0 5px;
}

#faqsPage .section div p,
#hintsPage .section div p{
	padding:5px;
}

#faqsPage .section div h4,
#hintsPage .section div h4,
#distributorsContent h4 {
	font: 600 14px/18px Arial;
	font-variant: small-caps;
	margin: 2px 0 5px 0;

}

#distributorsContent .multiLocation{
	border-top: 1px solid #CCC;
	padding-top: 8px;
	margin-top: 8px;
}

#faqsPage .section div ul,
#hintsPage .section div ul {
	list-style: disc;
	margin: 2px 15px;
	padding: 2px;
}

#newsPage .section div {
	margin: 0 0 10px 0;
	overflow:hidden;
}

#newsPage .section div h3 {
	font:600 12px/18px Arial;
	float:left;
	clear:right;
}

#newsPage .section div a {
	display:block;
	width:550px;
	float:left;
	font:600 12px/18px Arial;
	padding:0 10px;
	text-decoration:none;
}

#newsPage .section div a:hover { text-decoration:underline; }

#articles #content p{
	color:#D00202;
	font: 300 11px/14px Arial;
	padding:3px;
	text-align:right;
	border: 1px solid;
	border-color:#CCC #CCC #999 #CCC;
	background:#FFF;
}

#articles #content p a{
	text-decoration:none;
	font: 300 11px/14px Arial;
}

#articles #content p a:hover{
	text-decoration:underline;
}

#article {
	background: #FFF;
	border: 3px double #CCC;
	padding:10px;
}

#article h2 {
	font: 600 14px/20px Arial;
	margin-bottom:5px;
	font-variant:small-caps;
	letter-spacing:.1em;
}

#article h3 {
	font: 600 12px/18px Arial;
	margin-left:5px
}

#article #articleContent,
#article #articleFooter {
	margin:5px 10px;
	padding:10px;
	overflow:hidden;
}

#article #articleContent p,
#article #articleFooter p{
	text-align:left;
	border:0;
	color:#000;
	font:300 12px/16px Arial;
	margin:5px 0;
	background:#FFF;
}

#article #articleContent p a{
	font:300 12px/18px Arial;
}

#article #articleContent img{
	margin-right:10px;
}

/* ***** VIDEO PAGE ***** */

#videos #content {
	min-height: 450px;
	padding: 100px 45px 20px 75px;
	width: 750px;
}

#videos #content #pageContent {
	width: 750px;
	padding: 0;
	margin: 0;
}

/* ***** ABOUT US / CONTACT PAGE ***** */
#contact #pageContent,
#about-us #pageContent {
	background:#FFF;
	padding:10px;
	margin:10px;
	border: 3px double;
	border-color: #900 #A00 #C00 #A00;
}

#contact #pageContent p strong{
	font:600 12px/18px Arial;
}

/* ***** GAS TIPS ***** */  

#gasTips {
	background: #A30001;
	width: 575px;
}

#gasTips h1 {
	background: transparent url(/images/home/gas_tips_header.jpg) no-repeat top left;
	display: block;
	width: 575px;
	height: 164px;
	text-indent: -999em;
	padding: 0;
}

#gasTips #container {
	background: transparent;
	color: #FFF;
	font: 300 12px/18px Arial;
	width: 575px;
}

#gasTips span {
	font: 600 11px/14px Arial;
	display: block;
	padding: 5px 0 10px 0;
	color:#000;
}

#gasTips #container #tipsList {
	margin: 0 30px;
	padding:  10px 35px 35px 35px;
	border: 1px solid #CCC;
	background: #DDD;
}

#gasTips h5 {
	font: 600 13px/18px Arial;
	padding: 5px 35px;
}

#gasTips #container ol li {
	list-style: decimal;
	color: #000;
}


/* *********** SITEMAP ********** */

#sitemap {
	position: relative;
	top: -75px;
	background: #111;
	padding: 10px;
	border: 3px double;
	border-color: #555 #777 #999 #777;
	width: 600px;
}

#sitemap ul {
	background: #EFEFEF;
	border: 1px solid #CCC;
	border-bottom: 0;
}

#sitemap ul li {
	display: block;
	padding: 2px 10px;
}

#sitemap ul li a {
	text-decoration: none;
	font: 600 14px/18px Arial;
	letter-spacing: .01em;
}

#sitemap ul li a:hover {
	text-decoration: underline;
}

#sitemap ul li ul{
	margin-bottom: 5px;
	background: #FFF;
	border: 1px solid;
	border-color: #CCC #CCC #DDD #DDD;
}

#sitemap ul li ul li{
	display: block;
	padding: 2px 10px;
	border-bottom: 1px solid #EEE;
}

#sitemap ul li ul li a{
	color: #000;
	font: 600 12px/16px Arial;
	letter-spacing: .01em;
}

#sitemap ul li ul li a.individualProductsBtn{
	color: #D00202;

	font: 300 11px/16px Arial;
	letter-spacing: .01em;
}

#sitemap ul li ul li ul{
	border: 0;
	padding: 2px 10px;
}

#sitemap ul li ul li ul li{
	display: block;
	padding: 1px 10px;
	list-style: none;
}

#sitemap ul li ul li ul li a{
	color: #D00202;
	font: 300 11px/14px Arial;
	letter-spacing: 0;
}

/* ***** 404 ***** */
#div404 h1{
	background: #999;
    padding: 10px 0px 5px 20px;
    margin: -20px 0px 5px -20px;
    width: 700px;
	font: 600 20px/24px Arial;
}

#div404 {
	position: relative;
	top: -75px;
	background-color: #CCCCCC;
	padding: 20px;
	height: 200px;
	letter-spacing: .05em;
	font-size: 16px;
}

#div404 a {
    text-decoration: none;
    font-weight: 600;
}

#div404 a:hover {
	text-decoration: underline;
	color: #666666;
}


/* ***** MODAL ****** */
#modal {
	background: #063161 url(/img/loadingAnimation.gif) center 175px no-repeat;
	position: fixed;
	top: 0;
	left: 0;
	z-index:999;
}

#modalBox {
	position: fixed;
	width: 1000px;
	top: 1em;
	left: 20%;
	z-index:1000;
	max-height:635px;
	max-width:602px;
	overflow:auto;
	background:#333;
	border: 1px solid #000;
	padding:15px;
	
}

#modalBox iframe{
	border:1px solid #000;
	border-color:#000 #000 #000 #000;
	background:#FFF;
	margin:0;
	padding:0;
}

#modalTop {
	height:20px;
	background:#EEE;
	z-index:1001;
	padding:2px 5px;
	border:1px solid #000;
}

#modalTop h1{
	float:left;
	font: 600 14px/20px Arial;
	color:#000;
	padding:0;
	margin:0;
	letter-spacing:0;
	cursor:default;
}

#modalTop #cancelModal{
	font: 600 12px/14px Arial; 
	color:#333;
	height:14px;
	float:right;
	cursor:pointer;	
	background:#CCC;
	border:1px solid #000;
	padding:2px 5px;
}

#modalTop #cancelModal:hover{
	color:#D00;	
}


#downloadExplaination {
	position: absolute;
	top: 50px;
	left: 25px;
}

#downloadExplaination a{
	display: block;
	width: 100px;
	height: 20px;
	font: 600 11px/20px Arial;
	background: #EEE;
	text-align: center;
	border: 1px solid #333;
	text-decoration: none;
}

#downloadExplaination a:hover{
	background: #DDD;
}

#downloadExplaination p{
	width: 150px;
	margin-top: 2px;
	padding: 5px;
	background: #EEE;
	border: 1px solid #333;
	font: 300 11px/14px Arial;
}


