* Custom CSS
 *
 * Place here your custom CSS. This will keep your custom css when there is a theme update.
 *
 */
 
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.brandtop {
	text-align:left;
	color: #404041;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:4px;
	font-size:14px; 
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.img-frame-cap {
    width:220px;
    background:#ffffff;
    padding:10px 10px 2px 10px;
    border:1px solid #999999; }

.img-frame-cap300 {
    width:310px;
    background:#ffffff;
    padding:5px 5px 2px 5px;
    border:1px solid #999999; }	

.img-frame-cap635 {
    width:645px;
    background:#ffffff;
    padding:5px 5px 2px 5px;
    border:1px solid #999999; }		
	
.caption {
	text-align:center;
	color: #404041;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:4px;
	font-size:16px; }
	
.caption:hover {
    font-weight: bold;
    color: #13a89e;
	text-decoration: underline;
	}
	
.caption_sub {
	text-align:left;
	color: #404041;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; }
	
.caption_sub:hover {
    font-weight: bold;
    color: #13a89e;
	text-decoration: underline;
	}
	
	
/*  GRID OF ONE  */
.twospan_1_of_1 { width: 100%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.onespan_1_of_1 { width: 100%; vertical-align:bottom;}
}	
	
/*  GRID OF TWO  */
.twospan_2_of_2 { width: 100%; }
.twospan_1_of_2 { width: 50%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.twospan_2_of_2, .twospan_1_of_2 { width: 100%; }
}
	
/*  GRID OF THREE  */
.threespan_3_of_3 { width: 100%; }
.threespan_2_of_3 { width: 66.13%; }
.threespan_1_of_3 { width: 32.26%; }


/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.threespan_3_of_3, .threespan_2_of_3, .threespan_1_of_3 { width: 100%; }
}

/*  GRID OF FOUR  */
.fourspan_4_of_4 {
	width: 100%;
	text-align:left;
	}
.fourspan_3_of_4 {
	width: 74.6%;
	text-align:left;
}
.fourspan_2_of_4 {
	width: 49.2%;
	text-align:left;
}
.fourspan_1_of_4 {
	width: 23.8%;
	text-align:left;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.fourspan_4_of_4, .fourspan_3_of_4, .fourspan_2_of_4, .fourspan_1_of_4 { width: 100%; }
}

.site-container .site-inner #container{
  float:left;
  width:750px;
}

.woocommerce div.product div.images img,.related img{
  width:auto !important;
}