body {
	color: #666;
	font-size: 12px;
	line-height: 16px;
	background: #fff url('img/background.jpg') center repeat-y; 
	font-family: "Verdana", Arial, Helvetica, sans-serif;
}
a { color: #cc0000; text-decoration: none; }
a:hover { color: #666; text-decoration: underline; }

/* MAIN CONTAINERS */
#wrapper,
#wrapper-front {
	margin: 0 auto;
	overflow: hidden;
	
}
#wrapper { width:980px; padding: 5px 60px 0 60px; }
#wrapper-front { padding: 80px 110px 0 110px; width:960px; height: 755px; background: #fff url('img/background_home.jpg') no-repeat; }
* html #wrapper-front { height: 778px; }

#main { float: left; min-height: 300px; overflow-x: hidden; padding: 0px; }
* html #main { height: 300px; }

#wrapper #side { padding-top: 10px; float: left; height: 1%; width: 214px; overflow: hidden; }
#wrapper #main { float: right; height: 1%; width: 757px; overflow: hidden; background: url('img/content_banner.jpg') no-repeat; margin-top: 10px; padding-top: 90px; }
#wrapper-front #main { padding: 10px; }

/* HEAD STYLES */
#head { }
#cart { color: #aaa; position: absolute; display: none; top: 0; padding: 148px 0 0 0; width: 217px; overflow: hidden; font-size: 10px;  float: left; font-weight: bold; clear: left; }
#wrapper-front #cart { padding: 110px 0 0 0;  margin-left: 10px; }
#head #user { display: none; font-size: 11px; float: left; padding: 40px 0 0 10px; }
#cart span, #head #user span { padding: 0 5px; }
#cart a { background: #cc0000; color: #fff; padding: 1px 6px; margin-left: 5px; text-decoration: none; }
#cart a:hover, #head #user a, #head #user a:hover { }

#wrapper-front #head #logo { 
	float: right;
	height: 30px; 
	width: 530px; 
	padding: 20px 10px; 
	overflow: hidden;
	text-indent: -9999px; 
	background: url('img/logo_home.gif') no-repeat; 
}
#wrapper-front #head #logo a { display: block; height: 30px; }

#wrapper #head #logo { 
	float: left;
	height: 130px; 
	width: 217px; 
	overflow: hidden;
	text-indent: -9999px; 
	background: url('img/logo.jpg') no-repeat; 
}
#wrapper #head #logo a { display: block; height: 130px; }
#wrapper #head { background: url('img/banner.jpg') top right no-repeat; height: 150px;  }
#wrapper #main-nav { float: right; margin-top: 138px; }

/* FOOTER STYLES */
#footer { 
	height: 1%;
	clear: both;
	font-size: 11px;
	padding: 10px 0;
}
#footer a { color: #666; padding: 0 2px; font-weight: bold; }

/* MAIN NAVIGATION */
#main-nav { width: 757px; }
#main-nav, 
#main-nav ul {
	height: 20px; 
	line-height: 20px;
	position: relative;
	list-style-position: outside;
}
#wrapper-front #main-nav { clear: both; }

#main-nav a {
	color: #666;
	display: block;
	padding: 0 20px 0 0;
	font-weight: bold;
	text-decoration: none;
}
#main-nav a:hover { }
#main-nav a.selected,
#main-nav a.selected:hover { cursor: default; color: #cc0000; }
#main-nav li { float: left; position: relative; }
#main-nav ul li a.selected { color: #fff; cursor: pointer; }
#main-nav li ul {
	top: 20px;
	height: auto;
	display: none;
	width: 160px;
	position: absolute;
	background: #888;
}
#main-nav li ul a,#main-nav li ul a.selected {
	border: 0;
	float: left;
	width: 140px;
	height: auto;
	color: #fff;
	font-size: 11px;
	line-height: 24px;
	font-weight: normal;
	background: transparent;
	border-top: 1px solid #777;
}
#main-nav li ul a:hover,
#main-nav li ul a.selected:hover { background: #777; cursor: pointer; }
#main-nav ul ul { top: -1px; }	
#main-nav li ul ul { left: 130px; }
#main-nav li:hover ul ul, 
#main-nav li:hover ul ul ul, 
#main-nav li:hover ul ul ul ul { display: none; }
#main-nav li:hover ul, 
#main-nav li li:hover ul, 
#main-nav li li li:hover ul, 
#main-nav li li li li:hover ul { display: block; }

