@import url('general.css');
@import url('common.css');  
@import url('slimbox.css'); 
 
/*--ESSENTIAL--------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

html {
	width: 100%;
	height: 100%;
}

body {    
	text-align:center;	
    background:#1b1b1b;
}

img {
    border: none;
}

/*--LAYOUT----------------------------------------------------------------*/

#main {
	margin:0px auto 0px auto;
    text-align: left;
	width:979px;
	position:relative;
	background:url(../images/main-bg.jpg) repeat-y left;
}

#page {
	padding:150px 55px 10px 55px;
	position: relative;
	text-align: left;	
	min-height:200px;
	_height:200px;
	background:url(../images/top-bg.jpg) no-repeat 0px 108px;
}

/*--CENTER-PART-----------------------------------------------------------*/


/*--ABSOLUTE----------------------------------------------------------------*/

#header {
	position: absolute;
	left: 0px;
	top: 0px;
	font-family: Arial, Tahoma, "Geneva CE", lucida, sans-serif;
	height:108px;
	width:979px;
	background:url(../images/head-bg.jpg) no-repeat;
}

#top{
	background:url(../images/top_bg.png) no-repeat top left;
	height:80px;
}

#menu {
	width:869px;
	position:absolute;
	z-index:80;
	left:0px;
	top:125px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0px 55px;
}

#menu ul {
	margin: 0;
	padding: 5px 2px 0px 0px;
}

#menu ul li {
	margin: 0 0 0 0;
	padding: 0px 2px 0px 0px;
	float: left;
	list-style: none;
	background:none;
}

#menu ul li a {
	margin: 0;
	padding:0px 13px 0px 8px;
	display: block;
	font-size: 13px;
	text-decoration: none;
	_float: left;
	color:#fcffde;
	height:34px;
}


#menu ul li a.active {
	color: #1c6ac8;
}

#logo{
	display:block;
	width:232px;
	height:79px;
	position:absolute;
	top:10px;
	left:47px;
	text-decoration:none;
}

#promo{
	display:block;
	width:282px;
	height:85px;
	position:absolute;
	top:10px;
	right:100px;
	text-decoration:none;
}

/*--FOOTER---------------------------------------------------------------*/

#footer {
	background:url(../images/footer-bg.jpg);
	margin:-37px 0px 0px 0px;
	
	height:62px;
	text-align:right;
	font-size:10px;

	*background:url(../images/footer-bg.gif);
	*position:relative;
	*top:-37px;
	*margin:0px 0px -37px 0px;
}

#footer p.copy{
	position:absolute;
	right:55px;
	bottom:5px;
	color:#414141;
}

#footer p.info{
	position:absolute;
	left:55px;
	bottom:5px;
	color:#afb28d;
}

#footer p.info a {
	color: #afb28d;
}

#footer p.copy a {
	color: #414141;
}

/* page */
#leftCol{
	float:left;
	width:200px;
	padding:25px 0px 0px 35px;
	border:1px solid red;
}

#rightCol{
	padding:25px 15px 0px 0px;
	float:right;
	width:635px;
	border:1px solid red;
}

/* homepage */
#homepage{
	background:url(../images/home-bg.jpg) no-repeat top left;
	width:915px;
	height:488px;
	position:absolute;
	top:107px;
	left:29px;
	z-index:9;
}
.homepage{
	height:445px;
}


#news{
	position:absolute;
	left:40px;
	top:360px;
	font-size:11px;
}

#news a{
	color:#FFFFFF;
}

#news h2{
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
}

#banner{
	position:absolute;
	left:40px;
	top:78px;
	width:508px;
}

/* subpage */
#subpage{
	min-height:380px;
	_height:380px;
	background:url(../images/subpage-bg.jpg) no-repeat bottom right;
	margin:0px -20px 0px 0px;
}

#rightPart{
	float:right;
	width:650px;
	padding:20px 10px 20px 0px;
}

#leftPart{
	float:left;
	width:210px;
	padding:20px 0px 20px 0px;
}

#leftPart h2{
	padding-left:8px;
}

#submenu{
	padding:10px 0px;
	margin:0px;
	list-style:none;
	position:relative;
	left:-10px;
	font-size:1.1em;
	
}

#submenu li{
	padding:0px;
	margin:0px;
	background:none;
	_height:5px;
}

#submenu li a{
	padding:4px 0px 4px 18px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}

#submenu li a:hover{
	background:url(../images/arrow.png) no-repeat center left;
}

#submenu li a.active{
	font-weight:bold;
	color:#1e83ff;
	background:url(../images/arrow.png) no-repeat center left;
}

#submenu li a small{
	color:#666666 !important;
}


.price{
	line-height:2em;
}

#products{

}

.product{
	display:block;
	float:left;
	margin:0px 10px 10px 0px;
	background:url(../images/box-o.png) no-repeat;
	width:159px;
	height:171px;
	padding:10px 16px;
	text-decoration:none;
}

.product:hover{
	background:url(../images/box.png);
}



.product strong{
	display:block;
	color:#FFFFFF;
	font-size:1em;
	font-weight:normal;
	line-height:1.5em;
	height:3em;
}

.product span{
	display:block;
	text-align:center;
}

.product img{
	height:110px;

}
/* detail */
#images{
	background:url(../images/fullimg-bg.png) no-repeat;
	width:264px;
	height:265px;
	text-align:center;
}

a#detailImgA{
	padding:20px 10px 15px 10px;
	text-align:center;
	display:block;
}

#photoScroll {
	width: 272px;
	height: 46px;
	margin-bottom: 12px;
}

a.leftScroll {
	width: 15px;
	height: 46px;
	display: block;
	float: left;
	background: url("../images/prev.png") -16px 10px no-repeat;
	text-decoration:none;
	margin:0px 0px 0px 5px;
	_margin:0px 0px 0px 3px;
}

a.leftScroll:hover {
	background: url("../images/prev.png") -1px 9px no-repeat;
}

a.rightScroll {
	width: 15px;
	height: 46px;
	display: block;
	float: left;
	background: url("../images/next.png") 0 10px no-repeat;
	text-decoration:none;
}

a.rightScroll:hover {
	background: url("../images/next.png") -15px 10px no-repeat;
}

#photos {
	width: 215px;
	height: 46px;
	float: left;
	overflow: hidden;
	margin:0px 5px;
}

#product-left{
	float:left;
	width:324px;
}

#product-left h1{
	padding:0px;
}

#product-right{
	float:right;
	width:290px;
	text-align:left;
}

#dl{
	padding:10px 0px;
}

#dl h3{
	font-size:1em;
	font-weight:normal;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
}

#galleryStrip{
	height: 40px;
	background:none;
}

#galleryStrip table {
	border-collapse:collapse;
	border:none;
	width:10px;
	background:none;
}

#galleryStrip table td {
	padding: 0px 3px 0px 0px;
	margin: 0px;
	border:none;
	background:none;
}

#galleryStrip table td a, #galleryStrip table td img{
	border:none;
	background:none;
} 

#gallery{
	width: 198px; 
	height: 40px;
}

body.strip{
	padding:0px;
	margin:0px;
	background:#171d21;
	height:100px;
	text-align:left;
}

#cTxt{
	float:left;
	width:220px;
	padding:0px 10px 0px 0px;	
	border-right:1px dotted #333333;
}

#cForm{
	width:550px;
	float:right;
	overflow:hidden;
}

#cForm table{
	width:100%;
}

#cForm .s300{
	width:230px !important;
}

#cForm .s100{
	width:110px !important;
}

#contact{
	padding:10px 0px 0px 8px;
}

h1{
	padding:10px 0px 0px 7px;
}