/**
 * shopp.css
 * Generic layout & styles for Shopp pages
 *
 * @author Jonathan Davis
 * @package shopp
 **/

/* Generic Shopp Styles */

#shopp .submit { text-align: right; }
#shopp form { text-align: left; }
#shopp form.product ul.options { list-style: none; }
#shopp form ul { line-height: 1; }
#shopp form label { font-size: 14px; font-weight: bold;/*  padding-bottom: 3px; */ }
#shopp form ul li span label,
#shopp form div label { font-size: 11px; font-weight: normal; /* padding-bottom: 8px; */ }

/**
 * Catalog/Category
 **/

.categories ul li a.current { font-weight: bold; }
#shopp .category { position: relative; }
#shopp .views { display: inline; position: absolute; right: 0; top: 0; }
#shopp .views button { border: 1px solid transparent; background: none; cursor: pointer; padding: 2px; margin-bottom: -3px; }
#shopp .views button.hover { background-color: #ebebeb; border: 1px solid #777; }
#shopp .views li { display: inline; }
#shopp .orderby { float: right; }

#shopp .category .subcategories { padding: 10px 0; margin-bottom: 10px; }
#shopp .category .subcategories ul { padding: 10px 0 0 20px; margin-bottom: 10px; }
#shopp .category .subcategories li { display: inline-block; margin-right: 20px; vertical-align: top; }

#shopp .slideshow,
#shopp .carousel { margin: 20px 0; overflow: hidden; }

/* Each product in a category has a containing frame */
#shopp ul.products li.product div.frame { padding: 10px; }

#shopp ul.products li .name,
#shopp ul.products li .summary,
#shopp ul.products li .savings,
#shopp ul.products li .price { margin-top: 0; margin-bottom: 0; }
#shopp ul.products li .details { float: none; }

/* Hide the product summary in the grid view */
#shopp ul.products li .summary { display: none; }
#shopp ul.products li .listview { display: none; }

#shopp ul.products img { display: block; }

/* #shopp .price { font-weight: bold; line-height: 1.5; margin: 0; } */
#shopp .original { text-decoration: line-through; }
#shopp .sale { font-size: 150%; }

/* Faceted menu cancel filter link styles */
.filters a.cancel:before { content: "["; }
.filters a.cancel { font-weight: bold; }
.filters a.cancel:after { content: "]"; }
.filters a.cancel:hover { text-decoration: none; }

/* Product List View */
#shopp.list ul.products li { float: none; width: 100%; overflow: hidden; padding-bottom: 10px;}
#shopp.list ul.products li.product {  border-bottom: 1px solid #ddd; }
#shopp.list ul.products li div.frame { width: 100%; text-align: left; }
#shopp.list ul.products li img { float: left; margin-right: 10px; }
#shopp.list ul.products li .details { float: left; width: 65%; }
#shopp.list ul.products li .listview { display: block; }

#shopp ul.breadcrumb { margin: 10px 0; }
#shopp ul.breadcrumb li { background: none; padding: 0; display: inline; margin-left: 0; text-indent: 0; }

#shopp ul.categories { float: left; margin-right: 20px; }

/* Category Pagination */
#shopp ul.paging { /* placeholder for your styles - inherited defaults: clear: none; display: inline-block; */ }
#shopp ul.paging li { /* placeholder for your styles - inherited defaults: display: inline-block; margin-left: 5px; */ }
#shopp ul.paging li a { /* page links default styling */ }
#shopp ul.paging li a:hover { /* page links hover styling */ }
#shopp ul.paging li.active { /* currrent page style */ }
#shopp ul.paging li.disabled { /* style for disabled previous/next links */ }
#shopp ul.paging li.previous a,
#shopp ul.paging li.next a { /* previous/next link style */ }

/**
 * Product Pages
 **/
#shopp .column { float: left; }
#shopp .column.first { width: 65%; }
#shopp .column.second { float: right; width: 35%; }

