/* CSS Document for Store Area of Site */
/* ECOMMERCE STYLES */

.sectionHeader {
	border-left: 1 solid #cccccc;
	border-right: 1 solid #cccccc;
	border-top: 1 solid #cccccc;
	border-bottom:  1 solid #cccccc; 
	height: 34px;
	width: 519px;
	text-align: left;
	vertical-align:middle;
	margin-top: 4px;
	margin-bottom: 12px;
	padding: 4px;
	font-family: Verdana;
	font-size: 10px;
	}
.sectionHeaderText 
{
    font-family: verdana;
	font-size: 18px;
	font-weight: bold;
	color: #002346;
	vertical-align:middle;
}	
.sectionBox {
		
	border-left: 1 solid #cccccc;
	border-right: 1 solid #cccccc;
	border-top: 3 solid #cccccc;
	border-bottom:  1 solid #cccccc; 
	width: 519px;
	height: auto;
	text-align: left;
    padding: 4px;
	font-family: verdana;
	color: #598298;
	font-size: 10px;
	text-decoration: none;
	}
.sectionBoxShadow {
	padding-bottom: 5px;
	width: 519px;
	text-align: left;
	margin-bottom: 12px;
	text-decoration: none;
	}
.featureHeader1
{
font-weight: bold;
color:#002346;
font-size:14px;
padding-left: 4px;
}
.featureHeader2
{
font-weight: bold;
color:#f87c00;
padding-left: 4px;
}
.featureText
{
color:#002346; /*#00102e;*/
font-family: Verdana;
padding-left: 5px;
font-size: 10px;

 margin-top: 0px;
 vertical-align: top;
 }
.error
{
color: Red;
font-size: 12px;
float: right;
font-weight: bold;
/*padding-bottom: 100%;*/
  }
.required {
	text-align:left;
	font-family: sans-serif;
	font-size:8pt;
	color: Red;
	text-transform:uppercase;
}
.cartText {
   font-family: Verdana;
	font-size: 10px;
	color:#002346;
	}
.cartNumericText {
	font-family: Arial,san-serif;
	font-size: 10px;
	text-align: right;
	}
.option {
	font-family: Arial,san-serif;
	font-size: 8px;
	color: #696969;
}
.tabSectionHeader {
	font-family: Arial,san-serif;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	color: #f87c00;
}
.tabSection {
	font-family: Arial,san-serif;
	font-size: 10px;
	border-top: 2 solid #002346;
	border-bottom:  2 solid #002346;
	vertical-align: middle;
}
.configHeader {
font-size: 12px;
color: #046bad;
text-transform: uppercase;
margin: 0px;
font-weight: bold;
}
.configText {
font-size: 12px;
text-transform: uppercase;
 font-family: sans-serif;
 font-weight: bold;
}
.carttext2 {
color: #f87c00;
font-weight: bold;
float: right;
}
.ajax__tab_br-theme .ajax__tab_header .ajax__tab_outer 
{
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #808080;
    border-bottom-width:0px;
    background-color:#EDEDED;
}
.ajax__tab_br-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:7pt;
    border-bottom:solid 0px #002346;
}
.ajax__tab_br-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#002346;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
	 font-family: Verdana;
	 font-size: 10px;
	 text-transform: uppercase;
}
.ajax__tab_br-theme .ajax__tab_active .ajax__tab_tab 
{
 background-color: white;
 font-weight: bold;
 color: #002346;
}
.ajax__tab_br-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
	 text-align: center;
	 border:2px solid #002346;
    border-top:0px;
    background-color:#ffffff;
}
.ajax__tab_br-theme .ajax__tab_hover .ajax__tab_tab 
{
 background: white;
}
.infopop
{
	background: white;
	border: 1px;
	border-color: #046bad;
	border-style: solid;
	padding-left: 5px;
	padding-right: 5px;
	z-index: 20000;
	text-align: left;
}
.infohdtext
{
font-weight: bold;
   color:#046bad;
   padding-left: 5px;
	padding-right: 5px;
}
.infopopContent
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#002346;
	margin-left: 5px;
}
.divhide {
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}
.chatloc {
	z-index: 5;
}
/* Modal Popup Settings OLD
.modalBackground 
{
	background-color: #061c34;
	filter:alpha(opacity=70);
	opacity:0.8;
}
.modalPopup
{
width:600px;	
height:600px;
background-image: url(http://buyrugged.com/UserFiles/image/modal_bkg.png);
}
.errorText {
	padding-left: 10px;
	text-transform: uppercase;
}
.textInput {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/* jcook 7/28/2008 commented, fixed causes the textboxes not to show
		position:fixed;
}
.progressbar {
	z-index: 1005
} */
/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 1100;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("images/maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 1101;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 1px solid #000000;
	background-color: #ffffff;
}
#popupFrame {
	margin: 0px;
	position: relative;
	z-index: 1102;
}
#popupTitleBar {
	background-color: #046bad;
	height: 1em;
	padding: 5px;
	position: relative;
	z-index: 1103;
}
#popupTitle {
	float: left;
	font-size: 1.1em;
	color: White;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}
