#page{
	width: 1000px;
	margin: 0 auto 0 auto;
	border-left: 1px solid #a4a4b5;
	border-right: 1px solid #a4a4b5;
	z-index: 0;
	background:#fff;
	height: 800px;
	height: 100%;
}

#main {
	width: 100%;
	position: relative;
	float: right;
	background:#fff;
}

#head{
	width: 100%;
	height: 189px; 
	position: relative;
	float: left;
	display: block;
	clear: both;
	z-index: 3;
}
#head h1 {position: absolute; top: -1000px;}
#head a img {margin: 0; padding: 0;}
#head img {position: relative; float: left; }

#menu{
	z-index: 6;
	background: url(../images/navbar_bg.gif) repeat-x; 
	border-bottom: 1px solid #000;
	width: 100%;
	height: 23px;
	display: block;
	position: relative;
	float: left;
	clear: both;
}
#menu ul{padding: 0;}
#menu li{display: inline; line-height: 24px;}
#menu li a, #menu li a:active, #menu li a:visited{padding: 5px 10px 5px 13px; margin: 0; color: #eee; font-weight: bold;}
#menu li a.active{background: #222;}
#menu li a:hover{background: url(../images/transparent4.png) repeat-x; }

#content {
	width: 100%;
	position: relative;
	float: right;
	background: transparent;
	padding-bottom: 1em;
	z-index: 10;
}
#content a {text-decoration: none;}

#page_content {
	width: 77%;
	position: relative;
	float: right;
	background: #fff;
	height: 900px;
	height: 100%;
}

#related_products {
	width: 15%;
	position: relative;
	float: right;
	padding: 1%;
	margin:2%;
	border: 1px solid #888;
	background: #eee;
}
#related_products h3{border: 0; font-size: 100%; border: 1px solid #888; font-weight: bold; background:#fff;}
#related_products ul {margin: 0; padding: 0;}
#related_products li a:hover{text-decoration: underline;}

#product_details {
	width: 100%;
	position: relative;
	float: right;
	height: 900px;
	height: 100%;
}
#product_details ul.detailed {margin: 0; padding: 0; font-size: 100%;}
#product_details ul.detailed li{margin:1em; padding:0.2em; list-style:none; margin-bottom:1em; border-bottom: 1px solid #e1e1f8; height: 9em; width: 20.5em; display: inline; position: relative; float: left;  }
#product_details li img{width: 4em; height:4em; position: relative; float: right; margin: 0; padding:0 0 0 0;}
#product_details img.big-picture{width: 230px; height:210px; position: relative; float: right; margin: 1em; padding:0;}
#product_details li a{background: url(../images/arrow.gif) no-repeat 3% 95%; padding: 1em 1em 0 2.5em; font-weight: bold;}
#product_details li p{margin: 1em 0 0 0; padding: 0;}
#product_details li a:hover{background: url(../images/arrow.gif) no-repeat 7% 95%;}
#product_details a{text-decoration: underline;}
#product_details table{margin: 1em;}
#product_details table td{padding: 0.5em; border: 1px solid #eee;}
#product_details sup{font-size: 80%; vertical-align: top;}
#product_details a.datasheet {padding: 0 0 0 2.5em; line-height: 3em; background: url('../images/pdf_icon.gif') no-repeat 0% 50%;}

#navigation {
	width: 23%;
	position: relative;
	float: left;
	background: url(../images/left-bar.jpg) no-repeat 100% 100%;
	height: 800px;
}
#navigation h2, #navigation h3{font-size: 120%; padding: 1em 0.5em 1em 0.5em; font-weight: bold;}
#navigation ul{font-size: 100%; padding: 0;}
#navigation li{list-style: none; margin: 0; padding:0; line-height: 1em;}
#navigation li a{ margin: 0em; padding: 0.8em; display: block; margin:0em em 0em em; font-weight: bold;}
#navigation li a.active, #navigation li a:hover{background:#444; color: #fff;}
#navigation li a.all-products {color: #c34; font-weight: bold;}

ol#categories li{padding: 1em;}

#order_information { clear:left; padding:0 0.7em 0 0.7em; width:80%; display:block;}

#order_information h2, #order_information h3{font-size: 100%; padding: 0em; font-weight: bold; display: none;}
#order_information a.putin {margin: 1em; padding: 1em; border: 1px solid #444; text-align: left; background: #cef; font-size: 100%; font-weight: bold;}
#order_form  input.quantity{width: 40px; margin: 0em;}
#order_form  label{width: 120px; padding: 0em; line-height: 1.5em; font-weight: bold;}
#order_form  button:hover{background: #79a; }

#orderconfirmation_form table {margin:1em 1em 2em 1em; width: 90%;}
#orderconfirmation_form tr.heading {background:#eee;}
#orderconfirmation_form td {padding:0.5em; width: 200px; vertical-align: middle; border-bottom: 1px solid #eee;}
#orderconfirmation_form td#product_name {width: 60%}
#orderconfirmation_form td#product_quantity {width: 20%}
#orderconfirmation_form td#increment {width: 10%}
#orderconfirmation_form td#decrement {width: 10%}
#orderconfirmation_form form {margin:1em;}
#orderconfirmation_form img.thumbnail {width: 50px; height: 50px; margin: 0; padding: 0;}

#selected_products {width: 100%; position: relative; float: left;}
#selected_products span {text-align: left; margin: 0; padding: 0; }
#selected_products ul {margin: 0; padding: 0;}
#selected_products table{margin: 1em;}
#selected_products p {margin: 0; padding: 0;}
#selected_products p.change_order_quantity {margin: 0; padding: 0; text-align: right;}
#selected_products a {margin: 0; padding: 0; text-decoration:underline; display: inline;}
#selected_products span a {margin: 0; padding: 0; text-decoration:none; padding:0 0.3em 0 0.3em; display: inline;}
#selected_products li {border-bottom: 1px solid #ddd; list-style: none; line-height: 1.5em; display: block; margin: 0 1em 0 1em; padding: 0.5em 0 0 0; }
#selected_products button {border: 1px solid #444; background: #689; margin:0 0.7em 0 0.7em; padding: 0.3em; font-size: 115%;}
#selected_products button:hover {background: #79a;}

div.flash_box {width:43%; padding: 0 2.5em 0 2.5em; position: relative; float: left; height: 420px; }
div.flash_box h3{padding: 1em 1em 0 2.5em; background: url(../images/arrow.gif) no-repeat 3% 95%; font-size: 100%; font-weight: bold;}
div.flash_box img{margin: 1em; padding: 0; width: 402px; height: 302px; border: 0.5em solid #ccc;}
div.flash_box p{padding: 0 0em 1em 1em; font-size: 100%; width: 75%;}