@charset "UTF-8";
/* CSS Document */




/* GENERAL CSS - CODE TO TELL FF AND IE TO SIT DOWN AND STFU */
#body {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 0.626em; }
body div, ul, ol, li, table, img {
	margin: 0px;
	padding: 0px;
	}
body p {
	margin: 10px 0px 15px; }
body img {
	border: none; }
.display_none {
	display: none; }
.clear_div {
	display: none;
	height: 0px;
	width: 0px; }
body:last-child .clear_div {
	display: block;
	clear: both; }
object:focus {
	outline:none; }
object {
	margin:0px;
	padding:0px; }
a:focus {
	outline:none; }

/* CLEAR - BECAUSE SOMETIMES, FLOATING -ISN'T- A GOOD THING */

.clearme {
	clear: both;
}



a img {border:0}


body{
	background-image:url(images/background.png);
	*background-image:url(images/background_ie.png);
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-color:#FFFFFF;
	text-align: center;
	min-width:990px;
	margin:0 auto;
}


p {
	padding-left:15px;
	padding-right:15px;
	font-family:Verdana;
	font-size:13px;
	line-height:14px;
	color:#525252;
}


/* MAIN WRAPPER */

#main_wrapper {
	width:990px;
	margin:0 auto;
	text-align:left;
	padding:0px;
}


/* HEADER */

#header_wrapper {
	width:990px;
	height:145px;
	background-image:url(images/header_bg.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}

#header_left {
	width:250px;
	float:left;
	position:relative;
}

#logo {
	width:236px;
	height:100px;
	position:absolute;
	top:10px;
	left:10px;
}

#header_right {
	width:740px;
	float:right;
	position:relative;
}
#finance_cta {
	width:320px;
	height:82px;
	position:absolute;
	top:0px;
	right:278px;
}

#questions {
	width:279px;
	height:84px;
	position:absolute;
	top:0px;
	right:0px;
}

#questions2 {
	background-image:url(images/quest.jpg);
	width:279px;
	height:84px;
	position:absolute;
	top:0px;
	right:0px;
}

/* =Navigation
-------------------------------------------------------------- */
#navigation {
	display:block;
	position:relative;
	margin:80px 0 0 0;
	width:730px;
	height:30px;
	background-color:#ffffff;
	padding: 0px;
}
/*navigation menu */
#nav, #nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em;
}
#nav a {
	display:block;
	font: 0.8em Verdana, sans-serif;
	font-weight:bold;
	padding:1em 9px 1em 9px;
	color:#006acc;
	text-decoration:none;
}
#nav a:hover {
	display:block;
	background-color:#4ba2ef;
	color:#fff;
}

/*------------------------------------*\
	IPHONE MENU FIX
\*------------------------------------*/
@media screen and (max-device-width: 480px) {
/*--- iPhone only CSS here ---*/
#nav a {
 display:block;
 font: 0.8em Verdana, sans-serif;
 font-weight:bold;
 padding:1em 18px 1em 18px;
 color:#006acc;
 text-decoration:none;
}
}
#nav li {
	display:block;
	float:left;
	position:relative;
}
#nav ul {
	position:absolute;
	display:none;
	top:30px;
	z-index:9999;
}
#nav li ul a {
	width:17.1em;
	font: 11px Verdana, sans-serif;
	font-weight:bold;
	background-color:#4ba2ef;
	/* for IE */
filter:alpha(opacity=100);
	/* CSS3 standard */
opacity:1.0;
	color:#fff;
	height:auto;
	float:left;
	padding:0.5em 1.2em;
}
#nav li ul a:hover {
	background-color:#73b9f4;
	color:#fff;
	/* for IE */
filter:alpha(opacity=100);
	/* CSS3 standard */
opacity:1.0;
}
#nav li ul li {
	border-left:0px;
}
#nav ul ul {
	top:auto;
}
#nav li ul ul a {
	width:21em;
}
#nav li ul ul {
	left:12.8em;
	margin:0px 0 0 10px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
	display:block;
}
.financing_bar a {
	display:block;
	width:704px;
	height:31px;
	background: url(images/financing_bar_bg.jpg) 0 0 no-repeat;
	margin:15px 0 0 12px;
}



a.mnav:link {

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	font-weight: bold;

	font-size: 10px;

	text-decoration: none;

	color: #006acc;

	display: block;

	height: 30px;

}



a.mnav:visited {

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	font-weight: bold;

	font-size: 10px;

	text-decoration: none;

	color: #006acc;

	display: block;

	height: 30px;

}



