/**
 * 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; font-size:12px; }
#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: 8px; }
#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; }

#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; }

#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 dt { clear:left; float:left; text-align: right; width:50%; margin-right: 1em; }
#shopp dd { clear:right; width:50%; padding-left: 50%; }

#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: 10px 0 0 0; }
#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: 150%; }
#shopp #cart .remove { font-size: 11px; text-decoration: underline;}
#shopp #cart .update { font-size: 11px; }
.disclaimer { font-size: 11px; }
#shopp #cart .totals .ship{padding:0 10px 0 0;color:#666666; font-size:12px;}
#shopp #cart .totals .hd1{padding:0 10px 0 0; color:#666666; font-size:14px;}
#shopp #cart .totals .hd2{padding:0 10px 0 0; color:#666666; font-size:14px; font-weight: normal;}
#shopp #cart .totals .tt1{padding:0 10px 0 0; color:#174C7A; font-size:18px;}
#shopp #cart .totals .tt2{padding:0 10px 0 0; color:#174C7A; font-size:18px; font-weight:bold;}

#shopp #cart address { font-style: normal; }
#shopp #cart big { display: block; margin: 10px 0; color:#617C09;}
#shopp #cart big a{text-decoration: underline; font-size:14px;}
#shopp #cart big a.right { float: right; text-decoration: none;}

#shopp #cart .money input{}

#shopp #cart .cl1{float:left;}
#shopp #cart .cl2{float:left; margin:45px 0 0 15px}
#shopp #cart .cl2 .name{margin:5px 0 5px 0;}
#shopp #cart .figure{margin:47px 0 0 0;}


#shopp .highlight{color:#184a7b;}

/**
 * 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 .shopp-errors { color: #990000; }
#shopp input.error { background: #ffdddd; }
#shopp label.error { color: #990000; font-weight: bold; }

.clickwrap-terms { overflow: auto; height: 200px; border: 1px solid #333; padding: 0.5em; margin-bottom: 1em; }

/**
 * Order Receipt
 **/
#shopp #receipt { position: relative; margin: 10px 0; width:620px;}
#shopp #receipt address { font-style: normal; }
#shopp #receipt fieldset { padding: 10px; border: 1px solid #dadada; margin: 20px 0 30px; }
#shopp #receipt fieldset legend { display: block; }
#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:normal;text-align: left; border: none; color:#666666;}
#shopp #receipt th,
#shopp #receipt td { padding: 3px 0; }
#shopp #receipt .order .item { width: 50%; font-weight: bold;}
#shopp #receipt .order td.qty { text-align: center; }
#shopp #receipt .order .money{font-weight:normal;color:#666666;}
#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%; }
#receipt .order-num{margin:0 auto;width:248px; height:32px;background:#F4F4F4; color:#333333;}
#receipt .order-num p{padding:5px 0 0 0;}
#receipt h3{color: #174C7A;font-size: 18px;margin: 15px 0 0 0;padding: 0; font-weight: bold;}
#receipt .cols{margin:20px 0 0 0;color:#666666;}
#receipt .c1{float:left;width:250px;}
#receipt .c2{float:left;width:240px;}
#receipt .c2 h4{margin:0; padding:0;font-weight: bold;color:#666666;}
#receipt .c3{float:left;width:125px;}
#receipt .c3 h4{margin:0; padding:0;font-weight: bold;color:#666666;}
#receipt .clear{clear:both;}


/**
 * G styles
 **/

/* Products list */
#shopp .products {
	width:auto;
	margin:0 -50px;
}
#shopp .products li {
	float:left;
	display:block;
	width:260px;
	margin-left:54px;
	position:relative;
	font-size:14px;
	color:#777;
}
#shopp .products .product-image {
	margin-bottom:10px;
}
#shopp .products .product-image img {
	border:1px solid #B9BCB8;
}
#shopp .products .product-thumb {
	position:absolute;
	top:35px;
	right:-35px;
}

.comming-soon-image {
	position: absolute;
	top: 10px;
	right: -41px;
}

#shopp .products .price {
	font-size:22px;
	color:#174C7A;
	padding-top:10px;
}
#shopp .products .approx {
	font-size:13px;
	color:#174C7A;
	padding-right:35px;
	height:30px;
	float:right;
}
#shopp .products .approx .stg {display:block;}
#shopp .products .approx .usd {display:block;}
#shopp .products .price span{font-style: italic; font-weight: normal;}

