@import url("reset.css");
@import url("text.css");
@import url("960.css");

body { 
    background: #e5e4e4;
}
input:focus, textarea:focus {
    outline: none;
}

a.product-a h6:hover { text-decoration: underline; cursor: pointer; }

button#product-addtocart {
    border: none;
    display: block;
    text-indent: -9999px;
    background: url('../img/addtocart-button.png') no-repeat;
    width: 210px;
    height: 44px;
    margin-bottom: 19px;
}
button#product-addtocart:hover { background-position: 0 -46px; cursor: pointer; }

a#checkout-button {
    display: inline-block;
    text-indent: -9999px;
    background: url('../img/checkout-button.png') no-repeat;
    width: 93px;
    height: 22px;
    margin-left: 10px;
}
a#checkout-button:hover { background-position: 0 -26px; }

input#go-button {
    border: none;
    display: inline-block;
    text-transform: capitalize;    
    text-indent: -9999px;
    background: url('../img/go-button.png') no-repeat;
    width: 39px;
    height: 22px;
    margin: 1px 0 0 10px;
}
input#go-button:hover { background-position: 0 -26px; cursor: pointer; }

input#go-button-purple {
    border: none;
    display: inline-block;
    text-indent: -9999px;
    text-transform: capitalize;
    background: url('../img/go-button-purple.png') no-repeat;
    width: 39px;
    height: 22px;
    margin: 1px 0 0 10px;
}
input#go-button-purple:hover { background-position: 0 -26px; cursor: pointer; }

button.update-btn
{
    float: right;    
    border: none;
    display: inline-block;
    text-indent: -9999px;    
    background: url('../img/update-button.png') no-repeat;
    width: 233px;
	height: 22px;
}
button.update-btn:hover { background-position: 0 -24px; cursor: pointer; }

button.checkout-btn
{
    float: right;    
    border: none;
    display: inline-block;
    text-indent: -9999px;    
    background: url('../img/cart-checkout-button.png') no-repeat;
    width: 233px;
	height: 44px;
	margin-top: 8px;
}
button.checkout-btn:hover { background-position: 0 -46px; cursor: pointer; }

button#contact-submit {
    border: none;
    display: inline-block;
    text-indent: -9999px;    
    background: url('../img/send-button.png') no-repeat;
    width: 64px;
	height: 22px;
	clear: left;
	margin-left: 140px;
	margin-bottom: 40px;
}
button#contact-submit:hover { background-position: 0 -24px; cursor: pointer; }


#footer-form input#boom-button {
    border: none;
    display: inline-block;
    text-indent: -9999px;
    background: url('../img/boom-button.png') no-repeat;
    width: 65px;
    height: 22px;
    margin: 0;
}
#footer-form input#boom-button:hover { background-position: 0 -26px; cursor: pointer; }

#header { background: #000; height:62px; border-bottom: 1px solid #464646; }
    #header-content { width: 940px; height: 62px; margin: 0 auto; }
#header h1 { float: left;}
#main-nav { float: left; height: 62px; }
#main-nav ul { list-style-type: none; margin-left: 75px; }
#main-nav ul li { float: left; background: url('../img/nav-divider.png') no-repeat; margin: 26px 0 25px 20px; }
#main-nav ul li a { display: block; background: url('../img/nav.png') no-repeat 0px 0; text-indent: -9999px; }
#main-nav ul li.work { width: 65px; height: 12px; }
    #main-nav ul li.work a { width: 40px; height: 12px; }
    #main-nav ul li.work a:hover { background-position: 0 -12px;}
#main-nav ul li.about { width: 69px ; height: 12px; background-position: 4px 0px; }
    #main-nav ul li.about a { background-position: -80px 0; width: 45px; height: 12px; margin-right: 24px; }
    #main-nav ul li.about a:hover { background-position: -80px -12px;}
#main-nav ul li.contact { width: 84px; height: 12px; background-position: 20px 0; }
    #main-nav ul li.contact a { background-position: -166px 0; width: 60px; height: 12px; }
    #main-nav ul li.contact a:hover { background-position: -166px -12px;}    