#shopp .original { text-decoration: line-through; }
#shopp form.product ul,
#shopp form.product ul li,
#shopp form.product ul li label { clear: none; }
#shopp form.product ul { width: auto; }
#shopp ul.variations label { display: block; }
#shopp dl { overflow: hidden; }
#shopp dl dt { font-weight: bold; float: left; margin-right: 10px; clear: left;  }
#shopp dl dd { display: block; clear: right; }

#shopp .gallery { margin: 5px 10px 5px 0; }
#shopp .gallery ul.previews li.thumbnails ul { margin: 10px 0 10px 0; }
#shopp .gallery ul.previews li.thumbnails li { margin: 0 5px 0 0; }

/**
 * Category List Widget
 **/
ul.shopp_categories { /* category list container */ }
ul.shopp_categories li { /* category listing containers */ }
ul.shopp_categories li a { /* category link default styles */ }
ul.shopp_categories li a:hover { /* category link hover styles */ }
ul.shopp_categories li span { /* categpry product count styles */ }
ul.shopp_categories li.current { /* currently viewed category container */ }
ul.shopp_categories li.current a { /* currently viewed category link style */ }
ul.shopp_categories li.current a:hover { /* currently viewed category link hover style */ }
ul.shopp_categories li ul.children { /* sub-category list container */ }
ul.shopp_categories li ul.children li { /* sub-category listing container */ }
ul.shopp_categories li ul.active { /* active sub-category container */ }

/* Collapsed sub-category menus example
ul.shopp_categories li ul.children { display: none; }
ul.shopp_categories li ul.active { display: block; }
*/

/**
 * Side Products Widget
 **/
.sideproduct { margin-top: 20px; }
.sideproduct h3 { margin-top: 0; }

/**
 * Shopping Cart
 **/
#shopp #cart { width: 100%; }
#shopp #cart table { padding: 10px 0; width: 100%; }
#shopp #cart th { text-align: left; font-weight: bold; }
#shopp #cart th, #shopp #cart td { padding: 3px; }
#shopp #cart .item { width: 50%; }
#shopp #cart .money,
#shopp #cart .totals th,
#shopp #cart .buttons td { text-align: right; white-space: nowrap; }
#shopp #cart .totals.total th,
#shopp #cart .totals.total td { font-size: 130%; }
#shopp #cart .remove { font-size: 9px; }

#shopp #cart address { font-style: normal; }
#shopp #cart big { display: block; margin: 10px 0; }
#shopp #cart big a.right { float: right; }

/**
 * Shopping Cart Widget
 **/
#shopp-cart.widget p.status { margin-bottom: 10px; }

#shopp ul.account li { display: inline-block; width: 200px; padding-top: 18px; }

/**
 * Checkout
 **/
#shopp #shipping-methods { padding-left: 30px; }
#shopp #shipping-methods li { margin-top: 5px; }
#shopp #shipping-methods input { margin-left: -16px; }

#shopp #errors { color: #990000; }
#shopp input.error { background: #ffdddd; }
#shopp label.error {/*  color: #990000; font-weight: bold;  */}

/**
 * Order Receipt
 **/
#shopp #receipt { position: relative; margin: 20px 0; }
#shopp #receipt address { font-style: normal; }
#shopp #receipt fieldset { 
border: 1px solid #DADADA;
margin: 20px 10px 30px;
padding: 10px;
background: #efefef;
}
#shopp #receipt fieldset legend { display: block; font-weight: bold; }
#shopp #receipt table { overflow: hidden; }
#shopp #receipt table.transaction th { text-align: left; }
#shopp #receipt .labels { width: 100%; }
#shopp #receipt table.labels td { vertical-align: top; }

#shopp #receipt .order { width: 100%; overflow: hidden; border: none; }
#shopp #receipt td { border: none; }
#shopp #receipt th { font-weight: bold; text-align: left; border: none; }
#shopp #receipt th,
#shopp #receipt td { padding: 3px 0; }
#shopp #receipt .order .item { width: 50%; }
#shopp #receipt .order td.qty { text-align: center; }
#shopp #receipt .order .money,
#shopp #receipt .order .total,
#shopp #receipt .order .buttons td { text-align: right; }
#shopp #receipt .order .totals.total th,
#shopp #receipt .order .totals.total td { font-size: 130%; }

