/**************************

	styles.css
	for carportstructures.com
	
	by MelitoKagan, LLC
	
	last updated by Jeff: 
		12/3/2008
	
****************************/

body {
	margin: 0; padding: 0;
	background: url('../images/carport_bg_repeat.gif') repeat-x top left #848484;
}

a { 
	font-family: Verdana, arial, sans-serif; 
	color: #b61000;
	font-weight: bold;
	font-size: 12px;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

a.border img {
	margin: 2px;
	width: 115px;
	height: 115px;
	display: block;
	border: solid 1px #09313f;
	float: left;
}

p { 
	margin: 0 0 10px 0; padding: 0;
	font-family: Verdana, arial, sans-serif; 
	color: #424242;
	font-size: 10px;
	line-height: 15px;
}

.small {
	font-size: 8px;
}

h1 {
	margin: 0; padding: 0;
}

h1 span { display: none; }

h2 {
	font-family: DIN, Helvetica, Arial, sans-serif;
	color: #0e4c61;
	font-size: 16px;
	line-height: 18px;
}

h3 {
	font-family: DIN, Helvetica, Arial, sans-serif;
	color: #B11900;
	font-size: 14px;
	line-height: 16px;
}

.clear {
	clear: both;
}

.right {
	float: right;
}

.left {
	float: left;
}

#container {
	margin: 20px auto 0 auto; 
	padding: 0;
	width: 1021px;
	height: 1050px;
	background: url('../images/carport_background.gif') no-repeat top left;
	text-align: center;	
}

#header { 
	margin: 28px 0 0 25px; padding: 0;
	_margin: 28px 0 0 12px;
	width: 975px;
	height: 160px;
	display: block;
	float: left;

}

#content {
	margin: 0 0 0 0; padding: 40px 0 0 25px;
	_padding: 0 0 0 12px;
	width: 1021px;
	min-height: 744px; 
	height: auto !important;
	height: 744px; 
	float: left;
	text-align: left;	
	
	background: url('../images/carport_bg_content.gif') no-repeat top left;
}

	#content a {
		color:#B11900;
		font-family:"arial","Helvetica","sans-serif";
		font-size:11px;
		line-height:14px;
		text-decoration:none;
	}

#content_rp {
	margin: 0; padding: 0;
	width: 1021px;
	float: left;
	background: url('../images/carport_bg_content_rp.gif') repeat-y top left;	
}

#col_left {
	margin: 0 20px 0 25px;
	_margin: 0 10px 0 12px;
	width: 270px; 
	float: left;
}

#col_left2 {
	margin: 0 20px 0 25px;
	_margin: 0 10px 0 12px;
	width: 550px; 
	float: left;
}

#col_one {
	margin: 0 20px 0 25px;
	_margin: 0 10px 0 12px;
	width: 930px; 
	float: left;
}

#col_one table {
	margin-left: 10px;
}

#footer { 
	margin: 0 0 15px 0; 
	padding: 15px 0 0 40px;
	width: 990px;
	height: 130px;
	float: left;
	text-align: left;
	display: block;
	background: url('../images/carport_background.gif') 0 -890px #848484 no-repeat;
}

	#footer p {
		margin: 0; padding: 0;
		color: #ffffff;
		font-size: 10px;
	}

	#footer p.phone {
		margin: 0 0 30px 25px;
	}
	
	#footer p.legal {
		width: 610px;
		font-size: 9px;
		line-height: 12px;
	}
	
	#footer a {
		font-size: 9px;
		color: #ffffff;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}
	
	#footer h2 {
		margin: 20px 0 5px 25px;
		line-height: 18px;
		color: #ffffff;
	}
	
	.lightblue {
		color: #5e97a9;
	}

	#footer_right {
		margin: 10px 0 0 0;
		width: 360px;
		float: right;
	}
	
	#footer_right p {
		width: 120px;
		float: left;
	}
	
	#footer_links {
		margin: 0 0 0 20px; padding: 0;
		width: 190px;
		float: left;
	}

/*----- navigation styles ------*/

