/* opencart default 3 column stylesheet */

/* tags */
body {
	margin:0;
	padding:0;
	font-family: arial, helvetica, sans-serif;
	background:white url(/image/background-gradient.png) repeat-x;
}

a img {
	border: none;
}

h1,h2,h3,h4,h5,h6 {
	margin:0;
}

/* box titles */
.title {
	height:26px;
	margin:0;
	padding:4px 2px 0 10px;
	font-size:12pt;
	font-weight:400;
	font-family:times;
	font-weight:bold;
	color:white;
	background:url(/image/box-title.png) no-repeat;
}

/* bottom rounded corners */
.middle {
	padding-bottom:15px;
	background:url(/image/box-bottom.png) bottom left no-repeat;
	font-size:9pt;
	color:#000;
	overflow:hidden;
}
/**************/



/* main */
#main {
	width: 926px;
	padding:0 20px;
	margin:0 auto;
	background-color:white;
}

/* header */
#header {
	margin:0;
	height:268px;
	margin-bottom:3px;
	background-color:#aaa;
	text-align:center;
}

/* navigation */
#nav {
	margin: 0;
	margin-bottom:3px;
	padding: 0;
	height:30px;
	list-style-type: none;
	background:gray url(/image/nav-gradient.png) repeat-x;
}

#nav li {
	float:left;
	padding:3px;
	text-align: center;
	color:gray;
}

#nav li a {
	font-size: 10pt;
	text-decoration: none;
	color:white;
}

#nav li a:hover {
	color: #dddddd;
}

/* search bar */
#form-search label{
	color:white;
	font-size:10pt;
	float:left;
	padding:3px;
}

/* master content - contains everything after nav but before footer */
#master-content {
	background-color:rgb(167,167,167);
	padding:8px;
	padding-bottom:0;
	overflow:hidden;
	margin-bottom:3px;
}

/* left column */
#column-left {
	float: left;
	width: 260px;
}

/* left navigation */
#nav-left {
	margin-bottom:8px;
}

#nav-left ul {
	list-style:none;
	margin:0;
	padding:0;
	background:#eeeeee url(/image/nav-left-gradient.png) repeat-y;
}

#nav-left ul li {
	border-bottom:1px solid gray;
	height:24px;
	padding-top:5px;
	padding-left:10px;
}

#nav-left a {
	text-decoration:none;
	font-weight:bold;
	font-size:10pt;
	color:#444;
}

#nav-left a:hover {
	color:#aaa;
}

#nav-left .last {
	border:none;
	background:url(/image/box-bottom.png) bottom left no-repeat;
}

/* list of friend links */
#nav-friends {
	margin-bottom:8px;
}

#nav-friends .middle {
	background-color:white;
	overflow:hidden;
}

#nav-friends .middle a {
	float:left;
	display:block;
	width:190px;
	height:35px;
	padding-top:10px;
	text-decoration:none;
	font-size:9pt;
	color:#000;
}

#nav-friends .middle a:hover {
	color:#444;
}

#nav-friends  .link1, #nav-friends .link2, #nav-friends  .link3, #nav-friends  .link4, #nav-friends  .link5, #nav-friends  .link6, #nav-friends  .link7 {
	float:left;
	height:45px;
	width:70px;
}

#nav-friends .link1 {
	background:url(/image/bio.png) center center no-repeat;
}

#nav-friends .link2 {
	background:url(/image/ebs.png) center center no-repeat;
}

#nav-friends .link3 {
	background:url(/image/enviroact.png) center center no-repeat;
}

#nav-friends .link4 {
	background:url(/image/iphe.png) center center no-repeat;
}

#nav-friends .link5 {
	background:url(/image/indoor.png) center center no-repeat;
}

#nav-friends .link6{
	background:url(/image/csheb.png) center center no-repeat;
}

#nav-friends .link7{
	background:url(/image/AIDIA.png) center center no-repeat;
}

