/*------------------ PAGE/GENERAL------------- */

* {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	height: 100%;
}
 
body {
	margin: 0;
	padding: 0;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	
	width: 100%;
	height: 100%;
	
	
}

p,ul,blockquote,td,table {

	
}

blockquote {

	margin-left:25px;
}

.clear {clear:both;}

.bold {font-weight:bold;}


#guarantee {
	background: url(images/guarantee.gif) no-repeat;
	top:235px;
	left:79px;
	width:140px;
	height:110px;
	position:absolute;
	z-index:100;
}



hr
{
	height:1px;
	color:#eee;
	
}

#order table td {

	padding:5px;
}

.orderSectionHeading {

	margin-top:10px;
	font-size:18px;
	font-weight:bold;

}

.orderCheckoutOption {

	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
	padding:10px;
	border:1px #CCCCCC solid;
	width: 220px;
	height: 100px;
	float:left;
	text-align:center;
	
}

.orderSubmitImage  {

	padding-top:10px;
	
}

.orderSubmitButton {
	width:215px;
	text-align:center;

}

#basketVehicleDetails {

	margin-left:20px;
	
	color:#999999;
}

.errorHighlight {

	border:2px #cc0000 solid;
	color:#cc0000;
	font-weight:bold;
	
}

.errorHighlightText {

	
	color:#cc0000;
	font-weight:bold;
	
}

.orderErrorMessage {
	font-weight:bold;
	font-size:14px;
	color:#CC0000;
}





.countryColumn {
	width:210px;
	float:left;
	margin-bottom:20px;
	margin-right:10px;
}


.coverDetailText {

	padding-left:15px;
	padding-right:15px;
	top:-5px;
}


#contactUsContainer {

	width:750px;
	margin-left:20px;
}

#questions p {

	margin-bottom:12px;
	

}

#questions a:link {text-decoration:underline;}

#contactus p {

	margin-bottom:12px;
	

}

.question  {

	margin-left:0px;
	font-weight:bold;
}


.answer {
	padding-left:25px;
	margin-right:20px;
	padding-bottom:5px;
	text-align:justify;


}





ul.benefits  {
    list-style:disc;
  	margin-left:10px;
    
}

ul.benefits li {
	margin-left:15px;
	margin-top:7px;
	line-height:12px;
}





















/*---- SLIDE SHOW ----*/


#slideshowHome {
    position:relative;
    height:235px;
}

#slideshowHome IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshowHome IMG.active {
    z-index:10;
}

#slideshowHome IMG.last-active {
    z-index:9;
}


#slideshowOutdoor {
    position:relative;
    height:360px;
}

#slideshowOutdoor IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshowOutdoor IMG.active {
    z-index:10;
}

#slideshowOutdoor IMG.last-active {
    z-index:9;
}


/*------------------ HEADER ------------- */

#header_logo_container {
	width: 100%;
	background: url(images/header_bg.gif) repeat-x;

}

#header_logo_block {
	width: 960px;
	background: url(images/header.jpg) no-repeat top left;
	margin: 0 auto;
	height: 90px;
}

#header_nav_bar_container {
	width: 100%;
	background: url(images/nav_bar_bg.gif) repeat-x;
	height:30px;		
	
	
}

#header_nav_bar {
	margin: 0 auto;
	width: 960px;
}


#panel_heading_bar {
	width: 100%;
	background-color:#006699;
	height:48px;
	
}

.panel_heading_text {
	
	
	margin-top:0px;
	margin-left:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	color:#FFB43D;
	padding:2px;
}


.panel_content {

	margin-top:20px;
	padding:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	/*color:#002D55;*/
	color:#000000;
	
	
	
	

}


#wrapper {
    width: 975px;
    margin: 0 auto;
	position:relative;
	top:-87px;

	


}

/* Slider Section */



#slider {
	width: 100%;
	margin: 0 auto;
	position: relative;
	
	

}

.scroll {
  
    width: 890px;
    
    overflow: hidden;
	/* used to say   overflow: auto; and overflow-x: hidden; changed this so I didnt get vertical scroll bar on the order page*/
    position: relative;
    clear: left;
     
	margin: 0 auto;
	
	
	
	
	
																				min-height: 650px;
	
	
	
	
	
	
	
	
	left:10px;
	
	
}

.scrollContainer div.panel {

 /*   height: 410px;*/
    width: 890px;
	
}


#nonJSContainer {



height:650px;
}


ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	margin-left:17px;
	line-height:50px; /* IE needs this */
	
	
}

ul.navigation li {
    display: inline;
	margin-left:3px;	
	
	
	
}

ul.navigation a {
    padding-top: 6px;
	padding-bottom:6px;
	padding-left:6px;
	padding-right:6px;
	
    color: #fff;
    text-decoration: none;

	
}

ul.navigation a:hover {
    background-color: #006699;
	

}

ul.navigation a.selected {
    background-color: #006699;
	
	 
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 250px;
    cursor: pointer;
}

.scrollButtons.left {
    left: 10px;
}

.scrollButtons.right {
    right: -10px;
}

.hide {
    display: none;
}

/* --- FOOTER --- */

#footer_block {



	width: 100%;
	background-color:#006699;
	height:160px;
	position:relative;
	
	
	top:-70px;
	
	
}