/* hack */
#shopp form ul li.half {
	clear: both;
	display: block;
	width: 100%;
	float: none;
}

/* Thanks Page */
.thanks h3 {
	font-size: 20px;
	text-align: center;
	padding-bottom: 20px;
}
.thanks p {
	line-height: 20px;
}

/* New Checkout Page */

/*step 0*/
#step0 h4{
    font:16px Helvetica,Arial,sans-serif;
    font-weight:bold;
    color:#000;
    margin: 0 0 20px;
    display: block;
}

#step0 #existing-user p, 
#step0 #new-user p{
    margin: 0 0 20px;
    color:#313533;
    font:13px Helvetica,Arial,sans-serif;
}

#step0 #existing-user p strong,  
#step0 #new-user p strong{
    font-weight: bold;
}

#step0 #existing-user p label{
    width:128px;
    display: inline-block;
}

#step0 #existing-user p .inputs{
    border:solid 1px #b5b5b5;
    padding:7px 10px;
    width:260px;
}

.inputs:focus, select:focus, textarea:focus{
    border:solid 1px #1D5B84 !important;
}

#step0 #existing-user p span a{
    display: block;
    margin:5px 0 0 132px;
}

.blue-btn, #shopp #checkout-button, #shopp #checkout #confirm-button {
    background: #2a7aaf;
    border:solid 1px #1d5b84;
    color:#fff;
    text-transform: uppercase;
    padding:7px 20px 7px 10px;
    cursor:pointer;
    position: relative;
}
#shopp #checkout-button, #shopp #checkout #confirm-button {
	display: block;
	margin: 0 auto;
	float: none;
	background-image: url("../images/arrow.png");
	background-repeat: no-repeat;
	background-position: right center;
}
.blue-btn2, #checkout-button, #confirm-button {
    background: #2a7aaf !important;
    border:solid 1px #1d5b84;
    color:#fff !important;
    text-transform: uppercase;
    padding:7px 10px 7px 10px;
    cursor:pointer;
    position: relative;
}

.arrow{
    background: url(../images/arrow.png) no-repeat;
    display: block;
    width:5px;
    height:10px;
    position: absolute;
    top:10px;
    right:12px;
}

.blue-btn:hover, #checkout-button:hover {
    background: #4390c5;
    text-decoration: none;
}

#step0 #new-user{
    width:480px;
}

/*step 1*/
.step1, .step2, .step3, .step4 {
	width: 940px !important;
	padding: 0;
}
.main .currenttitle{
    background: #3c4348;
    width:100%;
    padding:5px 0;
    margin:0 0 25px 0;
}

.main .currenttitle p{
    color:#fff;
    font:16px Helvetica,Arial,sans-serif;
    font-weight: bold;
    margin:5px 10px;
    padding:0 0 0 20px;
    position: relative;
}

.main .currenttitle p span{
    background: #fff;
    color:#3c4348;
    font:9px Helvetica,Arial,sans-serif;
    font-weight: bold;
    border-radius: 10px;
    padding:2px 5px;
    position: absolute;
    top:3px;
    left:0;
}

#checkout-step1{
   margin:20px 0 0 0; 
}

#checkout-step1, table tr td{
    width:940px;
    
}

#checkout-step1 thead tr th{
    text-align: left;
    border-bottom:solid 3px #959595;
    padding:3px 0 5px 0;
}

#checkout-step1 tbody tr td{
    text-align: left;
    vertical-align: top;
    padding:10px 0;
}

#checkout-step1 tbody tr .items img{
    border:solid 1px #d2d2d2;
    margin-right:5px;
}

#checkout-step1 tbody tr .items .alignright{
    margin-left: 0;
    margin-right:20px;
    padding:15px 0 0 0;
    width:250px;
}

#checkout-step1 tbody tr .items .alignright p{
    margin:0 0 15px 0;
    font:13px Helvetica,Arial,sans-serif;
}

