/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */

h1 {
	font-weight: bold;
}
h2 {
   margin-top: 25px;
}
#s5_component_wrap h3, h3 {
  margin-bottom: 3px;
  margin-top: 15px;
  font-weight: bold;
}

#s5_component_wrap .product-fields ul {
    padding-left: 0;
}

#s5_shape5_logo {
    display: none;
}




.downloads-for-sale {
	line-height: 100%;
}

.button {
	margin: 0px;
}

table th {
	background-color: #FFFFFF;
	color: #303030;
	padding: 1px 10px;
}

.module_round_box ul.menu ul a {
    padding: 2px 6px 2px 10px;
}
.module_round_box ul.menu a {
    padding-left: 18px;
}
.module_round_box ul.menu li ul li {
  margin-left: 18px;
}

.ruleexamples pre, .item-page pre {
	margin-left: 5em;
	padding-left: 10px;
	background: #EEEEEE;
	overflow: auto;
}

span.addtocart-button {
/*     float: left; */
    margin: 0 0 0 10px;
/*     width: 152px; */
}

/* Add to cart area with all information */
.productdetails-view .spacer-buy-area {
    background-color: #F0F0F0;
    padding: 0 15px;
    margin: 0;
    border-radius: 7px;
    border: 1px solid #A0A0A0;
}

.product-fields .product-field, .product-related-categories .product-field {
    display: inline;
    float: inherit;
}

.productdetails-view .addtocart-bar {
	padding-left: 0px;
}
span.addtocart-button {
    margin: 0;
}

.additional-images img {
  width: 90px;
}





.floatright {
   margin:0px;
   padding:0px;
}

.product-field-display li {
	background: none;
	padding-left: 0;
}

div.product-price {
    clear: both;
}
div.spacer-buy-area div.PricesalesPrice {
	font-size: larger;
	line-height: auto;
}
div.spacer-buy-area span.PricesalesPrice, div.spacer-buy-area span.PriceFREE {
    font-size: xx-large;
    font-weight: bold;
}

#system-message dd.message ul {
    padding-left: 40px;
}
#system-message > dd {
    text-indent: 0px;
}

/* Fix alignment of cart variant radios and input fields next to the addtocart button (e.g. for the domain price product) */
.addtocart-area .product-fields .product-field input[type=radio] {
    position: relative;
    left: inherit;
    float: left;
    clear: both;
}
.addtocart-area .product-fields .product-field label.other-customfield {
    position: relative; 
}
.addtocart-area .product-fields .product-field-type-S, .addtocart-area .product-fields .product-field-type-E {
    float: left;
    clear:both ;
}

.addtocart-area .product-field-type-B, .addtocart-area .product-field-type-S, .addtocart-area .product-field-type-I {
    width: inherit;
}
.addtocart-area .product-fields .product-field label.other-customfield {
    width: inherit;
    top: inherit;
    left: inherit;
    margin-bottom: inherit;
    text-align: center;
}
.addtocart-area .product-fields .product-field-type-S .product-fields-title {
    float:left;
}

#s5_component_wrap .ruleexamples h3 {
  margin-top: 25px;
  border-bottom: 1pt solid darkgray;
}

/** Undo several CSS settings from the shape5 vertex template only in the content area: */

/** Add padding/margin to lists so the bullets are visible again */
#s5_component_wrap ul, #s5_component_wrap ol {
  padding-left: 2em;
}

/** Less padding in the menu boxes on the left */
.module_round_box .s5_mod_h3 {
    margin-left: -15px;
    margin-top: -15px;
    margin-right: -15px;
    margin-bottom: 12px;
}
.module_round_box {
    padding: 15px;
}

/** Child products table generated by catproduct */
table.childproduct-table {
	border: 1px solid #BBBBBB;
}
table.childproduct-table th {
	background-color: #BBBBBB;
	text-align: left;
}

table.childproduct-table tr:nth-child(odd) td {
	background-color: #FFFFFF;
}
table.childproduct-table tr:nth-child(even) td {
	background-color: #EEEEEE;
}
table.childproduct-table .addtocart-bar {
/* 	margin: 0; */
}
table.childproduct-table td {
	padding: 1px 10px;
}
table.childproduct-table th.cell_salesPrice {
	text-align: center;
}
table.childproduct-table td.cell_salesPrice {
	text-align: center;
	font-size: larger;
	font-weight: bold;
}
table.childproduct-table span.addtocart-button input.addtocart-button, table.childproduct-table span.addtocart-button {
/* 	width: 100px; */
}
#s5_component_wrap dd {
	margin-left: 40px;
}


/** OPC module: 
 * - Hide the coupon section
 */
#opc_basket div#basket_coupon {
	display: none;
}
/* Do not use huge section headers on small devices, use the default! */
@media (max-width:1023px) {
#vmMainPageOPC h1, #vmMainPageOPC h2, #vmMainPageOPC h3, #vmMainPageOPC legend, div#onepage_main_div legend.sectiontableheader {
font-size: 1.3em !important;
}
}
/* Hide the PayPal radio button, since we only have one option */
#vmMainPageOPC #ajaxshipping input[type="radio"], #vmMainPageOPC #payment_html input[type="radio"] {
	display: none;
}