.ConfigOptions {
font-size: 12px;
text-transform: uppercase;
 font-family: sans-serif;
 font-weight: bold;
}
.ConfigPrice {
	font: sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	color: Red;
}
.Question {
	cursor: help;
}
.CartImage {
	padding-bottom: 100%;
}
.CartQty {
	padding-bottom: 100%;
}
.CartError {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: Red;
	font-style: italic;
	text-transform: uppercase;
}
/* Product Category Tabs */
/* TabControl */

.bt__tab_xp .ajax__tab_header {
    font-family: Verdana;
    font-size:11px;
	 color: Black;
    background:
        url(images/tab-line.gif) 
        repeat-x 
        bottom;
}
.bt__tab_xp .ajax__tab_outer {
    padding-right:0px;
    background:
        url(images/tab-right.gif) 
        no-repeat 
        right;
    height:26px;
}
.bt__tab_xp .ajax__tab_inner {
    padding-left:3px;
    background:
        url(images/tab-left.gif) 
        no-repeat;
}
.bt__tab_xp .ajax__tab_tab {
    height:26px;
    padding:4px;
    margin:0;
    background:
        url(images/tab.gif) 
        repeat-x;
}
.bt__tab_xp .ajax__tab_hover .ajax__tab_outer {
    background:
        url(images/tab-hover-right.gif) 
        no-repeat 
        right;
}
.bt__tab_xp .ajax__tab_hover .ajax__tab_inner {
    background:
        url(images/tab-hover-left.gif) 
        no-repeat;
}
.bt__tab_xp .ajax__tab_hover .ajax__tab_tab {
    background:
        url(images/tab-hover.gif) 
        repeat-x;
}
.bt__tab_xp .ajax__tab_active .ajax__tab_outer {
    background:
        url(images/tab-active-right.gif) 
        no-repeat 
        right;
}
.bt__tab_xp .ajax__tab_active .ajax__tab_inner {
    background:
        url(images/tab-active-left.gif)
        no-repeat;
}
.bt__tab_xp .ajax__tab_active .ajax__tab_tab {

    background:
        url(images/tab-active.gif)
        repeat-x;
}
.bt__tab_xp .ajax__tab_body {
   font-family: Verdana;
   font-size:10pt;
	border-left: 1 solid #E5E5E5;
	border-right: 1 solid #E5E5E5;
	border-top: 3 solid #5CA0C7;
	border-bottom:  1 solid #E5E5E5;
   padding:8px;
   background-color:#ffffff;
}
.QuoteList
{
color:#002346; /*#00102e;*/
font-family: Verdana;
text-transform: uppercase;
font-size: 10px;
margin-top: 0px;
vertical-align: middle;
text-align: right;
}
.QuoteRequired {
	text-align:left;
	font-family: sans-serif;
	font-size:8pt;
	color: Red;
	text-transform:uppercase;
	font-weight: bold;
	vertical-align: middle;
}