a.mnav:active {

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	font-weight: bold;

	font-size: 10px;

	text-decoration: none;

	color: #006acc;

	display: block;

	height: 30px;

}



a.mnav:hover {

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	font-weight: bold;

	font-size: 10px;

	text-decoration: none;

	background: url('images/bg-mnav.png') repeat-x;

	color: #006acc;

	display: block;

	height: 30px;

}



#navagation ul li a ins {

	position: relative;

	top: 8px;

	padding-left: 6px;

	padding-right: 6px;

	text-decoration: none;

}









/* MIDDLE */



#middle_wrapper {

	width:990px;

	background-image:url(images/inner_bg.jpg);

	background-position:top center;

	background-repeat:no-repeat;

}

#right_col {

	width:729px;

	float: right;

	background-color:#fff;

}

#left_col {

	width:245px;

	float: left;

	padding-left:8px;

	padding-right:8px;

	min-height:1120px;

	background:#49a5f2;

}



#calls {

	width:245px;

}

#calls_flash {

	width:245px;

	/* position:absolute; top:565px; left:10px; */

	position:relative;

	top:10px;

}

#calls img {

	margin-top:10px;

}







#marketing_window {

	width:720px;

	height:315px;

	padding-top:10px;

}



#content {

	width:729px;

	background-color:#FFFFFF;

	text-align:justify;

	min-height:1000px;

}

#quote {

	text-align:left;

	padding-left:15px;

	padding-right:15px;

	font-family:Verdana;

	font-size:13px;

	line-height:14px;

	color:#525252;

}











/* FOOTER */



#footer_wrapper {
	width:977px;
	height:100px;
	padding:7px;
	background-color:#449EEC;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#FFFFFF;
	text-align: center;
}
#footer_wrapper a {
	color:#FFFFFF;
}
#footer_wrapper a: hover {
	color:#e5e5e5;
	text-decoration: none;
}



/* HEADER TAGS */



h1 {

	padding:0px 15px;

	margin: 5px 0px;

	font-family:Verdana;

	font-size:24px;

	color:#1974bd;

	font-weight:normal;

}

h2 {

	padding-left:15px;

	padding-right:15px;

	font-family:Verdana;

	font-size:14px;

	color:#525252;

	font-weight:bold;

}

h2.llh {

	padding:0px 15px;

	margin: 5px 0px;

	font-family:Verdana;

	font-size:24px;

	color:#1974bd;

	font-weight:normal;

}

h3 {

	padding-left:15px;

	padding-right:15px;

	font-family:Verdana;

	font-size:14px;

	line-height:20px;

	color:#525252;

	font-weight:normal;

}

h4 {

}

h5 {

}

h6 {

}





/* LISTS */



ol, ul {

	margin-left:25px;

	padding-left:15px;

	padding-right:15px;

}

li {

	font-family:Verdana;

	font-size:13px;

	line-height:18px;

	color:#525252;

}







/* SIDE LINKS */



.AccordionPanelContent a {

	display:block;

	margin:5px;

	margin-left: 35px;

	height:12px;

	font-family:Verdana;

	font-size:12px;

	color:#FFFFFF;

	font-weight:bold;

	padding-top:4px;

	padding-bottom:4px;

	text-decoration:none;

}

.AccordionPanelContent a:hover {

	padding-bottom:4px;

	text-decoration:underline;

}



.Accordion {

	overflow: hidden;

}



.AccordionPanel {

	margin: 0px;

	padding: 0px;

}



.AccordionPanelTab {

	margin: 0px;

	padding: 2px;

	width:235px;

	cursor: pointer;

	-moz-user-select: none;

	-khtml-user-select: none;

}



.AccordionPanelContent {

	overflow: auto;

	margin: 0px;

	padding: 0px;



}



#prices_table td { 

font-family: Verdana;

font-size: 12px;

color: #525252;

border-color: #D7D7D7;

border-style: solid; 

}



/* CONTACT FORM - TABLES IN CSS WITH DIVS... BECAUSE I CAN */



#contact_form {

	width: 100%;

	font-family:Verdana;

	font-size:11px;

	line-height:20px;

	color:#525252;

	letter-spacing:0px;

}

#contact_table {

	width: 400px;

	font-family:Verdana;

	font-size:11px;

	line-height:20px;

	color:#525252;

	letter-spacing:0px;

	padding-left:10px;

}

.contact_row {

	width: 300px;

	height: 25px;

}

.contact_field {

	float: left;

	width: 45px;

	padding-right: 5px;

	text-align: right;

	padding-top: 5px;

	height: 20px;

}