#checkout-step1 tbody tr .items .alignright p strong{
    color:#004a80;
}

#checkout-step1 tbody tr .items .alignright select{
    width:140px;
}

#checkout-step1 tbody tr .quantity{
    padding:25px 0 0 0;
}

#checkout-step1 tbody tr .quantity .inputs{
    width:50px;
    text-align: right;
    border:solid 1px #a7a7a7;
    border-radius: 5px;
    padding:3px 5px;
}

#checkout-step1 tbody tr .quantity .update{
    background: #ededed;
    border:solid 1px #ababab;
    border-radius:5px;
    cursor: pointer;
    font:11px Helvetica,Arial,sans-serif;
    display: inline-block;
    margin:0 0 0 15px;
}

#checkout-step1 tbody tr .price{
    position: relative;
    padding:25px 0 0 0;
}

#checkout-step1 tbody tr .price .remove{
    background: #d6d6d6;
    border:solid 1px #ababab;
    border-radius:5px;
    cursor: pointer;
    font:11px Helvetica,Arial,sans-serif;
    display: inline-block;
    margin:0 0 0 15px;
    position: absolute;
    right:20px;   
}

#checkout-step1 tfoot{
    border-top:solid 3px #959595;
}

#checkout-step1 tfoot tr td{
    padding:30px 0 0 0;
}

#checkout-step1 tfoot tr .promo{
    vertical-align: top;
}

#checkout-step1 tfoot tr .promo .inputs{
    width:50px;
    border:solid 1px #a7a7a7;
    border-radius: 5px;
    padding:2px 5px;
}

#checkout-step1 tfoot tr .promo button{
    background: #d6d6d6;
    border:solid 1px #ababab;
    border-radius:5px;
    cursor: pointer;
    font:11px Helvetica,Arial,sans-serif;
    display: inline-block;
    padding:2px 5px;   
    margin:-2px 0 0 5px;
}

#checkout-step1 tfoot tr td .counts p{
    margin:0 0 15px 0;
}

#checkout-step1 tfoot tr td .counts p label{
    display: inline-block;
    width:160px;
    text-align: right;
    color:#4c4339;
}

#checkout-step1 tfoot tr td .counts p span{
    width:80px;
    text-align: right;
    /* padding: 0 0 0 10px; */
    display: inline-block;
}

#checkout-step1 tfoot tr td .counts .total{
    border-top:solid 1px #cccccc;
    padding:10px 0 0 0 ;
}

.options{
    width:472px;
    margin:20px auto;
}

.options .discount{
    display: block;
    margin:0 0 30px 0;
    text-align: center;
}

.options .gray-btn, a.gray-btn{
    background: #dddddd;
    border:solid 1px #a6a6a6;
    color:#464646;
    text-transform: uppercase;
    padding:7px 10px 7px 20px;
    cursor:pointer;
    position: relative;
}

.options .gray-btn:hover, a.gray-btn:hover {
    background: #e8e8e8;
    text-decoration: none;
}
.steps-go {
	padding-left: 300px;
}
.steps-go a.gray-btn {
	float: left;
	padding: 10px 10px 7px 20px;
	display: inline-block;
	margin-right: 5px;
}
.payoption-button {
	float: left;
	display: inline-block;
}
.arrow-left{
    background: url(../images/arrow-left.png) no-repeat;
    display: block;
    width:5px;
    height:10px;
    position: absolute;
    top:9px;
    left:10px;
}

/*step 2*/

.main .title{
    background: #8c9ba5;
    width:100%;
    padding:5px 0;
    margin:0 0 5px 0;
    position: relative;
}

.main .title p{
    color:#fff;
    font:16px Helvetica,Arial,sans-serif;
    font-weight: bold;
    margin:5px 10px;
    padding:0 0 0 20px;
    position: relative;
}

.main .title p span{
    background: #fff;
    color:#3c4348;
    font:9px Helvetica,Arial,sans-serif;
    font-weight: bold;
    border-radius: 10px;
    padding:2px 5px;
    position: absolute;
    top:3px;
    left:0;
}