#main-nav ul li.shop { width: 58px; height: 12px; background-position: -93px 0; }
    #main-nav ul li.shop a { background-position: -268px 0; width: 34px; height: 12px; }
    #main-nav ul li.shop a:hover { background-position: -268px -12px;}
#main-nav ul li.blog { width: 32px; height: 12px; }
    #main-nav ul li.blog a { background-position: -342px 0; width: 32px; height: 12px; }
    #main-nav ul li.blog a:hover { background-position: -342px -12px;}    
#social-nav {
    float: right;
    width: 175px;
    margin: 20px 0 0 0;
}    
#social-nav #twitter-link, #social-nav #fb-link, #social-nav #feed-link {
    float: right;
    text-indent: -9999px;    
    background: url('../img/social-icons.png') no-repeat;
    width: 22px;
    height: 22px;
    margin: 0 0 0 10px;
}
#social-nav #twitter-link:hover { background-position: 0 -25px; }
#social-nav #fb-link { background-position: -33px 0;}
#social-nav #fb-link:hover { background-position: -33px -25px; }
#social-nav #feed-link { background-position: -63px 0;}
#social-nav #feed-link:hover { background-position: -63px -25px; }

#social-nav p {
    float: left;    
    text-indent: -9999px;
    background: url('../img/follow-us.png') no-repeat;
    width: 71px;
    height: 9px;
    margin: 7px 0 0 3px;
}

.sub-nav { background: #381e46;  height:52px; border-bottom: 1px solid #a095a5;}
.sub-nav-bottom { background: #381e46;  height:52px; border-top: 1px solid #62536b; border-bottom: 1px solid #281d2d; }
    .sub-nav-content { width: 940px; margin: 0 auto;  }    
.sub-nav ul { list-style-type: none; }
.sub-nav ul li { 
    float: left;
    font-size: 16px;
    margin: 0 9px 0 0;
    line-height: 52px;
 }  
 .sub-nav li a { font-weight: normal; color: #fff; padding: 0 9px 0 0; text-decoration: none; }  
    .sub-nav li a:hover { text-decoration: underline; }
 .sub-nav li:after {
     content: "/";
     color: #83ae4d;
 }
 .sub-nav li:last-child:after { content: none; }
 
#cart-content {
    float: right;
    margin: 15px 0;
}
#cart-content p, #cart-content p a {
    font-size: 11px;
    color: #fff;
} 
#cart-content p {
    background: url('../img/cart.png') no-repeat center left;
    padding-left: 30px;
    height: 21px;
    line-height: 21px;
}

#content { position: relative; margin: 20px auto; padding: 0 0 30px; min-height: 550px;} 

#main-content { position: relative; padding: 3px 0 30px;}
#main-content #contact-content { margin-left: 0; margin-right: 0; }
#products { margin: 10px 0 0 0;}
#products div { width: 220px; margin: 0 19px 30px 0;}
#products .product-info { margin: 5px 0 0 0; }
a.product-a { position: relative; display: inline-block;}
.soldout-bg {  background: url('../img/soldout-bg.png') no-repeat; }
.onsale { background: url('../img/sale-ribbon.png') no-repeat;
height: 38px;
position: absolute;
top: 11px;
left: 0;
text-indent: -9999px;
}
.categorynew { background: url('../img/new-ribbon.png') no-repeat;
height: 38px;
position: absolute;
top: 11px;
left: 0;
text-indent: -9999px;
}
.soldout { background: url('../img/soldout-ribbon.png') no-repeat;
height: 44px;
position: absolute;
top: 11px;
left: 0;
text-indent: -9999px;
}
 #product-images {
     margin: 9px 0 0 0;

 }
 
 ul#images-list {
     list-style-type: none;
     width: 400px;
     margin-top: 8px;
 }
 #images-list li {
     float: left;
     margin-right: 6px;
 }
 #images-list li.image-5 {
     margin-right: 0px;
 }
 
 #product-details {
     float: right;
     margin: 8px 0 0 0;
 }
 #product-details h3 {
     margin-bottom: 10px;
 }
 #product-details h4.price {
     margin: 20px 0;
 }
 
 div.info p { color: #381e46; }
 
 #bottom-nav { position: absolute; bottom: 0; }
 #bottom-nav ul { list-style-type: none;}
 #bottom-nav ul li {
     float: left;
     margin: 0 7px 0 0;     
 }
 #bottom-nav ul li:after {
      content: "/";
      color: #83ae4d;
  }
 #bottom-nav ul li:last-child:after { content: none; }
 #bottom-nav ul li a {
     font-size: 12px;
     color: #636363;
     padding: 0 6px 0 0;
     text-decoration: none;
 }
 