#nav {
	margin: -8px 0 0 222px; padding: 0;
	display: block;
	width: 206px;
	float: left;
}


#nav a {
	margin: 0; padding: 0;
	display: block;
	float: left;
}

#carport_logo {
	margin: 35px 0 45px 25px;
	_margin: 35px 0 65px 12px;
	width: 359px; 
	height: 92px;
	display:block;
	float: left;
}

#carport_logo h1 a{
	text-indent:-9999em;
	width: 359px; 
	height: 92px;
	display:block;	
	background: url('../images/carport_structures.jpg');
	display:block;
}

#nav .nav_cd a {
	margin: 0 0 0 30px; padding: 0;
	_margin: 0 0 0 16px;
	width: 167px; 
	height: 37px; 
	display: block;	
	float: left;	
	background: url("../images/nav.gif") -37px 0;
}

#nav .nav_cd a:hover {
	background: url("../images/nav.gif") -243px 0;	
}

#nav .nav_rea a {
	margin: 0 0 0 23px; padding: 0;
	_margin: 0 0 0 13px;
	width: 170px; 
	height: 24px; 
	display: block;	
	float: left;	
	background: url("../images/nav.gif") -30px -37px;
}

#nav .nav_rea a:hover {
	background: url("../images/nav.gif") -236px -37px;	
}

#nav .nav_ca a {
	margin: 0 0 0 17px; padding: 0;
	_margin: 0 0 0 10px;
	width: 172px; 
	height: 25px; 
	display: block;	
	float: left;	
	background: url("../images/nav.gif") -24px -61px;
}

#nav .nav_ca a:hover {
	background: url("../images/nav.gif") -230px -61px;	
}

#nav .nav_pg a {
	margin: 0 0 0 11px; padding: 0;
	_margin: 0 0 0 7px;
	width: 176px; 
	height: 24px; 
	display: block;	
	float: left;	
	background: url("../images/nav.gif") -18px -86px;
}

#nav .nav_pg a:hover {
	background: url("../images/nav.gif") -224px -86px;	
}

#nav .nav_fb a {
	margin: 0 0 0 5px; padding: 0;
	_margin: 0 0 0 4px;
	width: 179px; 
	height: 25px; 
	display: block;	
	float: left;	
	background: url("../images/nav.gif") -12px -111px;
}

#nav .nav_fb a:hover {
	background: url("../images/nav.gif") -218px -111px;	
}
#nav .nav_cs a {
	margin: 0; padding: 0;
	_margin: 0 0 0 1px;
	width: 182px; 
	height: 22px; 
	display: block;	
	float: left;	
	background: url("../images/nav.gif") -7px -136px;
}

#nav .nav_cs a:hover {
	background: url("../images/nav.gif") -213px -136px;	
}


#flash_nav {
	margin: 0 -2px 0 0; padding: 0;
	width: 580px;
	height: 473px;
	float: right;
}

/*----- index styles -----*/

.index #container {
	width: 1021px;
	background: url('../images/carport_bg_index2.gif') no-repeat top left;
}

.index #content {
	margin: 28px 0 0 25px; padding: 0;
	_margin: 28px 0 0 12px;
	_height: 740px;
	float: left;
	width: 975px;
	/*background: url('../images/carport_bg_nav_index.png') no-repeat top right;
	_background: url('../images/carport_bg_nav_index.jpg') no-repeat top right; */
	background: none;
}

.index #content h2 {
	color: #bf1f02;
}

.index #footer {
	margin: -50px 0 0 0;
}

.index #nav_logo {
	margin: 35px 0 45px 25px;
	_margin: 35px 0 65px 12px;
	float: left;
}

.index #nav {
	margin: 0 327px 0 0;
	_margin: 0 166px 0 0;
	width: 250px;
	height: 451px; 
	display: block;
	float: right;

}
.index #nav a {
	margin: 0; padding: 0;
	display: block;
	float: left;
}

