/* ========================*/
/*         Layout          */
/* ========================*/

* {
	padding: 0;
	margin: 0;
	}

body {
	}

#container {
	width: 870px;
	margin: 0 auto;
	position: relative;
	padding: 153px 0 0;
	}
	
#content {
	padding: 0 0 0;
	min-height: 50em;
	}
	
* html #content {
	height: 50em;
	}

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 870px;
	height: 150px;
	}
	
#menu {
	position: absolute;
	top: 119px;
	width: 1px solid red;
	background: #000 url(../graphics/menu_left.jpg) top left no-repeat;
	}
	
#wrap {
	background: #000;
	}
	
#content {
	width: 650px;
	float: right;
	background: #1c1e1c url(../graphics/content-top.gif) top left no-repeat;
	}
	
#left {
	width: 220px;
	float: left;
	}
	
#footer {
	background:#000 url(../graphics/content-bottom.gif) top right no-repeat;
	}
	
	
/* ========================================================== */
/* ====                      HEADER                      ==== */
/* ========================================================== */
	
#header .company {
	background: transparent url(../graphics/logo.jpg) top left no-repeat;
	margin: 27px 0 0 17px;
	text-indent: -20000em;
	}
	
#header .company a {
	width: 511px;
	height: 72px;
	display: block;
	}
	
#header ul {
	}
	
#header ul li {
	}
	
#header ul li a {
	}
	
/* ========================================================== */
/* ====                       MENU                       ==== */
/* ========================================================== */
	
#menu ul {
	float: right;
	}
	
#menu ul li {
	float: left;
	display: inline;
	height: 34px;
	text-indent: -20000em;
	}
	
#menu ul li a {
	display: block;
	height: 34px;
	}
	
#menu ul li.home,
#menu ul li.home a {
	background: transparent url(../graphics/menu1.jpg) top left no-repeat;
	width: 73px;
	}
	
#menu ul li.home a:hover {
	background: transparent url(../images/menu1o.jpg) top left no-repeat;
	width: 73px;
	}
	
#menu ul li.best,
#menu ul li.best a {
	background: transparent url(../graphics/menu2.jpg) top left no-repeat;
	width: 122px;
	}
	
#menu ul li.best a:hover {
	background: transparent url(../images/menu2o.jpg) top left no-repeat;
	width: 122px;
	}
	
#menu ul li.offe,
#menu ul li.offe a {
	background: transparent url(../graphics/menu3.jpg) top left no-repeat;
	width: 138px;
	}
	
#menu ul li.offe a:hover {
	background: transparent url(../images/menu3o.jpg) top left no-repeat;
	width: 138px;
	}
	
#menu ul li.sale,
#menu ul li.sale a {
	background: transparent url(../graphics/menu4.jpg) top left no-repeat;
	width: 111px;
	}
	
#menu ul li.sale a:hover {
	background: transparent url(../images/menu4o.jpg) top left no-repeat;
	width: 111px;
	}
	
#menu ul li.cont,
#menu ul li.cont a {
	background: transparent url(../graphics/menu5.jpg) top left no-repeat;
	width: 93px;
	}
	
#menu ul li.cont a:hover {
	background: transparent url(../images/menu5o.jpg) top left no-repeat;
	width: 93px;
	}
	
#menu ul li.bask,
#menu ul li.bask a {
	background: transparent url(../graphics/menu6.jpg) top left no-repeat;
	width: 108px;
	}
	
#menu ul li.bask a:hover {
	background: transparent url(../images/menu6o.jpg) top left no-repeat;
	width: 108px;
	}
	
/* ========================================================== */
/* ====                        LEFT                      ==== */
/* ========================================================== */

#left ul {
	margin: 40px 0 0 10px;
	}
	
#left ul li {
	background: transparent url(../graphics/arrow2.jpg) top left no-repeat;
	list-style-type: none;
	}
	
#left ul li a {
	display: block;
	font: normal 110%/120% Arial, Helvetica, sans-serif;
	color:#ccc;
	text-decoration:none;
	padding: 0 0 0 19px
	}

#left ul li a:hover{
	color: #c00;
	}
	