#search { float: right; }
#search input { float: left; }
#search form { height: 24px; }
#search input[type="text"] { background: #fff; width: 187px; height: 15px; font: 12px Arial, Helvetica; color: #a1a1a1; border: 1px solid #b4b4b4; padding: 2px 5px 3px; margin: 1px 0; } 

#slider { height: 442px; }
.slider-wrapper { margin: -27px 0 0 0; height: 442px; }
#art-block, #stuff-block, #tees-block { margin: 9px 0 39px 0; height: 231px; } 
#art-block, #stuff-block { margin-right: 15px; } 

 
.newsletter { float: right; }
.newsletter p, .newsletter form, .newsletter input { float: left; }
.newsletter p { color: #fff; line-height: 52px; }
.newsletter form { height: 24px; margin: 13px 0 13px 14px; }
.newsletter input[type="text"] { background: #fff; width: 180px; height: 15px; font: 12px Arial, Helvetica; color: #a1a1a1; border: 1px solid #b4b4b4; padding: 2px 5px 3px; margin: 1px 0; }
#contact-form { margin-top: 12px; }
#contact-form input[type="text"] { background: #fff; width: 237px; height: 15px; font: 12px Arial, Helvetica; color: #a1a1a1; border: 1px solid #b4b4b4; padding: 2px 5px 3px; margin: 0 0 12px; }
#contact-form label { width: 140px; height: 32px; color: #898989; margin: 2px 0 0 0; float: left; clear: left; }
#contact-form textarea {
    width: 231px; height: 87px; padding: 9px 8px 8px;
    float: left;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #b4b4b4;
    background: #fff;
    color: #a1a1a1;
    margin: 0 0 15px;
}
#captcha-div { clear: left; margin-left: 140px; margin-bottom: 7px;}

#footer { min-height: 285px; background: #1e1d1d; }
    #footer-content { margin: 0 auto; padding: 20px 0; }
    #footer-text { line-height: 1.5;}
        #footer-text div { margin: 0 0 15px 2px;}
        #footer-text div a { color: #959595; text-decoration: none; }
        #footer-text div a:hover { color: #e1d1d1;}
        #footer-text div a:before {
            content: "/ ";
            color: #83ae4d;
        }
    #footer-form form {
        width: 273px;
        margin: 11px 0 0 0;
    }
    #footer-form input, #footer-form textarea {
        float: left;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        background: #626161;
        color: #b1b0b0;
        border: none;
        margin: 0 0 15px;
    }
    #footer-form input[type="text"] {
        width: 261px;
        padding: 9px 8px 8px;
    }
    #footer-form textarea { width: 261px; height: 107px; padding: 9px 8px 8px; }
    #error ul { list-style-type: none; }
    #error { background: #381e46; color: #fff; margin: 10px 0; padding: 5px; }
    /*
     * jQuery Nivo Slider v2.6
     * http://nivo.dev7studios.com
     *
     * Copyright 2011, Gilbert Pellegrom
     * Free to use and abuse under the MIT license.
     * http://www.opensource.org/licenses/mit-license.php
     * 
     * March 2010
     */


    /* The Nivo Slider styles */
    .nivoSlider {
    	position:relative;
    }
    .nivoSlider img {
    	position:absolute;
    	top:0px;
    	left:0px;
    }
    /* If an image is wrapped in a link */
    .nivoSlider a.nivo-imageLink {
    	position:absolute;
    	top:0px;
    	left:0px;
    	width:100%;
    	height:100%;
    	border:0;
    	padding:0;
    	margin:0;
    	z-index:6;
    	display:none;
    }
    /* The slices and boxes in the Slider */
    .nivo-slice {
    	display:block;
    	position:absolute;
    	z-index:5;
    	height:100%;
    }
    .nivo-box {
    	display:block;
    	position:absolute;
    	z-index:5;
    }
    /* Caption styles */
    .nivo-caption {
    	position:absolute;
    	left:0px;
    	bottom:0px;
    	background:#000;
    	color:#fff;
    	opacity:0.8; /* Overridden by captionOpacity setting */
    	width:100%;
    	z-index:8;
    }
    .nivo-caption p {
    	padding:5px;
    	margin:0;
    }
    .nivo-caption a {
    	display:inline !important;
    }
    .nivo-html-caption {
        display:none;
    }
    /* Direction nav styles (e.g. Next & Prev) */
    .nivo-directionNav a {
    	position:absolute;
    	top:45%;
    	z-index:9;
    	cursor:pointer;
    }
    .nivo-prevNav {
    	left:0px;
    }
    .nivo-nextNav {
    	right:0px;
    }
    /* Control nav styles (e.g. 1,2,3...) */
    .nivo-controlNav a {
    	position:relative;
    	z-index:9;
    	cursor:pointer;
    }
    .nivo-controlNav a.active {
    	font-weight:bold;
    }

    /*
    Skin Name: Nivo Slider Default Theme
    Skin URI: http://nivo.dev7studios.com
    Skin Type: flexible
    Description: The default skin for the Nivo Slider.
    Version: 1.0
    Author: Gilbert Pellegrom
    Author URI: http://dev7studios.com
    */

    .theme-default .nivoSlider {
    	position:relative;
    	background:#fff url('../img/slider/loading.gif') no-repeat 50% 50%;
    	margin: 37px 0 0 0;
    }
    .theme-default .nivoSlider img {
    	position:absolute;
    	top:0px;
    	left:0px;
    	display:none;
    }
    .theme-default .nivoSlider a {
    	border:0;
    	display:block;
    }

    .theme-default .nivo-controlNav {
    	position:absolute;
    	left:50%;
    	bottom:13px;
        margin-left:-50px; /* Tweak this to center bullets */
    }
    .theme-default .nivo-controlNav a {
    	display:block;
    	width:22px;
    	height:17px;
    	background:url('../img/slider/bullet.png') no-repeat;
    	text-indent:-9999px;
    	border:0;
    	margin-right:3px;
    	float:left;
    }
    .theme-default .nivo-controlNav a.active {
    	background-position:0 -23px;
    }

    .theme-default .nivo-directionNav a {
    	display:block;
    	width:30px;
    	height:30px;
    	background:url('../img/slider/arrows.png') no-repeat;
    	text-indent:-9999px;
    	border:0;
    }
    .theme-default a.nivo-nextNav {
    	background-position:-30px 0;
    	right:15px;
    }
    .theme-default a.nivo-prevNav {
    	left:15px;
    }

    .theme-default .nivo-caption {
        font-family: Helvetica, Arial, sans-serif;
    }
    .theme-default .nivo-caption a {
        color:#fff;
        border-bottom:1px dotted #fff;
    }
    .theme-default .nivo-caption a:hover {
        color:#fff;
    }
    
    #product-options { margin: 17px 0 0 0; }
    #product-options p { float:left; width: 30px;}

    /* Dropdown control */
    .selectBox-dropdown {
        float: left; 
    	width: 154px; /* width = (desired width) - padding-right */
    	height: 15px;
    	padding-top: 1px;
    	padding-bottom: 4px;
    	padding-right: 25px;
    	padding-left: 9px;
    	position: relative;
    	border: solid 1px #b4b4b4;
    	line-height: 1.5;
    	text-decoration: none;
    	color: #a0a0a0;
    	outline: none;
    	text-align: left;
    	vertical-align: middle;
    	background: #fff;
    	display: inline-block;
    	cursor: default;
    	margin-left: 14px;
    	margin-top: 14px;
    }
        #product-options .selectBox-dropdown { margin-top: -3px; margin-left: 52px; }

    .selectBox-dropdown:focus,
    .selectBox-dropdown:focus .selectBox-arrow {
    	border-color: #666;
    }

    .selectBox-dropdown.selectBox-menuShowing {
    	-moz-border-radius-bottomleft: 0;
    	-moz-border-radius-bottomright: 0;
    	-webkit-border-bottom-left-radius: 0;
    	-webkit-border-bottom-right-radius: 0;
    	border-bottom-left-radius: 0;
    	border-bottom-right-radius: 0;
    }

    .selectBox-dropdown .selectBox-label {
    	width: 100%;
    	display: inline-block;
    	white-space: nowrap;
    	overflow: hidden;
    }

    .selectBox-dropdown .selectBox-arrow {
    	position: absolute;
    	top: 0;
    	right: 0;
    	width: 25px;
    	height: 100%;
    	background: url('../img/jquery.selectBox-arrow.gif') 50% center no-repeat;
    	border-left: solid 1px #BBB;
    }


    /* Dropdown menu */
    .selectBox-dropdown-menu {
    	position: absolute;
    	z-index: 99999;
    	max-height: 200px;
    	border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */
    	background: #FFF;
    	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    	overflow: auto;
    }


    /* Inline control */
    .selectBox-inline {
    	width: 250px;
    	outline: none;
    	border: solid 1px #BBB;
    	background: #FFF;
    	display: inline-block;
    	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
    	border-radius: 4px;
    	overflow: auto;
    }

    .selectBox-inline:focus {
    	border-color: #666;
    }


    /* Options */
    .selectBox-options,
    .selectBox-options LI,
    .selectBox-options LI A {
    	list-style: none;
    	display: block;
    	cursor: default;
    	padding: 0;
    	margin: 0;
    }

    .selectBox-options LI A {
    	line-height: 1.5;
    	padding: 0 .5em;
    	white-space: nowrap;
    	overflow: hidden;
    	background: 6px center no-repeat;
    }

    .selectBox-options LI.selectBox-hover A {
    	background-color: #EEE;
    }

    .selectBox-options LI.selectBox-disabled A {
    	color: #888;
    	background-color: transparent;
    }

    .selectBox-options LI.selectBox-selected A {
    	background-color: #C8DEF4;
    }

    .selectBox-options .selectBox-optgroup {
    	color: #666;
    	background: #EEE;
    	font-weight: bold;
    	line-height: 1.5;
    	padding: 0 .3em;
    	white-space: nowrap;
    }


    /* Disabled state */
    .selectBox.selectBox-disabled {
    	color: #888 !important;
    }

    .selectBox-dropdown.selectBox-disabled .selectBox-arrow {
    	opacity: .5;
    	filter: alpha(opacity=50);
    	border-color: #666;
    }

    .selectBox-inline.selectBox-disabled {
    	color: #888 !important;
    }

    .selectBox-inline.selectBox-disabled .selectBox-options A {
    	background-color: transparent !important;
    }
    