.edit-links{
    position: absolute;
    top:10px;
    right:10px;
    color:#fff;
    font:16px Helvetica,Arial,sans-serif;
}

/* step 2 */

#billing,
#shipping{
    width:450px;
}

#billing h4,
#shipping h4{
    font:16px Helvetica,Arial,sans-serif;
    font-weight: bold;
    color:#000;
    margin:0 0 20px 0;
    display: inline-block;    
}

#billing p{
    font:12px Helvetica,Arial,sans-serif;
}

#billing .error-message{
    background: url(../images/info.png) no-repeat left;
    padding:0 0 0 15px;
    font:12px Helvetica,Arial,sans-serif;
    
}

#shipping .error-message{
    /* background: url(../images/close.png) no-repeat left; */
    padding:0 0 0 15px;
    color:#727272;
    font:12px Helvetica,Arial,sans-serif;    
}

#billing .billing-name,
#billing .billing-contact,
#billing .billing-address,
#shipping .billing-name,
#shipping .billing-contact,
#shipping .billing-address{
    margin:0 0 10px 0;
}

#billing .billing-contact,
#billing .billing-address,
#shipping .billing-contact,
#shipping .billing-address,
#shipping .payment-information {
    border-top:solid 1px #e2e2e2;
    padding:25px 0 0 0;
}

#billing .billing-name label,
#billing .billing-contact label,
#billing .billing-address label,
#shipping .billing-name label,
#shipping .billing-contact label,
#shipping .billing-address label,
#shipping .payment-information label{
    font:13px Helvetica,Arial,sans-serif;
    font-weight: bold;
    color:#000;
    width:160px;
}

#billing .billing-name p,
#billing .billing-contact p,
#billing .billing-address p,
#shipping .billing-name p,
#shipping .billing-contact p,
#shipping .billing-address p,
#shipping .payment-information p
{
    float: left;
    clear: both;
    margin:0 0 15px 0;
}

#billing .billing-name .important,
#billing .billing-contact .important,
#billing .billing-address .important,
#billing .important,
#shipping .billing-name .important,
#shipping .billing-contact .important,
#shipping .billing-address .important,
#shipping .important{
    color:#ed1c24;
    font:16px Helvetica,Arial,sans-serif;
    margin:0 5px 0 0;
}

#billing .billing-name .inputs,
#billing .billing-contact .inputs,
#billing .billing-address .inputs,
#shipping .billing-name .inputs,
#shipping .billing-contact .inputs,
#shipping .billing-address .inputs{
    font:13px Helvetica,Arial,sans-serif;
    border:solid 1px #b5b5b5;
    width:260px;
    padding:7px 10px;
    color:#959595;
}

#billing .billing-name .inputs:focus,
#billing .billing-contact .inputs:focus,
#billing .billing-address .inputs:focus,
#shipping .billing-name .inputs:focus,
#shipping .billing-contact .inputs:focus,
#shipping .billing-address .inputs:focus{
    color:#000;
}

#billing .error,
#shipping .error{
    /*
background: #f9e6ef;
    border:solid 1px #b40d5c !important;
    text-align: left;
*/    
}

.center{
    margin:0 auto;
    display: block;
}

/* step 3 */

.step3 .nav{
    border-bottom:solid 3px #cccccc;
    padding:0 0 15px 0;
    margin: 0 0 30px 0;
    display: block;
    text-align: center;
    width:100%;
    height:15px;
}

.step3 .nav ul{
    width:250px;
    margin:0 auto;
}

.step3 .nav ul li{
    float: left;
    margin:0 20px 0 0;
}

.step3 .nav ul li a{
    padding: 0 0 15px;
    font:13px Helvetica,Arial,sans-serif;
    font-weight: bold;
    color:#7f7f7f;
}

.step3 .nav ul .current a{
    color:#000;
    border-bottom:solid 2px #000;
}

.step3 .form p{
    margin: 0 0 15px 0;
}

.step3 .form p select{
    width:150px;
    /* border-radius:4px; */
    padding:3px 5px;
    border:solid 1px #b5b5b5;
}

