/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.MagicZoom img, .MagicThumb-swap img { border:none; }


iframe.grelated-iframe {
	display: none !important;
	left:-99999px !important;
}

.errorBox { font-family : Geneva, Arial; font-size : 16px; background: #ffeadb; font-weight: bold; }
.stockWarning { font-family : Geneva, Arial, sans-serif; font-size : 11px; color: #000000; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Geneva, Arial; font-size : 11px; color: #0197af; text-decoration: underline; }

#nav, #nav ul { /* all lists */
    
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	font-size: 12px;
	background-color : white;
	width: 168px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position: relative;
	z-index: 1000;
	}	
#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 2em;
	background-color : white;
	width: 168px;
}	
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 168px;
	margin-top : -2.25em;
	border: 1px solid black;
	margin-bottom : -1px;
	background-color : white;
}	
#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
	margin-bottom : -1px;
}	
#nav li a { /* Menu Boxes */
	display : block;
	color : #3e3e3e;
	text-decoration : none;
	padding: 1px 4px;
	border-bottom: 1px solid #d8d8d8;
}	
#nav li a:hover { /* Highlighted items */
	color : #FFFFFF;	
	background-color : #00788b;
}	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav a.parent1{
background: url(images/categories/arrow_right.gif) no-repeat center right;
}

ul.product-features {
  margin: 0;
  padding: 4px 0 2px 25px;
  list-style-type:disc;
}

BODY {
  background-image:url('images/default/v4_bg_image.jpg');
  background-color: #171717;
  color: #2d2d2d;
  margin: 0px;
  text-align: center;
  font-family: Geneva, Arial;
}
h1 {
  font-size:22px;
  margin-top: 0px;
  margin-bottom: 2px;
}
h2 {
  font-size:18px;
  margin-top: 0px;
  margin-bottom: 2px;
}
h3 {
  font-size:15px;
  margin-top: 0px;
  margin-bottom: 2px;
}
h4 {
  font-size:14px;
  margin-top: 0px;
  margin-bottom: 1px;
}
.answersHeader { 
  border-top: 1px dotted #C4C4C4;
  font-size: 16px;
  line-height: 1.5;
  padding-top: 8px;
}
h5 {
  font-size:11px;
  margin-top: 1px;
  margin-bottom: 1px;
}
.pageCurrent  {
  font-weight: bold;
  border-color: #d97531;
  border: 1px;
  border-style: solid; 
  color: #d97531;
  margin: 1px;
  padding: 2px;
}
.addBorder {
  border: 1px;
  border-style: solid;
  border-color: #908f8f;
}
TD.articlesTableRight {
  border-left: 1px;
  border-left-style: solid;
  border-left-color: #908f8f;
  border-bottom: 1px;
  border-bottom-style: solid;
  border-bottom-color: #908f8f;
  background: #ffffff;   
}
TD.productPageInfo {
  
  font-size: 11px;
  border-top: 1px;
  border-top-style: solid;
  border-top-color: #908f8f;
}
td.categoryImage  {
  color: #FFFFFF;
  font-size: 11px;
  background: #202020;
}
TABLE.mainTable {
}
.prodListHeader {  
  font-size: 12px;
  background: #f4f4f4;
  font-weight: bold;
  border: 1px;
  border-style: solid;
  border-color: #908f8f;
}
TD.dynamicMain, TD.categoryPageHead, DIV.categoryPageHead {  
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px;
  border-bottom-style: solid;
  border-bottom-color: #908f8f;
  color: #000000;
}
TABLE.mainTableRight, TD.mainTableRight {
  border-right: 1px;
  border-right-style: solid;
  border-right-color: #908f8f;
}
TABLE.prodTableRight, TD.prodTableRight {
  border-bottom: 1px;
  border-bottom-style: solid;
  border-bottom-color: #908f8f;
}
TD.mainTableLeft, TABLE.shopCartTable{
  border-left: 1px;
  border-left-style: solid;
  border-left-color: #908f8f;
  border-right: 1px;
  border-right-style: solid;
  border-right-color: #908f8f;  
  border-bottom: 1px;
  border-bottom-style: solid;
  border-bottom-color: #908f8f;
  background: #ffffff;  
}
A {
  color: #2d2d2d;
  font-weight : bold;
  text-decoration: none;
}
A:hover {
  color: #d97531;
  font-weight : bold;
  text-decoration: underline;
}
FORM {
	display: inline;
}
td.headerSpecial {  
  font-size: 13px;
}
TR.header {
  background: #ffffff;
}
TD.headerNavigation {
  font-family: Verdana, Geneva, Arial;  
  font-size: 11px;
  color: #ffffff;
  font-weight : bold;
}
TD.headerNavigation2 {
  font-family: Verdana, Geneva, Arial;
  font-size: 12px;
}
TD.headerNavAboveSearch,TD.headerNavAboveSearchText {
  font-family: Arial, Geneva, Verdana;
  font-size: 14px;
  color: #ffffff;
}

