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:345px;
	padding:20px;
	border:1px solid #d7d7cc;
	overflow:auto;}
	#album .chris-sponsor{
		margin-top:7px;}

#sponsor-right .thumbs { float: left; margin: 14px 14px 0 0; }
#sponsor-right .thumbs.last { margin-right: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;
	*/
	background:#fbfcec;

}



#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: 443px; /* was 546 */

	float: left;

	padding: 0 10px;

	margin: 0px 0px 0px 0px;
	overflow:hidden;
	border:2px solid #bebebf;
	border-width:0 2px;

}



#in-media6 {

	width: 441px; /* was 541 */

	padding: 0px 0px 0px 0px;

	margin:5px auto 0 auto;
	overflow:hidden;

}



#media7 {

	width: 285px;

	float: left;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

}



#in-media7 {

	width: 296px;

	padding: 0px 0px 0px 0px;

	margin:0px 0px 0px 9px;

}