/*

gbdg_TabsCSS.css
' GBDG ProductTabs- tabbed product page add-on for ProductCart 
' ProductCart base code 5.1.01
'
' This file is part of GBDG ProductTabs, a custom script developed and sold by GreyBeard Design Group. 
' GBDG ProductTabs, its source code and the GBDG ProductTabs name are property of GreyBeard Design Group. 
' Copyright 2009-2016. All rights reserved. 
' You are not allowed to use, alter, distribute and/or resell any parts of GBDG ProductTabs's source code 
' without the written consent of GreyBeard Design Group. 
' To contact GreyBeard Design Group, please visit www.greybearddesign.com.
' version v1.0 
' =========================================================================================================
'
' Please note that this file must be referenced from the theme.asp file in whatever theme folder that is assigned to your store.
'
' =========================================================================================================
*/


/*======= DEFAULT CSS FOR BOTH DESKTOP AND MOBILE ========*/
.pcShowCrossSellProducts img {width:100%;}

.pcShowProductsHCS {  
     padding: 2%; 
     width: 25%; 
}

.pcShowProductsHCS .panel-title > a { 
     color: #428bca; 
}
.pcShowProductsHCS .pcShowProductInfoH .pcShowProductPrice {
	float:none;
}


/* Added to overcome a conflict with stock bootstrap CSS.  This causes
   the 1px line that defines the box around the tabbed content section,
   to run directly at the bottom of the tab titles.  Before this the line
   appeared 1px too high and split the bottom of the tab.
*/
#prdtabs .nav-tabs > li { 
     margin-bottom: 0px; 
}


/*======== CSS STYLES FOR MOBILE ONLY ========*/
/* this sets devices to show 4 products to a row*/
@media screen and (max-width: 767px){  
.pcShowProductsHCS { 
     width:25%; 
     min-height:260px;
} 
.pcShowProductsHCS .pcShowProductImageH {
	height:auto;
}

/* --- this css sets the Crossells titles and pricing to text align left. To enable it - just add a / (forward slash) to the end of this line right after this asterick */
.pcShowProductsHCS .pcShowProductName {
	padding-left:15px;
	text-align:left;
}
.pcShowProductsHCS .pcShowProductName a {
	text-align:-2px;
}
.pcShowProductsHCS .pcShowProductName span input[type=checkbox] {
	margin-left:-15px;
}
.pcShowProductsHCS .pcShowProductInfoH .pcShowProductPrice {
	padding-left:15px;
	text-align:left;
	float:left;
}
/**/

}
 
/* this sets devices to show 3 products to a row*/
@media screen and (max-width: 640px){  
.pcShowProductsHCS { 
     width:33%; 
     min-height:260px;
} 
}  
/* this sets devices to show 2 products to a row*/
@media screen and (max-width: 480px){  
.pcShowProductsHCS { 
     width:50%; 
} 
}  
/* this sets devices to show 1 product to a row*/
@media screen and (max-width: 350px){  
.pcShowProductsHCS { 
     width:100%; 
} 
}  


/*  ADD YOUR CSS STYLINGS BELOW HERE */

#prdtabs ul.nav-tabs {
	margin-left:0;
	border:0;
}
#prdtabs ul.nav-tabs li {
	padding:0!important;
}
#prdtabs ul.nav-tabs li a {
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 5px 12px;
	margin-right: 3px;
	border: 0px solid #2F1D1D;
	color: #040000;
	background: transparent;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
}
#prdtabs ul.nav-tabs li a:hover {
	text-decoration: underline;
	color: #000;
}
#prdtabs ul.nav-tabs li.active a {
	border-bottom-color: #040000;
	color: #fff;
	background: #040000;
	border-radius:0;
}
#prdtabs .tab-content, #prdtabs .tab-content > .tab-pane {
	background:transparent;
	border:0;
	padding:5px 5px;
}
#prdtabs .tab-content {
	border-top:10px solid #040000;
	line-height:1.3;
}


#prdtabs-accordion .panel.panel-default {
	border:1px solid #040000;
}
#prdtabs-accordion .panel-heading {
	background:transparent;
	padding:0;
	border:0;
}
#prdtabs-accordion .panel-heading h3 {
	padding:0;
	border:0;
}
#prdtabs-accordion .panel-heading a {
	background:#040000;
	display:block;
	padding:10px 10px;
	border:0;
	color:#fff!important;
}