.contact_box {

	float: right;

	width: 250px;

	text-align: left;

	height: 25px;

}

input.contactinput {

	width: 250px;

	font-family:Verdana;

	font-size:11px;

	color:#525252;

	background-color: #FFFFFF;

}

textarea.contacttext {

	font-family:Verdana;

	font-size:11px;

	color:#525252;

	background-color: #FFFFFF;

}













/* Application for financing */



#finance_form {

	width:450px;

	text-align:right;

}

#finance_form h2 {

	width:450px;

	text-align:center;

}

#finance_form input {

	width:180px;

	margin:1px;

}



#finance_form select {

	width:185px;

}



.text-link{

	color:#196FB9;

}







/* Color charts */



#color-charts {

	overflow: hidden;

}



#color-charts li {

	/*position: relative;*/

	float: left;

	width: 130px;

	margin: 1em 10px 1em 0;

	padding: 70px 0 0;

	list-style: none;

	text-align: center;

	font-family:Verdana;

}



#color-charts li .color-name {

	display: block;

	/*position: absolute;

	width: 100%;

	bottom: 0;

	left: 0;*/

	padding: 5px 0;

	background: #F3F3F3;

	color: #5D5D5D;

	font-weight: bold;

}





/* About Us Nav */



#about_nav {

	padding-left:15px;

	padding-right:15px;

	font-family:Verdana;

	font-size:11px;

	line-height:14px;

	color:#525252;

}



#about_nav a {

	color:#0000FF;

	text-decoration:none;

}

#about_nav a:hover {

	text-decoration:underline;

}







/* Products Nav */



#products_nav_upper {

	padding-left:15px;

	padding-right:15px;

	padding-top:3px;

}



#products_nav_upper a {

	display:block;

	float:left;

	width:231px;

	height:16px;

	background-image:url('images/product_nav_link_bg.jpg');

	font-family:Verdana;

	font-size:16px;

	font-weight:bold;

	color:#FFFFFF;

	text-decoration:none;

	text-align:center;

	padding:7px 0px;

	margin:0px 1px;

}

#products_nav_upper a:hover {

	text-decoration:underline;

}



#products_nav_lower {

	padding-left:15px;

	padding-right:15px;

	margin-top:5px;

	font-family:Verdana;

	font-size:13px;

	line-height:14px;

	color:#525252;

	text-align:center;

}



#products_nav_lower a {

	color:#0000FF;

	text-decoration:none;

}

#products_nav_lower a:hover {

	text-decoration:underline;

}









/* Products Page */



#products_header {

	padding-left:15px;

	padding-right:15px;

	width:699px;

	height:48px;

}

#product_name_price, #product_name_price h2 {

	font-family:Verdana;

	font-size:24px;

	font-weight:bold;

	color:#227CCA;

	text-align:left;

	padding:0px;

	margin:0px;

}

#product_name_price {

	margin:0px 10px;

}

#product_pdf {

	width:49px;

	float:left;

	text-align:right;

}

#product_pdf img {

	margin-top:10px;

	margin-left:20px;

	*margin-left:0px;

	margin-right:0px;

	*margin-right:20px;

}





#product_image_row {

	width:708px;

	height:254px;

	padding:10px;

}

#product_image {

	float:left;

}

#product_nav_flash {

	float:right;

}

#product_nav_flash_textpages {

	float:right;

	height:254px;

	width:236px;

	margin:0px 10px 10px 5px;

}



#product_media_flash {

	float:left;

	height:254px;

	width:466px;

	margin:0px 0px 10px 10px;

}



#product_description {

	padding:0px;

	font-family:Verdana;

	font-size:12px;

	line-height:24px;

	color:#000000;

	text-align:left;

}

#product_description p {

	padding:0 10px;

}

#productDetail #product_description p {

	padding:0px;

}



b.red_b {

	font-family:Verdana;

	font-size:14px;

	font-weight:bold;

	color:#7E0004;

}



#products_bottom_nav {

	width:716px;

	height:36px;

	background-image:url(images/product_nav_bg.jpg);

	background-repeat:repeat-x;

}











/* PRODUCTS LIST */



a.products_header {

	font-family:Verdana;

	font-size:12px;

	font-weight:bold;

	color:#7E0004;

	margin-bottom:5px;

	text-decoration:none;

}



table.products_table {

	width:720px;

	margin:0px 0px 20px 0px;

}

table.products_table td {

	width:340px;

	padding:0px 10px 15px 10px;

	font-family:Verdana;

	font-size:10px;

	line-height:16px;

}