/* content */
#content {
	float: left;
	margin:0 3px;
	width: 428px;
}

#content h1 {
	height:26px;
	margin:0;
	padding:4px 2px 0 10px;
	font-size:12pt;
	font-weight:400;
	font-family:times;
	font-weight:bold;
	color:white;
	background:url(/image/box-title.png) no-repeat;
}

#content h1, #content .middle {
	background-position:-260px bottom;
}

#content .middle {
	padding:10px;
	height:565px;
	background-color:white;
	overflow:auto;
}

/* right column */
#column-right {
	float: left;
	width: 216px;
}

#column-right div {
	margin-bottom:8px;
}

#column-right div .title, #column-right div .middle {
	background-position:-688px bottom;
}

#column-right div .middle {
	background-color:white;
}

/* missions box */
#missions .middle {
	padding:10px;
	height:426px;
}

/* footer */

#footer {
	overflow: hidden;
	margin: 0;
	padding: 0;
	height:40px;
	border-top:5px solid rgb(66,139,188);
	font-size: 10pt;
	color: white;
	background-color: rgb(118,118,118);
}

#footer-left, #footer-right {
	margin:0;
	padding:0;
	color:#aaa;
	float:left;
}

#footer-left {
	font-family:times;
	margin-left:10px;
	font-size:15pt;
	margin-top:4px;
}

#footer-right {
	margin:0;
	margin-right:10px;
	padding:0;
	margin-top:7px;
	float:right;
	font-size:10pt;
}

/* login box */

#login .middle {
	padding: 10px;
	height:80px;
}

#login form label, #login form input{
	float:left;
	margin:2px;
	padding:0;
}

#login form label {
	margin-right:20px;
	padding-top:4px;
	width:60px;
	height:16px;
}

#login form input {
	height:16px;
	width:100px;
}

#login form .button {
	float:left;
	margin-top:8px;
	margin-left:129px;
	width:60px;
	height:22px;
}

/* un-used */

.footer_nav {
	margin: 0;
	padding: 0;
}

.footer_nav li {
	display: inline;
	list-style-type: none;
}

.footer_nav li a {
	padding: 5px;
	text-decoration: none;
}

.footer_nav li a:hover {
	text-decoration: underline;
}

/* miscellanious */
.clearfloats {
	clear: both;
}

.product_table {
	width: 100%; 
	border-collapse: collapse;
	margin-bottom: 30px;
}

.matrix_column_width {
	width: 33%;
}

.model {
	font-size: 0.9em;
	color: #999;
}

.price {
	font-size: 0.9em;
	font-weight: bold;	
	color: #900;	
}

.rrp_price {
	font-size: 0.9em;
	font-weight: bold;
	color: #900	;
	text-decoration: line-through;
}

.special_price {
	font-size: 0.9em;
	color: #900;
}

.login_smallboxes {
	float: left; 
	display: inline-block; 
	width: 255px;
	margin: 5px;
}

.login_innerbox {
	background: #f7f7f7; 
	border: 1px solid #dddddd; 
	padding: 10px; 
	overflow: hidden;
	min-height: 180px;
}

.innerbox {
	background: #f7f7f7; 
	border: 1px solid #dddddd;
	padding: 10px; 
	margin-bottom: 10px;
	clear: both;
}

.inline_innerbox {
	background: #f7f7f7; 
	border: 1px solid #dddddd;
	padding: 10px; 
	margin-bottom: 10px;
	display: inline-block;
}


.help {
	cursor: pointer;
}