#footer_block2 {



	width: 100%;
	background-color:#006699;
	height:90px;
	position:relative;
	bottom:0px;
	margin-top:-70px;
	
	z-index:5;
	
	
}

#footer_container {
	margin: 0 auto;
	width: 800px;
	padding:10px;
	padding-top:30px;
	


}




ul.footer_menu {
    list-style: none;
    margin: 0;
    padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;

	
	
}

ul.footer_menu li {
    display: inline;
	margin-left:30px;	
	
	
	
}

ul.footer_menu a {
    padding-top: 6px;
	padding-bottom:6px;
	padding-left:6px;
	padding-right:6px;
	
    color: #fff;
    text-decoration: underline;

	
}

#footer_LC_symbol {
	margin: 0 auto;
	background-image:url(images/LC_Symbol.gif);
	background-repeat:no-repeat;
	width:80px;
	height:80px;
	text-align:center;
	margin-top:5px;
}

#footer_copyright {

	margin: 0 auto;
	color:#fff;
	font-size:10px;
	text-align:center;
}


/* PAGE SPECIFIC */


.titleText {
	font-size:18px;
	color:#006699;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:10px;
}


#apDivOutdoorBenefits {
	position:absolute;
	width:344px;
	
	left: 509px;
	top: 50px;
	visibility: visible;
	background-color:#EFF6F9;
	padding:5px;
	border: #eee 1px solid;
}

#apDivOutdoorBuyBox {
	position:absolute;
	width:344px;

	left: 509px;
	top: 294px;
	visibility: visible;
	overflow: hidden;
	background-color:#EFF6F9;
	padding:5px;
	border: #eee 1px solid;
}


#apDivOutdoorBuyBox table {

	margin-left:5px;
	width:340px;
}


#apDivOudoorCarImage {
	position:absolute;
	width:200px;
	height:115px;
	
	left: 13px;
	top: 58px;
	visibility: visible;
}






#apDivOutdoorComments {
	position:absolute;
	width:331px;
	
	left: 95px;
	top: 419px;
	background-image:url(images/left_quote.gif);
	background-position:left;
	background-repeat:no-repeat;
	background-position: top left;
	padding-left:30px;
	padding-top:10px;
	text-align:justify;
	color:#666666;
	padding-bottom:4px;
}

#apDivOutdoorFabricDetails {
	position:absolute;
	width:844px;
	left: 9px;
	top: 528px;
	visibility: visible;
	background-color:#EFF6F9;
	padding:5px;
	border: #eee 1px solid;
	text-align:justify;
}




#apDivIndoorBenefits {
	position:absolute;
	width:344px;
	z-index:2;
	left: 509px;
	top: 50px;
	visibility: visible;
	background-color:#EFF6F9;
	padding:10px;
	border: #eee 1px solid;
}

#apDivIndoorBuyBox {
	position:absolute;
	width:354px;
	z-index:2;
	left: 509px;
	top: 306px;
	visibility: visible;
	overflow: hidden;
	background-color:#EFF6F9;
	padding:5px;
	border: #eee 1px solid;
}


#apDivIndoorBuyBox table {

	margin-left:5px;
	width:340px;
}


#apDivIndoorCarImage {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 13px;
	top: 58px;
	visibility: visible;
}





#apDivIndoorComments {
	position:absolute;
	width:331px;
	z-index:3;
	left: 54px;
	top: 416px;
	background-image:url(images/left_quote.gif);
	background-position:left;
	background-repeat:no-repeat;
	background-position: top left;
	padding-left:30px;
	padding-top:10px;
	text-align:justify;
	color:#666666;
	padding-bottom:4px;
}

#apDivIndoorFabricDetails {
	position:absolute;
	width:844px;
	z-index:2;
	left: 9px;
	top: 488px;
	visibility: visible;
	background-color:#EFF6F9;
	padding:5px;
	border: #eee 1px solid;
	text-align:justify;
}


#home_bottom {
	position:absolute;
	width:310px;
	z-index:2;
	left: 1px;
	top: 317px;
	visibility: visible;
	background-color:#EFF6F9;
	padding-top:25px;
	border: #eee 1px solid;
	height: 201px;
	font-size:12px;
	text-align:center;
}


#home_left {
	position:absolute;
	width:493px;
	z-index:2;
	left: 357px;
	top: 68px;
	visibility: visible;
	/*background-color:#EFF6F9;*/
	padding:15px;
	/*border: #eee 1px solid;*/
	height: 284px;
	font-size:12px;
}



#home_right {
	position:absolute;
	top:78px;
	left:-1px;
	z-index:1;
	visibility: visible;
	width: 393px;
	height: 220px;
}

#home_left3 {
	position:absolute;
	width:854px;
	z-index:2;
	left: 9px;
	top: 472px;
	visibility: visible;
	background-color:#EFF6F9;
	padding:10px;
	border: #eee 1px solid;
	height: 158px;
	}

#home_left2 {
	position:absolute;
	width:844px;
	z-index:2;
	left: 11px;
	top: 420px;
	visibility: visible;
	background-color:#EFF6F9;
	padding:10px;
	border: #eee 1px solid;
	height: 26px;
	
}

.orangeQuestion {
	
	
	margin-top:15px;
	margin-left:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:	#006699;
	padding:2px;
	
}


.largeLinks {
	margin-top:0px;
	margin-left:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#FF9900;
	font-weight:bold;
	padding:2px;

}