.index #nav .nav_cd a {
	margin: 86px 0 0 19px; padding: 0;
	_margin: 86px 0 0 12px;
	width: 221px; 
	height: 64px; 
	display: block;	
	float: left;
	background: url("../images/carport_nav_index.gif") -15px 0;
}

.index #nav .nav_cd a:hover {
	background: url("../images/carport_nav_index.gif") -255px 0;	
}

.index #nav .nav_rea a {
	margin: 0 0 0 14px; padding: 0;
	_margin: 0 0 0 9px;
	width: 212px; 
	height: 60px; 
	display: block;	
	float: left;
	background: url("../images/carport_nav_index.gif") -10px -64px;
}

.index #nav .nav_rea a:hover {
	background: url("../images/carport_nav_index.gif") -250px -64px;	
}

.index #nav .nav_ca a {
	margin: 0 0 0 4px; padding: 0;
	width: 194px; 
	height: 59px; 
	display: block;	
	float: left;
	background: url("../images/carport_nav_index.gif") 0 -124px;
}

.index #nav .nav_ca a:hover {
	background: url("../images/carport_nav_index.gif") -240px -124px;	
}

.index #nav .nav_pg a {
	margin: 0 0 0 4px; padding: 0;
	width: 191px; 
	height: 61px; 
	display: block;	
	float: left;
	background: url("../images/carport_nav_index.gif") 0 -183px;
}

.index #nav .nav_pg a:hover {
	background: url("../images/carport_nav_index.gif") -240px -183px;	
}

.index #nav .nav_fb a {
	margin: 0 0 0 4px; padding: 0;
	width: 184px; 
	height: 60px; 
	display: block;	
	float: left;
	background: url("../images/carport_nav_index.gif") 0 -244px;
}

.index #nav .nav_fb a:hover {
	background: url("../images/carport_nav_index.gif") -240px -244px;	
}

.index #nav .nav_cs a {
	margin: 0 0 0 4px; padding: 0;
	width: 240px; 
	height: 60px; 
	display: block;	
	float: left;
	background: url("../images/carport_nav_index.gif") 0 -304px;
}

.index #nav .nav_cs a:hover {
	background: url("../images/carport_nav_index.gif") -240px -304px;	
}

#nav a span {
	position: absolute;
	top: -3000px;
}

#nav_image {
	margin: -14px 0 0 182px; padding: 0;
	width: 407px;
	height: 473px;
	display: block;
	position: absolute;
	z-index: 1000;	
	_float: right;
}

#scrollbox2 {
		margin: 45px 0 0 0; padding: 0;
		width: 600px; 
		height: 157px; 
		position: relative;
		text-align: center;
		float: right;
	}
	
	.scrollbox ul {
		margin: 0; width: 0;
		float: left;
		width: 600px;
		height: 150px;
	}
	
	.scrollbox li {
		margin: 0 3px 0 0;
		width: 182px;
		height: 150px;
		display: block;
	}
	
	.scrollbox li img  {
		margin: 0 0 0 0; padding: 0 5px 0 0;
		float: left;
	}
	
	.scrollbox p {
		margin: 5px 0 0 0;
		color: #09313f;
		font-size: 10px;
	}
	
	.scrollbox .jcarousel-prev { 
		float: left; 
		margin: -120px 0 0 0;
		left: -30px;
		cursor: pointer;
		position: absolute;
	}
	
	.scrollbox .jcarousel-next { 
		float: right; 
		margin: -120px 0 0 5px;
		*margin: -120px 0 0 30px;
		_margin: -120px 0 0 25px;
		left: 550px;
		cursor: pointer;
		position: absolute;
	}

	
.index #col_left {
	margin: 0 0 0 25px;
	_margin: 0 0 0 12px;
	width: 345px; 
	float: left;
}

/*----- subpage styles -------*/ 



/*---- inherited styles ------*/

