/* @override 
	http://localhost/BFB/catalog/baseStyles.css
	http://192.168.1.105/BFB/catalog/baseStyles.css
*/

/* body limits width and centers if the window is made wider than 1280px */
body  { max-width: 1280px; min-width: 760px; margin: 0 auto; padding: 0 10px;
        background-color: #999; }

/* @group Anchor styling */
a  { color: #864A35; text-decoration: none; }
a:visited  { color: #610010; }
a:hover  { text-decoration: underline; }
a:active  { color: #EA8E0A; }

a.headerNavigation:link { color: #FFFFFF; }
a.headerNavigation:visited { color: #FFFFFF; }

/* @end */

/* @group Headings */
h2  { margin: 0; }
h3  { margin: 0;
      font-size: 12px; }

/* @end */

/* @group Layout */
#WrapperOfAll  { background-color: #ECDFCD; }
				
#Header  { height: 75px; background: url("bfbimages/topbar.jpg") no-repeat left; }

/* @end */

/* @group Navbar */
/* Using the CSS sliding doors technique found at www.alistapart.com for tabs */
#NavBarSquisher  { padding-right: 10px; }  /* Because padding stupidly adds to width: 100% */

#Navbar  { float: left;
	    	   width: 100%;
    		   padding-right: 10px; /* for the help tabs floated right */
    		   background: white url("bfbimages/navbarBG.png") repeat-x top;
    		   font-size: 93%; line-height: normal;
    		   border-top: 1px solid black; border-bottom: 1px solid black; }		   
#Navbar ul  { margin: 0; padding: 10px 10px 0; list-style: none; }
#Navbar li  { float: left; margin: 0; padding: 0;
      			  background: url("bfbimages/tabRight.jpg") no-repeat right top; }
#Navbar a  { display: block;
      			 background: url("bfbimages/tabLeft.jpg") no-repeat left top;
      			 padding: 5px 15px; }
#Navbar a:link, #Navbar a:visited  { color: #404040; text-decoration: none; font-weight: bold; }
#Navbar a:hover  { color: #610010; font-weight: bold; }

#Navbar #HelpTabs { display: inline; padding-right: 10px; }
#Navbar #HelpTabs li  { float: right;
						background-image: url("bfbimages/helpTabRight.jpg"); }
#Navbar #HelpTabs a  { background-image: url("bfbimages/helpTabLeft.jpg"); }

#Navbar ul #SelectedTab  { background-image: url("bfbimages/selectedTabRight.jpg"); }
#Navbar ul #SelectedTab a { background-image: url("bfbimages/selectedTabLeft.jpg"); }

/* @end */

/* @group Wrapper - padding to squish #Content */
#Wrapper  { padding-left: 151px;  /* Left fullwidth */
			      padding-right: 223px;  /* Right fullwidth + Content padding */ }
#Wrapper .column  { position: relative; float: left; }

/* @end */

/* @group Styles shared by all three columns */
#Content, #Left, #Right  { border-color: #864A35; border-style: solid; }

/* @end */

/* @group Content */
#Content  { padding: 0 20px 10px 20px; width: 100%;
            border-width: 0 1px 3px 1px;
            border-color: #864A35 #ECDFCD;
            background-color: white;
            margin-right: -1px; /* to make the right border overlap the right column's */
            font-family: Verdana, Helvetica, sans-serif;
            font-size: 12px; }
#Content #Breadcrumbs  { background-color: #864A35; color: white;
            						 font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; font-size: 11px;
            						 margin: 0 -21px;  /* Offset padding of Content */
            						 padding: 3px 5px;
            						 z-index: 10; /* make to rise above border of side columns */
            						 position: relative; /* z-index does not apply to non-positioned/floated elements */ }

#Content h2  { font-size: 15px;
               color: #206040; }

/* @end */

/* @group Left */
#Left  { width: 151px;
		     right: 192px;  /* Left fullwidth + Content padding */
		     margin-left: -100%;
		     background-color: white;
		     border-width: 0 1px 3px 0; border-color: #21306A #ECDFCD;
		     font-family: Verdana, Helvitica, sans-serif;
		     font-size: 11px; }

#Left a:link, #Left a:visited { color: #404040; text-decoration: none; }
#Left a:hover{ color: #610010; text-decoration: underline; /*background-color: #ECDFCD;*/ }

#Left div  { background-color: #21306A; color: white;
    		     text-align: center; font-weight: bold;  font-size: 11px;
    		     font-family: Trebuchet MS, Helvetica, sans-serif;
    		     padding: 3px 0; width: auto; }
#Left ul, #Left form { padding: 0 10px;
				               font-family: Verdana, Arial, sans-serif; font-size: 11px; }
#Left form  { margin: 3px 0; }
				         
#Left ul  { list-style: none;
            line-height: 1.6em;
            margin: 5px 0; }

