/**
 *  Studio Impressions
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. forms
 *
 */
html,body {
}

body {
	color:						#848484;
	font-family:				Helvetica, Arial, sans-serif;
	font-size:					12px;
	line-height:				20px;
	background:					url(../Images/bg-product.jpg) #000000 repeat-x;
	background-position:		top center;
}

body.prod {
	background:					url(../Images/bg-product.jpg) #000000 repeat-x;
	background-position:		top center;
}

body.store {
	background:					#FFFFFF;
}

img, div, a, input, li { 
	behavior: 					url("/Resources/iepngfix.htc");
}

/** layout
------------------------------------------------------------------ */
div#background.store-back {
	background:					url(../Images/bg-store.jpg) #FFFFFF;
	background-position:		top center;
}	

div#logo {
	z-index:					999;
	width:						280px;
}

div#wrapper-banner {
	position:					absolute;
	width:						100%;
}

div#navigation {
	margin:						0 auto;
	width:						990px;
	height:						106px;
}

div#member {
	position:					absolute;
	width:						960px;
	text-align:					right;
	font-size:					11px;
	margin-top:					6px;
}

div#menu {
	width:						626px;
	float:						right;
	margin:						69px 16px 0 0;
}

div#feature {
	height:						591px;
	text-align:					left;
}

div#feature-box {
	text-align:					left;
	background-color: 			#171717;
	border: 					1px solid #474749;
	padding:					30px;
}

div#currency-box {
	text-align:					left;
	background-color: 			#171717;
	border: 					1px solid #474749;
	padding:					15px;
}

div#content.product {
	width:						500px;
}

div#content-product div#content {
	width:						500px;
}

div#content.index {
	width:						470px;
}

div#content.store {
	padding:					0 30px 0 30px;
	margin:						0;
}

div#content-forum {
	padding:					0 30px 0 30px;
	margin:						0;
}

div#content-product-large {
	width:						720px;
	float:						left;
}

div#content-product-large strong {
color: #FFF;
}

div#content-menu {
	width:						183px;
	float:						right;
	margin-top:					20px;
}

div#content-product {
	margin:						0 auto;
	width:						930px;
	height:						313px;
	padding:					75px 30px 0 30px;
}

div#content-product.home {
	margin:						0 auto;
	width:						990px;
	height:						313px;
	padding:					75px 0 0 0;
}

div#home-text {
	padding:					0 30px 0 30px;
}

div#content-store {
	margin:						0 auto;
	margin-top:					20px;
	width:						990px;
	padding:					0;
	background:					url(../Images/bg-content.gif);
}

div#content-store.storebg {
	margin:						0 auto;
	margin-top:					20px;
	width:						990px;
	padding:					0;
	/*background:					url(../Images/bg-store.gif) no-repeat;*/
	background-position:		top;
}

div#title {
	background:					url(../Images/bg-title.gif);
	height:						66px;
	padding:					30px 30px 0 30px;
	font-size:					11px;
	color:						#888888;
}

div#title.store {
	background:					url(../Images/bg-titlestore.gif);
	height:						50px;
	padding:					30px 30px 15px 30px;
	font-size:					11px;
	color:						#888888;
	border-bottom:				1px solid #474749;
}

div#title-forum {
	background:					url(../Images/bg-title-forum.gif);
	height:						45px;
	padding:					30px 30px 0 30px;
	font-size:					11px;
	color:						#888888;
}

div#wrapper {
	position:					absolute;
	margin-top:					494px;
	width:						100%;
	z-index:					2;
}

div#sample-title {
	margin:						0 auto;
	width:						930px;
	padding:					30px;
	height:						36px;
	overflow:					hidden;
}

div#sample-images {
	margin:						0 auto;
	width:						990px;
	height:						260px;
	background:					url(../Images/bg-sample.jpg) no-repeat;
}