/** Nice table formatting (rotated headers by 45 degrees)
 */
table.variabletable {
	border: none;
}
.variabletable th {
	border: none;
	vertical-align: bottom;
}
.variabletable th.rotate {
  /* Something you can count on */
  height: 60px;
  white-space: nowrap;
}

.variabletable th.rotate > div {
  transform: 
    /* Magic Numbers */
    /*translate(10px, 25px)*/
    /* 45 is really 360 - 45 */
    /*rotate(315deg);*/
	/*translate(0px, 20px)*/
	rotate(270deg);
  width: 15px;
}
.variabletable th.rotate > div > span {
/*   border-bottom: 1px solid #ccc; */
/*   padding: 5px 10px; */
}


/* VM3 overrides! */
/* .productdetails-view .product-description, .product-fields { */
/*   margin: 15px 0; */
/* } */
.productdetails-view .spacer-buy-area {
  padding: 10px 15px;
}
.vm-product-container .vm-product-details-container {
  float: right;
  width: 55%;
}
.vm-product-container .vm-product-media-container {
  float: left;
  width: 45%;
}
.addtocart-area {
  margin: inherit;
}
div.spacer-buy-area div.addtocart-area {
	float: left;
}
.productdetails-view .addtocart-bar {
  margin-top: 0;
  margin-left: 10px;
}
div.product {
  border: none;
}
div.product p.product_s_desc {
  height: auto;
}
div.product div.vm-details-button a {
  width: auto;
  padding: 3px 8px 1px;
}
div.product .addtocart-bar {
  position: inherit;
  float:left;
  width: auto;
}
div.product .addtocart-area {
  margin: inherit;
  float: right;
}
div.vm-addtocart-prices {
	padding: 20px 0;
}

div.product span.addtocart-button input.addtocart-button {
  background: #F7F7F7;
  color: initial;
  border: solid #D8D8D8 1px;
}

.product-field-display {
  display: block;
}
.row .product .spacer h2 {
  font-size: 16px;
}

/***********************
 * Layout fixes for wide tutorials with two columns next to each other, inside a table
 ***********************/
#s5_component_wrap table.tutorial-table ul {
	padding-left: 0;
}
table.tutorial-table h4 {
	margin-top: 3em;
	margin-bottom: 0.5em;
	padding: 0.5em;
	background: #F0F0F0;
	border-top: 2px solid #888888;
	font-weight: bold;
	color: #9C0F0F;
}
table.tutorial-table pre {
	margin-left: 2em;
	font-size: 12px;
	background: #f8f8f8;
	border-radius: 0;
}

table.tutorial-table tr {
/* 	border-top: 1px solid blue; */
}

table.tutorial-table td {
	vertical-align: top;
}





/******************************************
 * General shape5 fixes
 ******************************************/
#s5_nav li {
  height: 45px;
}

#s5_header_area_inner {
  padding-top: 15px;
}
#s5_breadcrumb_fonts_wrap {
  padding-bottom: 8px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

table.yesno-table {
	margin-left: auto;
	margin-right: auto;
	border-collapse: separate;
}
table.yesno-table td {
	border-collapse: separate;
	border: 1px solid #e0e0e0;
	border-spacing: 1px;
}
table.yesno-table td.yes, table.yesno-table td.no {
	background-repeat: no-repeat;
	background-position: center center;
	color: transparent;
	text-align: center;
	min-width: 45px;
	height: 24px;
}
table.yesno-table td.yes{
	background-color: #C0ffC0;
	background-image: url(../../../images/stories/virtuemart/yes.png);
}
table.yesno-table td.no {
	background-color: #ffC0C0;
	background-image: url(../../../images/stories/virtuemart/no.png);
}
table.yesno-table th a {
  color: inherit !important;
}
.price-tax-notice {
	font-size: smaller;
	font-style: italic;
}
div.sales-price-div {
	display: inline-block; 
	text-align: right
}
div.sales-price-div .incl-tax {
	font-size:smaller; 
	font-style: italic
}
span.vm-price-desc {
	margin: 0.0em 0.2em 0.2em 0;
}

@media all and (max-width: 1080px) {
  div.vm-col-2 { width: 48% !important; }
}
@media all and (min-width: 1081px) {
	div.vm-col-2 { width: 48% !important; }
}


.s5_fourdivs_1vacation {
  border: darkgray 2px solid;
  border-radius: 10px;
  margin-right: 20px;
  padding: 10px;
  background: #ff8;
  margin-bottom: 5px;
}
#s5_component_wrap .s5_fourdivs_1vacation h3 {
  margin-top: 0px;
}


tr.otup-code-compare td pre.xml, tr.otup-code-compare td pre.javascript {
  margin-left: 0; 
  font-size: smaller;
  line-height: auto;
}


#s5_component_wrap h1 {
	padding: 30px 0px 5px 0px;
	border-bottom: 2px solid darkred;
}
#s5_component_wrap h2 {
	border-bottom: 1px solid lightgrey;
}

div.g-recaptcha {
	clear:both;
}

div.yagSolvedBtn {
	display: inline;
}