#Left ul li ul  { margin: 0; padding: 0 0 0 15px; list-style-type: square; }
#Left ul li/* #Left ul li ul li*/  { border-top: 2px groove #E3D3C8; }
#Left ul li ul li  { border: 0; }
#Left .firstLi  { border: 0; }

#Left p, #Right p  { margin: 3px 0; padding: 0 10px;
           line-height: 1.3em; }

/* @end */


/* @group Right */
#Right  { width: 181px;
	        margin-right: -223px;  /* Right fullwidth + Content padding */ 
	        background-color: white;
	        border-width: 0 0 3px 1px; border-color: #610010 #ECDFCD;
	        font-family: Verdana, Helvitica, sans-serif;
  		    font-size: 11px; }
#Right div.header  { background-color: #610010; color: white;
        	         text-align: center; font-weight: bold; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 11px;
            		 padding: 3px 0; width: auto; }
#Right div.header a:link, #Right div.header a:visited  { color: white; }
#Right p { padding: 10px; }
#Right form  { display: block; padding: 0; }

/* @end */

/* @group Footer */
#Footer  { clear: both;
    		   height: /*40px;*/ padding: 6px 3px 3px 3px;
    		   font-size: 0.75em; color: #333; font-family: Trebuchet MS, Helvetica, sans-serif;
    		   background-color: #D4DCE9;
    		   border-width: 4px 0 0 0;
    		   border-style: solid;
           border-color: #879FBB; }
#Footer a  { font-weight: bold; }
#Footer table  {
	width: 90%;
	margin: 0 auto;
	line-height: 18px;
}
#Footer td  {
	vertical-align: top;
}
#Footer td ul  {
	margin: 0 auto;
	padding-left: 7px;
	list-style-type: none;
}
#Footer td li:before  {
	content: '>';
	color: #888;
	margin-right: 6px;
}
#Footer td h4  {
	margin: 0 0 2px;
	font-size: 13px;
	color: #778;
}
#FooterCWContainer  {
	text-align: center;
	border-left: 2px solid #99A;
}
#FooterCWContainer p  {
	vertical-align: bottom;
	font-family: Times New Roman, serif;
	line-height: 16px;
	margin: 1.3em 0 0;
}


/* @end */

/* @group Misc */
.horizontalSpace  { clear: both; height: 10px; }

.productImage  { /*margin: 10px 10px 10px 0;*/ }

.grouperBox, .featureBox  { border: 1px solid #864A35;
			                background-color: #F6F2ED;
			                padding: 4px; }
.featureBox  { float: right; width: 250px; margin: 0 0 10px 10px; }
.featureBox h4  { 
	color: white;
	background-color: #206040;
	margin: -4px -4px 0 -4px;  /* Nuetralize the padding of the containing box */
	padding: 3px 6px;
}

.zoomableInfoBox  {
	display: none;
	position: absolute; top: 0;	left: 0;
	overflow: auto;
	
	font-family: Verdana, Helvetica, sans-serif;
}
.zoomableInfoBox h4  {
	margin: 10px 10px 0 10px;
	font-size: 15px;
	color: #206040;
	border-bottom-style: dashed;
	text-align: center;
	border-bottom-width: 2px;
}
.zoomableInfoBox p  {
	font-size: 12px;
	margin: 0;
	padding: 10px;
}

/* @end */

/* @group Product info and Add to Cart */
#ProductImageWrapper  { padding: 10px 10px 10px 0; float: left; text-align: center; }
#ProductImageWrapper a  { clear: both; }

.zoomableInfoBox fieldset, #AddToCartForm fieldset  { 
    border-width: 2px 0 0 0; border-color: #864A35; border-style: solid;
    margin: 2em 0 0 0; /* To offset the negative margin of the legend */
    padding: 0 20px;
}
.zoomableInfoBox fieldset ul, .zoomableInfoBox fieldset ol, #AddToCartForm fieldset ul, #AddToCartForm fieldset ol  { list-style-type: none; padding-left: 0; }
.zoomableInfoBox fieldset ul ul, #AddToCartForm fieldset ul ul  { padding-left: 25px; }
.zoomableInfoBox legend, #AddToCartForm legend  {
    border: 1px solid #ECDFCD; margin-top: -0.8em; padding: 4px;
    font-size: 11px; font-weight: bold;
    color: #ECDFCD;
    background: #206040 url("bfbimages/legendTabBG.gif") repeat-x top left;
}
.firstOptionColumn, .middleOptionColumn, .lastOptionColumn  { float: left; }
.firstOptionColumn  { border-right: 2px solid gray; }
.middleOptionColumn  { border-width: 0 2px; border-color: gray; border-style: solid;
                       margin-left: -2px; /* overlap the borders so they appear as one */  }
.lastOptionColumn  { border-left: 2px solid gray;
                     margin-left: -2px; /* overlap borders again */ }
