*{
	margin:0;
	padding:0;
}


/*.st_main img.st_preview{
	position:absolute;
	left:0px;
	top:110px;
	width:100%;
	margin-left: 0px;
	z-index: 10;
}
#st_preview{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
}
*/

/* @group bkgrds & bkgrd images */
body{
overflow:hidden;
color: silver;
background-color: black;
/*letter-spacing: .12em;*/
font: 1em Verdana, Geneva, sans-serif;
background:#000 url(../images/bkgrdBubbleGrn.png) no-repeat top left;
/*background:#000 url(../images/bgred.png) no-repeat top left;*/
}

#bgTop{
	position: fixed;
	top: -10px;
	left: 0px;
	width: 1060px;
	height: 315px;
	background:transparent url(../images/bgTop.png) no-repeat top left;
	overflow:hidden;
	z-index: 15;
}
#bgLeft{
	position: fixed;
	top: 5px;
	left: -5px;
	width: 525px;
	height: 630px;
	overflow:hidden;
	background:transparent url(../images/bgLeft.png) no-repeat top left;
	z-index: 30;
	/*opacity: 0.86;*/
}

/* @end */

/* @group general */


.clear{
	clear:both;
}
.ul {
	text-decoration: underline;
}
li {
	list-style: none;
}

.fl {
	float: right;
}
.hide {
	
	display: none;
}
.close {
	cursor: pointer;
}
hr {
	margin-top: 6px;
	margin-bottom: 6px;
	opacity: 0.48;
}
.bml20 {
	border-left-width: 1px;
	border-left-color: silver;
	margin-left: 20px;
}

.st_overlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:transparent url(../images/pattern.png) repeat-x bottom left;
	opacity:0.22;
	z-index: 10;
}
/* @group opacities */

.op0 {
	opacity: 0.0;
}
.op1 {
	opacity: 0.1;
}
.op2 {
	opacity: 0.2;
}
.op3 {
	opacity: 0.3;
}
.op4 {
	opacity: 0.4;
}
.op5 {
	opacity: 0.5;
}
.op6 {
	opacity: 0.6;
}
.op7 {
	opacity: 0.7;
}
.op8 {
	opacity: 0.8;
}
.op9 {
	opacity: 0.9;
}
.opFull {
	opacity: 1;
}

.dim{
	opacity: 0.4;
	}
.dimmer{
	opacity: 0.6;
	}
.zdim{
	z-index: 5;
	}	
.bright{
	opacity: 0.8;
	}	
.zbright{
	z-index: 10;
	}
/* @end */

/* @group margins */

.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}
.ml30 {
	margin-left: 30px;
}
.ml40 {
	margin-left: 40px;
}
.ml45 {
	margin-left: 45px;
}
.ml50 {
	margin-left: 50px;
}
.ml60 {
	margin-left: 60px;
}

/* @end */
/* @end */



/* @group navigation inc. text links */

ul.st_navigation{
	position:absolute;
	width:100%;
	top:125px;
	left:-740px;
	list-style:none;
	z-index: 40;
}
ul.st_navigation li {
	float:left;
	clear:both;
	margin-bottom:8px;
	position:relative;
	width:100%;
}
ul.st_navigation li span.st_link{
	
	float: left;
	position:relative;
	bottom: 40px;
	left: 320px;
	line-height: 25px;
	padding:0px 0px 0px 20px;
	font-variant: small-caps;
}
ul.st_pdetails{
	position:absolute;
	width:100%;
	top:155px;
	left:-640px;
	list-style:none;
	z-index: 40;
}
ul.st_pdetails li {
	float:left;
	clear:both;
	margin-bottom:8px;
	position:relative;
	width:100%;
}
ul.st_pdetails li span.pdetails{
	float: left;
	position:relative;
	bottom: 40px;
	left: 680px;
	line-height:25px;
	padding:0px 20px;
	}