.step3 .form p label{
    display: block;
    font:13px Helvetica,Arial,sans-serif;
    font-weight: bold;
    color:#000;
    margin:5px 0 0 0;
}

.step3 .form p label a{
    font:11px Helvetica,Arial,sans-serif;
    color:#000;
}

.step3 .form p .checkbox{
    float:left;
    width:13px;
    margin:5px 10px 0 0;
}

.step3 .form p .alignright{
    margin:0 20px 0 0;
    width:890px;
    font:13px/21px Helvetica,Arial,sans-serif;
}

.step3 .form p .inline{
    display: inline-block !important;
}

.step3 .form p .inputs{
    width:150px;
    padding:7px 10px;
    border:solid 1px #b5b5b5;
}

.step3 .form .card, 
.step3 .form .expires, 
.step3 .form .code{
    float: left;
    margin:0 35px 15px 0 !important;
    display: inline-block;
}

.step3 .form .card .inputs{
    width:280px;
}

.step3 .form .expires .inputs{
    width:30px;
}

.step3 .form .code .inputs{
    width:70px;
}

.step3 .form .name .inputs{
    width:390px;
}

.step3 .form .how .inputs{
    width:910px;
}

.step3 .form .comments textarea{
    width:450px;
    padding:7px 10px;
    border:solid 1px #b5b5b5;
}

/* step 4*/

.step4 #message{
    padding:0 0 0 5px;
    margin:0 0 35px 0;
}

.step4 #message h1{
    font:28px/21px Helvetica,Arial,sans-serif;
    font-weight: normal;
    color:#000;
}

.step4 #message p{
    margin: 0 0 15px 0;
    color:#333333;
    font:13px/18px Helvetica,Arial,sans-serif;
}

.step4 .social{
    margin:-6px 170px 0 0 !important;
}

.step4 h3{
    color:#6c6c6c !important;
    font-family: Hero !important;
    font-size:17px !important;
    margin: 0 0 5px 0 !important;
    font-weight: normal;
    display: block !important;
    text-align: left;
    padding-bottom: 0px;
}

.hero{
    color:#6c6c6c !important;
    font-family: Hero !important;
    font-size:17px !important;
    margin: 0 0 20px 0 !important;
    font-weight: normal;
    display: inline-block !important;
}

.step4 .alignleft{
    margin-right:5px;
}

.step4 .alignleft h4,
.step4 .alignright h4{
    margin:0 0 15px 0;
}

.step4 .alignright{
    margin-left:5px;
}

.step4 #billing,
.step4 #shipping{
    border:solid 1px #9f9f9f;
    width:420px;
    padding:15px 10px 15px 20px; 
    box-shadow: 2px 2px 1px #c4c4c4;
}

.step4 #billing p,
.step4 #shipping p{
    margin:0 0 20px 0;
}

.step4 #billing p span,
.step4 #shipping p span{
    display: block;
    color:#333333;
}

.main h4{
    font:16px Helvetica,Arial,sans-serif;
    font-weight: bold;
    color:#000;
    margin:30px 0 0 0;
    display: inline-block;    
}

.checkout-step4 th.quantity,
.checkout-step4 td.quantity,
.checkout-step4 th.price,
.checkout-step4 td.price{
    text-align: right !important;
}

.checkout-step4 .items .alignright{
    margin-right:60px !important;
    width:300px !important;
}

.checkout-step4 .quantity p{
    margin: 0 0 0 45px;
}

/* step 6 */

.step6 #breadcrumbs{
    margin:0 0 25px 0;
}

.step6 #breadcrumbs, .step6 #breadcrumbs a{
    color:#818181;
    font:11px/24px Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    padding:0 3px 0 0;
}

.step6 h2{
    color:#103d5b;
    font-family: Hero;
    font-size:24px;
    margin: 0 0 20px 0;
    font-weight: normal;
    display: inline-block;
}

.step6 .social{
    width:160px;
}

.step6 #content #pics{
    margin-right: 5px;
}

