/* Wishlist styles */
.ccm-core-commerce-wishlist, .ccm-core-commerce-wishlist-contents, .ccm-core-commerce-wishlist-sidebar {background: #fff;font-family: Oswald, sans-serif;
	font-weight: 300 !important;}

	.ccm-core-commerce-wishlist-contents {
	margin-top: 50px;
	margin-bottom: 50px;
	}
	
/* CART */

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ccm-core-commerce-cart-dialog {
	background: white;
	border-radius: 0px;
	box-shadow: 0px 0px 15px #555;
	font-family: Oswald, sans-serif;
	font-weight: 300 !important;
	color: #fff;
	border: 0px;
	margin-bottom: 100px;
}
div.ui-dialog-titlebar.ui-widget-header.ui-corner-all {
	background: #363e40;
	border-radius: 0px;
	box-shadow: 0px 1px 3px #555;
	border: 0px;
}

div.ui-dialog-titlebar.ui-widget-header.ui-corner-all span.ui-dialog-title {
	color: #fff !important;
	font-weight: 300 !important;
	font-size: 22px !important;
}

div.ccm-core-commerce-cart-dialog div.ui-dialog-content.ui-widget-content {min-height: 327px !important; height: auto !important;}


/* Product Detail Basic - extended into products and subscriptions using custom Templates on Product block */

#product-content-wrap {
	margin-left: 55px;
	font-family: Oswald, Arial, Helvetica, Sans-serif;
	font-weight: 300;
	position: relative;
}

.product-content-container, .subscription-content-container {
	width: 100%;
	height: auto;
	display: block;
	padding-top: 15px;
}

.sub-button-wrap {
	float: right;
	width: 300px;
	margin-top: 15px;
    box-sizing: content-box;
}
.product-content-image-wrap {
	float: left;
	width: 300px;
	margin-top: 15px;
}

/* Product display styles */

table.product-select { width:100%; text-align: center;margin-top: 20px; margin-bottom: 5px;}
table.product-select tr{text-align: left; font-weight: 300; font-size: 18px;}
table.product-select tbody td:last-child {padding-top: 8px !important;}
table.product-select select{
	width: 100%;
	height: 25px;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #ccc !important;
	border-radius: 3px;
}


/* Subscription button positioning before editing */

.sub-button-subscription {height: 80px; width: 300px;}
.sub-button-edit {
	position: absolute;
	top: 305px;
	right: 10px;
	text-align: center;
	width: 300px;
}

.sub-button-edit form {width: 100%x; margin: 0px; padding: 0px;}
.sub-button-edit form table {width: 100%; text-align: center; margin: 0px; padding: 0px;}
.sub-button-edit form table td:first-child {display: none;}

div.sub-button-edit input[type=text] {display:none;}
div.sub-button-edit input[type=submit] {
    background: #9a0000;
	text-transform: uppercase;
	color: #fff;
	padding: 8px 30px !important;
	border: 0px !important;
	font-family: Oswald, sans-serif;
	font-size: 16px;
	font-weight: 300 !important;
	margin: 10px 0px !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
}