/* SIDE NAVIGATION */
#sub-nav li,#grey-nav li { display: block; float: left; }
#sub-nav li a, #grey-nav li a { 
	float: left; 
	width: 200px; 
	display: block;
	line-height: 20px; 
	font-weight: bold;
	text-decoration: none; 
	color: #666;
}
#sub-nav ul { clear: left; display: none; padding: 0 0 5px 0; }
#sub-nav ul li { float: none; margin-left: 10px; font-size: 11px; }
#sub-nav ul li a, 
#sub-nav ul li a:hover, 
#sub-nav ul li a.selected,
#sub-nav ul li a.selected:hover { 
	border: 0px;
	float: none;
	display: block;
	line-height: 20px;
	font-weight: normal;
}
#sub-nav ul li a:hover { text-decoration: underline; }
#sub-nav li a:hover {  }
#sub-nav li a.selected, 
#sub-nav li a.selected:hover { color: #cc0000; cursor: default; } 
#sub-nav ul li a.selected, 
#sub-nav ul li a.selected:hover { color: #cc0000; font-weight: bold;  }

#grey-nav { clear: both; height: 1%; border-top: 3px solid #ccc; padding: 5px 0; margin-top: 10px; }
#grey-nav li a { 
	color: #ccc;
}
/* TEXT STYLES */
#main p,
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6,
#main ul,
#main ol { padding-bottom: 10px; }
#main h1 { font-size: 24px; margin-bottom: 10px; }
#main h2 { font-size: 20px; }
#main h3 { font-size: 18px; font-weight: bold; }
#main h4 { font-size: 12px; font-weight: bold; }
#main h5 { font-size: 13px; font-weight: bold; }
#main h6 { font-size: 13px; font-weight: bold; }
#main ul li, #main ol li { margin-left: 18px; list-style: disc; margin-bottom: 3px; }
#main blockquote { clear: left; font-size: 16px; color: #666; font-style:italic; padding: 10px 0; margin-bottom: 10px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; }
#main form .submit { font-family: inherit; font-size: 12px; background: #666; padding: 2px 6px; cursor: pointer; color: #fff; border: 0px; }
#main form .submit:hover { background: #333; }

#main table th,#main table td { padding: 8px; }
#main table th { background: #ccc; color: #666; text-align: left; }
#main table td { border-bottom: 1px solid #ccc; vertical-align: top; }
#main table tr.no-border td { border: 0px; }
#main table td.td-item img { float: left; margin-right: 10px; }
#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #ccc;
	padding: 1px;
	text-align:left;
}
#tooltip h3, 
#tooltip div { margin: 0; }

a.icon { text-indent: -999px; display: block; float: left; width: 14px; height: 14px; margin-right: 8px;  }
.rss { background: url('img/rss.gif') no-repeat; }
h1 .icon { margin-top: 3px; }