/* PRODUCTS LIST */

table.map_table {

	color:#999;

}





/* COLOR OPTION LIST */



select.oc_list {

	width:175px;

	height:20px;

	font-family:Verdana;

	font-size:12px;

	font-weight:bold;

	color:#3D3D3D;

}



select.oc_list option {

	height:12px;

	padding:4px;

}



option.oc_1 {

	background-color:#723020;

	color:#FFFFFF;

}

option.oc_2 {

	background-color:#222222;

	color:#FFFFFF;

}

option.oc_3 {

	background-color:#8C8C8C;

	color:#3D3D3D;

}

option.oc_4 {

	background-color:#D0D0AB;

	color:#3D3D3D;

}

option.oc_5 {

	background-color:#F2F2F2;

	color:#3D3D3D;

}

option.oc_6 {

	background-color:#83856F;

	color:#3D3D3D;

}

option.oc_7 {

	background-color:#373737;

	color:#FFFFFF;

}

option.oc_8 {

	background-color:#32463E;

	color:#FFFFFF;

}

option.oc_9 {

	background-color:#4D4D4D;

	color:#FFFFFF;

}

option.oc_10 {

	background-color:#9E8D5E;

	color:#3D3D3D;

}

option.oc_11 {

	background-color:#3D3C3B;

	color:#FFFFFF;

}

option.oc_12 {

	background-color:#31606C;

	color:#FFFFFF;

}

option.oc_13 {

	background-color:#E9DEB0;

	color:#3D3D3D;

}







/* BUY BUTTONS */



#buy_now {

	width:709px;

	margin-top:30px;

	font-family:Verdana;

	font-size:20px;

	font-weight:bold;

	color:#3D3D3D;

}

#buy_noncert {

	width:354px;

	float:left;

	text-align:center;

}

#buy_cert {

	width:354px;

	margin-left:1px;

	float:right;

	text-align:center;

}





/* MORE SIZES TABLE */



table.more_sizes_table {

	margin-left:15px;

	margin-right:15px;

}

table.more_sizes_table td {

	text-align:center;

	font-family:Verdana;

	font-size:13px;

	line-height:14px;

	color:#525252;

	width:60px;

	padding-top:3px;

	padding-bottom:3px;

}











tr.contact_table_row {

	font:11px/20px Verdana;

	color:#525252;

}









/* DIGISHOP */



#categoryGrid , #productGrid, #productDetail, #customerLogin, #checkoutBilling, #checkoutPayment, #checkoutConfirm, #clientAccount, #viewCart {

	margin:5px;

	font-family:Verdana;

}

#categoryGrid table, #productGrid table {

	text-align:center;

}

.photo {

	text-align:center;

}

.title {

	font-family:Verdana;

	font-size:14px;

	line-height:18px;

	font-weight:bold;

	text-decoration:none;

}

.title a {

	color:#000000;

}

#btmOptions {

}

.pagination, #pageNote, .display, .sort, .search, #viewCart, #newCustomer, #existingCustomer, #passwordRemindCustomer, .form-field, .form-label, .form-label-required, .field-price, .myerror, .pageNote, #billInfo, #shipInfo, #paymentInfo, #orderDetails, .logout, #orderList, #myAccount {

	font-family:Verdana;

	font-size:11px;

	line-height:14px;

	font-weight:normal;

}

.label {

}

.option {

}

.description {

	font-family:Verdana;

	font-size:10px;

	line-height:14px;

}

.details {

}

.sprice {

	font-family:Verdana;

	font-size:12px;

	line-height:14px;

	font-weight:bold;

	text-align:center;

}

#price {

	font-size:30px;

	line-height:38px;

	font-weight:bold;

	color:#227CCA;

}

.buttons {

}

.addToCartBtnNoImage {

}

.detailBtnNoImage {

}

.form-label, .form-label-required {

	float:left;

	margin-bottom:5px;

	margin-right:5px;

}

.form-field, .field-price {

	float:left;

	margin-bottom:5px;

}

#productDescription, a.link {

	font-family:Verdana;

	font-size:10px;

	line-height:14px;

}

.hdr-title {

	font-family:Verdana;

	font-size:14px;

	line-height:18px;

	font-weight:bold;

}



#product_detail_left {

	float:left;

	margin-right:25px;

}

#product_detail_right {

	float:right;

}



a.link {

	font-size:14px;

	font-weight:bold;

	color:#000000;

	text-decoration:none;

}

a.link:hover {

	text-decoration:underline;

}



a.sublink {

	font-size:12px;

	color:#000000;

	text-decoration:none;

}