.fbConnectWidgetTopmost { border: none; }
#product-5, #product-9, #product-13, #product-17, #product-21, #product-25, #product-29, #product-33, #product-37, #product-41, #product-45, #product-49, #product-53, #product-57, #product-61, #product-65, #product-69, #product-73, #product-77, #product-81, #product-85, #product-89, #product-93, #product-97 { clear: both; } 
#products #product-4, #products #product-8, #products #product-12, #products #product-16, #products #product-20, #products #product-24, #products #product-28, #products #product-32, #products #product-36, #products #product-40, #products #product-44, #products #product-48, #products #product-52, #products #product-56, #products #product-60, #products #product-64, #products #product-68, #products #product-72, #products #product-76, #products #product-80, #products #product-84, #products #product-88, #products #product-92, #products #product-96, #products #product-100 { margin: 0; }            

#cart-left {
    margin-left: 0;
    margin-top: 21px;
}
#cart-right {
    position: relative;
    width: 230px;
    margin-left: 65px;
    margin-top: 10px;
}
#cart-right h5 { margin-top: 24px; }
span.payment-icon {
    position: absolute;
    top: 10px;
    left: -57px;
    display: block;
    background: url('../img/payment-icon.png') no-repeat;
    width: 51px;
    height: 50px;
}
span.yay-icon {
    position: absolute;
    top: 142px;
    left: -57px;
    display: block;
    background: url('../img/yay-icon.png') no-repeat;
    width: 51px;
    height: 50px;
}