#shopp .products .details {
	min-height:80px;
}
#shopp .products .product-options {
	margin-top:5px;
	padding-top:15px;
	background:url("images/line.png") top center no-repeat;
}
#shopp .products .btn-blue {
	float:left;
}
#shopp .products form {
	float:right;
}


/* Product page */
#shopp .product blockquote {
	font-size:18px;
	color:#666;
}
#shopp .product .box1 blockquote {
	/*padding:10px 0 10px 55px;
	background:url(images/quote.png) left 4px no-repeat;*/
}

#shopp .product .box1 blockquote p {
        font-size:18px;
        line-height: 24px;
}

#shopp .product .box2 blockquote p {
        font-size:18px;
        line-height: 24px;
}

#shopp .product blockquote strong {
	display:block;
	margin-top:5px;
	font-weight:normal;
	font-size:12px;
}
#shopp .product hr {
	border:0;
	height:1px;
	background:#71a0bb;
	display:block;
	margin-bottom:15px;
}
#shopp .product .row {
	margin-bottom:20px;
}
#shopp .product .summary {
	padding-bottom:20px;
	font-size:14px;

}
#shopp .product .col1 {
	width:240px;
}
#shopp .product .col2 {
	width:380px;
	float:left;

}
#shopp .product .col3 {
	/*width:160px;*/
	float:right;
         margin:25px 0 0 0;
}

#shopp .product .col3 .mid{
    margin: 0 0 0 44px;
    position: relative;
    top: -21px;
}

#shopp .product .col3 .top{
        font-size: 16px;
        font-style: italic;
        font-weight: bold;
        line-height: 6px;
}
#shopp .product .col3 .gap{padding:8px 0;}
#shopp .product .cart {
	padding:20px 0 40px 0;
	text-align:center;
}
#shopp .product .cart .addtocart {
	font-size:24px;
	height:60px;
	padding:0 30px;
}
#shopp .product .col2 h2 {
	color:#fff;
	font-size:36px;
	padding:0;
}
#shopp .product .col2 h3 {
	color:#fff;
	margin-bottom:20px;
}
#shopp .product .col2 li {
	list-style:none;
	padding:1px 0 5px 30px;
        line-height:18px;
	background:url("images/thick-white.png") left 4px no-repeat !important;
}
#shopp .product .price {
	/*font-size:36px;*/
	font-size:32px;
	color:#fff;
}
#shopp .product .approx {
	/*font-size:36px;*/
	font-size:13px;
	color:#fff;
	padding-right:15px;
	padding-top:5px;
	height:30px;
	float:right;
}

#shopp .product .approx .stg {display:block;}
#shopp .product .approx .usd {display:block;}
#shopp .product .box1,
#shopp .product .box2 {
	clear:both;
	padding:50px 50px 30px 50px;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}

#shopp .product .box2 p {
color:#666; line-height: 20px; font-size:13px; margin:10px 0 10px 0;

}

#shopp .product .box2 p a{text-decoration:underline;}

#shopp .box2 a.lnk{text-decoration: underline;}
#shopp .product .box1 h2 {
	padding:0;
	margin:0;
	font-size:18px;
}
#shopp .product .box2 {
	background:#f4f4f4;
}

#shopp .box2 h2 {
	padding:0;
	margin:0;
	font-size:18px;
}

#shopp .product .box1 img {
	margin:-50px -50px 0 0;
	float:right;
}
#shopp .product .box2 img {
	margin:-50px 0 0 -50px;
	float:left;
}

#shopp .box2 blockquote p {
        font-size:18px;
        line-height: 24px;
        margin:10px 0 10px 0;
}

#content-checkout .part{width:423px;margin:0 auto;}

#content-checkout #shopp  form ul li input[type=text] {
width:380px;
height:30px;
border:1px solid #c5c5c5;
}

#content-checkout #shopp h2{color:#174C7A; font-size:24px; font-weight: bold; margin:45px 0 11px 0;}
#content-checkout #shopp .shipping-block h2{color:#174C7A; font-size:24px; font-weight: bold; margin:18px 0 11px 0;}
#content-checkout #shopp  form label{color:#666666; font-size:14px; font-weight: bold;}
#content-checkout #shopp .left {float:left;width:110px;padding:0 30px 0 0;}
#content-checkout #shopp .left input[type=text]{width:110px; }
#content-checkout #shopp .left-side {float:left;width:410px;padding:0 30px 0 0;}
#content-checkout #shopp .left-side input[type=text]{width:110px; float:left;}
#content-checkout #shopp .left-side .ccv{float:left;width:105px;margin:-3px 0 0 5px;padding:0;}
#content-checkout #shopp .right-side {float:left;width:110px;padding:0 30px 0 0;}
#content-checkout #shopp .right-side input[type=text]{width:110px; }
#content-checkout #shopp .checkout-button{font-size:24px;height:60px;padding:0 30px;}
#content-checkout #shopp .right{float:left;}
#content-checkout #shopp #checkout .part .right select{width:235px; margin:3px 0 0 0;}