.step6 #content #pics{
    background: #fff;
    border:solid 1px #c9d2d8;
    padding:20px;
    width:170px;
}

.step6 #content #pics a:hover{
    opacity:0.8;
}

.step6 #content #pics span{
    text-align: center;
    width:100%;
    margin:0 auto;
    display: block;
    margin:7px 0;
}

.step6 #content #pics ul li{
    float:left;
    margin:0 10px 0 0;
}

.step6 #content #pics ul li:last-child{
    margin: 0 0 0 0;
}

.step6 #content #product{
    width:700px;
    margin-left: 5px;
}

.step6 #content #product .option .download,
.step6 #content #product .option .cd{
    background:#f0f2ed;
    padding:8px 0;
    margin: 0 0 10px 0;
    border-radius:5px;
    width:100% !important;
}

.step6 #content #product .option .download #dl{
    background: url(../images/mp3-dl.png) no-repeat 0 -1px;
    padding:3px 0 0 25px;
    margin:0 0 0 10px;
}

.step6 #content #product .option .download .listprice{
    margin:0 0 0 95px;
}

.step6 #content #product .option .cd .listprice{
    margin:0 0 0 112px;
}

.step6 #content #product .option .cd #mail{
    background: url(../images/cd-mail.png) no-repeat 0 2px;
    padding:0 0 0 25px;
    margin:0 0 0 10px;
}

.step6 #content #product .option .download .cart,
.step6 #content #product .option .cd .cart{
    background: url(../images/addtocart.png) no-repeat;
    width:141px;
    height:30px;
    display: inline-block;
    margin:0 0 0 15px;
    border:none;
    text-indent: -99999px;
    cursor: pointer;
}

.step6 #content #product .option .download .wishlist,
.step6 #content #product .option .cd .wishlist{
    background: url(../images/addtowishlist.png) no-repeat;
    width:153px;
    height:30px;
    display: inline-block;
    margin:0 0 0 15px;
    border:none;
    text-indent: -99999px;
    cursor: pointer;
}

.step6 #content #product .option .download .cart:hover,
.step6 #content #product .option .cd .cart:hover,
.step6 #content #product .option .download .wishlist:hover,
.step6 #content #product .option .cd .wishlist:hover{
    opacity: 0.6;
}

.step6 #content #product .sample{
    height:45px;
    margin: 0 0 30px 0;
}

.step6 #content #product .sample span{
    font:17px Georgia,serif;
    display: inline-block;
    vertical-align: top;
    margin:15px 0 0 0;
}

.step6 #content #product .sample a{
    margin:5px 0 0;
    display: inline-block;
}

.step6 #content #product p{
    color:#000;
    font:14px/26px Helvetica,Arial,sans-serif;
    margin:0 0 10px 0;
}

.step6 #customer-review{
    margin:20px 0;
}

.step6 #customer-review h4{
    color:#000;
    font-family: Hero;
    font-size:17px;
    margin: 0 0 20px 0;
    font-weight: normal;
    display: block;
}

.step6 #customer-review ul{
    position: relative;
}

.step6 #customer-review ul li{
    width:450px;
    margin: 0 0 25px 0;
}
.step6 #customer-review ul li:nth-child(even) {
	float: right;
}
.step6 #customer-review ul li:nth-child(odd) {
	float: left;
}
/*
.step6 #customer-review ul li:nth-child(n+3){
    float:right;
    clear:right;
    position: absolute;
    top:0;
    right:0;
}

.step6 #customer-review ul li:nth-child(n+4){
    float:right;
    clear:right;
    position: absolute;
    top:105px;
    right:0;
}
*/

.step6 #customer-review ul li .alignleft{
    margin-right:5px;
    width:49px;
    padding: 7px 0 0 0;
}

.step6 #customer-review ul li .alignright{
    margin-left:5px;
    width:380px;
}

.step6 #customer-review ul li .alignright span{
    margin: 0 0 10px 0;
    display: inline-block;
}

.step6 #customer-review ul li .alignright .username{
    color:#000;
    font:13px/22px Helvetica,Arial,sans-serif;
}