#cart-table
{
	width:620px;
}

#cart-table tr.row th,#cart-table tr.row td,#cart-table tr.row-alt th,#cart-table tr.row-alt td
{
	vertical-align:middle;
}

#cart-table #head-item {
    width: 250px;
    text-align: left;
    padding: 10px 0 10px 10px;  
}
#cart-table #head-price
{
	width:50px;
	padding: 10px 0;
	text-align: left;	
}

#cart-table #head-qty
{
	width:60px;
	padding: 10px 0 10px 0;	
	text-align: left;	
}

#cart-table #head-total
{
	width:40px;
	padding: 10px 0 10px 5px;
	text-align: left;	
}

#cart-table .item-qty input
{
	text-align: right;
	width:41px;
	font-size: 12px;
	font-weight: bold;
	color: #5b4666;
	padding: 2px 5px 3px;
	border: 1px solid #b4b4b4;
	
}

thead#cart-head  {
    background: url('../img/cart-bg.png') repeat-x;
    padding: 8px 0;
    font-size: 14px;
    line-height: 0.85;    
    color: #fff;
}

td.item-price, td.item-total {
    color: #5b4666;
}
td.item-total { font-weight: bold; }

.cart-update
{

}

#cart-table tr.row, #cart-table tr.row-alt {
    padding: 10px 0 10px 10px;      
}