a.sublink:hover {

	text-decoration:underline;

}



#productsRelated {

	width:400px;

	margin-top:35px;

}

#productsRelated .hdr-title {

	margin-bottom:10px;

	text-align:center;

}

#productsRelated .content-odd {

	width:200px;

	float:left;

	text-align:center;

	margin-bottom:15px;

}

#productsRelated .content-even {

	width:200px;

	float:right;

	text-align:center;

	margin-bottom:15px;

}

#productsRelated .details {

	font-family:Verdana;

	font-size:14px;

	line-height:18px;

	font-weight:bold;

}

#productsRelated .details a {

	display:block;

	margin:0 auto;

	width:90px;

	height:14px;

	padding-top:3px;

	*padding-top:2px;

	padding-bottom:5px;

	*padding-bottom:6px;

	margin-top:5px;

	text-align:center;

	background-color:#E89923;

	color:#000000;

	border:thin solid #000000;

	text-decoration:none;

}

#productsRelated .details a:hover {

	text-decoration:underline;

}







#product_left {

	float:left;

	width:255px;

}

#product_right {

	float:left;

	width:435px;

	margin-left:10px;

	text-align:left;

}



h6.product_title {

	font-family:Verdana;

	font-size:24px;

	color:#227CCA;

	font-weight:bold;

	padding:0px;

	margin:0px;

}

.field-label, .field-price {

	float:left;

}

.field-price {

	margin-left:5px;

}

#cartButtons {

	margin-top:8px;

}



.seop {

	padding: 0 20px 15px 20px; color: #000;

}



div#footer_wrapper div.seop a.seopl:link {

	color: #000000;

}



div#footer_wrapper  div.seop a.seopl:visited {

	color: #000000;

}



div#footer_wrapper div.seop a.seopl:active {

	color: #000000;

}



div#footer_wrapper  div.seop a.seopl:hover {

	color: #1974bd;

}

/* Subnav conversion 

div.subnav {
	width: 730px;
}

ul.subnavul li {
	position: relative;
	float: left;
	list-style:none;
}
*/


a.mnav2:link {

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	font-weight: bold;

	font-size: 10px;

	text-decoration: none;

	color: #246DBA;

	display: block;

	height: 30px;

}



a.mnav2:visited {

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	font-weight: bold;

	font-size: 10px;

	text-decoration: none;

	color: #246DBA;

	display: block;

	height: 30px;

}



a.mnav2:active {

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	font-weight: bold;

	font-size: 10px;

	text-decoration: none;

	color: #246DBA;

	display: block;

	height: 30px;

}



a.mnav2:hover {

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	font-weight: bold;

	font-size: 10px;

	text-decoration: none;

	background: url('images/bg-mnav.png') repeat-x;

	color: #246DBA;

	display: block;

	height: 30px;

}

/**/

#navagation2 {

	width:730px;

	height:30px;

	margin: 0;

	padding: 0;

}





#navagation2 ul {

	width: 730px;

	height: 30px;

	list-style-type: none;
	
	
	/*margin: 90px 0 0 0;

	padding: 95px 0 0 0; */
	margin:10px 10px 20px -10px;

}



#navagation2 ul li {

	height: 30px;

	float: left;

	line-height: 100%;

	font-size: 10px;
	
}

#navagation2 ul li a ins {

	position: relative;

	top: 8px;

	padding-left: 6px;

	padding-right: 6px;

	text-decoration: none;
	
	border-left: 2px solid #246DBA;

}

ins.pipeoff {
border-left: none !important;
}

#social{width:136px;
margin:0px 8px 0 0;
height:24px; float:right;
}

#facebook a {
display:block;
height:24px;
width:24px;
margin-right:4px;
background: url(http://www.carportempire.com/images/facebook.png) 0 0 no-repeat;
float:left;
}

#twitter a {
display:block;
height:24px;
width:24px;
margin-right:4px;
background: url(http://www.carportempire.com/images/twitter.png) 0 0 no-repeat;
float:left;
}

#linkedin a {
display:block;
height:24px;
width:24px;
margin-right:4px;
background: url(http://www.carportempire.com/images/linkedin.png) 0 0 no-repeat;
float:left;
}

#youtube a {
display:block;
height:24px;
width:24px;
margin-right:4px;
background: url(http://www.carportempire.com/images/youtube.png) 0 0 no-repeat;
float:left;
}

#rss a {
display:block;
height:24px;
width:24px;
background: url(http://www.carportempire.com/images/rss.png) 0 0 no-repeat;
float:left;
}