* { padding: 0px; margin: 0px}

h1 { font-size:24px; font-weight: normal;}
h2 { font-size:16px;}

body { min-width: 950px; background-color: #7AB1F4; margin: 0px; font-family: tahoma,arial,sans-serif; font-size: 11px;}

.clearit { margin: 0; padding: 0; height: 0; clear: both;}

#header { height: 219px; background-image:url(../img/header_bg.jpg); background-repeat:repeat-x;}
#header .banner{ position: relative; height: 219px; width: 950px; margin: auto;}
#header .cart { position: absolute; width: 940px; text-align: right; height: 20px; padding: 3px; font-weight: bold; color: #006;}
#header .lang { position: absolute; width: 940px; text-align: left; height: 20px; padding: 3px; padding-left: 6px; font-weight: bold; color: #006; z-index: 1;}
#header .lang  a{ text-decoration: none; color: #006}

#menu {	clear:left; float:left; width:100%;	background: url(../img/menu_bg.jpg) repeat-x; overflow:hidden;}
#menu ul { height: 31px; clear:left; float:left; list-style:none; margin:0; position:relative; left:50%; text-align:center;}
#menu ul li { display:block; float:left; list-style:none; list-style-position: outside; list-style-type: none; position:relative; right:50%; font-size: 12px; font-weight: bold;}
#menu ul li.divider { display:block; float:left; height: 26px; width: 2px; margin-top: 3px; background: url(../img/divider.jpg) no-repeat;}
#menu ul li a { display: inline-block; padding: 6px 10px 0 10px; height: 23px; margin-top: 2px; text-decoration: none; color: #000;}
#menu ul li a:hover, #menu ul li.active a{ color: #FFF; background: url(../img/menu_btn_bg.jpg) no-repeat; background-position: top}

#content { width: 100%; overflow: hidden;}
#content .container { display: block; width: 947px; margin:auto; padding-left: 20px; background: url(../img/contetnt-bg.gif) repeat-y center;}

#content .side-menu { display: block; float:left; width: 190px; margin-top: 10px; margin-right: 20px;}

#content .side-menu ul li { list-style: none; margin: 1px;}
#content .side-menu ul li a { display: block; padding: 2px; padding-left: 8px; width: 180px; height: 15px; text-decoration: none; color: #000; font-weight: bold; background: url(../img/side-menu-bg.jpg) left no-repeat;}
#content .side-menu ul li a:hover, #content .side-menu ul li.active a { background: url(../img/side-menu-bg-over.jpg) no-repeat left; color: #FFF;}
#content #submenu li a { display: block; padding: 2px; padding-left: 16px; width: 180px; height: 15px; text-decoration: none; color: #FFF; font-weight: bold; background: url(../img/side-menu-sub-bg.jpg) left no-repeat;}
#content #submenu li a:hover, #content #submenu li.active a {color:#000000;} 

#content .info-container { display: block; width: 700px; float:left; margin-top: 10px; background: url(../img/info-bg.jpg) top no-repeat; min-height: 800px;}

#content .info-container .image {display: block; width: 340px; height: 340px; float: left; margin: 4px;}
#content .info-container .image a.zoom { display: block; width: 26px; height: 26px; position: relative; left: 280px; top: -60px; background: url(../img/zoom-btn.gif) no-repeat; }
#content .info-container .info {display: block; width: 340px; float: right; margin: 4px; margin-top: 20px; line-height: 1.6}
#content .info-container .info .buy  { display: block; height: 42px; margin-bottom: 10px;}
#content .info-container .info .buy a { display: block; float: right; height: 42px; width: 121px; margin-right: 15px; background: url(../img/buy-btn.jpg) no-repeat right;}

#content div.left-border {float: left; width: 6px; background-color: red;}

#footer { clear: both; display: block; width: 950px; height: 25px; padding-top: 30px;}
#footer div.bar { display: block; height: 16px; padding-top: 3px;  background: url(../img/footer-bar.gif) no-repeat left; text-align: center;}


/***************************************************************************/
/***************************************************************************/
/***************************************************************************/
#content .home-container {
	padding-top: 20px;
}

.home_box {
	width: 454px;
	float: left;
	height: 260px;
	margin-left: 6px;
}


.home_box h2 { margin-bottom: 10px; }

.home_box_bg {
	background: #fff url(../img/home-box-bg.jpg) no-repeat;
	width: 454px;
	height: 240px;
	float: left;
	padding-top: 4px;
	padding-left: 7px;
}


#content .page-container { display: block; width: 918px; float:left; margin-top: 10px; background: url(../img/page-bg.jpg) top no-repeat;min-height: 800px;}

.page-text {padding: 15px;  }
.page-text ol { padding-left: 20px; }

.cart { 
	width: 100%;
}

.cart td, th {
	text-align: left;
}

.cart td, th {
	padding: 2px;
	border-bottom: 1px solid #8fcfea;
}

.last td {
	padding: 2px;
	border-top: 1px solid #8fcfea;
	border-bottom: 0;
}

.cart_buttons {
	padding-top: 5px;
	float: right;
}

.checkout ul {
	list-style:none;
}

.checkout label {
	display: block;
	padding-top: 10px;
}

.checkout_left {
	float: left;
	width: 450px;
}

.checkout input {
	width: 250px;
}

.checkout textarea {
	width: 250px;
	height: 50px;
}

.error { 
	display: block;
	padding: 5px;
	color: #fc0000;
	background: #99d5ed;
	font-weight: bold;
	margin-bottom: 5px;
	
}

.out_of_stock { color: #9b9b9b;}