span.errorMessageHolder  { color: red;
                           padding-left: 10px; }
#ColorChooserContainer li, #ColorChooserContainerEdit li  { float: left; width: 200px; }
#AddToCartForm li img, .zoomableInfoBox li img  { margin: 0 4px 0 2px; vertical-align: middle; }
#ColorChooserContainer br, #ColorChooserContainerEdit br  { clear: both; }

.inactiveOptionPane  { display: none; }
.activeOptionPane  { display: block; }

#AddToCartForm .boxFieldset  { border-width: 1px;
                               background-color: #F6F2ED; }

/* @end */

/* @group Shopping Cart */

#ShoppingCartView  { border-collapse: collapse; border: 1px solid #ECDFCD;
                     margin: 0 auto; }
#ShoppingCartView th  { color: #ECDFCD; background-color: #206040;
                        border: 0; padding: 2px 6px; }
#ShoppingCartView td  { border: 1px solid #ECDFCD; padding: 2px 6px; }
#ShoppingCartView .cartRoomHeader  { color: white; background-color: #864A35;
                                     font-weight: bold; }
#ShoppingCartView ul  {
	margin-top: 5px;
	padding-left: 26px;
}

.cartBlindNumCol, .cartEditCol, .cartImageCol  { text-align: center; }
.cartDeleteCheckCol, .cartWidthCol, .cartHeightCol  { text-align: right; }

tr.productListing-even  { vertical-align: top; }
tr.productListing-even td  { background-color: #E8F1FF; }
tr.productListing-odd  { vertical-align: top; }
tr.productListing-odd td  { background-color: #FFF1DE; }

#ShoppingCartView #CartTotalLineSpace, #ShoppingCartView #CartTotalTitle, #ShoppingCartView #CartTotal, .orderConfTotalLineSpace, .orderConfTotalTitle, .orderConfTotal  {
  border: 0; color: white; background-color: #206040; }
#ShoppingCartView .orderConfTotalLineSpace  { border-right-color: #206040; }
#ShoppingCartView .orderConfTotalTitle  { border-left-color: #206040;}
#CartTotalTitle, .orderConfTotalTitle  { text-align: right; }
#CartTotal, .orderConfTotal  { font-weight: bold; }

#XSellUL  { margin: 0; padding-left: 30px;
            line-height: 1.3em; }

#PinfoPriceDisplay, .priceDisplay  { font-size: 14px; font-weight: bold; color: #333; zoom:1; }

#CategoryImage  { float: right; margin-top: 6px;}

#ProductList  { list-style-type: none;
                border-top: 1px solid #864A35;
                padding: 0; }
#ProductList li  { border-bottom: 1px solid #864A35; }
#ProductList img  { float: left;
                    margin: 0 10px 0 7px; }
#ProductList h3  { font-size: 14px; font-family: Trebuchet MS, Verdana, Arial, sans-serif;
                   margin: 0 0 0 121px; }
#ProductList p  { margin: 0; color: #333;
                  font-size: 13px; font-family: Georgia;
                  margin-left: 132px;  /*Image width + margin + desired additional indent*/  }
#ProductList a.infoLink  { font-size: 13px; font-family: Trebuchet MS, Verdana, Arial, sans-serif;
                           margin-left: -11px; }

li.productListing-odd  { background-color: #E8F0F3; }
li.productListing-even  { background-color: #D4DCE9; }

/* @end */


/* @group Checkout Process */
.addressList  { list-style-type: none;
                float: left; padding: 0; }
.addressList li  { float: left; min-width: 200px; }
.addressList div  { margin-left: 30px; }
.addressList input { float: left; }

#NewAddressFormContainer  { display: none; }

/* @end */

/* @group GWT QuickQuote Styles */
#QuickQuote  { padding: 6px 6px 0; }
#QuickQuote table  { width: 170px; }
#QuickQuote hr  { border: 1px solid #610010;
                  margin: 0; }
select.qqProgramDropdown  { width: 108px; }
.qqStyledCell  { text-align: right; }
#QuickQuote .gwt-PushButton  { position: relative; left: 3px; }

/*.gwt-DialogBox {
  border: 2px outset;
  background-color: white;
}

.gwt-DialogBox .Caption {
  background-color: #C3D9FF;
  padding: 3px;
  margin: 2px;
  font-weight: bold;
  cursor: default;
}*/

/* @end */

/* @group Article Styles */

table.articleDataTable  { 
	margin: 10px;
	border-collapse: collapse;
}
table.articleDataTable th, table.articleDataTable td  { 
	padding: 4px 6px;
	text-align: center;
}
table.articleDataTable th  {
	color: white;
	font-weight: bold;
	background-color: #206040;
	border: 1px solid #206040;
}
table.articleDataTable td  {
	border: 1px solid black;
}

img.articleFloatingImage  { 
	float: right;
	padding: 10px;
}
/* @end */