#cart-table tr.row td a img,#cart-table tr.row th a
{
	border:none;
	text-decoration:none;
}

#cart-footer
{
    border-top: 1px solid #b9b8b8;    
	text-align:right;
}

#cart-body td img,#cart-body td a
{
	display:block;
	float:left;
}
#cart-body td img { 
    width: 40px; 
    padding: 10px 0 10px 10px;      
}

#cart-body td a
{
    padding: 27px 0 0 19px;  
	text-decoration: none;
}
#cart-body td a:hover { text-decoration: underline; }


#update-btn-footer,#cart-shipping-tax .total-shipping,.total-discount,.total-price,button.checkout-btn
{
	margin-left:23px;
}
span.discount { float:left; }
span.total-discount, span.total-shipping {
    float: right;
    text-align: left;
}


#country
{
	margin-left:5px;
}

#cart_discount_code,.total-shipping,.total-price, .total-discount
{
	display:inline-block;
	width:125px;
}

.cart-shipping
{
	float:left;
	height:50px;
	line-height:50px;
	padding: 0 0 0 10px;
}
.cart-shipping label { float: left; color: #898989; }
.cart-shipping .selectBox-dropdown { }
.cart-discount
{
    width: 233px;
    float: right;
	margin:16px 0 0;
}
.cart-discount input[type="text"] {float: right; background: #fff; width: 187px; height: 15px; font: 12px Arial, Helvetica; color: #a1a1a1; border: 1px solid #b4b4b4; padding: 2px 5px 3px; margin: -2px 0; } 
.cart-discount label { color: #898989; float: left; }
.cart-discount p { float: left; }

.cart-total
{
    float: right;
    width: 233px;
	margin:1px 0 0;
}

.cart-options {
    clear: right;    
    float: right;
    width: 233px;
    margin: 12px 0 0;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
a#size-chart {
    float: right;
}
#contact-content { margin-top: 14px; }
#okay-sidebar { margin-top: 32px; float: right; }
#okay-sidebar h3 { margin-bottom: 11px;}
#okay-sidebar ul { list-style-type: none; }
#okay-sidebar li a { text-decoration: none; }
#okay-sidebar li#like a { 
    background: url('../img/like-icon.png') no-repeat;
    padding-left: 59px;
    height: 50px;
    line-height: 50px;
    display: block;
    margin: 20px 0;
}
#okay-sidebar li#hai a { background: url('../img/hai-icon.png') no-repeat;
padding-left: 59px;
height: 50px;
line-height: 50px;
display: block;
margin: 20px 0;
}
#okay-sidebar li#nice a { background: url('../img/nice-icon.png') no-repeat;
padding: 5px 1px 5px 59px;
height: 50px;
line-height: 1.5;
display: block;
margin: 20px 0;
}
#faq-content { margin-top: 30px; }
#faq-content p { margin-bottom: 14px;}