div#samples {
	margin:						0 auto;
	margin-top:					196px;
	width:						990px;
	height:						260px;
	background:					url(../Images/bg-samples.png) no-repeat;
	position:					absolute;
}

div#sample-footer {
	padding:					30px 45px 7px 45px;
	color:						#aeaeae;	
}

div#sample-quote {
float:right;
font-size:12px;
line-height:19px;
width:765px;
}

div#wrapper-preview {
	background:					url(../Images/bg-preview.jpg) #FFFFFF repeat-x;
	background-position:		top center;
	width:						100%;
}

div#wrapper-footer {
	background:					#FFF;
	clear:						both;
}

div#preview-title {
	margin:						0 auto;
	width:						930px;
	padding:					30px;
}

div#preview {
	margin:						0 auto;
	width:						990px;
}

div#preview-screen {
	width:						644px;
	height:						485px;
	float:						left;
}

div#preview-side {
	width:						300px;
	height:						485px;
	float:						right;
}

div#preview-feature {
	position:					absolute;
	width:						300px;
	height:						300px;
	margin-top:					97px;
}

div#preview-text {
	padding:					0 30px 0 10px;
}

div#footer {
	margin:						0 auto;
	width:						930px;
	padding:					20px 30px 20px 30px;
	height:						140px;
	clear:						both;
}

div#wrapper-footer #footer {
	background:					url(../Images/bg-foot.gif) no-repeat;
	padding-top:				60px;
}

div#footer .column {
	width:						200px;
	padding:					0 0 0 0;
	float:						left;
	font: 						11px Helvetica, Arial, sans-serif;
	color:						#9b9b9b;
	line-height:				20px;
}

div#footer .second {
	width:						150px;
}

div#footer .last {
	width:						140px;
	float:						right;
text-align: right;
}

div#slideshow {
	padding:					5px;
	background-color:			#9f9f9f;
	margin:						15px 0 15px 0;
	font-size:					10px;
	text-transform:				uppercase;
	color:						#fff;
	font:						Helvetica, Arial, sans-serif;
	clear:						both;
}

/** shop **/
.shop-product-large {
	margin-top: 				-18px;
	width:						920px;
}

.shop-product-large hr {
	margin:						10px 0 30px;
	border-collapse:			collapse;
	border:						none;
	height:						0;
	font-size:					1px;
	border-top:					1px solid #474749;
	clear:						both;
}

.shop-product-large .details {
	width:						920px;
}
.shop-product-large .details .shop-info {
	margin-left: 				460px;
    position: 					absolute;
    width: 						250px;
}

.shop-product-large .details .description {
	width:						920px;
	margin-top:					470px;
	*padding-top: 				470px !important;
	display:					block;
}

.shop-product-large .details .description .column {
	width:						430px;
	margin-right:				30px;
	margin-bottom:				20px;
	float:						left;
}

.shop-product-large .details .description img {
	max-width:					912px;
	border: 					4px solid #585858;
	margin-bottom:				20px;
}

.shop-product-large .image {
    margin-left: 				0 !important;
	*margin-left: 				-920px !important;
	position:					absolute !important;
}

.shop-product-large #sample-images {
	background:					none;
	list-style-type:			none;
	margin-left:				-30px;
	height:						120px;
}

.shop-product-large #sample-images ul li {
	background:					none;
	margin:						0 12px 0 13px;
	padding:					0;
}

.shop-product-large #sample-images #mycarousel {
	padding-top:				0;
}

.shop-product-large #sample-images .carousel-component .carousel-prev {
	left:						29px;
	top:						40px;
}
.shop-product-large #sample-images .carousel-component .carousel-next {
	right:						29px;
	top:						40px;
}

.shop-product-large #sample-images .carousel-component .carousel-prev img, .shop-product-large #sample-images .carousel-component .carousel-next img {
	border:						none !important;
}

/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

strong {
	font-weight:				bold;
}

p {
	margin-bottom:				12px;
	line-height:				20px;
}