/* ========================================================== */
/* ====                      CONTENT                     ==== */
/* ========================================================== */

#content {
	}
	
#content h1 {
	font: normal 220%/120% Georgia, "Times New Roman", Times, serif;
	padding: 0px 15px 0;
	margin: 0px 0 0 0;
	}
	
#content table td h1 {
	font: normal 180%/120% Georgia, "Times New Roman", Times, serif;
	padding: 0 15px 0;
	margin: 0 0 0 0;
	}
	
#content h2 {
	font: normal 140%/120% Georgia, "Times New Roman", Times, serif;
	padding: 10px 15px 10px;
	}
	
#content h3 {
	font: normal 110%/120% Georgia, "Times New Roman", Times, serif;
	padding: 10px 15px;
	}
	
#content p {
	font: normal 110%/150% Arial, Helvetica, sans-serif;
	padding: 0 15px 10px;
	}
	
#content div.innerPanel {
	width: 300px;
	margin: 0 12px 20px 13px;
	position: relative;
	}
	
#content div.innerPanelTwo {
	width: 210px;
	margin: 0 0 20px 0;
	position: relative;
	float: left;
	}
	
* html #content div.innerPanelTwo {
	width: 208px;
	}
	
#content div.innerPanel h3,
#content div.innerPanelTwo h3 {
	background: transparent url(../graphics/arrow3.jpg) 0 5px no-repeat;
	font: normal 110%/150% Arial, Helvetica, sans-serif;
	padding: 3px 10px 5px 14px;
	}
	
#content div.innerPanel h3 a,
#content div.innerPanelTwo h3 a {
	font: normal 95%/150% Arial, Helvetica, sans-serif;
	}
	
#content div.innerPanel p {
	min-height: 60px;
	}
	
#content div.innerPanel p.jsp {
	position: absolute;
	display:none;
	bottom: 6px;
	left: 6px;
	width: 287px;
	height: 80px;
	background: transparent url(../graphics/bg-product.png) 0 5px no-repeat;
	padding: 0;
	margin: 0;
	}
	
*:first-child+html #content div.innerPanel p.jsp {
	bottom: 8px;
	}
	
#content div.innerPanel p.jsp a {
	display: block;
	width: 277px;
	height: 70px;
	padding: 5px;
	margin: 0;
	font: normal 110%/150% Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
	
#content div.innerPanelTwo a.addBackground {
	background: transparent url(../images/productimg.jpg) 0 0 no-repeat;
	display:block;
	padding: 5px;
	}
	
#content ul {
	}
	
#content ul li {
	}
	
#content ul.other li {
	}
	
#content .stepcarousel {
	position: relative;
	overflow: hidden;
	width: 630px;
	height: 540px; 
	}
	
* html #content .stepcarousel {
	margin: 0 0 0 10px;
	}
	
* html #content div.noJava {
	width: 630px;
	padding: 0 0 0 10px;
	}

#content .stepcarousel .belt {
	position: absolute;
	left: 0;
	top: 0;
	}

#content .panel {
	float: left; 
	overflow: hidden; 
	width: 312px;
	}
	
#content #mygalleryTwo.stepcarousel {
	position: relative;
	overflow: hidden;
	width: 630px;
	height: 575px;
	}
	
#content .stepcarousel .beltTwo {
	position: absolute;
	left: 0;
	top: 0;
	}
		
#content .panelTwo {
	float: left; 
	overflow: hidden; 
	width: 630px;
	margin: 0 10px 20px;
	}
	
* html #content .panelTwo {
	margin: 0 0 20px 0;
	}
	
#content #numberNav {
	float: right;
	margin: -30px 10px 0 0;
	}
	
#content #numberNav a.num.highlight {
	color: #c00;
	}
	
/* ========================*/
/*         Styling         */
/* ========================*/

a {
	outline: none;
	text-decoration: none;
	}
	
a:hover { 
	text-decoration: underline;
	}
	
a img {
	border: none;
	}

html {
	overflow-y: scroll;
	}

/* ========================*/
/*          Hacks          */
/* ========================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */