@charset "UTF-8";
@import url("layout-menu.css");
/* 
	TEMPLATE NAME / Joy
	AUTHOR: Erin Cummings
	AUTHOR WEBSITE: http://www.aquazie.com
	VERSION: 2.0
*/

body {
	background:#000;
	font:14px/20px Georgia, "Times New Roman", Times, serif;
	padding: 10px 0px;
	margin:0 auto;
	color:#ccc;
	position: relative;
	width: 1020px;
}
a {
	color:#c7dbf1;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#fff;
}
h1 {
	font: normal 24px/30px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 0 20px;
}
h2 {
	border-bottom: 1px solid #333;
	color:#666;
	text-align:left;
	margin: 0 0 10px;
	padding: 0 0 10px;
	font: 14px/16px Arial, Helvetica, sans-serif;
}
h3 {
	margin: 0;
	padding: 0 0 5px;
	color:#666;
		font:16px/20px Georgia, "Times New Roman", Times, serif;

}
ul {
	margin: 0;
	padding: 0 0 20px 14px;
}
li {
	margin: 0;
	padding: 0;
}
p, .regular {
	margin: 0;
	padding: 0 0 20px;
	font: 14px/20px Arial, Helvetica, sans-serif;
	color:#666;
}
#news {
	width: 215px;
	float: right;
	position: relative;
	display: inline;
}
#news a {
	color: #666;
}
#news a:hover {
	color: #fff;
}
#search form{
	background: #222;
	padding: 10px;
}
#search input{
	margin: 0 0 10px;
	border: 1px solid #666;
}
#rotate {
	width: 770px;
	margin: 0;
	padding: 0;
}
#rotate, #rotate li {
	list-style-type: none;
}
#rotate img {
	border: 1px solid #333;
}
#rotate span {
	position: absolute;
	top: 20px;
	left: 20px;
	background: #000;
	color:#c7dbf1;
	font: normal 14px/16px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	padding: 0 8px;
	height: 27px;
	line-height: 27px;
}
/* Galleria */
.galleria {
	list-style:none;
	display: inline;
}
.galleria li {
	display:block;
	width:81px;
	height:81px;
	overflow:hidden;
	float:left;
	border:1px solid #565758;
	margin: 0 15px 15px 0;
}
.galleria li a {
	display:none
}
.galleria li div {
	position:absolute;
	display:none;
	top:0;
	left:180px
}
.galleria li div img {
	cursor:pointer
}
.galleria li.active div img, .galleria li.active div {
	display:block
}
.galleria li img.thumb {
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto
}
.galleria li .caption {
}
* html .galleria li div span {
	width:400px
} /* MSIE bug */
#main_image {
	float: right;
	display: inline;
	position: relative;
	width: 520px;
	text-align: right;/*background: #ccc;*/
}
#main_image img {
	border: 1px solid #ccc;
}
#prev {
	background: url(../images/l-arrow.gif) no-repeat top left;
	height: 38px;
	width: 43px;
	text-indent: -5000px;
	display: block;
}
#next {
	background: url(../images/r-arrow.gif) no-repeat top left;
	height: 38px;
	width: 43px;
	text-indent: -5000px;
	display: block;
}
#np {
	position: absolute;
	right: 45px;
	top: 170px;
	color: #333;
	text-transform: uppercase;
	font: 11px/20px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	width: 114px;
	height: 22px;
	text-align: center;
	background: #000;
	padding: 0;
}
#np a {
	color: #444;
	background: #000;
}
#np a:hover {
	color: #fff;
}
.caption {
	display: block;
	padding: 5px 0 0;
}
#section {
	clear: left;
	text-transform: uppercase;
	font: bold 11px/13px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	padding: 20px 0 0;
}
#section a {
	background: #222;
	display: block;
	padding: 3px 5px 3px 6px;
	margin: 0 10px 0 0;
	float: left;
	display: inline;
}
#section a.active, #section a:hover {
	background: #444;
	color: #fff;
}
/*Blog Styles*/

#content {
	padding: 0;
	position: relative;
}
#rss {
	position: absolute;
	top: 0;
	right: -200px;
}
#description {
	float: right;
	display: inline;
	position: relative;
	width: 170px;
}
#description h3 {
	margin: 30px 0 0;
}
.post {
	width: 725px;
	padding: 0 0 30px 0;
}
.date {
	color: #ccc;
	float: right;
	position: relative;
	display: inline;
}
.permalink {
	display: none;
}
.home .product, #products-page .product {
	float: left;
	display: inline;
	position: relative;
	width: 300px;
	margin: 0 11px 0px 0;
}
.product-img, #product-img {
	border:1px solid #565758;
}
.home .product img, #products-page img {
	margin: 0 0 10px;
}
.clear {
	clear: both;
	line-height: 1px;
	padding: 0;
}
#product-details {
	float:left;
	margin-left:20px;
	width:400px;
	position: relative;
}
img {
	border: none;
}
#minicart {
	background: #222;
	padding: 7px 10px 10px;
}
#minicart h3 {
	text-transform: uppercase;
	font: bold 11px/13px Arial, Helvetica, sans-serif;
	font: normal 14px/20px Georgia, "Times New Roman", Times, serif;
	padding: 0 0 7px;
	letter-spacing: 1px;
	border-bottom: 3px solid #000;
	margin: 0;
}
.minicart-contents {
	margin: 0;
	padding: 0;
	font: 12px/16px Arial, Helvetica, sans-serif;
}
.minicart-contents li {
	list-style-type: none;
	border-bottom: 1px solid #000;
	padding: 7px 0;
}
.minicart-view a {
	font: 12px/16px Arial, Helvetica, sans-serif;
	display: block;
	padding: 7px 0;
	margin: 0 0 10px
}
.checkout-btn,
#news .minicart-checkout a, 
#contact-submit{
	display: block;
	margin:0;
		border: none;
	color: #C7DBF1;
	background: #000;
	text-transform: uppercase;
	cursor: pointer;
	padding: 5px 8px 6px;
	letter-spacing: 1px;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
}
.checkout-btn:hover, 
#news .minicart-checkout a:hover, 
#contact-submit:hover{
	color: #fff;
}
 
#product-addtocart{
	/*color: #C7DBF1;
	background: #222;*/
	background: #C7DBF1;
	color: #000;
	text-transform: uppercase;
	padding: 5px 8px 6px;
	letter-spacing: 1px;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.61, rgb(199,220,241)),
    color-stop(0.41, rgb(171,194,219))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(199,220,241) 61%,
    rgb(171,194,219) 41%
);
position: absolute;
/*margin-top: -50px;*/
top: 45px;
right: 0;

}
#product-addtocart:hover{
	color: #2164aa;
	cursor: pointer;
}
#product_info {
	color:#FFFFFF;
	float:right;
	margin-top:13px;
	padding-top:9px;
	position:relative;
	width:281px;
}
.images-nav {
	background: none;
	text-transform: uppercase;
	font: bold 11px/13px Arial, Helvetica, sans-serif;
	margin: 10px 0 0;
}
.images-list {
	margin: 0;
	padding: 0;
	float: right;
}
.images-list li {
	font: bold 11px/13px Arial, Helvetica, sans-serif;
	background: #222222;
	display:inline;
	float:left;
	margin:0 0 0 10px;
	padding:3px 5px 3px 6px;
	position: relative;
	list-style-type: none;
}
.images-prev, .images-next {
	margin:0 10px 0 0;
	background: #222222;
	padding:3px 5px 3px 6px;
	letter-spacing: 1px;
	float: left;
}
#product-images {
	float: left;
}
#product-page h1 {
	color: #C7DBF1;
	text-transform: none;
	font-style: italic;
	border-bottom: 3px solid #444;
	margin: 0 0 10px;
	padding: 0 0 10px;
}
.options {
	margin: 0 0 10px;
}
#cart-form, 
#contact-form{
		background: #222;
			padding: 10px 10px 35px;

}
table {
	width: 100%;
	font: 12px/16px Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	margin: 0 0 10px;
}
th {
	text-align: left;
	background: #222;

}
tr {
	border-bottom: 1px solid #000;
}
td {
	padding: 8px 0;
}
#cart-head {
	font: bold 10px/16px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-bottom: 3px solid #000;
	color: #666;
}
form div{
	padding: 0 0 10px;
}
#captcha-div
{
	position: relative;
	left: 110px;
	}
label{
		font: bold 10px/16px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #666;
	float: left;
	position: relative;
	width: 100px;
	text-align: right;
	margin: 0 10px 0 0;
}

#cart-head th{
			padding: 0 0 8px;	
}

.cart-update button {
background: #222222;
border: 1px dotted #000;
color:#666666;
font:12px/16px Arial,Helvetica,sans-serif;
left:239px;
margin:0 0 10px;
padding: 3px 5px;
position:relative;
float: left;
}
.checkout-btn, 
#contact-submit{
	float: right;
}
.cart-total{
	text-align: right;}
input{
	background: #000;
	color: #CCC;
	border: none;
	padding: 3px;
}
input:focus{
	color: #fff;
}

.price{
	color: #fff!important;
	padding: 0 0 20px;
	}
	
	.textures{
		float: left;
		display: inline;
		position: relative;
		font-size: 11px;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin: 0 5px 10px 0;
		padding: 0;
	}
		.textures img{
			display:block; 
			margin: 0 0 5px;
		}
/* @gui Text */
body, p, input, textarea, #product-details .price, #faq-content .faq-list dt, #contact-form label, #cart-footer .cart-total #cart-shipping-tax p {
	color: #999;
}
/* @gui Links */
#products .product-a h3, #products .product-a p {
	color: #c7dbf1;
}
/* @gui Links rollover */
#products .product-a:hover h3, #products .product-a:hover p {
	color: #FFFFFF;
}
/* @gui Header background */
#main-title, #navigation div.pod h3, #cart-head {
	background-color: #000000;
}
/* @gui Header text */
#main-title h2, #navigation div.pod h3, #minicart h3 {
	color: #c7dbf1;
}
#minicart .minicart-total {
	border-left-color: #c7dbf1;
}
/* @gui Sidebar links */
#navigation div.pod a {
	color: #c7dbf1;
}
/* @gui Sidebar rollovers */
#navigation div.pod a:hover {
	color: #FFFFFF;
}
       

/* @gui Products background */
#products, #products .product-pic, {
background-color: #1e1e1e;
}

#subForm{
	float: right;
	display: inline;
	width: 320px;
	margin: 0 0 20px;
}

#subForm label{
	width: auto;
	
}
#subForm input{
	background: #ccc;
	color: #000;
}

.newest-title{
	padding-top: 50px;
}



/*============================================================
  Custom Styles - add and override styles below.
============================================================*/






   /*.regular{padding: 0 0 0 70px;}
         body {
                margin: 0px;
                background-color: {color:Background};
                font-family: 'Lucida Grande', Helvetica, sans-serif;
            }            

            a {
                color: {color:Inline Link};
            }

            h1 {
                width: 600px;
                padding: 0px 100px 20px 100px;
                margin: 50px auto 40px auto;
                border-bottom: solid 1px #ccc;
                text-align: center;
                font: Bold 55px 'Trebuchet MS', Helvetica, sans-serif;
                letter-spacing: -2px;
                line-height: 50px;
                position: relative;
            }
            
                h1 a {
                    color: {color:Title};
                    text-decoration: none;
                }
                
                h1 img {
                    border-width: 0px;
                    position: absolute;
                    right: 0px;
                    bottom: 10px;
                    width: 43px;
                    height: 23px;
                }

            div#content {
                width: 420px;
                margin: auto;
                position: relative;
            }

                div#content div#description {
                    position: absolute;
                    right: -170px;
                    width: 160px;
                    text-align: right;
                }

            div#description {
                font: normal 17px Helvetica,sans-serif;
                line-height: 20px;
                color: {color:Description};
            }

                div#description a {
                    color: {color:Description};
                }

						div#searchresultcount {
							margin: 15px 0 30px;
							text-align: center;
						}
            
            div.post {
                position: relative;
                margin-bottom: 40px;
                padding-right: 20px;
            }



                div.post img.permalink {
                    width: 14px;
                    height: 13px;
                    border-width: 0px;
                    background-color: #000;
                    display: none;
                    position: absolute;
                    right: 0px;
                    top: 0px;
                    z-index: 10;
                }
                
                    div.post:hover img.permalink {
                        display: inline;
                    }

                div.post h2 {
                    font-size: 18px;
                    font-weight: bold;
                    color: {color:Post Title};
                    letter-spacing: -1px;
                    margin: 0px 0px 5px 0px;
                }

                    div.post h2 a {
                        color: {color:Post Title};
                        text-decoration: none;
                    }
            
                div.post div.caption {
                    font-size: 14px;
                    font-weight: bold;
                    color: {color:Text};
                    margin-top: 10px;
                    padding: 0px 20px 0px 20px;
                }

                    div.post div.caption a {
                        color: {color:Text};
                    }
    
            /* Regular Post 
            
                div.post div.regular {
                    font-size: 12px;
                    color: {color:Text};
                    line-height: 17px;
                }

                    div.post div.regular blockquote {
                        font-style: italic;
                        border-left: solid 2px {color:Text};
                        padding-left: 10px;
                    }
                        
            /* Quote Post 
            
                div.post div.quote div.quote_text {
                    font-family: Helvetica, sans-serif;
                    font-weight: bold;
                    color: {color:Quote};
                    border-left: solid 5px {color:Quote Border};
                    padding-left: 10px;
                }
                
                    div.post div.quote div.quote_text span.short {
                        font-size: 36px;
                        line-height: 40px;
                        letter-spacing: -1px;
                    }
                    
                    div.post div.quote div.quote_text span.medium {
                        font-size: 25px;
                        line-height: 27px;
                        letter-spacing: -1px;
                    }
                    
                    div.post div.quote div.quote_text span.long {
                        font-size: 16px;
                        line-height: 20px;
                    }

                    div.post div.quote div.quote_text a {
                        color: {color:Quote};
                    }
        
                div.post div.quote div.source {
                    font-size: 16px;
                    font-weight: Bold;
                    color: {color:Quote Source};
                    margin-top: 5px;
                }

                    div.post div.quote div.source a {
                        color: {color:Quote Source};
                    }
            
            /* Link Post 
            
                div.post div.link a.link {
                    font: Bold 20px Helvetica, sans-serif;
                    letter-spacing: -1px;
                    color: {color:Link Post};
                }

                    div.post div.link span.description {
                        font-size: 13px;
                        font-weight: normal;
                        letter-spacing: -1px;
                        color: {color:Text};
                    }
            
            /* Conversation Post 
                        
                div.post div.conversation ul {
                    list-style-type: none;
                    margin: 0px;
                    padding: 0px 0px 0px 1px;
                    border-left: solid 5px {color:Conversation Border};
                }
            
                    div.post div.conversation ul li {
                        font-size: 12px;
                        padding: 4px 10px 4px 8px;
                        color: {color:Conversation Text};
                        margin-bottom: 1px;
                    }
            
                        div.post div.conversation ul li span.label {
                            font-weight: bold;
                        }
                        
                            div.post div.conversation ul li span.user_1 {
                                color: #c00;
                            }
                            
                            div.post div.conversation ul li span.user_2 {
                                color: #00c;
                            }
                            
                            div.post div.conversation ul li span.user_3 {
                                color: #0a0;
                            }
                        
                        div.post div.conversation ul li.odd {
                            background-color: {color:Conversation Background 1};
                        }

                        div.post div.conversation ul li.even {
                            background-color: {color:Conversation Background 2};
                        }
            
            /* Video Post 
            
                div.post div.video {
                    width: 400px;
                    margin: auto;
                }

            /* Footer 
            
                div#footer {
                    margin: 40px 0px 30px 0px;
                    text-align: center;
                    font-size: 15px;
                    font-weight: bold;
                    color: {color:Text};
                }
            
                    div#footer a {
                        text-decoration: none;
                        color: {color:Text};
                    }
            
                        div#footer a:hover {
                            text-decoration: underline;
                        }
                    
                    div#footer div#credit {
                        font: normal 13px Georgia, serif;
                        font-size: 13px;
                        margin-top: 15px;
                    }
                    
						.query { font-weight: bold; }