.tooltip {
	border: 1px solid #fdda5c;
	background: #fbff95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}

.clear {
	overflow: hidden;
	width: 100%;
}

/* side boxes */
/**************/
.box {
	margin-bottom: 10px;
	border: 1px solid #dddddd;
	background: white;
}

.box .top {
	padding: 5px;
	color: #000000;
	font-size: 1.0em;
	font-weight: bold;
	text-transform: uppercase;
	background: #eeeeee;
	border-bottom: 1px solid #dddddd;
}

.box .middle {
	padding: 10px;
}

.box .middle ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.box .middle ul ul {
	margin: 0;
	padding: 5px;
	list-style-type: none;
}

.box .middle li {
	list-style-type: none;
	padding-bottom: 3px;
}

/* generic page-posted confirmations */
.success {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #e4f1c9;
	border: 1px solid #a5bd71;
	font-size: 11px;
	font-family: verdana, geneva, sans-serif;
	text-align: center;
}

.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #ffdfe0;
	border: 1px solid #ff9999;
	font-size: 11px;
	font-family: verdana, geneva, sans-serif;
	text-align: center;
}

.wait {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #fbfaea;
	border: 1px solid #efebaa;
	font-size: 11px;
	font-family: verdana, geneva, sans-serif;
	text-align: center;
}

.required {
	color: #ff0000;
	font-weight: bold;
}

.error {
	color: #ff0000;
	display: block;
}

/* button links styles */
a.button {
	background: transparent url('../image/button_right.png') no-repeat scroll top right;
	color: #ffffff;
	display: inline-block;
	font: normal 12px arial, sans-serif;
	height: 25px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}

a.button span {
	background: transparent url('../image/button_left.png') no-repeat;
	display: inline-block;
	padding: 5px 0 5px 18px;
}

.buttons {
	background: #f8f8f8;
	border: 1px solid #dddddd;
	margin-bottom: 10px;
	clear: both;
	padding: 5px;
}

.buttons input {
	padding: 0px;
	margin: 0px;
}

.buttons table {
	width: 100%;
	border-collapse: collapse;
}

.buttons table td {
	vertical-align: middle;
}

/* list areas styles */
.list {
	width: 100%;
	margin-bottom: 10px;
}

.list td {
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;
}
/*********************/



/* sort dropdown styles */
/************************/
.sort {
	margin-bottom: 10px;
	background: #eeeeee;
	height: 30px;
	width: 100%;
}

.sort .div1 {
	float: right;
	margin-left: 5px;
	padding-top: 6px;
	padding-right: 9px;
}

.sort .div2 {
	text-align: right;
	padding-top: 9px;
}

.sort select {
	font-size: 11px;
	margin: 0;
	padding: 0;
}


/* pagination box styling */
.pagination {
	display: inline-block;
	width: 100%;
	background: #f8f8f8;
	margin-bottom: 10px;
}

.pagination .links, .pagination .results {
	padding: 7px;
}

.pagination .links {
	float: left;
}

.pagination .links a {
	border: 1px solid #cccccc;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
}

.pagination .links b {
	border: 1px solid #cccccc;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
	background: #ffffff;
}

.pagination .results {
	float: right;
}
/**************************/



/* product lower tabs styling */
/******************************/
.tabs {
	display: block;
	width: 100%;
	margin-bottom: 0px;
}

.tabs a {
	float: left;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	background: #ffffff url('../image/tab.png') repeat-x;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
}

.tabs a.selected {
	background: #ffffff url('../image/tab.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
}
/******************************/



/* product (and other) lower box styling */
/*****************************************/
.page {
	width: 515px;	
	border: 1px solid #dddddd;
	background: #ffffff;
	display: inline-block;
	padding: 10px;
	display: block;
	clear: both;
	z-index: 2;
}
/*****************************************/


/* shopping cart styles */
/************************/
.cart {
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
	border: 1px solid #dddddd;
}

.cart th {
	background: #eeeeee;
	padding: 5px;
	font-weight: normal;
}

.cart td {
	padding: 5px;
	border-bottom: 1px solid #dddddd;
}
/************************/


#category ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/bullet_1.png');
}

#information ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/bullet_2.png');
}

.td_item{
	border:1px solid #000;
	border-collapse:collapse;
	padding:1px;
	margin:0px;
}