a {
	color:						#ccc;
	text-decoration:			none;
}

a:hover {
	color:						#e6e6e6;
	text-decoration:			none;
}

h1 {
	font: 						18px Helvetica, Arial, sans-serif;
	color:						#FFF;
	text-transform:				uppercase;
	font-weight:				lighter;
	letter-spacing:				.1em;
}

h2 {
	font: 						14px Helvetica, Arial, sans-serif;
	font-weight:				bold;
	line-height:				24px;
	color:						#FFF;
	margin-bottom:				7px;
}

h2.line {
	font: 						14px Helvetica, Arial, sans-serif;
	font-weight:				bold;
	line-height:				24px;
	color:						#FFF;
	margin-bottom:				7px;
padding-bottom: 4px;
border-bottom: 1px solid #3A3A3C;
}

h2.price {
	font: 						15px Helvetica, Arial, sans-serif;
	font-weight:				bold;
	line-height:				24px;
	color:						#FFF;
	margin:						7px 0 12px 0;
}

h3 {
	font: 						14px Helvetica, Arial, sans-serif;
	font-weight:				bold;
	line-height:				24px;
	color:						#868686;
	margin-bottom:				7px;
}

h4 {
	font:						12px Helvetica, Arial, sans-serif;
	color:						#ccc;
}

div#content-product-large h4 {
	font:						11px Helvetica, Arial, sans-serif;
	color:						#848484;
	border-bottom:				1px solid #333;
	margin:						20px 0 5px 0;
	padding-bottom:				5px;
}

div#content-product-large h1 {
	font: 						16px Helvetica, Arial, sans-serif;
	font-weight:				normal;
	line-height:				24px;
	color:						#FFF;
	margin:						0 0 12px 0;
}

div#content-product-large h2 {
	font: 						16px Helvetica, Arial, sans-serif;
	font-weight:				normal;
	line-height:				24px;
	color:						#FFF;
	margin:						7px 0 12px 0;
}

div#content-product-large h3 {
	font: 						14px Helvetica, Arial, sans-serif;
	font-weight:				normal;
	line-height:				24px;
	color:						#FFF;
	margin:						15px 0 0 0;
}

h5 {
	font:						12px Helvetica, Arial, sans-serif;
	color:						#fff;
	line-height:				16px;
	width:						195px;
	height:						20px;
	overflow:					hidden;
}

/** lists/typography/links
------------------------------------------------------------------ */

div.clear {
	clear:						both;
}

div#title a {
	color:						#888888;
}

div#title span {
	color:						#4d4d4d;
}

div#title-forum a {
	color:						#888888;
}

div#title-forum span {
	color:						#4d4d4d;
}

div#footer a {
	color:						#9b9b9b;
	text-decoration:			none;
}

div#footer a:hover {
	color:						#9b9b9b;
	text-decoration:			none;
}

div#footer .column h2 {
	font: 						16px Helvetica, Arial, sans-serif;
	font-weight: 				bold;
	color:						#FFF;
	margin-bottom: 				10px;
}

div#footer span {
	width:						20px;
	color:						#ccc;
	border-right:				1px solid #e0e0e0;
	padding-right: 				7px;
	margin-right:				7px;
}

div#footer .column ul {
	margin-left:				0;
	margin-bottom:				1em;
}

div#footer .column ul li {
	list-style:					none;
	list-style-type:			none;
	margin-bottom:				0.5em;
	padding-left:				0;
}

.white {
	color:						#FFF;
}

div#content ul {
	margin: 					0 0 8px 0;
	padding:					0;	
}

div#content ul li {
	margin: 					0px;
	padding:					0 0 1px 25px;		
	font-size:					12px;
	list-style: 				none;
	line-height:				20px;
	background: 				url(../Images/icon-arrow.png) no-repeat 0em 0.2em;
}

div.subnav1 {
	background:					url(../Images/bg-subnav.gif) no-repeat;
}

