@charset "utf-8";
/* General CSS Document */

* {
	margin: 0; padding: 0;
}

body {
	/* background: url(images/gh_body_bg.gif) top repeat-x #858585 */
	margin: 0; padding: 0;
	background: #ddd url(../images/nav/body_bg.gif) repeat-x;
}

.clear {
	clear: both
}

.clearleft {
	clear: left
}

#wrapper {
	margin: 0 auto; width: 960px
}

#shopstrap {
	width: 200px; height: 35px; float: left; margin-top: 10px; padding-right: 10px; margin-top: 40px
}

#shopstrap p {
	color: #666666; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 90%; padding-left: 10px
}

#main_area {
	width: 960px; margin-top: 20px; background-color: #f0f0f0; padding-top: 15px; border-top: 1px solid #999999; border-bottom: 1px solid #999999
}

#content_area {
	width: 940px; margin-bottom: 10px; margin-left: 10px
}

.content_all {
	width: 940px
}

.content_header {
	width: 925px; height: 28px; background-color: #a9a9a9; padding-top: 3px; padding-left: 15px
}

.content_header h1 {
	color: white; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 130%
}

.content_header a {
	color: white; text-decoration: none
}

.content_header a:hover {
	color: #666666
}

.content_content{
	width: 923px; border-left: 1px #CCCCCC dotted; border-bottom: 1px #CCCCCC dotted; padding-left: 15px; padding-top: 10px; 
	padding-bottom: 10px; background-color: #fff
}

.content_content p {
	font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #333333
}

.content_content p.bodytext {
	margin-bottom: 20px
}

.content_content a {
	color: #d00022; font-weight: bold
}

.content_content a:hover {
	color: #999999
}

.content_content h2 a {
	color: #666666; background-color: white; text-decoration: none
}

.content_content h2 a:hover {
	color: #d00022
}

.product_window {
	overflow: hidden; height: 180px;
}

.product_window_normal {}

.product_window p {
	text-align: center; padding-right: 20px
}

.content_content h1 {
	color: #d00022; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 130%;
	margin-top: 20px; margin-bottom: 20px
}

.content_product {
	float: left; width: 146px; margin-right: 38px; display: inline;
}

* html .content_product {
	margin-right: -15px;
}

.content_product img {
	border: none
}
.content_product h2 {
	color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 90%; padding-top: 10px
}

.content_product_item {	
	background-color: #f8f7f7; margin-bottom: 5px; border-bottom: 1px #999999 solid
}

a.blocklink {
	padding: 3px; background-color: #d00022; font-weight: bold; text-align: right; color: white
}

a.blocklink:hover {
	color: #f0f0f0
}

.prod_image {
	float: left
}

.prod_info {
	float: right; width: 480px; text-align: left
}

.prod_header {
	background-color: #999999; width:470; padding: 5px
}

.model { float: left }
.price { float: right }

.prod_info h2 {
	color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 95%
}

.prod_info p {
	color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 80%
}

#prefooter {
	margin: 0 auto; width: 800px; height: 24px; margin-top: 20px
}

#footer {
	width: 100%; background: #737474 url(../images/footer_bg.gif) repeat-x; height: 200px; padding-top: 50px
}

#footer p {
	color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 80%;
}

#footercont {
	width: 960px; margin: 0 auto
}

#footerleft {
	float: left; width: 200px; margin-left: 20px
}

#footerright {
	float: right; width: 730px; padding-top: 15px
}

/* TOGGLE PRODUCT PAGES */

.list_item {
	width: 900px; margin-bottom: 5px; min-height: 200px
}

.list_image {
	float: left; width: 200px; margin-right: 10px
}
	a img.toggle-img {
		border: 2px solid #999999; max-width: 200px
	}
	a:hover img.toggle-img {
		border: 2px solid red 
	}
	
	a img.other-img {
		border: 2px solid #999999;
	}
	a:hover img.other-img {
		border: 2px solid red 
	}

	a img.drawing-img {
		border: 2px solid #999999; max-width: 325px; max-height: 200px
	}
	a:hover img.drawing-img {
		border: 2px solid red  
	}	
.list_details {
	float: left; width: 300px; padding: 5px 0 0 15px; margin-left: 35px
}

/* TOGGLE ACCESSORY PRODUCT PAGES */

.accimg {
	float: left; width: 200px; text-align: center
}

.accdetails {
	float: left; width: 700px; margin-left: 10px
}