td {font-family: "arial", "Helvetica", "sans-serif"; font-size: 11px; line-height: 11px; color: #555555; line-height: 14px;}

a.tenpoint:link{font-family: "arial", "Helvetica", "sans-serif"; font-size: 10px; line-height: 12px; color: #B11900; text-decoration: none}
a.tenpoint:visited {font-family: "arial", "Helvetica", "sans-serif"; color: #B11900; font-size: 10px; line-height: 12px; text-decoration: none}
a.tenpoint:hover {font-family: "arial", "Helvetica", "sans-serif"; color: #B11900; font-size: 10px; line-height: 12px; text-decoration: underline}

a.bullet:link{font-family: "arial", "Helvetica", "sans-serif"; font-size: 11px; line-height: 14px; color: #004089; text-decoration: none; font-weight: bold;}
a.bullet:visited {font-family: "arial", "Helvetica", "sans-serif"; color: #004089; font-size: 11px; line-height: 14px; text-decoration: none; font-weight: bold;}
a.bullet:hover {font-family: "arial", "Helvetica", "sans-serif"; color: #B11900; font-size: 11px; line-height: 14px; text-decoration: underline; font-weight: bold;}

a.bullet2:link{font-family: "arial", "Helvetica", "sans-serif"; font-size: 11px; line-height: 14px; color: #0F5AA1; text-decoration: none}
a.bullet2:visited {font-family: "arial", "Helvetica", "sans-serif"; color: #0F5AA1; font-size: 11px; line-height: 14px; text-decoration: none}
a.bullet2:hover {font-family: "arial", "Helvetica", "sans-serif"; color: #B11900; font-size: 11px; line-height: 14px; text-decoration: underline}

a.cart:link { font-family: "arial", "Helvetica", "sans-serif"; color: #B2BEC5; font-size: 9px; font-weight: bold; letter-spacing: 0px; text-decoration: none}
a.cart:visited { font-family: "arial", "Helvetica", "sans-serif"; color: #B2BEC5; font-size: 9px; font-weight: bold; letter-spacing: 0px; text-decoration: none}
a.cart:hover { font-family: "arial", "Helvetica", "sans-serif"; color: #B2BEC5; font-size: 9px; font-weight: bold; letter-spacing: 0px; text-decoration: underline}

a.design:link {font-family: "arial", "Helvetica", "sans-serif"; font-size: 13px; color:#004089; text-decoration: none; font-weight: bold}
a.design:visited {font-family: "arial", "Helvetica", "sans-serif"; font-size: 13px; color:#004089; text-decoration: none; font-weight: bold}
a.design:hover {font-family: "arial", "Helvetica", "sans-serif"; font-size: 13px; color:#004089; text-decoration: underline; font-weight: bold}

a.design2:link {font-family: "arial", "Helvetica", "sans-serif"; font-size: 11px; color:#B11900; text-decoration: none; font-weight: bold}
a.design2:visited {font-family: "arial", "Helvetica", "sans-serif"; font-size: 11px; color:#B11900; text-decoration: none; font-weight: bold}
a.design2:hover {font-family: "arial", "Helvetica", "sans-serif"; font-size: 11px; color:#B11900; text-decoration: underline; font-weight: bold}

a.footerlink:link {font-family: "arial", "sans-serif"; font-size: 11px; color: #004089; text-decoration: none}
a.footerlink:visited {font-family: "arial", "sans-serif"; font-size: 11px; color: #004089; text-decoration: none} 
a.footerlink:hover {font-family: "arial", "sans-serif"; font-size: 11px; color: #004089; text-decoration: underline}

a.footer3:link {font-family: "arial", "Helvetica", "sans-serif"; color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none}
a.footer3:visited {font-family: "arial", "Helvetica", "sans-serif"; color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none} 
a.footer3:hover {font-family: "arial", "Helvetica", "sans-serif"; color: #FFCE42; font-size: 10px; font-weight: bold; text-decoration: underline}

#nav_side_btn {
	margin: 80px 0 0 0;
	padding: 0;
	width: 160px;
	float: left;
}

#cart_btn {
	margin: 30px 0 0 0; padding: 0;		
	float: right;
	width: 170px;
	_width: 162px;
}


a.cartlink:link {font-family: "arial", "Helvetica", "sans-serif"; color: #5e8cab; font-size: 10px; text-decoration: none; 
vertical-align: top; line-height: 30px; text-align: right;}
a.cartlink:visited {font-family: "arial", "Helvetica", "sans-serif"; color: #5e8cab; font-size: 10px; text-decoration: none} 
a.cartlink:hover {font-family: "arial", "Helvetica", "sans-serif"; color: #5e8cab; font-size: 10px; text-decoration: none}

a.navlink:link {font-family: "arial", "sans-serif"; font-size: 9px; color: #FFFFFF; text-decoration: none}
a.navlink:visited {font-family: "arial", "sans-serif"; font-size: 9px; color: #FFFFFF; text-decoration: none} 
a.navlink:hover {font-family: "arial", "sans-serif"; font-size: 9px; color: #FFFFFF; text-decoration: underline}

.mainpagetext {font-family: "ARIAL", "Helvetica", "sans-serif"; font-size: 11px; line-height: 15px; color: #000000}
.mainpagetextintro {font-family: "ARIAL", "Helvetica", "sans-serif"; font-size: 11px; line-height: 15px; color: #004089}
.footer { font-family: "arial", "Helvetica", "sans-serif"; color: #FFFFFF; font-size: 14px; font-weight: bold; letter-spacing: 0px; line-height: 12px}
.footer2 { font-family: "arial", "Helvetica", "sans-serif"; color: #B2BEC5; font-size: 10px; font-weight: bold; letter-spacing: 1px; line-height: 12px}
.footer4 { font-family: "arial", "Helvetica", "sans-serif"; color: #738F9F; font-size: 9px; letter-spacing: 0px; line-height: 9px}
.salesperson { font-family: "arial", "Helvetica", "sans-serif"; color: #FFFFFF; font-size: 11px; letter-spacing: 0px; line-height: 9px;font-weight: bold}
.red {font-family: "arial", "Helvetica", "sans-serif"; font-size: 9px; color:#C30000; text-decoration: none}
.bigred {font-family: "arial", "Helvetica", "sans-serif"; font-size: 12px; color:#C30000; text-decoration: none}
.productname {font-family: "arial", "Helvetica", "sans-serif"; font-size: 12px; color:#000000; text-decoration: none; font-weight: bold; line-height: 16px}
.darkgray {font-family: "arial", "Helvetica", "sans-serif"; font-size: 11px; color:#353535; text-decoration: none; line-height: 12px}
.lightgray {font-family: "arial", "Helvetica", "sans-serif"; font-size: 11px; color:#CCCCCC; text-decoration: none; line-height: 12px; font-weight: bold}
.mediumgray {font-family: "arial", "Helvetica", "sans-serif"; font-size: 11px; color:#888888; text-decoration: none; line-height: 12px}

.black {font-family: "arial", "Helvetica", "sans-serif"; font-size: 11px; color:#000000; text-decoration: none; line-height: 12px;}
.blueitem {font-family: "arial", "Helvetica", "sans-serif"; font-size: 13px; color:#004089; text-decoration: none; font-weight: bold; line-height: 14px}
.designtypebig {font-family: "arial", "Helvetica", "sans-serif"; font-size: 13px; color:#000000; text-decoration: none; font-weight: bold}
.smalltext {font-family: "arial", "Helvetica", "sans-serif"; font-size: 9px; color:#555555; text-decoration: none; line-height: 12px}
.pagetitle { font-family: "arial", "Helvetica", "sans-serif"; font-size: 14px; color: #454545; text-decoration: none; font-weight: bold;}
.bluepagetitle { font-family: "arial", "Helvetica", "sans-serif"; font-size: 13px; color: #004089; text-decoration: none; font-weight: bold;}


.mainborder { border-style: solid;  border-color:#183A4E #183A4E #183A4E #183A4E; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.whiteboxborder { border-style: solid;  border-color:#C9C9C9 #C9C9C9 #C9C9C9 #C9C9C9; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.newgrayborder { border-style: solid;  border-color:#C3C3C3 #C3C3C3 #C3C3C3 #C3C3C3; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.mainborder2 { border-style: solid;  border-color:#999999 #999999 #999999 #999999; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.photoborder { border-style: solid;  border-color:#5C5C5C #5C5C5C #5C5C5C #5C5C5C; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.lightbluebox { border-style: solid;  border-color:#D5E8F1 #D5E8F1 #D5E8F1 #D5E8F1; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.select_box {  border: 1px #FFCC33 solid; font-family: arial, Arial, Helvetica, sans-serif; font-size: 8pt;}

.productcategory {font-family: "ARIAL", "Helvetica", "sans-serif"; font-size: 12px; line-height: 15px; color: #739AB1; font-weight: bold;}

.optionborder { border-style: none;  border-color:#183A4E #183A4E #183A4E #183A4E; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}


a.footerhp:link{font-family: "arial", "Helvetica", "sans-serif"; color: #738F9F; font-size: 9px; letter-spacing: 0px; line-height: 9px; text-decoration: none}
a.footerhp:visited {font-family: "arial", "Helvetica", "sans-serif"; color: #738F9F; font-size: 9px; letter-spacing: 0px; line-height: 9px; text-decoration: none}
a.footerhp:hover {font-family: "arial", "Helvetica", "sans-serif"; color: #738F9F; font-size: 9px; letter-spacing: 0px; line-height: 9px; text-decoration: none}

#imageSlideshowHolder{
	/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 312px;	/* IE 5.x */
	width/* */:/**/312px;	/* Other browsers */
	width: /**/312px;
	/* CSS HACK */
		height: 405px;	/* IE 5.x */
	height/* */:/**/405px;	/* Other browsers */
	height: /**/405px;
	/*background-color:#dfdfdf;*/
	position:absolute;

}
	
.imageSlideshowHolder2 {
	margin: 100px 0 0 150px;
	*margin: 100px 0 0 -850px;
	/* CSS HACK */
	width: 636px;	/* IE 5.x */
	width/* */:/**/636px;	/* Other browsers */
	width: /**/636px;
	/* CSS HACK */
	height: 377px;	/* IE 5.x */
	height/* */:/**/377px;	/* Other browsers */
	height: /**/377px;
	z-index: 2000;
}

.imageSlideshowHolder1 {
	margin: 0;
	width: 407px;	/* IE 5.x */
	width/* */:/**/407px;	/* Other browsers */
	width: /**/407px;
	/* CSS HACK */
	height: 473px;	/* IE 5.x */
	height/* */:/**/473px;	/* Other browsers */
	height: /**/473px;
	position:absolute;
	float: left;
	z-index: 2000;	
}
	
.imageInGallery {
		/*background-color: #dfdfdf;*/
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}


/* portfolio styles */	
.designtypeid, .jobsiteid {
	width: 255px;
	margin: 0 0 5px 0;
	border: solid 1px #52819c;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

.gallery a img {
	border: solid 1px #ffffff;
}

.gallery a:hover img {
	border: solid 1px #284856;
}

#imageGallerylink a {
	position: absolute;
	width: 312px;
	height: 405px; 
	display: block;
	margin: 0; padding: 0;
	top: 320px;
}

#imageGallerylink a img {
	border: none;
}

/* New gallery index */

#gallery_choices {
	margin: 0 0 0 130px;
	_margin: 0 0 0 55px;
	width: 870px;
	height: 75px; 
	float: left;
	position: relative;
}

.blueboxborder { 
	margin: 0 0 0 20px; padding: 5px 0 0 15px;
	_margin: 0 0 0 15px; padding: 5px 0 0 15px;
	border: solid 1px #7fadc7; 
	float: left;
	position: relative;
	height: 75px; 
	width: 290px;
	_width: 310px;
	background: #cce2f1;
	text-align: left;
	display: block;
	overflow: visible;
}

#content p a { color: #0e4c61; }

table.requestquote {
	margin: 5px 0 5px 0; padding: 5px 0 5px 0;
	border-bottom: solid 1px #ffffff;
}

.salesmode {
	margin: 0 0 0 0;
	float: right;
}

.salesmode p {
	margin: 0; padding: 0;
	color: #5e8cab;	
}

#rq_index {
	margin-top: -10px;
	_margin-top: -40px;
	float: right;
}

/*---- Shop Online -------*/

#colorchart, #shipping { 
	background: #ffffff;
}

#cart_column { 
	margin: 0 0 0 65px; padding: 15px 20px 15px 20px;
	_margin: 20px 0 0 35px;
	width: 804px;
	float: left;
	background: #ffffff;
}

#cart_column select {
	margin-bottom: 10px;
}

#cart_column h2 span {
	position: absolute;
	top: -3000px;
}

#cart_left {
	margin: 0; padding: 0;
	width: 600px;
	float: left;	
	background: url("../images/bg_cart_rp.gif") repeat-y top left #ffffff;
}

.one_design #cart_left {
	*width: 540px;
	
	background: url("../images/bg_cart_left.gif") repeat-y top left;
}

#cart_left h2 { 
	font-family: Myriad Pro, arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #09313f;
	background-color: #ffffff;
	width: 500px;
}

#cart_left h4 { 
	font-family: Myriad Pro, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #80a3b8;
	background-color: #ffffff;
	width: 500px;
}

#cart_right {
	margin: 0; padding: 0;
	width: 191px;
	float: right;
	background: #dadedf;
	text-align: center;
}

h2.shoponline {
	margin: 0; padding: 0;
	width: 600px;
	height: 54px; 
	display: block;
	float: left;
	background: url("../images/sh_shoponline.gif") no-repeat top left #ffffff;
}

h2.featureditems {
	margin: 0; padding: 0;
	width: 191px;
	height: 53px; 
	display: block;
	float: left;
	background: url("../images/sh_featureditems.jpg") no-repeat top left;
}

h2.alsoconsider {
	margin: 0; padding: 0;
	width: 191px;
	height: 53px; 
	display: block;
	float: left;
	background: url("../images/sh_alsoconsider.jpg") no-repeat top left;
}

.cart_item { 
	margin: 0 30px 20px 0; padding: 0;
	width: 270px; 
	float: left;
}

.cart_item:hover {
	background: #DADEDF;
}

.cart_item img, .cart_item h3, .cart_item p { 
	float: left; 
}

.cart_item h3, .cart_item p {
	margin: 5px 0 0 15px; 
	width: 101px;
	font-size: 11px;
}

.cart_item p {
	font-size: 10px;
	width: 81px;
	padding-right: 10px;
	background: url("../images/bullet_cartarrow.gif") top right no-repeat;
}

#cart_info {
	margin: 0 0 0 30px; padding: 0;
	*margin: 0;
	text-align: left;
	width: 140px;
}

#cart_info h3 {
	font-size: 11px;
	color: #09313f;
}

#cart {
	margin: 28px 0 0 65px; padding: 15px 15px 20px 20px;
	*margin-left: -845px;
	width: 804px; 
	min-height: 500px;
	height: auto !important;
	height: 500px;
	float: left;
	background: #ffffff;
	position: absolute; 
	top:220px; 
	z-index: 35;
}

#cart td {
	margin: 0;
}

td.cart_header {
	margin: 0 10px 0 0;
	background: #ffde56;
	color: #b41006;
	text-align: center;
	font-weight: bold;
}

img.cartphoto { 
	width: 95px;
	margin: 0 8px 0 0;
	float: left;
}

#checkout {
	background: #ffffff;
}

#checkout thead tr {
	height: 25px;
	background: #ffde56;
} 
#checkout thead tr td p {
	margin: 0; padding: 0;
	color: #C30000; 
	font-weight: bold;
}


/*--- html5 scroller ---*/


.ContentFlow .flow .item canvas.content{
	height:100%;
}

.ContentFlow .flow .item.active{
	cursor:pointer;
}

.ContentFlow .flow .item .caption{
	font-size:12px; text-align:center; font-weight: bold; color:#424242;
	font-weight: bold; max-height:30%; bottom:10%;
	width:515px; position:absolute; display:none;
}

* html .ContentFlow .flow .item .caption{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/1x1_0.5_black.png');
}

.ContentFlow .scrollbar{
	width: 515px; height: 17px;
	background: url('../images/scroller_bg.gif') left center no-repeat;
	display: block;
	overflow: visible;
	position: relative;
	z-index:1; visibility: hidden; 
	margin:0 0 0 0;
}

.ContentFlow .scrollbar .slider{
	width: 53px; height: 15px; background:url('../images/scroller_tab.gif') center center no-repeat;
	cursor: move; position: absolute;
}

* html .ContentFlow .scrollbar .slider{background-image:none}

* html .ContentFlow .scrollbar .slider .virtualSlider{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='img/scroller_tab.gif');
	height: 100%
}

.ContentFlow .scrollbar .slider .position{
	top:120%; font-size:16px;
	font-weight:700;color:silver;
	position:absolute;text-align:center;visibility:hidden;
}

.ContentFlow .globalCaption{
	text-align:center;font-size:12px;text-align:center; 
	font-weight: bold; color:#0E4C61;font-weight: bold; 
	font-family:Verdana,arial,sans-serif;
	font-size:10px;
	height:20px;
	position:relative; z-index:1; margin: 90px 0 0 20px;
}

.ContentFlow .loadIndicator{width:100%;height:100%;top:0;left:0;background:#000;position:absolute;z-index:65000}

.ContentFlow .loadIndicator .indicator{background:url(../images/loader.gif) center center no-repeat;width:100%;height:100%}

* html .ContentFlow .loadIndicator .indicator{height:100px}

.ContentFlow{ position:relative;overflow:hidden; }

.ContentFlow *{ margin:0; padding:0; }

.ContentFlow img{-ms-interpolation-mode:bicubic}

.ContentFlow .mouseoverCheckElement{position:absolute;width:0;height:0;left:0;visibility:hidden}

.ContentFlow:hover .mouseoverCheckElement{left:1px}

.ContentFlow .flow {position:relative;z-index:0;visibility:hidden;width:100%;margin:0;}

.ContentFlow .flow.hidden{visibility:hidden}

.ContentFlow .flow .item{position:absolute;visibility:hidden;top:0;left:0;}

.ContentFlow .flow .item div.content{width:100%;height:100%; margin-left:-50px;}

.ContentFlow .flow .item .label{display:none}

.ContentFlow .flow .item canvas.reflection{margin-top:-1px}

.ContentFlow .flow .item img.content,.ContentFlow .flow .item img.reflection,
.ContentFlow .flow .item canvas.reflection{width:100%}

.ContentFlow .flow .item .caption a,.ContentFlow .flow .item .caption a:link,
.ContentFlow .flow .item .caption a:visited,.ContentFlow .flow .item .caption a:active,
.ContentFlow .flow .item .caption a:hover,.ContentFlow .globalCaption .caption a,
.ContentFlow .globalCaption .caption a:link,.ContentFlow .globalCaption .caption a:visited,
.ContentFlow .globalCaption .caption a:active,.ContentFlow .globalCaption .caption a:hover {
	color:#FFF;font-size:0.8em;font-style:italic;text-decoration:none;
}

.ContentFlow .flow .item .caption a:hover, .ContentFlow .globalCaption .caption a:hover { text-decoration:underline; }

.ContentFlow .flow .item .content,.ContentFlow .flow .item .reflection {display:block}

.ContentFlow {
	margin: 0; padding: 0;
	width: 515px;
}

.globalCaption {
	margin: 0; padding: 0;
	width: 515px; 
}

.caption {
	margin: 0 auto 0 auto !important;
	text-align: center;
}

.ContentFlow .flow {
	width: 515px; 
	margin: 0; padding: 0;
}

#contentbox {
	float:right;
	margin:0 20px 0 0;
	padding:0;
	position:relative;
	text-align:center;
	width:515px;
}

/*------ png fix --------*/

img, div { behavior: url(iepngfix.htc) }