div#content  div.subnav1 ul {
	list-style-image: none;
	padding: 8px 0 8px 0;
	margin-top: 15px;
	background: none;
}

div#content  div.subnav1 ul li {
	list-style: none;
	display: block;
	background-color: #2c2c2e;
	border-bottom: 1px solid #323233;
	border-left: 1px solid #323233;
	border-right: 1px solid #323233;
	background: none;
	margin:0;
	padding:0 0 0 15px;
}

div#content div.subnav1 a {
	display: block;
	padding: 5px 0 3px 0;
}

div#content div.subnav1 a:link, .subnav1 a:visited {
	/* normal link: colour, style */
	color: #c5c5c5;
	font-weight: normal;
	text-decoration: none;
}

div#content div.subnav1 a:hover, .subnav1 a:active {
	/* normal link rollover: colour, style */
	color: #c5c5c5;
	font-weight: normal;
	text-decoration: underline;
}

div#content div.subnav1 ul li.subnav1h {
	/* header text */
	position: relative;
	padding: 1px 8px 8px 15px;
	margin: 0 7px 0px 0;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	border:none;
}

div#content div.subnav1 ul li.subnav1h a {
	display: block;
	padding: 0;
}

/** submenus
------------------------------------------------------------------ */
div#iev1 {
	display: none;
}

div#iev2 {
	display: none;
}

div#mgwp {
	display: none;
}

div#wwmb {
	display: none;
}

div#aev1 {
	display: none;
}

div#eav1 {
	display: none;
}

div#itv1 {
	display: none;
}

div#pb {
	display: none;
}

div#qf {
	display: none;
}

div#sfth {
	display: none;
}

div#txp {
	display: none;
}

div#isv1 {
	display: none;
}

div#ic {
	display: none;
}

div#mc {
	display: none;
}

div#iev1.iev1 {
	display: block;
}

div#iev2.iev2 {
	display: block;
}

div#mgwp.mgwp {
	display: block;
}

div#wwmb.wwmb {
	display: block;
}

div#aev1.aev1 {
	display: block;
}

div#eav1.eav1 {
	display: block;
}

div#itv1.itv1 {
	display: block;
}

div#pb.pb {
	display: block;
}

div#qf.qf {
	display: block;
}

div#sfth.sfth {
	display: block;
}

div#txp.txp {
	display: block;
}

div#isv1.isv1 {
	display: block;
}

div#ic.ic {
	display: block;
}

div#mc.mc {
	display: block;
}


/** forms
------------------------------------------------------------------ */
input,select,textarea {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
}

input.text {
	border:						0; 
	height:						12px;
	padding:					5px;
}

input.search {
	width:						115px;
	background:					url(../images/bg-field.gif) no-repeat;
}

.searchbutton {
	background:					url(../images/buttons/btn-search.gif) no-repeat;
	border:						0;
	height:						22px;
	width:						50px;
	padding:					4px 10px 5px 6px;
	color:						#474749;
}

input.large {
	background:					url(../images/bg-large-field.gif) no-repeat;
	width:						160px;
}

input.medium {
	background:					url(../images/bg-medium-field.gif) no-repeat;
	width:						97px;
}

/** lightbox
------------------------------------------------------------------ */
#nextLink:hover, #nextLink:visited:hover, #nextBLink:hover, #nextBLink:visited:hover, #nextBLink {
	background: transparent url(../Images/btn-arrow-right.gif) no-repeat right 15% !important;
}

#prevLink:hover, #prevLink:visited:hover, #prevBLink:hover, #prevBLink:visited:hover, #prevBLink {
	background:transparent url(../Images/btn-arrow-left.gif) no-repeat left 15% !important;
}

#imageDataContainer { 
	font: 11px Helvetica, Arial, sans-serif !important;  
	color:#999 !important; 
}

#imageData #numberDisplay {
	padding-top: 11px !important; 
}			