.step6 #customer-review ul li .alignright .date{
    color:#909090;
    font:13px/22px Helvetica,Arial,sans-serif;
}

.arrowup{
    background: url(../images/arrow-up.png) no-repeat;
    width:14px;
    height:11px;
    display: block;
    position: absolute;
    top:-11px;
    left:14px;
}

.step6 #customer-review ul li .alignright .comments{
    color:#000;
    font:13px/22px Helvetica,Arial,sans-serif;
    background: #e8f0f7;
    border:solid 1px #c4d6e2;
    border-radius:4px;
    padding:7px 10px;
    position: relative;
}

.step6 #write-review h4{
    color:#000;
    font-family: Hero;
    font-size:17px;
    margin: 0 0 20px 0;
    font-weight: normal;
    display: block;
}

.step6 #write-review .alignleft{
    margin-right: 5px;
}

.step6 #write-review .alignleft p{
    margin:0 0 15px 0;
}

.step6 #write-review .alignleft p label{
    font:13px/22px Helvetica,Arial,sans-serif;
    font-weight: bold;
    width:85px;
    display: inline-block;
}

.step6 #write-review .alignleft p .inputs{
    width:340px;
    padding:9px 10px;
    border:solid 1px #b5b5b5;
}

.step6 #write-review .alignright{
    margin-left: 5px;
}

.step6 #write-review .alignright p {
    margin:0 0 15px 0;
}
.step6 #write-review .alignright p.form-submit {
	float: right;
}
.step6 #write-review .alignright p label{
    font:13px/22px Helvetica,Arial,sans-serif;
    font-weight: bold;
    width:85px;
    display: inline-block;
    vertical-align: top;
}

.step6 #write-review .alignright p textarea{
    width:340px;
    padding:14px 10px;
    border:solid 1px #b5b5b5;
}

.step6 #write-review .alignright p .gray-btn{
    background: #dddddd;
    border:solid 1px #a6a6a6;
    color:#464646;
    text-transform: uppercase;
    padding:7px 10px 7px 10px;
    cursor:pointer;
    position: relative;
    float:right;
}

.step6 #write-review .alignright p .gray-btn:hover{
    background: #e8e8e8;
    text-decoration: none;
}

#shopp form label {
	clear: both;
	/* display: inline; */
}
#phone.phone, #email.email {
	margin: 0;
	width: 360px;
}
#billing-address-fields input, .billing-name input, .billing-address input {
	width: 360px;
}
#shopp #billing-country, #shopp #shipping-country, #shopp #billing-state-menu, #shopp #shipping-state-menu, #shopp .payment-information select[name=paymethod], #shopp #checkout #billing-cardtype {
	width: 381px !important;
}
#shopp #checkout #billing-cardholder, #order-data-how-did-you-hear-about-us {
	width: 263px !important;
}
#shopp #checkout #billing-card {
	width: 263px !important;
}
#shopp .step2 p label {
	font-size: 11px !important;
	display: block;
	/* padding-left: 11px; */
	padding-top: 5px;
	padding-bottom: 3px;
	color: #777777;
}
#billing-cardexpires {
	width: 296px;
}
#shopp #checkout .error, #shopp #checkout .error {
	margin-top: 0px !important;
}
#shopp #billing-cardexpires label {
	display: inline-block;
	clear: none;
	float: left;
}
#shopp #billing-cardexpires label[for=billing-cvv] {
	padding-left: 22px;
}

.said p {
	padding: 5px 0;
}
label.shopp-title {
	display: block;
	padding-bottom: 15px;
	font-size: 15px !important;
}

/* add interactivity */
#shopp input:focus, input[type=text]:focus {
	border: 1px solid #1d5b84 !important;
	background: #efefef;
}

.step3 #shopp #cart td {
	padding: 10px;
}
.step3 #shopp #cart > .items:nth-child(1) > th, .step3 #shopp #cart .items:nth-child(1) td {
	border-bottom: 1px solid #d0d0d0;
}
.step3 #shopp #cart .items > td {
	border-bottom: 1px solid #d0d0d0;
}