/**********************
 ** Basic structure. **
 **********************/
body {
	background-color: white;
	text-align: center;
	color: black;
	font-family: arial;
	font-size: 0.9em;
}

h1, h2, h3, h4, h5, h6 {
	color: black;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
}

h1 { font-size: 1.20em; }
h2 { font-size: 1.15em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.05em; }
h5 { font-size: 1em; }
h6 { font-size: 0.9em; }

a {
	color: black;
	text-decoration: none;
}

img {
	border: 0;
}

form {
	padding: 0;
	margin: 0;
}

#page {
	width: 894px;
	text-align: left;
	margin: 0px auto 2px auto;
	position: relative;
	border: 0px;
}

#top-menu {
	background-image: url('/images/design/top-menu-background.jpg');
	height: 35px;

}

#search {
	background-color: #e6e6e7;
	height: 69px;
	margin-bottom: 15px;
}

#search td {
	vertical-align: middle;
}

#search-inner1 {
	width: 40px;
	padding-left: 46px;
	font-weight: bold;
}

#search-inner2 {
	width: 200px;
}

#search-inner2 input {
	width: 200px;
}

#search-inner3 {
	width: 72px;
	padding-left: 16px;
}

#search-inner4 {
}

#header {
	height: 135px;
	padding-left: 20px;
}

#left-content {
	width: 202px;
	padding-right: 8px;
}

#content {
	width: 442px;
	border: 1px solid #bbbcbe;
	padding: 2px 15px 20px 15px;
	font-size: 0.9em;
}

#content td {
	vertical-align: top;
}

#right-content {
	width: 202px;
	padding-left: 8px;
}

#right-content div {
	background-repeat: no-repeat;
}

#footer {
	background-color: #373638;
	border: 1px solid black;
	color: #77787a;
}

.box {
	width: 200px;
	border: 1px solid #bbbcbe;
	margin-bottom: 10px;
}

.box .header {
	height: 22px;
	color: white;
	font-size: 1.15em;
	font-weight: bold;
	padding: 2px 18px 0px 18px;
	vertical-align: middle;
}

.box .content {
	padding: 20px 10px 5px 10px;
}

/************
 ** HEADER **
 ************/

div.top-menu {
	height: 27px;
	padding: 8px 29px 0px 29px;
	float: left;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
}

div.top-menu a {
	color: white;
}

div.top-menu-line {
	width: 1px;
	height: 35px;
	background-image: url('/images/design/top-menu-line.jpg');
	font-size: 1px;
	float: left;
	position: relative;
}

/******************
 ** LEFT CONTENT **
 ******************/
 
#menu .header {
	background-color: #77787a;
}
 
.menu-header {
 	font-weight: bold;
}

#menu div {
 	background-repeat: no-repeat;
 	background-position: 0px 3px;
}
 
#menu a {
 	color: #77787a;
 	text-decoration: none;
}
 
.menu-content {
 	padding: 3px 0px 15px 3px;
}

.menu-content2 {
 	padding: 3px 0px 0px 15px;
}
 
div.menu_level_1 {
  	background-image: url('/images/design/menu-dot-red.jpg');
  	padding-left: 15px;
}
 
div.menu_level_2 {
  	background-image: url('/images/design/menu-dot-black.jpg');
   	padding-left: 15px;
}
 
#menu .in-path {
 	background-image: url('/images/design/menu-dot-green.jpg') !important;
}
 
#menu .in-path a {
 	text-decoration: underline;
}

/*******************
 ** RIGHT SECTION **
 *******************/

#cart {
}

#cart .header {
	background-color: #628b00;
}

#cart .content {
	padding: 5px;
	font-size: 0.8em;
}

#cart .total {
	font-weight: bold;
}

#info .header {
	background-color: #af1105;
}

#info div {
 	background-repeat: no-repeat;
 	background-position: 0px 3px;
}
 
#info a {
 	color: #77787a;
 	text-decoration: none;
}
 
#info .in-path {
 	background-image: url('/images/design/menu-dot-green.jpg') !important;
}

/**************
 ** PRODUCTS **
 **************/

div.sort-products {
	float: right;
	font-size: 0.9em;
	color: #77787a; 
}

div.search-count {
	border-bottom: 1px solid #bbbcbe;
}
div.products-header {
	height: 22px;
	font-size: 1.3em;
	padding: 0px 2px 0px 2px;
	border-bottom: 1px solid #bbbcbe;
	font-weight: bold;
}

div.products-product {
	border-bottom: 1px solid #bbbcbe;
	padding: 9px 0px 13px 0px;
}

td.products-product-content {
	padding-left: 5px;
	padding-right: 15px;
}

div.products-product-header {
	padding-top: 9px;
	font-weight: bold;
	cursor: pointer;
}

div.products-product-description {	
	cursor: pointer;
}

div.products-product-stock {
	padding-top: 10px;
	padding-bottom: 10px;
}

div.products-price {
	float: left;
}

div.products-product-normal-price {
	font-weight: bold;
}

div.products-product-price {
	font-weight: bold;
	color: #d78004;
}

td.products-product-image {
	width: 66px;
		cursor: pointer;
}

div.red-button {
	float: right;
}

td.page-select {
	padding-top: 10px;
	font-weight: bold;
}

td.page-select a {
	text-decoration: underline;
	color: #77787a;
}

/*************
 ** PRODUCT **
 *************/
div.product {
}

div.product td {
	vertical-align: top;	
}

td.product-image {
	width: 130px;
	text-align: center;
}

div.product-price {
}

div.product-description {
	padding-top: 10px;
	padding-bottom: 10px;
}

/**************
 ** CHECKOUT **
 **************/
.checkout-tab {
	text-align: center;
	font-weight: bold;
	color: #77787a;
	padding-top: 10px;
}
	
.checkout-tab .active {
	color: #d78004;
}

td.checkout-content {
	padding-top: 5px;
	border-top: 0;
	font-size: 0.9em;
}

td.checkout-content input {
	border: 1px solid black;
}
div.checkout-buttons {
	margin-top: 40px;
}
div.checkout-cart-description {
	margin-top: 10px;
	line-height: 1.5em;
}
div.checkout-cart {
	margin-top: 40px;
}
div.checkout-cart th {
	text-transform: uppercase;
	border-bottom: 1px solid #bbbcbe;
}

div.checkout-cart tr.total td {
	font-weight: bold;
	border-top: 1px solid #bbbcbe;
}
div.checkout-cart th, div.checkout-cart td {
	padding: .3em 1em .3em 0;
}

input.checkout-button,input.formsubmit {
	width: 93px;
	height: 19px;
	border: 0 !important;
	background-color: transparent;
	background-image: url('/images/design/red-button.png');
	background-repeat: norepeat;
	cursor: pointer;
	text-transform: uppercase;
	padding-left: 18px;
	font-size: .9em;
	color: white;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 1px;
}

input.red-button {
	width: 93px;
	height: 19px;
	border: 0 !important;
	background-color: transparent;
	background-image: url('/images/design/red-button.png');
	background-repeat: norepeat;
	cursor: pointer;
	padding-left: 18px;
	font-size: .8em;
	color: white;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 2px;
}

/************
 ** FOOTER **
 ************/

#footer {
	background-color: #373638;
	color: #77787a;
	border: 1px solid black;
	margin-top: 15px;
}

#footer td {
	height: 55px;
	vertical-align: middle;
}

#footer-inner1 {
	width: 660px;
	padding-left: 23px;
	font-size: 0.8em;
}

#footer-inner2 {
	vertical-align: top;
	text-align: right;
	padding-right: 23px;
}