.headerNavAboveSearch a:link {color: #FFFFFF;} 
.headerNavAboveSearch a:visited {color: #FFFFFF;}
.headerNavAboveSearch a:hover {color: #9ed7de;}
.headerNavAboveSearch a:active {color: #bfe5e8;}

.searchbar, .boxText  {  
  font-size: 11px;
  border: 0;
}

.productPrice, .secondaryText {
  color: #d97531;
}
.productPriceCategories {  
  color: #d97531;
  font-size: 15px;
}

TD.pagination {  
  font-size: 20px;
  line-height:1.5;
}

TD.thirdBGColor {
  background-color: #00788b;
 }

A.headerNavigation { 
  color: #ffffff; 
}
A.headerNavigation:hover {
  color: #d97531;
}
TD.sub-cat {
  font-size: 16px;
  background-color: #222222;
  font-weight:normal;
  width:210px;
  max-width:210px;
  height:65px;
}
TD.sub-cat:hover {
  font-size: 16px;
  background-color: #ed873f;
  font-weight:normal;
}
TD.breadNavigation {
  font-family: Verdana, Geneva, Arial;
  color: #2d2d2d;
}
A.breadNavigation { 
  color: #2d2d2d;
}
A.breadNavigationLast { 
  color: #2d2d2d; 
}
A.breadNavigation:hover {
  color: #d97531;
}
TR.headerError {
  background: #14c302;
}
TD.headerError {
  font-family: Tahoma, Geneva, Arial, sans-serif;
  font-size: 16px;
  background: #14c302;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}
TR.headerInfo {
  background: #00ff00;
}
TD.headerInfo {
  font-family: Tahoma, Geneva, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
TR.footer {
  background: #ffffff;
}
.infoBox, .contentBox {
  background: #908f8f;
}
TD.smallTextLine {
  border-top: 1px;
  border-top-style: solid;
  border-top-color: #908f8f;
  font-size: 10px;
}
TD.prodRowDivide {
  border-top: 1px;
  border-top-style: solid;
  border-top-color: #908f8f;
  font-size: 16px;
  font-weight: bold;
  color: #d97531;
}
TD.prodRowHead, SPAN.prodRowHead {
  font-size: 16px;
  font-weight: bold;
  color: #d97531;
  height: 30px;
}
TD.largeHead {
  font-size: 28px;
  font-weight: bold;
  color: #505050;
  border-bottom: 1px;
  border-bottom-style: solid;
  border-bottom-color: #908f8f;
}
TD.articleRowHeadGray {
  font-size: 16px;
}
.rowHead14, .productDesc {
  font-size: 14px;
}
.rowHead15 {
  font-size: 15px;
}
.prodRowHeadGray,.rowHead16 {
  font-size: 16px;
  font-weight: bold;
}
TD.prodRowHeadMatch {
  font-size: 14px;
  font-weight: bold;
  color: #393939;
  border:1px; 
  border-color: #c6c5c5; 
  border-style: solid;
  background: #efefef;
}
.infoBoxContents {
  background: #f4f4f4;
  font-family: Verdana, Geneva, Arial;	
  font-size: 13px;
}
.sideBoxContents {
  background: #ffffff;
  font-family: Verdana, Geneva, Arial;  
  font-size: 11px;
}
.loginBoxContents {
  background: #FEFDE9;
  font-family: Verdana, Geneva, Arial;    
  font-size: 11px;
}
TD.loginBoxHeading {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  background-color: #84999c;
}
TD.newAccountBoxHeading {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  color: #d38134;
}
TD.affiliateBoxHeading {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  color: #ffffff;
  background-color: #f48c45;
}
TD.affiliateLinkBox {
  font-family: Arial, Geneva sans-serif;
  font-size: 12px;
  border: 1px;
  border-style: solid;
  border-color: #908f8f;
  color: #000000;
  background: #FFFFFF;
}
TD.footerBox {
  border-bottom: 1px;
  border-bottom-style: solid;
  border-bottom-color: #908f8f;
  border-right: 1px;
  border-right-style: solid;
  border-right-color: #908f8f;
  border-left: 1px;
  border-left-style: solid;
  border-left-color: #908f8f;
}
.infoBoxNotice {
  background: #FF8E90;
}
.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Geneva, Arial;    
  font-size: 11px;
}
TD.infoBoxHeading {
  font-family: Verdana, Geneva, Arial;   
  font-size: 13px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.5;
  height: 26px;
  background-color: #00788b;
}
TD.newsletterFooter {
  font-family: Verdana, Geneva, Arial;  	
  font-size: 11px;
  color: #ffffff;
  background-color: #3e3e3e;
}
TD.infoBoxHeadingBlack {
  font-size: 13px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.5;
  height: 26px;
  background-color: #127394;
}
TD.loginHeading {  
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.2;
  background-color: #5c8e5b;
}
TD.contentBoxHeading {  
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  background-color: #717171;
  background-repeat: no-repeat;
}
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd, TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #FFFFFF;
}
TABLE.productListing {
  border: 0px;
}
TABLE.productReviews {
  border: 1px;
  border-style: solid;
  border-color: #908f8f;
  border-spacing: 1px;
}
.productListing-heading {  
  font-size: 16px;
  font-family: 'Open Sans', Arial;   
  line-height: 1.5;  
  background: #ffffff;
  padding: 2px;
  color: #404040;
  border-bottom: 1px solid #656565;
  font-weight: bold;
}
TD.productListing-data, .xsellRowHead {  
  color: #2d2d2d;
  font-size: 13px;
}
TD.productListing-extra, .estShipCart {  
  font-size: 12px;
}
A.pageResults {
  color: #2d2d2d;
  font-weight: bold;
}
A.pageResults:hover {
  color: #d97531;
  font-weight: bold;
}
.pageHeading, .prodPageHead {  
  font-size: 22px;
  font-weight: bold;
  color: #2d2d2d;
  height: 30px;
  border-bottom: 1px;
  border-bottom-style: solid;
  border-bottom-color: #908f8f;
}
.categoryHeading {  
  font-size: 19px;
  font-weight: bold;
  color: #d97531;
}
TD.categoryHeadingLrg{  
  font-size: 30px;
  font-weight: bold;
  color: #2d2d2d;
  font-family: 'Open Sans', Arial, sans-serif;
}
TR.subBar {
  background: #f4f7fd;
}
TD.subBar {  
  font-size: 11px;
  color: #000000;
}
TD.shipTime {  
  font-size: 12px;
  line-height: 1.5;
  color: #EE7C01;
}
.main{  
  font-size: 13px;
  line-height: 1.5;
}
TD.footer {  
  font-size: 15px;
  line-height: 1.8;
}
.categoryHeaderText {  
  font-size: 13px;
  line-height: 1.5;
}
TD.loginHeader {  
  font-size: 11px;
  line-height: 1.5;
  color: #FFFFFF;
  background: #a60303;
  font-weight: bold;
}
.smallText, .messageBox, TD.infoBox, SPAN.infoBox  {  
  font-size: 11px;
}
.smallReviews {
  font-size: 10px;
}
TD.accountCategory {  
  font-size: 13px;
  color: #AA0E0F;
}
TD.fieldValue {  
  font-size: 12px;
}
TD.tableHeading, TD.fieldKey, TD.formAreaTitle {  
  font-size: 12px;
  font-weight: bold;
}
TABLE.categ {
  border: 0px;
  border-spacing: 0px;  
  font-size: 11px;
  color: #000000;  
}
TD.categ {
     vertical-align: top;
}
CHECKBOX, INPUT, RADIO, SELECT, TD.xsellProducts {  
  font-size: 16px;
}
TEXTAREA {
  width: 100%;  
  font-size: 11px;
}
SPAN.greetUser {  
  font-size: 12px;
  color: #870101;
  font-weight: bold;
}
TABLE.formArea {
  background: #f4f4f4;
  border-color: #908f8f;
  border-style: solid;
  border-width: 1px;
}
DIV.centerpage {
  width: 960px;
  margin: 0px auto 0px auto;
 text-align: left;

}
SPAN.markProductOutOfStock {
  font-family: Tahoma, Geneva, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}
SPAN.productSpecialPrice {  
  color: #b40101;
}
SPAN.errorText,TR.headerError {  
  color: #ff0000;
}
/* added image borders define */
.fotgal {border:1px; border-thickness: 1px; border-color: #cdcdcd; 
border-style: solid;} 
A:hover .fotgal, A:active .fotgal {border:1px; border-thickness: 1px; 
border-color: d97531; border-style: solid} 
/* end added image borders define */
.moduleRow { }
.moduleRowOver { background-color: #FFFFFF; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #D2FFD6; }
.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }
/* message box */
.messageStackError, .messageStackWarning {  font-size: 16px; color: #c14e01; background-color: #ffeadb; }
.messageStackSuccess {  font-size: 16px; font-weight: bold;  background-color: #99ff00; }
/* input requirement */
.inputRequirement, SPAN.newItemInCart {  font-size: 10px; color: #ff0000; }
/* DDB - 041031 - Form Field Progress Bar -- Option Type Contrib*/
.progress{
	width: 1px;
	height: 14px;
	color: white;
	font-size: 12px;
      overflow: hidden;
	background-color: 807F7F;
	padding-left: 5px;}
	
.checkoutFields,.text15 {  
  font-size: 16px;
  line-height: 1.4;
  font-family: Arial, sans-serif;
}
.text18 {  
  font-size: 18px;
  line-height: 1.4;
  font-family: Arial, sans-serif;
}	
.text22 {  
  font-size: 22px;
  line-height: 1.4;
  font-family: Arial, sans-serif;
}	

.CheckoutHeaders {  
  font-size: 18px;
  line-height: 1.4;
  font-family: 'Open Sans', Arial, sans-serif;
}
.dropdowns {
  font-size: 15px;
  line-height: 1.3;
  font-family: Arial, sans-serif;
}

/* Format to fill screen create account page for mobile */
.mobileContainer {
      margin: auto;
      max-width: 400px;
      }


/* Pagination buttons */

#page_but_container {
    width: 900px;
    margin: 0 auto;
    padding: 20px;
}

.btn {
    display: inline-block;
    padding: 10px;
    border-radius: 5px; /*optional*/
    color: #aaa;
    font-size: .875em;
}

.pagination-new {
    padding: 20px;
    margin-bottom: 20px;
}

.page {
    font-size: 24px;
    display: inline-block;
    padding: 2px 11px;
    margin-right: 4px;
    margin-bottom: 14px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.pageGradient:hover {
    text-decoration: none;
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.pageActive {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.pageGradient {
    text-decoration: none;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}
.TinyBlank{
  font-size: 0px;
  font-family: Arial, sans-serif;
}
.spacer5 {
  font-size: 0px;
  font-family: Arial, sans-serif;
  height: 5px;
 }
.spacer7 {
  font-size: 0px;
  font-family: Arial, sans-serif;
  height: 7px;
 }
.spacer10 {
  font-size: 0px;
  font-family: Arial, sans-serif;
  height: 10px;
 }
.col-footer {
	float: left; 
	min-height: 1px; 
	width: 24%; 
	height:240px;
	/*-- our gutter -- */
	padding: 4px; 
}
.col-footer4 {
        float: left; 
        min-height: 1px; 
        width: 24%; 
		height:180px;
        /*-- our gutter -- */
        padding: 4px; 
    }
/* http://j4n.co/blog/Creating-your-own-css-grid-system */
	.grid-container{
			width: 100%; 
			max-width: 930px;      
		}
	.grid-container960{
			width: 100%; 
			max-width: 960px;      
		}
	.fluid-container{
			width: 100%;  
		}
    /*-- our cleafix hack -- */ 
    .row:before, 
    .row:after { 
        content: "";
        display: table;
        clear: both;
    }
    .col-1 {
        float: left; 
        min-height: 1px; 
        width: 31%; 
        /*-- our gutter -- */
        padding: 10px; 
    }
	img.catImgGrid
	{
		max-width: 100%;
		min-width: 280px;
		height: auto;
	}
	.textBoxes {
	 font-size:18px;
	 }
	.newsletterBox {
	 font-size:16px;
	 width:230px;
	 }
	 input.subscribeNews {
	 width: 200px;
	 height:auto;
	 }
    .cat-head-1 {
        float: left; 
        min-height: 1px; 
        width: 545px; 
		height:200px;
        /*-- our gutter -- */
        padding: 0px; 
        margin:0;
    }
	img.headerImage {		
		height: 200px;
		width: 545px;	
	}
    .cat-head-2 {
        float: left; 
        min-height: 1px; 
        width: 375px; 
		height:200px;
        /*-- our gutter -- */
        padding: 0px; 
        margin:0;
    }
	.headerText {
		height:200px;
		max-width:385px;
		width:385px;
	}
    .col-top-1 {
        float: left; 
        min-height: 1px; 
        width: 214px; 
		height:320px;
        /*-- our gutter -- */
        padding: 6px; 
    }
	img.topImages {		
		width: 214px;
		height: auto;	
	}
    .col-new-1 {
        float: left; 
        min-height: 1px; 
		width: 142px;
		height:270px;
        /*-- our gutter -- */
        padding: 4px; 
    }
	img.newImages {		
		width: 142px;
		height: auto;	
	}
	img.newIconCat {		
		width: 45px;
		height: auto;	
	}
	img.saleIconCat {		
		width: 45px;
		height: auto;	
	}
	
#back-to-top {
    background: url("images/back-to-top.png") no-repeat scroll center center rgba(0, 0, 0, 0.35);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    border: 0 none;
    border-radius: 5px;
    bottom: 60px;
    cursor: pointer;
    display: none;
    height: 60px;
    position: fixed;
    right: 35px;
    transition-duration: 0.25s;
    transition-property: background;
    transition-timing-function: ease-in-out;
    width: 60px;
}
#back-to-top:hover {
    background-color: rgba(0, 0, 0, 0.8);
}