div.sub-button-edit input[type=submit]:hover {color: #000;}

div.sub-button-edit p {
	width: 285px;
	min-height: 25px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	text-align: center;
	border: 1px solid #ccc !important;
	border-radius: 3px;
	margin: 0 auto;
	margin-bottom: 0px !important;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
}


/* SUBSCRIPTIONS STYLES */

.sub-button-wrap {
	margin-top: 0px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	padding: 10px;
	font-family: Oswald, Arial, Helvetica, Sans-serif;
}

.sub-button-wrap h2 {
	text-transform: uppercase;
	text-align: center;
	font-size: 22px;
	font-weight: 400;
	padding: 10px 15px 10px 15px;
	background: url(images/bg-pattern.png) repeat;
	line-height: 1.2em;
	margin-top: 0px;
}

.sub-button-wrap p {
	font-size: 18px;
	margin-left: 0px;
	padding-left: 0px;
    margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

p.sub-button-or-text {
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	width: 97%;
	position: relative;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

span.whitebg {background: #fff; width: 60px; height: 22px; margin: 0 auto; z-index: 2;padding: 4px 10px;}

span.sub-button-or {
	border-bottom: 1px solid #ccc;
	position: absolute;
	top: 16px;
	left: 0px;
	width: 97%;
	z-index: -1;
}

table.sub-button-oneoff-table  {
	width: 100%;
	margin-bottom: 5px;
}

table.sub-button-oneoff-table tr {
	text-align: left;
}

table.sub-button-oneoff-table td {
	padding: 5px 0px;
	margin: 5px;
}

table.sub-button-oneoff-table label {
	font-weight: 300;
	font-size: 18px;
}

table.sub-button-oneoff-table select {
	width: 300px;
	height: 25px;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #ccc !important;
	border-radius: 3px;
}


/* MAIN AREA STYLES */

.product-content-description, .subscription-content-description {
	float: left;
	width: 490px;
    padding: 0px 15px;
	position: relative;
	margin-bottom:25px;
}
.product-content-description {
	text-align: center;
	float: right;
	width: 500px;
	position: relative;
	margin-bottom:25px;
}

#product-content-tabs div.vrtabsview div.tabcontent ul {
    margin: 0px 0px 10px 0px; 
    padding: 5px 15px; 
    list-style-type: none; 
    background: #e1e1e1; 
    width: auto;
    height: auto;
}

#product-content-tabs div.vrtabsview div.tabcontent ul > li {margin-top: 10px; margin-bottom: 10px; margin-left: 5px; margin-right: 0px; padding-right: 5px; background-image: url(images/bullet.png); background-color: #e1e1e1;
background-repeat: no-repeat;
background-position: 0px 4px; 
padding-left: 24px; float: none !important; width: auto !important;}
.ccm-core-commerce-product-property-list ul {margin: 10px 0px; list-style-type: none; padding-left: 10px; }
.ccm-core-commerce-product-property-list ul li{margin-top: 15px; margin-bottom: 15px; margin-left: 1px; background-image: url(images/bullet.png);
background-repeat: no-repeat;
background-position: 0px 5px; 
padding-left: 24px; 
}
.ccm-core-commerce-product-property-list h3 {padding-left: 0px; margin-left: 0px; margin-bottom: 10px; margin-top: 0px; font-size: 98%; line-height: inherit;}
#product-content-tabs p {padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 10px;}
h2.sub-title {
	margin-left: 82px !important;
	margin-bottom: 20px !important;
	padding: 18px 0px  12px 0px!important;
	position: relative;
}

.product-content-image-wrap img {width:100%;height: auto;}

.sub-content-image-wrap {
	position: absolute;
	top: 15px;
	left: 4px;
}
.sub-content-image-wrap img {width: 68px;height:68px;}


div.ccm-core-commerce-product-property-list h2 {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 22px;
	padding: 4px 0 10px;
	margin: 0;
}

div.ccm-core-commerce-product-property-list p {
	font-family: georgia, serif;
	/*font-size: 16px;*/
	line-height: 22px;
	padding: 4px 0;
	margin: 0;
}

.product-button {
	width: 100%;
	text-align: center;
	padding-top: 12px;
}

div.ccm-core-commerce-add-to-cart input[type=submit].ccm-input-submit, div.ccm-core-commerce-cart-buttons input[type=button], div.pf_checkout_wrap input[type=submit].ccm-input-submit {
    background: #9a0000;
	text-transform: uppercase;
	color: #fff;
	padding: 8px 25px !important;
	border: 0px !important;
	font-family: Oswald, sans-serif;
	font-size: 16px;
	font-weight: 300 !important;
	margin-bottom: 8px !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-style: solid;
}

div.pf_checkout_wrap.pf_checkout_discount input[type=submit].ccm-input-submit {
    display: block;
    float: right;
    clear: both;
    margin-top: 50px;
}

div.ccm-core-commerce-add-to-cart input[type=submit].ccm-input-submit:hover, div.ccm-core-commerce-cart-buttons input[type=button]:hover, div.pf_checkout_wrap input[type=submit].ccm-input-submit:hover {color: #000;}


/* CHECKOUT STYLES */

.pf_checkout_cart_wrap {
	padding-left: 60px;
	width: 840px;
}

.pf_checkout_cart_wrap table.ccm-core-commerce-cart, div.ccm-core-commerce-checkout-form{
	font-family: Oswald, sans-serif !important;
	font-size: 16px;
	font-weight: 300 !important;
	vertical-align: middle;
}

.pf_checkout_cart_wrap table.ccm-core-commerce-cart td.ccm-core-commerce-cart-name {vertical-align: middle;}

/* Single page payment method form.php styling */
div.ccm-core-commerce-checkout-form {padding: 15px 5px;}

.pf_checkout_wrap {
	display: block;
	width: 840px;
	clear: both;
	padding-left: 60px;
}
.pf_checkout_wrap  ul {
	background: transparent;
	border: 0px !important;
	border-radius: 0px 0px 0px;
	font-family: Oswald, Arial, Sans-serif;
	font-size: 18px;
	width: 100%;
	height: 0px;
	margin: 0;
	padding: 0;
}
.pf_checkout_wrap ul li {
	background: #c2c2c2;
	border-top: 1px solid #a1a1a1 !important;
	border-right: 1px solid #a1a1a1 !important;
	border-left: 1px solid #a1a1a1 !important;
	float: left;
	padding: 9px 18px;
	margin-right: 3px;
	list-style-type: none;
}

.pf_checkout_wrap ul li.checkout_active{
	background: #e1e1e1;
	border-top: 1px solid #e1e1e1 !important;
	border-right: 1px solid #e1e1e1 !important;
	border-left: 1px solid #e1e1e1 !important;
}
.pf_checkout_titles {
	font-weight: 300;
}
.pf_checkout_content {
	clear: both;
	background: #e1e1e1;
	padding-left: 10px;
}

.pf_checkout_content form {
	border: 0px;
	background: transparent;
	overflow: hidden;
}

.pf_checkout_content div.controls {margin-bottom: 5px;}
.pf_checkout_content input[type=text], .pf_checkout_content input.ccm-input-text, .pf_checkout_content .ccm-input-select { padding: 2px 5px;}

/* Checkout-> Billing Element Table, so we can control how the table rows are created and remove fixed widths */
table.billing_table {}
table.billing_table ul#billing_details {list-style-type:none; margin:0;padding:0;}
table.billing_table ul#billing_details > li {float:left; background: #e1e1e1; border: 0px !important;; padding:2px 10px 2px 2px; margin: 0px; width: 22% !important;}
table.billing_table ul#billing_details > li form input[type=textarea],table.billing_table ul > li form input[type=text], table.billing_table ul > li form input[type=email] {width: 200px;}
table.billing_table tr {display:block;clear: both;}
table.billing_table tr.billing_address_format {width: 100%; clear: both;}


/* Checkout-> Payment ->PayPal Pro including CCV Styles */

table.paypal_pro_payment_form {
	
	margin-left: -15px;
	font-size: 14px !important;
}

table.frame td {margin:0 !important; padding: !important;}

.ccvDialog {
	font-size: 11px;
	font-weight: 300;
	font-family: Oswald, sans-serif;
}

tr.cc_errors {color: red;}

/* RESPONSIVE BIT */

@media only screen and (max-width:320px){
	
	table.billing_table ul#billing_details > li  {width: 100% !important; display: block;}
	
	.pf_checkout_wrap, .pf_checkout_cart_wrap {width: 280px; padding-left: 0px;}
	.pf_checkout_content form input[type=textarea], .pf_checkout_content form input[type=text], .pf_checkout_content textarea, .pf_checkout_content input[type=email], .pf_checkout_content select {max-width: 200px;}
	.pf_checkout_content ul > li {display: none !important; width: 99%  !important;}
	.pf_checkout_content ul > li:last-child {border-bottom: 1px solid #aeaeae !important;}

	.product-content-container {margin-top: 0px;}
	.sub-button-edit {width: 200px; top: 410px;}
/*	#product-content {margin-top: -105px;}*/
	.sub-button-wrap {margin-top: 120px; height: 370px;}
	.sub-button-wrap h2 {font-size: 16px;}
	.sub-title {position: absolute; top: -480px; left: 0px;}
	.product-button {width: 200px;}
	table.sub-button-oneoff-table select {width: 200px;}
	table.product-select select{width: 190px;}
	div.sub-button-edit p {width: 185px;}
	.product-content-image-wrap, .sub-button-wrap {width: 200px;}
	.product-content-description {width: 200px; margin-top: 0px;}
	.subscription-content-description {width: 200px; margin-top: -75px;}
	div.ccm-core-commerce-product-property-list h2 {font-size: 20px;}
h2.sub-title {
	margin-bottom: 0px !important;
	padding: 12px 0px  12px 0px!important;
}

}
@media only screen and (max-width:768px){
	table.billing_table ul#billing_details > li  {width: 100% !important; display: block;}
	
	.pf_checkout_wrap, .pf_checkout_cart_wrap {width: 280px; padding-left: 0px;}
	.pf_checkout_content form input[type=textarea], .pf_checkout_content form input[type=text], .pf_checkout_content textarea, .pf_checkout_content input[type=email], .pf_checkout_content select {max-width: 200px;}
	.pf_checkout_content ul > li {display: block !important; width: 99%  !important;}
	.pf_checkout_content ul > li:last-child {border-bottom: 1px solid #aeaeae !important;}

	.product-content-container {margin-top: 0px;}
	.sub-button-edit {width: 200px; top: 410px;}
/*	#product-content {margin-top: -105px;}*/
	.sub-button-wrap {margin-top: 120px; height: 370px;}
	.sub-button-wrap h2 {font-size: 16px;}
	.sub-title {position: absolute; top: -480px; left: 0px;}
	.product-button {width: 200px;}
	table.sub-button-oneoff-table select {width: 200px;}
	table.product-select select{width: 190px;}
	div.sub-button-edit p {width: 185px;}
	.product-content-image-wrap, .sub-button-wrap {width: 200px; }
	.product-content-description {width: 200px; margin: 0 auto; float: none;}
	.subscription-content-description {width: 200px; margin-top: -75px;}
	div.ccm-core-commerce-product-property-list h2 {font-size: 20px;}
h2.sub-title {
	margin-bottom: 0px !important;
	padding: 12px 0px  12px 0px!important;
}
    .sub-button-edit form {position: relative; z-index: 1000;}

}

@media only screen and (min-width:769px){

	table.billing_table ul#billing_details > li  { float:left; clear: none; width: 22% !important;}
	
	.pf_checkout_wrap, .pf_checkout_cart_wrap {width: 585px; padding-left: 60px;}
	.pf_checkout_content form input[type=textarea], .pf_checkout_content form input[type=text], .pf_checkout_content textarea, .pf_checkout_content input[type=email], .pf_checkout_content select {max-width: 500px;}
	.pf_checkout_content ul > li {float:left !important; width: auto  !important;}
	.pf_checkout_content ul > li:last-child {border-bottom: 0px !important;}

	.product-content-container {margin-top: 0px;}
	.sub-button-edit {width: 220px; height: 2em; top: 295px;}
	#product-content {margin-top: 30px;}
	.sub-button-wrap {margin-top: 10px; height: 370px;}
	.sub-button-wrap h2 {font-size: 18px;}
	.sub-title {position: relative; top: 0px; left:0px;}
	.product-button {width: 100%;}
	table.sub-button-oneoff-table select {width: 220px;}
	table.product-select select{width: 100%;}
	div.sub-button-edit p {width: 200px;}
	div.ccm-core-commerce-product-property-list h2 {font-size: 22px;}
h2.sub-title {
	margin-left: 82px !important;
	margin-bottom: 20px !important;
	padding: 2px 0px  12px 0px!important;
}

.product-content-image-wrap, .sub-button-wrap {width: 220px;}
.product-content-description, .subscription-content-description {width: 320px; margin-top: 0px;}

}
@media only screen and (max-width:769px){
h2.sub-title {
	margin-left: 82px !important;
	margin-bottom: 20px !important;
	padding: 22px 0px  12px 0px!important;
}
}
@media only screen and (min-width:800px){
.pf_checkout_wrap, .pf_checkout_cart_wrap {width: 585px; padding-left: 60px;}
.sub-button-wrap h2 {font-size: 100%;}
.sub-button-wrap {width: 220px; height: 370px;}
.product-content-image-wrap {width: 320px;}
.subscription-content-description {width: 320px;}
.product-content-description {width: 220px;}
h2.sub-title {
	margin-left: 82px !important;
	margin-bottom: 20px !important;
	padding: 10px 0px  12px 0px!important;
}
}
@media only screen and (max-width:958px){}
@media only screen and (min-width:960px){
.pf_checkout_wrap, .pf_checkout_cart_wrap {width: 840px; padding-left: 60px;}
.sub-button-wrap h2 {font-size: 20px;}
	.sub-button-edit {width: 300px; top: 300px;}
#product-content {margin-top: 0px;}
table.sub-button-oneoff-table select {width: 300px;}
div.sub-button-edit p {width: 285px;}
.sub-button-wrap {width: 300px; height: 350px;}
.product-content-image-wrap {width: 440px;}
.subscription-content-description {width: 490px;}
.product-content-description {width: 360px;}
div.ccm-core-commerce-product-property-list h2 {font-size: 28px;}
h2.sub-title {
	margin-left: 82px !important;
	margin-bottom: 20px !important;
	padding: 18px 0px  12px 5px!important;
}
}