input.error,
textarea.error,
.input.error:focus,
textarea.error:focus { border-color: #cc0000; background: #FFE5E5; }
label.error { display: block; font-size: 10px; color: #cc0000; margin-top: 5px; }

/* HOME NEWS MODULE */
ul#home-news { margin-top: 10px; }
ul#home-news li { margin: 0; list-style: none; float: left; width: 30%; padding-right: 20px; }
#home-news li span { display: block; margin-bottom: 5px; }
#home-news li .headline { font-weight: bold; }
#home-news li .more { font-size: 11px; }

/* PAGE STYLES */
#page-content  { text-align: justify; }
#wrapper #page-content img { float: left; padding: 0px; }
#wrapper #asset-container { float: right; padding-left: 20px; }
#wrapper #page-images .image { margin-bottom: 20px; }
#wrapper #page-images .image p { padding: 5px; color: #666; font-size: 11px; }
#wrapper #page-related { border: 1px solid #ccc; padding: 10px; }
#wrapper #page-related h2 { color: #666; font-size: 13px; }

#wrapper-front #page-flash { width: 705px; float: left; }
#wrapper-front #page-images .image { margin-bottom: 5px; }
#wrapper-front #page-images { width: 230px; float: right; }

.paging a, 
.paging span { font-size: 11px; margin-right: 2px; padding: 2px 6px; border: 1px solid #aaa; }
.paging a { background: #aaa; color: #fff; }
.paging a:hover { background: #333; }

/* NEWS LIST */
.news-title { font-size: 18px; margin-bottom: 5px; }
.news-date { font-size: 11px; color: #aaa; margin-bottom: 5px; }
.news-description { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ccc; }

/* SHOP */
#main #product-list li { 
	margin: 0 28px 10px 0; 
	text-align: center;
	float: left; 
	list-style: none; 
}
#main #product-list li.last { margin: 0 0 10px 0; }
#product-list li a { color: #666; font-size: 10px; }
#product-list li dt { }
#product-list li dt img { border: 1px solid #ccc; width: 165px; height: 192px; }
#product-list li dd { margin-bottom: 5px; }
#product-list li .title { font-weight: bold; }
#product-list li .details a { font-size: 12px; background: #ccc; padding: 3px 6px; color: #333; }
#product-list li .details a:hover { background: #666; color: #fff; text-decoration: none; }

/* PRODUCT */
#product-content { float: right; width: 325px; }

#product-asset-container { background: #fff; float: left; margin-right: 20px; }
#product-content img { float: right; }
#thumb-container { width: 100px; float: right; }
.thumbs a img { float: none; margin-bottom: 5px;  border: 1px solid #ccc; }
.thumbs a:hover img { border-color: #aaa; }
.thumbs a.selected img { border-color: #cc0000; }
#product-related { border: 1px solid #ccc; padding: 10px; }
#product-related h2 { color: #666; font-size: 13px; }

#product-form { float: left; width: 200px; padding-top: 20px; }
#product-form p { clear: both; }
#product-form p span { display: block; float: left; width: 80px; font-weight: bold; }
.price,.ok { color: #cc0000; }
 
/* GALLERY */

#main #gallery-list li { 
	margin: 0 0 0 10px;
	padding: 1px;
	border: 1px solid #ddd; 
	text-align: center;
	float: left; 
	list-style: none; 
}
#gallery-list li dd { margin-bottom: 4px; }
#gallery-list .count { font-size: 11px; color: #666; }
#gallery-list li .title { font-weight: bold; }

#main #album-list li { 
	margin: 0 0 5px 5px; 
	padding: 1px; 
	border: 1px solid #eee; 
	float: left; 
	list-style: none; 
}

input.error,.input.error:focus { border-color: #cc0000!important; background:#FFE5E5 url('../img/txt_error.gif') repeat-x; }
label.error { display: block;  font-size: 10px; color: #cc0000; margin-top: 5px;  }
label { font-weight: bold; font-size: 11px; }
#sfFormT { float: right; width: 500px; }
#sfFormT .txt { width: 300px; border: 1px solid #ccc; font-family: inherit; padding: 3px;  }

#sponsor-container #product-image-large { float: left; margin-right: 10px; }
#sponsor-right { float: right; width: 450px; }
h2.sponsor { background: #666; color: #fff; padding: 8px; margin-bottom: 10px; }
p.sponsor-text { height: 150px; overflow: auto; }
#sponsor-right .thumbs { float: left; margin: 10px 10px 0 0; }

#sponsor-scroller {
	overflow:auto;
	white-space:nowrap;
	margin-bottom: 20px; 
}
#sponsor-scroller table td { padding: 0px 2px 0px 0px; }

.color-chart {
    border:1px solid #CCCCCC;
    float:left;
    height:20px;
    margin:5px;
    width:20px;
}

#cp-media {
	color: #000000;
	font-size: 9px;
	text-align: left;
	font-weight:bold;
	background: url('img/media-bg2.gif') repeat-y 1px top;
	border: 1px solid #ffffff;
}

#cp-media2 {
	color: #000000;
	font-size: 9px;
	text-align: left;
	font-weight:bold;
	background: url('img/media-bg3.gif') repeat-y 1px top;
	border: 1px solid #ffffff;
}

#cp-media3 {
	color: #000000;
	font-size: 9px;
	text-align: left;
	font-weight:bold;
	background: url('img/media-bg4.gif') repeat-y 1px top;
	border: 1px solid #ffffff;
}

#cp-media img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#cp-media2 img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#cp-medi3 img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.cp-clear {
	clear: both;
}

hr.cp-bar {
	color: #a0a09f;
	margin: 5px 0px 0px 0px;
	}

#cp-media h2 {
	font-size: 12px;
	color:#000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#cp-media h3 {
	font-size: 12px;
	color: #a0a09f;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #a0a09f;
}

#cp-media p {
}

#cp-media a {
	color: #72726B;
}

#cp-media a:hover {
	color: #7E7E76;
}

#cp-media2 h2 {
	font-size: 12px;
	color:#000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#cp-media2 h3 {
	font-size: 12px;
	color: #a0a09f;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #a0a09f;
}

#cp-media2 p {
}

#cp-media2 a {
	color: #72726B;
}

#cp-media2 a:hover {
	color: #7E7E76;
}

#cp-media3 h2 {
	font-size: 12px;
	color:#000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#cp-media3 h3 {
	font-size: 12px;
	color: #a0a09f;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #a0a09f;
}

#cp-media3 p {
}

#cp-media3 a {
	color: #72726B;
}

#cp-media3 a:hover {
	color: #7E7E76;
}

#media1 {
	width: 202px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#in-media1 {
	width: 193px;
	padding: 0px 0px 0px 0px;
	margin:0px 5px 0px 0px;
}

#media2 {
	width: 411px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#in-media2 {
	width: 399px;
	padding: 0px 0px 0px 0px;
	margin:0px 5px 0px 5px;
}

#media3 {
	width: 136px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#in-media3 {
	width: 129px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 5px;
}

#media4 {
	width: 411px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#in-media4 {
	width: 399px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 5px;
}

#media5 {
	width: 340px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#in-media5 {
	width: 335px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 5px;
}

#media6 {
	width: 546px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#in-media6 {
	width: 541px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 5px;
}

#media7 {
	width: 205px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#in-media7 {
	width: 196px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 9px;
}