span.st_link2{
	position:fixed;
	top: 180px;
	left: 20px;
	/*line-height: 25px;*/
	padding: 0px 7px 0px 7px;
	letter-spacing: .8px;
	font-variant: small-caps;
	color: #4a4848;
	border: 1px solid #4a4848;
	height: 22px;
	width: 34px;
}
span.st_link3{
	position:fixed;
	top: 320px;
	left: 0px;
	line-height: 25px;
	padding:0px 20px;	
	letter-spacing: .4px;
	font-variant: small-caps;
	color: #4a4848;
}
span.st_link4{
	position:fixed;
	top: 580px;
	left: 20px;
	line-height: 25px;
	padding:0px 20px;
	letter-spacing: .4px;
	font-variant: small-caps;
	/*font-size: .9em;*/
color: #4a4848;
}
span.st_link5{
	position:fixed;
	top: 90px;
	left: 710px;
	line-height: 25px;
	padding:0px 20px;
	letter-spacing: .21px;
	font-variant: small-caps;
}
span.st_link6{
	position:relative;
	top: 40px;
	left: 50px;
	line-height: 25px;
	padding:0px 20px;
	letter-spacing: .21px;
	font-variant: small-caps;
}



ul.st_navigation li span.conclickd,
ul.st_navigation li span.conclicku{
	position:absolute;
	width:75px;
	height:25px;
	cursor:pointer;
}
ul.st_navigation li span.st_arrow_down,
ul.st_navigation li span.st_arrow_up{
	position:absolute;
	margin-left:10px;
	width:95px;
	height:25px;
	cursor:pointer;
}
ul.st_navigation li span.st_arrow_down{
	background:transparent url(../images/icons/xdown.png) no-repeat right center;
}
ul.st_navigation li span.st_arrow_up{
	background:transparent url(../images/icons/xup.png) no-repeat right center;
}
/* @end */

#dslrnme{
	position: absolute;
	top:480px;
	}
#album1{
	position: absolute;
	top:0px;
	left: 0px;
	}
#album2{
	position: absolute;
	top:0px;
	left: 160px;
	}
#album3{
	position: absolute;
	top:0px;
	left: 320px;
	}
#album4{
	position: absolute;
	top:0px;
	left: 480px;
	}
#albumcon{
	position: absolute;
	top:0px;
	left: 0px;
	}
	
	/* @group thumbs & wrapper */
	
	.st_wrapper{
		display:none;
		position: fixed;
	    width:25%;
	    height:44px;
	    overflow-y:hidden;
		top:16px;
	    left:360px;
	}
	.st_thumbs{
		height:44px;
	    margin: 0;
	}
	.st_thumbscon{
		top: 40px;
		left: -80px;
	    height:44px;
	    margin: 0;
	}
	
	.st_thumbs2{
		top: 40px;
		left: -140px;
	    height:44px;
	    margin: 0;
	}
	.st_thumbs img{
	    float:left;
	    margin:3px 10px 0px 0px;
	    cursor:pointer;
		-moz-box-shadow:1px 1px 5px #000;
		-webkit-box-shadow:1px 1px 5px #000;
		box-shadow:1px 1px 5px #000;
		opacity:0.5;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	}
	.st_loading{
		position:fixed;
		top:10px;
		right:0px;
		background:#000 url(../images/icons/loader.gif) no-repeat 10px 50%;
		padding:15px 40px 15px 60px;
		-moz-box-shadow:0px 0px 2px #000;
		-webkit-box-shadow:0px 0px 2px #000;
		box-shadow:0px 0px 2px #000;
		opacity:0.6;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	}
	
	/* @end */
	


/*.subcontent{
	background-color:#000;
	position:relative;
	left: 20px;
	top: 20px;
	height: 170px;
	width: 400px;
	padding:30px;
	list-style:none;
	overflow-y:hidden;
	-moz-box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	box-shadow:0px 0px 10px #000;
}*/



/* @group contact form */

h4{
	position: relative;
	/*top: 350px;*/
	margin-bottom:10px;
	color:#d9d9d9;
	font-size: 1.6em;
}
.fs11 {
	font-size: 1.1em;
	letter-spacing: .13em;
}
#inquire{
	position: relative;
	/*top: 350px;*/
	left: 0px;
	width: 400px;
	margin-bottom: 10px;
	color:#d9d9d9;
	font: normal normal .9em Verdana, Geneva, sans-serif,;
	padding-left: 10px;
	text-align: left;
	letter-spacing: .05em;
}
#inquire2{
	position: relative;
	/*top: 350px;*/
	left: 0px;
	width: 400px;
	margin-bottom: 20px;
	color:#d9d9d9;
	font: normal normal .9em Verdana, Geneva, sans-serif,;
	padding-left: 10px;
	text-align: left;
	letter-spacing: .05em;
}
.con{
	display:none;
	background:transparent url(../images/contact.png) no-repeat top left;
	position:relative;
	height: 570px;
	width: 500px;
	top:50px;
    left:200px;
	opacity: 1;
	list-style:none;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	padding-top: 20px;
	padding-left: 20px;
	font-size: .8em;
	}
.consub{
	position:relative;
	left: 0px;
	top: 0px;
	padding:5px;
	list-style:none;
	overflow-y:hidden;
	-moz-box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	box-shadow:0px 0px 10px #000;
}
#contact_form_holder {
    font-family: Verdana, Geneva, sans-serif; /* this is a nice font-family, at least i think, if you don't like it change it <img src="http://web.enavu.com/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley">  */
    font-variant: small-caps; /* making the small letter looks like capital but keeping the size of it to smaller, looks cool */
    width:420px; /* setting a fixed width of the contact form holder will make things easier later (like aligning and such) */
	padding-left: 20px;
}
#contact_form_holder input, #contact_form_holder textarea {
    width:100%; /* make all the inputs and the textarea same size (100% of the div they are into) */
    font-family: inherit ; /* we must set this, so it inherits the font-family */
    padding:5px; /* and make a custom padding, you can set whatever you like */
    margin-top: 5px;
    margin-bottom: 5px;
}
#contact_form_holder textarea {
    height:100px; /* i never liked small textareas, so make it 100px in height */
}
#send_message {
    width:100px !important; /* the width of the submit button  */
    font-variant: small-caps; /* nicer font-variant (like explained before) */
    border: 1px solid black; /* remove the default border and put a normal black one */
    cursor:pointer;
    cursor:hand;
}
#cf_submit_p { text-align:right; } /* show the submit button aligned with the right side */

/* styling */

.error {
    display: none; /* hide the errors */
    /* add some styling */
    padding:5px;
    color: silver;
    font-size: 12px;
    background-color: #453434;
}
.success {
    display: none; /* hide the sucess div */
    /* add some styling */
    padding:5px;
    color: silver;
    font-size: 12px;
    background-color: #454f45;
}

#contact_logo { 
width: 35px;
vertical-align: middle;
background:transparent url(../images/conLogo.png) no-repeat left top;
}

/* @end */

#odl {
	position: absolute;
	margin-left: 120px;
	margin-bottom: 20px;
	width: 100%;
}
/*dt
{
    clear: left;
    width: 150px;
    float: left;
    height: 1%;
    margin-bottom: 20px;
}

dl
{	position: absolute;
    margin-left: 120px;
    margin-bottom: 20px;
    width: 100%;
}
dd
{	position: relative;
	top: 100px;
    margin-left: 209px;
    margin-bottom: 20px;
    width: 100%;
}*/

.loadingPic
{
    margin: auto;
    background: url(loadingIcon.gif) no-repeat 0 0;
    padding-left: 25px;
}
.wrapper2{
	width:100%;
}
.wrapper{
	width:960px;
	margin:20px auto;
}



/* @group product */


#prodInfo {	
	position: absolute;
	top: 110px;
	left: 0px;
    /*clear: left;*/
    width: 100%;
    z-index: 10;
}
.prodImage{	
	position: absolute;
	top: 50px;
	left: 40px;
	z-index: 50;
    /*clear: left;*/
    /*width: 580px;*/
}

#currProdInfo {
	position: absolute;
	top: 80px;
	left: 710px;
    /*clear: left;*/
    width: 180px;
    height: 280px;
    z-index: 100;
}
.avail{
	position: relative;
	top: 140px;
	left: 70px;
	background:transparent url(../images/availBox.png) no-repeat right top;
	padding: 0px 0px 0px 7px;
	letter-spacing: .9px;
	font-variant: small-caps;
	color: #4a4848;
	/*border: 1px solid #4a4848;*/
	height: 22px;
	width: 95px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	cursor: pointer;
	text-align: center;
	font-size: .8em;
}
.product{
	position: relative;
	top: 40px;
	left: 30px;
	width: 210px;
	height: 360px;
	background:transparent url(../images/botinfo.png) no-repeat right bottom;
	opacity:0.9;
	color: #999;
	text-align: center;
	padding: 70px 20px 30px 10px;
	font-size: .8em;
	list-style:none;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	/*z-index: 100;*/
}
.title {
	font-size: 1.1em;
	font-style: italic;
	/*font-weight: bold;*/
	color: #999;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.description {
	position: relative;
	top: 20px;
	width: 150px;	
	list-style: none;
	letter-spacing: .10em;
	font-size: .8em;
	color: silver;
	font-style: italic;
	line-height: 1.3em;
	padding-top: 30px;
	padding-bottom: 20px;
}
#success {  /*add to cart success*/
	position: relative;
	top: 160px;
	left: 50px;
	width: 180px;
	height: 80px;
	background:transparent url(../images/botinfo.png) no-repeat right bottom;
	opacity:0.9;
	color: gray;
	text-align: center;
	padding: 30px 30px 30px 20px;
	font-size: .8em;
	list-style:none;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

/* @end */

/* @group cart */

#cart{
 	/*display:none;*/
 	/*position:absolute;*/
 	/*height: 800px;*/
 	width: 310px;/*
 	top:540px;
     left:680px;*/
     /*background:transparent url(../images/describe.png) no-repeat top left;*/
 	opacity: 1;
 	color: silver;
 	margin-left: 10px;
 	/*text-align: center;*/
 	padding: 10px;/*
 	font: 12px/20px Verdana, Geneva, sans-serif;*/
 	list-style:none;
 	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
 	font-size: .8em;
	 /*border: 1px solid red;*/
 }
 #cart .title {
 	 position: absolute;
 	 top: -10px;
 	 right: 0px;
 	 margin-bottom: 5px;
 }
 #cart .thumb {
 	position: absolute;
 	top: 10px;
 	left: 30px;
 	width: 44px;
 	height: 44px;
 	opacity: 1;
 }
 .cart{
 	display:none;
 	background:transparent url(../images/chkout.png) no-repeat top left;
 	position:relative;
 	height: 470px;
 	width: 600px;
 	top:50px;
    left:150px;
 	opacity: 1;
 	list-style:none;
 	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	padding-top: 5px;
	font-size: .8em;
}
#checkout {
	position: relative;
	top: 110px;
	left: 485px;
	width: 53px;
}
 .citem {
 position:relative;
 top: 10px;
 /*margin-bottom: 30px;*/
 margin-top: 5px;
 padding-bottom: 70px;
/* margin-right: 20px;*/
}

#chkout{
 	position: absolute;
 	top: 20px;
 	left: 360px;
 	width: 190px;
 	height: 340px;
 	/*background:transparent url(../images/describe.png) no-repeat top left;*/
 	opacity:0.9;
 	color: silver;
 	padding: 20px 0;
	 list-style:none;
 	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
 	z-index: 100;
	 font: .9em/14px Verdana, Geneva, sans-serif;
	 border-left: 1px solid gray;
 }
 #totals{
 	position: relative;
 	top: 60px;
 	left: 0px;
 	width: 190px;
 	/*background:transparent url(../images/describe.png) no-repeat top left;*/
 	opacity:0.9;
 	color: silver;
 	text-align: left;
 	padding: 20px;
 	 list-style:none;
 	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
 	z-index: 100;
 	/* font: .9em/18px Verdana, Geneva, sans-serif;*/
 }
 .pinfo {
 	position: relative;
 	top: 10px;
 	width: 150px;
 	color: silver;
 	padding-left: 20px;
 	padding-right: 20px;
 	/*padding-bottom: 20px*/;
 }
 .size {
 	position: relative;
 	top: 20px;	
 	color: silver;
 }
 .sizelabel {
 	position: relative;
 	top: 20px;
 	color: #666;
 }
 .price {
 	position: relative;
 	top: 40px;
 	color: silver;
 	margin-bottom: 20px;
 }
 .pricelabel {
 	position: relative;
 	top: 40px;
 	color: #666;
 }
 .purchase {
 	position: relative;
 	top: 60px;
 	cursor: pointer;
 	padding: 10px;
 }
 .quantity {
 	width: 15px;
 }
 .qtylabel {
 	position: relative;
 	top: 10px;
 	color: #666;
 }
 .quantotals {
 	 position: absolute;
 	 top: 30px;
 	 right: 0px;
 /*	width: 15px;
 	margin-left: 10px;*/
 }
 .remloc {
 	position: absolute;
 	top: 60px;
 	right: 0px;
 	color: gray;
 	font-size: .9em;
 	text-decoration: underline;
 }
 .updloc {
 	position: absolute;
 	top: 60px;
 	right: 150px;
 	color: gray;
 	font-size: .9em;
 	text-decoration: underline;
 	cursor: pointer;
 }
 .empty {
 	position: relative;
 	top: 130px;
 	left: 45px;
 }
 .paypal {
 	position: absolute;
 	top: 200px;
 	left: 40px;
 }
 .discount {
 	width: 104px;
 	margin-top: 5px;
 }
 .dcode {
 	position: relative;
 	top: 55px;
 	left: 105px;
 	font-size: .9em;
 	letter-spacing: .14em;
 }
 select {
 	position: relative;
 	top: 10px;
 	left: 55px;
 }

/* @end */

/* @group faq */

.faq{
	display:none;
	background:transparent url(../images/chkout.png) no-repeat top left;
	position:relative;
	height: 470px;
	width: 600px;
	top:25px;
    left:140px;
	opacity:1;
	list-style:none;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	padding-top: 20px;
}

.accbody {
	text-align: left;
	letter-spacing: .12em;
	font: .9em Verdana, Geneva, sans-serif;
}

.accordian {
	width: 510px;
	margin: 30px auto 10px;
}

.accordian li {
	list-style-type: none;
	padding: 10px;
}

.even, .odd {
	/*font-weight: bold;*/
	height: 27px;
	padding-top: 10px;
	padding-left: 10px;
}

.even {
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;		
	opacity: 1;
	color: silver;
	letter-spacing: .12em;
	font: 1em Verdana, Geneva, sans-serif;
}

.odd {
	/*border: 1px solid #d8d8d8;*/
	opacity: 1;
	color: silver;
	letter-spacing: .12em;
	font: 1em Verdana, Geneva, sans-serif;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}

/* @end */

/* @group footer */

.footer{
	text-align:center;
	width:100%;
	padding:20px 0px;
	clear:both;
	margin-top:30px;
}
.footer a{
	margin:0px 20px;
}

/* @end */