#content-checkout #shopp .space{padding:0 0 22px 0}

.top-box{width:979px;height:90px;background:#F4F4F4; border-bottom: 1px solid #D3D3D3;
         -webkit-border-radius:15px 15px 0 0;
	 -moz-border-radius:15px 15px 0 0;
	  border-radius:15px 15px 0 0; /* top left, top right, bottom right, bottom left */
}

.top-box .steps{width: 775px; height:57px; background:url("images/steps.jpg") no-repeat; position:absolute; top:20px; left:90px;}
#content-checkout #shopp .ship-box{ padding:10px;background:#f4f4f4; width:358px; border:1px solid #c6c6c6; font-weight: normal;}
#content-checkout #shopp .ship-box label{font-weight: normal;}
.shipping-block{margin:0 0 20px 0;background:#f4f4f4;width:979px;height:500px;border-top: 1px solid #D3D3D3;border-bottom: 1px solid #D3D3D3;}
.ppal{margin:25px auto; width: 180px;}

#content-checkout #shopp .part h3{font-size:14px; font-weight: bold; color:#666666;}
#content-checkout .part .foot{color:#808080;}

#ccart{width:625px; margin:0 auto;}
#ccart h1{margin:45px 0 0 0; border-bottom:1px solid #EDEDED;}
#ccart #shopp #cart .cart td { padding: 30px 0 0 0; color:#666666;}

#content-checkout-thanks{width:650px; margin:50px auto;}
#content-checkout-thanks h2{color:#174C7A; font-size:36px; text-align: center; margin:0; padding:0;}
#content-checkout-thanks .tick{margin:9px 7px 0 0;float:left;width: 30px; height:26px; background:url("images/tick-thanks.png") no-repeat;}
#content-checkout-thanks p{color:#666666; text-align: center;}

#content-checkout-thanks .divider{background:#EDEDED; width:620px; height:1px;margin:10px auto;}
/* Confirm page css spinner */
div.spinner {position: relative;width: 54px;height: 54px;display: inline-block;}
div.spinner div {width: 12%;height: 26%;background: #000;position: absolute;left: 44.5%;top: 37%;opacity: 0;-webkit-animation: fade 1s linear infinite;-webkit-border-radius: 50px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);}
div.spinner div.bar1 {-webkit-transform:rotate(0deg) translate(0, -142%); -webkit-animation-delay: 0s;}
div.spinner div.bar2 {-webkit-transform:rotate(30deg) translate(0, -142%); -webkit-animation-delay: -0.9167s;}
div.spinner div.bar3 {-webkit-transform:rotate(60deg) translate(0, -142%); -webkit-animation-delay: -0.833s;}
div.spinner div.bar4 {-webkit-transform:rotate(90deg) translate(0, -142%); -webkit-animation-delay: -0.75s;}
div.spinner div.bar5 {-webkit-transform:rotate(120deg) translate(0, -142%); -webkit-animation-delay: -0.667s;}
div.spinner div.bar6 {-webkit-transform:rotate(150deg) translate(0, -142%); -webkit-animation-delay: -0.5833s;}
div.spinner div.bar7 {-webkit-transform:rotate(180deg) translate(0, -142%); -webkit-animation-delay: -0.5s;}
div.spinner div.bar8 {-webkit-transform:rotate(210deg) translate(0, -142%); -webkit-animation-delay: -0.41667s;}
div.spinner div.bar9 {-webkit-transform:rotate(240deg) translate(0, -142%); -webkit-animation-delay: -0.333s;}
div.spinner div.bar10 {-webkit-transform:rotate(270deg) translate(0, -142%); -webkit-animation-delay: -0.25s;}
div.spinner div.bar11 {-webkit-transform:rotate(300deg) translate(0, -142%); -webkit-animation-delay: -0.1667s;}
div.spinner div.bar12 {-webkit-transform:rotate(330deg) translate(0, -142%); -webkit-animation-delay: -0.0833s;}
@-webkit-keyframes fade {from {opacity: 1;}to {opacity: 0.25;}}



.products-container #shopp .product .col1{width:230px; margin:3px 0 0 10px;}