/*
* Main CSS Stylesheet
*	
*	@package templateSystem
*	@copyright Copyright 2003-2007 Zen Cart Development Team
*	@copyright portions Copyright 2003 osCommerce
*	@license http://www.zen-cart.com/license/2_0.txt GNU public License V2.0
*	@version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
* 
* Table of Contents
* ============================================================================
* 1. Generic
* 2. Misc
* 3. Native Navigation
* 4. Shopping Cart Display
* 5. Image Display
* 6. Attributes
* 7. List Box Contents
* 8. Error/Warning Messages
* 9. Wrappers/Containers
* 10. EZPages Navigation (TOP)
* 11. Side Content
* 12. Main Content
* 13. Product Listing
* 13.1. Product Listing Pagination
* 13.2. Product Info Display
* 13.2.1. Product Info Attributes
* 13.2.2. Product Info Tabs
* 13.2.3.  Product Info Tab where to buy
* 14. EZPages Navigation (BOTTOM)
* 15. Fonts
* 16. Hidden Elements
* 17. Color Box
* 18. Jquery UI
* 19. Payfire
* 99. Responsive Section

17

/*	==========================================================================
	1. Generic
==========================================================================	*/



body {
  -webkit-font-smoothing: antialiased;
	color: #333f3e;
  font-family: "HurmeGeometricSans3 Regular";
	font-size: .8em;
	margin: 0px;
        background: #333f3e;
        max-width: 100%;
        overflow-x: hidden;
}

body, html {
  height: 100%;
  background: #FFFFFF;
}

a img {
	border: none;
}

a:link, #navEZPagesTOC ul li a {
	color: #333f3e;
	text-decoration: none;
}

a:visited {
	color: #333f3e;
	text-decoration: none;
}

a:hover {
	color: #F05A28;
}

a:active {
	color: #F05A28;
}

h1  {
  text-transform: uppercase;
  display: block;
  font-size: 1.8em;
  font-weight: 100;
  
  margin: -33px auto 50px;
  padding: 0;
  
  text-align: center;
  width: 100%;
  color: #ffffff;
  
}

h1 span {
  font-size: .5em;
  text-transform: lowercase;
}

h2 {
	font-size: 1.3em;
}


h3 {
	font-size: 1.2em;
}

h4, h5, h6, label, h4.optionName, legend, address, .larger{
	font-size: 1em;
}



.biggerText {
	font-size: 1em;
}

code {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: .9em;
}

form, select, input {
  display: inline;
}


textarea {
	display: block;
	margin: auto;
        width: 100%;
}

input:focus, select:focus, textarea:focus {
	background: #F0F8FF;
}

fieldset {
  display: block;
	border: 1px solid #CCCCCC;
	margin: 5px 3% 15px;
	padding: 5%;
}

legend {
	padding: 0.3em;
        max-width: 90%;
}

label, h4.optionName {
	line-height: 1.3em;
	padding: 0.2em;
}

label.checkboxLabel, label.radioButtonLabel {
	margin: 0.5em 0.3em;
}

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
}

label.inputLabel {
  vertical-align: top;
	float: left;
	width: 11em;
}

label.inputLabelPayment {
	float: left;
	width: 15em;
}

label.selectLabel, label.switchedLabel, label.uploadsLabel  {
	float: left;
	width: 12em;
}

address {
  font-weight: 100;
  letter-spacing: 0.8px;
  line-height: 1.2em;
  margin: 0px;
  padding: 0px;
  text-align: justify;
  font-style: normal;
}


.clearBoth {
	clear: both;
}

hr {
	border: none;
	border-bottom: 1px solid #9A9A9A;
	height: 1px;
	margin-top: 0.5em;
}

/*	==========================================================================
	2. Misc
==========================================================================	*/

#productAdditionalImages {
	clear: left; width: 250px; float:left;
}
#attribsWrapper {
	float:left; width: 450px;
}

.back {
	float: left;
}

.forward, #shoppingCartDefault #ppECbutton {
	float: right;
}

.bold {
	font-weight: bold;
}

.hiddenField {
	display: none;
}

.visibleField {
	display: inline;
}

#myAccountGen li, #myAccountNotify li {
	margin: 0px;
} 

.accountTotalDisplay, .accountTaxDisplay {
	text-align: right;
	width: 20%;
}

.accountQuantityDisplay {
	vertical-align: top;
	width: 10%;
}

tr.tableHeading {
	background-color: #CACACA;
	height: 2em;
}

#siteMapList {
	float: right;
	width: 90%;
}

.ratingRow {
	margin: 1em 0em 1.5em 0em;
}

label#textareaReviews {
	font-weight: normal;
	margin: 1em 0em;
}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background-color: #FFFFFF;
}
.information {
	line-height: 150%;
	padding: 10px 3px;
}

#shoppingcartBody #shippingEstimatorContent {
	clear: both;
}

.seDisplayedaddresslabel {
	background-color: #85C285;
	text-align: center;
}
.seDisplayedaddressInfo {
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

#seShipTo {
	padding: 0.2em;
}

.alert {
	margin-left: 0.5em;
}

.important {
	font-weight: bold;
}

.gvBal {
	float: right;
}

#bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
}

h3.rightBoxHeading, h3.rightBoxHeading a {
	color: #FFFF00;
	font-size: 1.1em;
}

.rightBoxHeading {
	background-color: #663366;
	margin: 0px;
	padding: 0.2em 0em;
}

h3.leftBoxHeading a:hover {
	color: #FFFF33;
	text-decoration: none;
} 

h3.rightBoxHeading a:hover {
	color: #FF0000;
	text-decoration: none;
}

.rightBoxContent {
	background-color: #FFFFFF;
	margin-bottom: 1em;
}

#info a{
  text-decoration: underline;
}

#logo_splash {
  display: none;
  position: absolute;
  top: 6%;
  right: 0;
  width: 50%;
}

#banner_splash {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;    
  height: 100%;
  right: 0;
  width: 65%;
  opacity: 0.95;
}

#banner_mobile_splash {
  min-width: 100%;
  margin-top: 30px;
  opacity: 0.95;
}

#all_year_splash {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: -1;
    left: 0;
}

#slogin {
  position: absolute;
  bottom: 10%;
  right: 6%;
  font-size: 180%;
  font-family: "HurmeGeometricSans3 Light";
  color: #ffffff;
  z-index: -1;
}
.ui-dialog {
  z-index: 10000;
}

.sizechart {
  display: none;
}

.sizechart div {
  padding: 0;
}

.sizechart table {
  margin-top: 40px;
}

.sizechart table th {
  background-color: #a6a7aa;
}
.sizechart table td, .content table th {
  border-bottom: 1px solid black;
}

#focal  {
 margin: 0;
 padding: 0 103px 5px 5px;
 border: 1px solid #666;
}

#focal .parent {
  text-align: center;
  max-height: 650px;
}

.align_center{
  text-align: center !important;
}

.align_middle{
  vertical-align: middle !important;
}

/*	==========================================================================
	3. Native Navigation
==========================================================================	*/
.navNextPrevCounter {
	font-size: 0.9em;
	margin: 0px;
}

.navNextPrevList {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding:  0.5em 0em;
	white-space: nowrap;
}

#navEZPagesTOCWrapper {
	border: 1px solid #000000;
	height: 1%;
	float: right;
	font-weight: bold;
}

#navEZPagesTOC ul {
	line-height: 1.5em;
	list-style-type: none;
	margin: 0px;
	padding:  0.5em 0em;
}

#navEZPagesTOC ul li {
	white-space: nowrap;
}

#navEZPagesTOC ul li a {
	margin: 0px;
	padding: 0em 0.5em;
}

#navCategoryIcon, .buttonRow {
	margin: 0;
}

#navMainSearch {
	float: right;
}

#navBreadCrumb {
	background-color: #CC9900;
}

#navEZPagesTopBackDrop {
  background-color: #333f3e;
}

#navBreadCrumb {
	font-size: 0.85em;
	font-weight: bold;
	margin: 0px;
	padding: 0.4em;
}

#navColumnTwo {
	background-color: transparent;
}

#productDescriptionAttributes, #productDescription, .shippingEstimatorWrapper {
	padding: 1em 0;
}



.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIp {
	font-size: 0.8em;
}

.centeredContent, th, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIp, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, label#textareaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsopurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center;
}

.categoryListBoxContents a{
  font-size: 1.3em;
}

#bestsellers .wrapper {
	margin: 0em 0em 0em 1.5em;
}

#bestsellers ol {
	margin-left: 1.1em;
	padding: 0px;
}

#bestsellers li {
	margin: 0.3em 0em 0.3em 0em;
	padding: 0px;
}

#bannerboxHeading {
	background-color: #0000CC;
}

#upProductsHeading {
	text-align: left;
}

#upDateHeading {
	text-align: right;
}

#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsopurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
}

#cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0px;
	padding: 0px;
}

#loginDefault .floatingBox  {
  position: relative;
  min-height: 200px;
}

#loginDefault .floatingBox .buttonRow.forward{
  position: absolute;
  right: 10px;
  bottom: 10px;
}

/* css buttons */
.cssButton, .cssButtonHover, #custom_add_btn, #cartRemove {
 
  font-family: 'HurmeGeometricSans3 Regular';
  display: block;
  cursor: pointer;
  font-size: .9em;
  line-height: 18px;
  text-transform: uppercase;
  margin: 6px 0 6px;
  text-align: center;
  padding: 5px;
  white-space:nowrap;
  width: auto !important;
}

.backstretch {
  min-height: 100%;
}

input[type="text"] {
    display: inline-block;
}
textarea, input, select {
  font-family: 'HurmeGeometricSans3 Regular';
    min-width: 20px;
    min-height: 20px;
    padding: 2px 5px;
    margin: 4px 0;
    border-radius: 0;
    font-size: .9em;
    background-image: none;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333;
}



textarea:focus, input:focus, select:focus  {
        border-color: #66afe9;
        background-color: #fff;
}

.cartQuantity input, .Qty input {
  text-align: center;
}

.button_delete_small {
  margin: 0px 0px 0px 5px;
}

.button_delete_small {
  margin: 0px 0px 0px 5px;
}
/*	==========================================================================
	4. Shopping Cart Display
==========================================================================	*/
.messageStackError {
  font-size: 1.2em;
  padding: 20px 0px 10px;
}

#cartContentsDisplay, #cartContentsDisplayConfirmation {
  border-collapse: collapse;
  font-size: 1.2em;
}

#cartContentsDisplay tr, #cartContentsDisplayConfirmation tr {
  border-bottom: 1px solid #333f3e;
}

.tableHeading th, .cartTableHeading th {
  border-bottom: 1px solid #333f3e;
  font-weight: 100;
  text-align: left;
}

.tableHeading, .cartTableHeading th {
  background-color: transparent !important;
}

#cartSubTotal {
	color: #333f3e;
  font-size: 1.4em;
  font-weight: 100;
	line-height: 2em;
  margin: 0px 0px 0px;
  padding: 0px;
	text-align: right;
}

#cartSubTotal span {
  color: #F05A28;
}

.rowOdd, .rowEven {
	vertical-align: top;
}

.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
  font-size: .95em;
}

#cartProdTitle {
  font-size: 1em;
}

#cartImageWrapper {
  float: left;
}

#cartContentsDisplayConfirmation .cartQuantity, #cartContentsDisplayConfirmation .cartProductDisplay, #cartContentsDisplayConfirmation .cartTotalDisplay {
  padding: 10px 10px 8px;
  text-align: left;
}

#cartContentsDisplayConfirmation .cartProductDisplay ul.cartAttribsList {
  display: inline;
  list-style-type: none;
}

#cartContentsDisplayConfirmation .cartProductDisplay ul.cartAttribsList li {
  float: left;
}

#cartContentsDisplayConfirmation .cartTotalDisplay {
  text-align: right;
}

#cartContentsDisplay a h5 {
  font-weight: 100 !important;
  margin: 10px 0px 0px;
  padding: 0px;
}

#scQuantityHeading, #cartContentsDisplay .cartQuantity, #ccQuantityHeading {
  padding: 5px 10px 4px;
	width: 80px;
}

#scUpdateQuantity, #cartContentsDisplay .cartQuantityUpdate {
  padding: 5px 10px 4px;
	width: 80px;
}

#scProductsHeading, #cartContentsDisplay .cartProductDisplay {
  padding: 5px 10px 4px;
}

#ccProductsHeading {
  padding: 5px 10px 4px;
  width: 733px;
}

#scUnitHeading, #scTotalHeading, #ccTotalHeading {
  text-align: right;
}

#scUnitHeading, #scTotalHeading, #cartContentsDisplay .cartUnitDisplay, #cartContentsDisplay .cartTotalDisplay, #ccTotalHeading {
  padding: 5px 10px 4px;
	width: 80px;
}

#cartContentsDisplay .cartQuantity, #cartContentsDisplay .cartQuantityUpdate {
  text-align: center;
}

#cartContentsDisplay .cartUnitDisplay, #cartContentsDisplay .cartTotalDisplay {
  text-align: right;
}

#cartContentsDisplay .cartQuantity, #cartContentsDisplay .cartQuantityUpdate, #cartContentsDisplay .cartProductDisplay, #cartContentsDisplay .cartUnitDisplay, #cartContentsDisplay .cartTotalDisplay {
  padding: 15px 10px 4px;
}

#orderTotals {
	color: #333f3e;
  font-size: 1.5em;
  font-weight: 100;
  padding: 0px;
  margin: 20px 0px 20px;
	text-align: right;
}

.cartNewItem {
	color: #FFFFFF;
	position: relative;	/*do not remove-fixes stupid IEbug*/
}

.cartOldItem {
	color: #FFFFFF;
	position: relative;	/*do not remove-fixes stupid IEbug*/
}

.cartAttribsList ul {
  list-style-type: none;
}

.addressBookWrapper {
  margin: 5px 0px 20px !important;
}

.moduleRow{
  border: 1px solid #333f3e;
  float: left;
  margin: 5px;
  padding: 5px;
  width: 47%;
}

.moduleRow label{
  font-size: 1.35em;
  float:left;
  margin-left: 5px;
}

.moduleRowSelected{
  background-color: #647883;
  border: 1px solid #333f3e;
  color: #FFFFFF;
  float: left;
  margin: 5px;
  padding: 5px;
  width: 47%;
}

.moduleRowSelected label{
  font-weight: 100;
  font-size: 1.35em;
  float:left;
  margin-left: 5px;
}

#mediaManager {
	margin: 0.2em;
	padding: 0.5em;
}

.mediaTitle {
	float: left;
}

.mediaTypeLink {
	float: right;
}

.normalPrice, .productSpecialPriceSale {
	text-decoration: line-through;
}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #FF0000;
}

.orderHistList {
	margin: 1em;
	padding: 0.2em 0em;
} 

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0px;
	padding: 0.2em 0em;
} 

#cartBoxEmpty, #cartBoxVoucherBalance {
	font-weight: bold;
}

.totalBox {
	text-align: right;
	padding: 0.2em;
	width: 5.5em;
}

.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;
}

.amount {
	width: 5.5em;
}

.cartAttribsList span {
  color: #F05A28;
}

#cartRemove {
  text-transform: uppercase;
  font-size: 0.9em;
  letter-spacing: 3px;
  margin-left: 4px;
}

/*	==========================================================================
	5. Image Display
==========================================================================	*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin: 0em 1em 1em 0em ;
}

#cartImageWrapper {
  margin: 0px 10px;
}

#cartImage {
  color: #FFFFFF;
  display: table-cell;
  height: 100%;
  margin: auto;
  padding: 0px 5px 0px 0px;
  text-align: center;
  width: 100px;
  min-width: 100px;
}
.cartProductImage {
  vertical-align: middle;
}

.sale_overlay {
  background: transparent url("../images/label_sale_red_s.png") no-repeat;
  width: 65px;
  height: 65px;
  position: absolute;
  top: 0;
  left: 5px;
}

#productMainImage .sale_overlay {
  background-image: url("../images/label_sale_red_m.png");
      width: 85px;
  height: 85px;
  top: 5px;
}

.new_overlay {
  background: transparent url("../images/label_new_blue_s.png") no-repeat;
  width: 65px;
  height: 65px;
  position: absolute;
  top: 0;
  left: 5px;
}

#productMainImage .new_overlay {
  background-image: url("../images/label_new_blue_m.png");
  width: 85px;
  height: 85px;
  top: 5px;
}



/*	==========================================================================
	6. Attributes
==========================================================================	*/
.attribImg {
	margin: 0.3em 0em;
	width: 20%;
}

/*	==========================================================================
	7. List Box Contents
==========================================================================	*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsopurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
}

/*	==========================================================================
	8. Error/Warning Messages
==========================================================================	*/
.messageStackWarning, .messageStackSuccess, .messageStackCaution, .messageStackError, .alert {
	line-height: 1.8em;
	padding: 0.2em;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.alert.forward{
  border-bottom: 1px solid #FF9900;
}

 .messageStackError {
  border: 1px solid #ff0000;
	background-color: #FAE6E6;
	color: #000000;
}

.messageStackSuccess {
  border: 1px solid #006600;
	background-color: #D6F5D6;
	color: #000000;
}

.messageStackWarning, .messageStackCaution {
  border: 1px solid #FF9900;
	background-color: #FFFFCC;
	color: #000000;
}


#indexProductList, #indexDefault, #productGeneral{
  background: none;
}

/*	==========================================================================
	9. Wrappers/Containers
==========================================================================	*/
#mainWrapper {
  background-color: transparent;
  margin: 0px auto;
  /*max-height: 1400px;*/
	padding: 0px;
	text-align: left;
	width: 100%;
}

#headerWrapper, #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
  background-color: #333f3e;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
}

#headerWrapper {
  height: 88px;
  margin: 0px;
 padding: 0px;
}

#logoWrapper {
  margin: 0px auto;
  padding: 0px;
  text-align: center;
  max-width: 1280px;
  height: 88px;
}

#logo{
  position: relative;
  height: 100%;

}


#logo a{
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10000;
}



#navColumnOne {
  float: left;
  height: 100%;
  width: 33%;
  max-width: 462px;
  overflow: hidden;
}

#indexHomeBody #navColumnOne {
  width: 100%;
}

#navColumnOneWrapper{
  min-height: 100%;
}

#contentMainWrapperWrapper {
  position: relative;
  min-height: 747px;
  height: 100%;
  background: #FFFFFF url("../images/watermark.jpg") no-repeat;
  background-size:100%;
    
  /*max-height: 1400px;*/
}

#contentMainWrapper {
  border: none;
/*  max-height: 1400px;*/
  margin: 0px auto;
  padding: 0px;
  position: relative;
  width: 100%;
  border-collapse: collapse;
}




#navColumnMain {
  float:left;
  clear: both;
  width: 100%;
  position: relative;
  z-index: 25;
}



#navSuppWrapper {
  float: left;
  clear: both;
  width: 100%;
  min-height:  71px;
  z-index: 1000;
}

#tagline {
	color:#000000;
	font-size: 2em;
	text-align : center;
	vertical-align: middle;
}

#sendSpendWrapper {
	border: 1px solid #CACACA;
	float: right;
	margin: 0em 0em 1em 1em;
}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin: 0px;
	width: 47%;
}

.floatingBox.fullPage {
  width: 100%;
  box-sizing: border-box;
}

.floatingBox.fullPage .important  {
  display: block;
  float: left;
  clear: both;
}



.wrapperAttribsOptions {
  height: 25px;
  width: 100%;
  float: left;
}

    
/*	==========================================================================
	11. Side Content
==========================================================================	*/
.sideBoxContent {
	font-size: 2.2em !important;
  font-weight: 100 !important;
  letter-spacing: 1.5px;
  padding: 1.2em 1% 1.2em 3%;
/*  text-shadow: 1px 2px #000000;*/
	text-transform: uppercase;
}

.sideBoxContent .selected-category-container {
  margin: 0px 0px 40px;
}

.sideBoxContent a {
  display: block;
}

.sideBoxContent a:hover {
  color: #F05A28;
}

.sideBoxContent .category-top {
  padding: 5px 0px;
  background-size: 30px;
  background-position:left 5px;
  background-repeat: no-repeat;
  padding-left: 40px;
}

.sideBoxContent a.category-subs-parent, .sideBoxContent a.category-top.category-subs-selected {
  color: #F05A28;
}


.sideBoxContent a.category-products {
  padding: 6px 0px 3px;
  letter-spacing: 1px;
  font-size: 0.7em;
  margin: 0px 0px 5px 40px;
}


.sideBoxContent div a.category-products {
  margin: 0px 0px 5px -8px;
}

.sideBoxContent a.category-products.category-subs-selected, .sideBoxContent a.category-products.category-subs-selected:hover {
  display: inline-block;
  padding-right: 50px;
  background: transparent url("../images/thermatech_sprites.png") right no-repeat;
  color: #FFFFFF;
}



.sideBoxContent div.category-top > div {
  display: none;
}

.sideBoxContent div.category-top:hover > div {
  display: block;
}


/*	==========================================================================
	12. Main Content
==========================================================================	*/
.content {
  float: left;
  width: 100%;
}

.centerColumn {
  border: 0;
  float: right;
  height: 100%;
  padding: 0 3% 3%;
  background: none;
  width: 100%;
  box-sizing: border-box;
}

#indexDefault.centerColumn {
  width: 0;
 border: none; 
 padding: 0;
}

#main_center_table {
  width:100%; 
  height:100%; 
  border: none;
  border-collapse:collapse;
}

#background_image{
  display: none;
}

/*	==========================================================================
	13. Product Listing
==========================================================================	*/
#indexProductListCatDescription {
  font-size: .9em;
  font-weight: 100;
  letter-spacing: 0.6px;
  line-height: 1.2em;
  text-align: justify;
  text-transform: uppercase;
  min-height: 65px;
  width: 100%;
}

#productListing {
  min-height: 550px;
  position: relative;
}

#productListing .centerBoxContentsProducts {
  height: 225px;
  width: 262px;
  margin: 5% auto;
  position: relative;
}

#productListing .product-col {
  padding: 0 20px;
  max-height: 235px;
}

/*#productListing .product-col.hLine {
  border-top: 1px solid #333f3e;
}
*/
/*#productListing .centerBoxContentsProducts.vLine {
  border-left: 1px solid #333f3e;
}
*/

#productListing .product-cs-features {
  position: absolute;
  right: 0;
  top: 25px;
  max-width: 145px;
}

#productListing .product-cs-features ul {
  display: inline;
  padding: 0px;
}

#productListing .product-cs-features ul li {
  float: right;
  list-style-type: none;
}

#productListing .product-cs-features ul li img {
  height: 35px;
}


#productListing .product-info {
  position: relative;
  text-align: left;
  z-index: 1;
}

#productListing .product-info h3 {
  font-size: .8em;
  line-height:.6em;
  font-weight: 100;
  margin: 0px 0px 2px;
  padding: 0px;
  text-transform: uppercase;
  text-align: right;
  font-family: "HurmeGeometricSans3 Bold";
  
}


#productListing .product-info h3 span a {
  font-size: 1.4em;
  text-align: center;
  color: #FFFFFF;
  display:block;
  width:100%;
  padding: 5px 3px;
  border-radius: 4px;
  line-height:1.5em;
  max-height: 20px;
  vertical-align: middlle;
  overflow: hidden;
  font-family: "HurmeGeometricSans3 Regular";
}

#productListing .product-info h3 span a:hover {
  color: #F05A28;
}

.product-price {
  position: relative;
  vertical-align: top;
  pointer-events:none;
  z-index: 1;
}

#productListing .product-price {
  text-align: right;
  width: 100%;
}

#productListing .product-price p {
  vertical-align: top;
  font-size: 0.8em;
  margin: 0px;
  padding: 0px;
}

#productListing .product-price p .listingPrice {
  color: #F05A28;
  font-size: 1.7em;
}

#productListing .normalprice {
  text-decoration: line-through;
}

#productListing .productSpecialPrice, #productListing .productSalePrice {
  color: #F05A28;
}

#productListing .productPriceDiscount, #productListing .productSalePrice {
  font-size: 1.4em;
}

#productListing .productPriceDiscount {
  color: #F05A28;
  left: 0px;
  line-height: 1.8em;
}

#productListing .product-image {
  position: absolute;
  top: 45px;
  display: table-cell;
  height: 200px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  z-index: 0;
}

.product-inner-wrapper {
  margin: 0px auto;
  max-width: 295px;
  max-height: 235px;
  position: relative;
}

/*	==========================================================================
	13.1. Product Listing Pagination
==========================================================================	*/
#productsListingListingBottomLinks {
  bottom: 15px;
  padding: 0px 7px 0px;
  position: absolute;
  right: 0;
}

#productsListingListingBottomLinks a {
  color: #333f3e;
  margin: 0px;
  padding: 3px 3px;
}

#productsListingListingBottomLinks a:hover {
  color: #F05A28;
}

#productsListingListingBottomLinks .current {
  background-color: #F05A28;
  color: #FFFFFF;
  padding: 3px 6px;
}

/*	==========================================================================
	13.2. Product Info Display
==========================================================================	*/

#productGeneral h2.product-info {
  font-size: 1.6em;
  font-family: "HurmeGeometricSans3 Regular";
  margin: 0px 0px 20px;
  text-transform: uppercase;
  
  background-color: #799bad; 
  text-align: center;
  color: #FFFFFF;
  display:block;
  width: 97%;

  padding: 4px;
  border-radius: 4px;
  line-height:1.5em;
  max-height: 28px;
  overflow: hidden;
}

#productGeneral h3.product-info {
  font-size: 1.55em;
  font-weight: 100;
  margin: 0 0 2px;
  padding: 0;
}

#productGeneral h3.product-price {

  font-weight: 100;
  margin: 5px 0 2px;
  padding: 0;
}

#productGeneral h3.product-price .thePrice {
  
  font-size: 1.6em;
  color: #F05A28;
    line-height: 1.1em;
    vertical-align: top;
}

#productGeneral .normalprice {
  text-decoration: line-through;
  
  vertical-align: top;
}

#productGeneral .productSpecialPrice {
  vertical-align: top;
}

#productGeneral .productSalePrice {
  font-size: 1.1em;
  line-height: 1.2em;
}


#productGeneral .productSpecialPrice, #productGeneral .productPriceDiscount, #productGeneral .productSalePrice {
  color: #F05A28;
}

    

#productImagesWrapper {
  float: left;
  width: 100%;
  position: relative;
}

#productMainImage {
  height: 290px;
  max-height: 290px;
  margin: 0px;
  width: 100%;
  text-align: center;
}

#productMainImage img {
  max-height: 290px;
  width: auto;
}

#productMainImage a {
  display: table-cell;
  height: 290px;
  text-align: center;
  vertical-align: middle;
}

#productAdditionalImages {
  width: 100%;
}

#productAdditionalImages .additionalImages {
  padding: 2px 0px;
  margin: 5px 0;
}



#productGeneral #product_details_wrapper {
  float: left; 
  width: 100%; 
  height: 80%;
  max-height: 80%;
  margin-top: 10px;
}

#productGeneral #product_details {
  float: left; 
  width: 100%; 
  height: 40%;
  max-height: 270px;
  min-height: 220px;
}

.productDescriptionAttribute{
  
  line-height: 1.2em;
}

.productDescriptionAttribute .DescriptionAttributeLabel {
  font-weight: bold;
  color: #F05A28;
}

#productDescription span{
  font-weight: bold;
  color: #F05A28;
}


/*	==========================================================================
  13.2.1. Product Info Attributes
==========================================================================	*/
#attributesWrapper {
  float: right;
  padding: 20px 0;
  width: 100%;
}

#attributesWrapper h3 {
  font-weight: 100;
  margin: 0px;
}

#attributesWrapper .wrapperAttribsOptions {
  margin: 0px;
}

#attributesWrapper .wrapperAttribsOptions select {
  margin: 3px 0px 0px 6px;
  min-width: 80px;
}

#attributesWrapper h4, #attributesWrapper h4 label {
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: 100;
  padding: 0px;
  margin: 0px;
  vertical-align: middle;
  text-transform: uppercase;
  display: block;
  min-width: 80px;
}

#attributesWrapper .attributes-radio {
  float: left;
  min-width: 30%;
}

#attributesWrapper label {
  float: left;
  margin: 0px 6px 0px 0px;
  padding: 0px;
}

#attributesWrapper input {
  float: left;
  margin: 3px 1px 0px;
  min-height: 24px;
}

#attributesWrapper input.qty {
  float: none;
  width: 30px;
  min-height: 24px;
}


#attributesWrapper #cartAdd {
  margin: 50px 0px 20px;
  clear: both;
  width: 100%;
  height: 30px;
  padding-top: 20px;
}

#attributesWrapper #cartAdd div, #attributesWrapper #cartAdd input {
  float: left;
}

#attributesWrapper #cartAdd label {
  font-size: 1.4em;
  line-height: 1.8em;
  margin: 2px 6px 0px 0px;
  
}


/*	==========================================================================
	13.2.2. Product Info Tabs
==========================================================================	*/
#tabs {
  position: relative;
  float: left;
  clear: both;
  min-height: 320px;
  width: 100%;
}

#tabs .tab-links-wrapper {
  border-bottom: 2px solid #F05A28;
  height: 31px;
}

#tabs ul {
  
  list-style-type: none;
  margin: 0px 0px 0px;
  padding: 0px;
  text-transform: uppercase;
  height: 33px;
  width: 100%;
}

#tabs ul li {
  border-right: 1px solid #FFFFFF;
  background: #ff9d7b;
  float: left;
  width: 100%;
}

#tabs ul a {
  font-size: 1.2em;
  color: #FFFFFF;
  min-width: 110px;
  width: 90%;
  float: left;
  padding: 5px 5%;
  text-align: center;
  height: 21px;
}

/*ffbeb1*/

#tabs ul li.ui-state-active a {
  background: #ff593a;
  background-image: linear-gradient(to bottom, #ff4200, #ff593a);
  
}


#tabs .tabs {
  float: left;
  top: 36px;
  bottom: 0;
  padding: 10px 10px 0px 0px;
}

#tabs .tabs p {
  text-transform: none !important;
  font-size: 1.1em;
  text-align: left;
  line-height: 1.25em;
}

/*	==========================================================================
	13.2.3.  Product Info Tab where to buy
==========================================================================	*/

.locations_wrapper {
  float: left;
  position: relative;
  margin: 0 0 10px;
  padding: 5px 0; 
  width: 100%;
  font-size: 1em;
}

.locations_wrapper h3.locations_subheader  {
  font-family: HurmeGeometricSans3 Light;
  font-weight: normal;
  text-transform: uppercase;
  color: #F05A28;
  font-size: 1.35em;
  line-height: 1em;
  margin: 2px 0 2px;
}

.locations_wrapper .stores_wrapper {
  float: left;
  position: relative;
  padding : 5px 0;
  border-top: 1px solid #333f3e;
  width: 100%;
}

.locations_wrapper .store_wrapper{
  float: left;
  position: relative;
  width: 45%;
}

.locations_wrapper #online_stores_content.stores_wrapper .store_wrapper{
  padding : 4px 0;
}

.locations_wrapper #locations_stores_content.stores_wrapper .store_wrapper{
  padding : 3px 0 10px;
}

.locations_wrapper .store_wrapper a{
  font-size: .9em;
  text-decoration: underline;
}

.locations_wrapper .store_wrapper .store_header  {
  font-size: 1.05em;
  font-weight: 300;
  line-height: 1em;
  padding: 0;
  margin: 0;
}

.locations_wrapper .store_wrapper .store_detail {
  
  font-size: .95em;
}


.locations_wrapper .store_wrapper a#google_icon {
  display: inline-block;
  float: left;
  margin-left: 5px;
  width: 20px;
  height: 20px;
  background: url("../images/maps_icn.jpg");    
}


.locations_wrapper .store_wrapper #city.store_detail {
  font-weight: bold;
}

.locations_wrapper .store_wrapper #phone.store_detail {
  color: #F05A28;
  font-size: 1em;
}


.locations_wrapper .region_selector_wrapper {
  position: absolute;
  left: 150px;
  top: 8px;
}

.locations_wrapper .region_selector_wrapper label{
  line-height: 1.1em;
  padding: 0;
}

.locations_wrapper .region_selector_wrapper select{
  margin: 0 5px;
}

.locations_wrapper .region_selector_wrapper .region_selection {
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  cursor:pointer;
}

.locations_wrapper .region_selector_wrapper .selected{
  color: #F05A28;
  font-weight: bold;
  cursor:auto;
}

.locations_wrapper .region_selector_wrapper .region_selection:hover {
  text-decoration:underline;
  color: #F05A28;
}

.locations_wrapper .region_selector_wrapper .selected:hover{
  text-decoration: none;
}



/*	==========================================================================
	14. EZPages Navigation (BOTTOM)
==========================================================================	*/
#navSupp {
  font-weight: 100;
  margin: 0px auto;
  text-transform: uppercase;
  width: 90%;
  max-width: 1200px;
}

  #navSupp ul li {
  padding: 0px 0px;
}

#navSupp .chreos-backlink {
  float: left;
  margin-top: -10px;
}

.facebook-link{
  width: 100%;
  display: block;
  float: left;
  clear: both;
}

#navMain {
  width: 100%; 
  height: 28px; 
  margin: 0px;
  background-color: #333f3e;
}

#navMain ul, #navSupp ul, #navCatTabs ul  {
  font-weight: 100;
  line-height: 1.5em;
  list-style-type: none;
  margin: 0;
  padding: 1.4em 0em;
  text-align: center;
}

#navMain ul {
  font-size: 12px; 
  margin: 0px auto;
  max-width: 1280px; 
  text-align: right; 
  padding: 2px 0px;
}

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
  display: inline;
}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
  color: #FFFFFF;
  margin: 0px;
  padding: 0em 0.5em;
  text-decoration: none;
  white-space: nowrap;
}

#navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #F05A28;
}

#navEZPagesTop {
  font-family: 'HurmeGeometricSans3 light';
  width: 100%;
  max-width: 1200px;
  margin: -88px auto 0;
  position: relative;
  z-index: 10000;
  font-size: .8em;
}

#nav
{
  z-index: 50;
  position: absolute;
  margin: 0;
  top: 0;
  right: 0;
  left: 280px;
}
#nav > a
{
  display: none;
}
#nav li
{
  position: relative;
}

#nav li a
{
   display: block;
   vertical-align: bottom;
}


#nav span:after
{
  width: 0;
  height: 0;
  border: 0.313em solid transparent; /* 5 */
  border-bottom: none;
  content: '';
  vertical-align: middle;
  display: inline-block;
  position: relative;
  right: -0.313em; /* 5 */
}
    /* first level */
 
#nav > ul
{  
  margin: 0;
  padding: 0;
  text-align: left;
  float: right;
  width: 100%;

}
                                
#nav > ul > li
{
  width: 20%;
  float: left;
  text-align: center;
}

 
#nav > ul > li > a,
#nav > ul > li > span
{
  display: block;
  height: 100%;
  font-size: 1.4em; /* 24 */
  line-height: 2.5em; /* 60 (24) */
  text-align: center;
}

#nav li ul
{
  padding: 0;
  display: none;
  position: absolute;
  top: 100%;
  border-bottom: 1px solid #ffffff;
}

#nav ul li:hover > ul, #nav li ul.category-subs-selected
{
  display: block;
  left: 0;
  right: 0;
}


#nav .category-top.category-subs-selected, 
#nav .category-products.category-subs-selected{
  font-family: "HurmeGeometricSans3 Bold";
  font-weight: bold;
}

#nav .category-top.category-subs-selected.category-subs-parent {
  font-family: "HurmeGeometricSans3 Regular";
  font-weight: normal;
}




#nav li:not( :first-child ):hover ul
{
  left: -1px;
        
}
#nav li ul a
{
  font-size: 1.25em; /* 20 */
  padding: 0.75em; /* 15 (20) */
}


#navEZPagesTop ul.header_menu li {
  list-style: none;
}

#navEZPagesTop  ul.header_menu li a
,#navEZPagesTop  ul.header_menu li div{
  color: #ffffff;
}

#navEZPagesTop  ul.header_menu li div{
  cursor: default;
}

/*
#navEZPagesTop ul.header_menu li.header_submenu ul{
  border-top: 1px solid #ffffff;
}*/


#nav #categories {
  border-bottom: 1px solid #ffffff;
}


#nav .category-products{
  font-weight: normal;
}

#nav span:after, #nav .category-subs-parent:after  {
      width: 0;
    height: 0;
    border: 0.313em solid transparent;
    border-bottom: none;
    border-top-color: #ffffff;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em;
}

#nav .categories, #nav .specials {
  display: list-item;
}

/*	==========================================================================
	15. Fonts - Generated by Font Squirrel on January 23, 2014
==========================================================================	*/
/* Normal */
@font-face {
  font-family: "HurmeGeometricSans3 Regular";
  src:  url("../fonts/Hurme Design - HurmeGeometricSans3 Regular.eot");
  src:  url("../fonts/Hurme Design - HurmeGeometricSans3 Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Hurme Design - HurmeGeometricSans3 Regular.woff") format("woff"),
        url("../fonts/Hurme Design - HurmeGeometricSans3 Regular.ttf") format("truetype"),
        url("../fonts/Hurme Design - HurmeGeometricSans3 Regular.svg#HurmeGeometricSans3 Regular") format("svg");
  font-style: normal;
  font-weight: normal;
  font-size: 80%;
}

/* Bold */
@font-face {
  font-family: "HurmeGeometricSans3 Bold";
  src:  url("../fonts/Hurme Design - HurmeGeometricSans3 Bold.eot");
  src:  url("../fonts/Hurme Design - HurmeGeometricSans3 Bold?#iefix") format("embedded-opentype"),
        url("../fonts/Hurme Design - HurmeGeometricSans3 Bold.woff") format("woff"),
        url("../fonts/Hurme Design - HurmeGeometricSans3 Bold.ttf") format("truetype"),
        url("../fonts/Hurme Design - HurmeGeometricSans3 Bold.svg#HurmeGeometricSans3 Bold") format("svg");
  font-style: normal;
  font-weight: normal;
  font-size: 80%;
}

/* Light */
@font-face {
  font-family: "HurmeGeometricSans3 Light";
  src:  url("../fonts/Hurme Design - HurmeGeometricSans3 Light.eot");
  src:  url("../fonts/Hurme Design - HurmeGeometricSans3 Light.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Hurme Design - HurmeGeometricSans3 Light.woff") format("woff"),
        url("../fonts/Hurme Design - HurmeGeometricSans3 Light.ttf") format("truetype"),
        url("../fonts/Hurme Design - HurmeGeometricSans3 Light.svg#HurmeGeometricSans3 Light") format("svg");
  font-style: normal;
  font-weight: normal;
  font-size: 80%;
}

/*	==========================================================================
	16. Hidden Elements
==========================================================================	*/
#categoriesHeading, .productListing-rowheading, #productsListingBottomNumber, #navMainWrapper {
	display: none !important;
}


/*Shopping cart checkout*/
.totalBox, .cartTotalDisplay, .priceLabelColourize {
  color: #F05A28;
  font-weight: 100;
}

#checkoutConfirmDefault h4 {
  font-weight: 100;
}

fieldset textarea {
  margin: 0px auto 10px;
}


/*Shopping Cart module*/
.cart {
	background: #231F20 url(../images/cart.gif) no-repeat 0 0;

	color: #FFFFFF;
  display: inline;
	font-size: 1.1em;
	height: 25px;
	line-height: 17px;
	padding: 10px 0 0;
	position: absolute;
	right: 0;
	top: 0;
width: 100%;
  z-index: 100;
}

.cart:hover{
  opacity:1;
}

.cart a.on {
  color: #F05A28;
	font-size: 1.2em;
  margin-left: 3px;
  text-decoration: none;
}

.cart a.on:hover {
  color: #FFFFFF;
}

.cart a.on {
  cursor: pointer;
}

.cart-down, .none {
  background: #FFFFFF;
  color: #222;
  border: 1px solid #EAEAEA;
  display: none;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-transform: none;
  top: 35px;
  width: 100%;
  z-index: 100;
}

.none {
	color: #333f3e;
  padding: 15px 0px;
  text-align: center;
  text-transform: uppercase;
}

.cart_item {
  background: url(../images/tail-cart.gif) repeat-x 0 100% #FFFFFF;
  margin: 2px 0px;
  padding: 12px;
  overflow: hidden;
  width: 256px;
}

.cart_item .left-info {
  float: left;
}

.cart_item .center-info {
  float: left;
  width: 165px;
}

.cart_item span {
  float: left;
  margin: 0px 5px 0px 0px;
}

.cart_item .quantity {
  color: #231F20;
  font-size: 1em;
  font-weight: 100;
  margin: 1px 5px 0px 0px;
}

.cart_item .quantity .spr {
  font-style: normal;
  font-weight: 100;
  text-transform: uppercase;
}

.cart_item .cart-name {
  color: #333f3e;
  float: left;
  font-size: 1.3em;
  line-height: 18px;
  text-decoration: none;
  text-transform: none;
}

.cart_item .cart-name:hover {
  text-decoration: underline;
}

.cart_item .model {
  color: #333f3e;
  display: block;
  font-size: 1.05em;
  margin-top: 1px;
  text-transform: uppercase;
  width: 100%;
}

.cart_item a.cart-img {
  display: inline-block;
  float: left;
  margin: 0px 5px 0px 0px;
}

.cart_item a.cart-img img {
  width: 60px;
}

.cart_item .cart-price {
  color: #F05A28;
  float: left;
  font-size: 1em;
  font-weight: 100;
  margin: 1px 0px 0px 0px;
}

.cart_item .delete {
  float: right;
  padding: 4px;
}

.cart-down .cart-bottom {
  padding: 12px;
  overflow: hidden;
  text-align: right;
  width: 256px;
}

.cart-down .cart-bottom .total {
  color: #333f3e;
  display: block;
  font-size: 1.35em;
  font-weight: normal;
  text-transform: uppercase;
  width: 100%;
}

.cart-down .cart-bottom .total strong {
  font-weight: normal;
}

.cart-down .cart-bottom .total span {
  color: #F05A28;
  margin: 0px 0px 0px 5px;
}

.cart-down .cart-bottom a {
  float: left;
}

.cart-down .cart-bottom .buttonRow {
  float: right;
  margin: 10px 0px 0px 0px;
  text-align: right;
}

.cart-down .cart-bottom .buttonRow a {
  margin: 5px 0px 0px 10px;
}



/*Account Tables*/
#prevOrders {
  border-collapse: collapse;
  margin: 0px 0px 20px;
}

#prevOrders > caption > h2 {
  text-align: left;
}

#prevOrders #previousOrdersDate, #prevOrders #previousOrdersNumber, #prevOrders #previousOrdersShippedTo, #prevOrders #previousOrdersStatus, #prevOrders #previousOrdersTotal, #prevOrders #previousOrdersView {
  padding: 7px 10px 4px;
  font-size: 1.1em;
}

#prevOrders #previousOrdersDate, #prevOrders #previousOrdersStatus, #prevOrders #previousOrdersTotal, #prevOrders #previousOrdersView {
  width: 80px;
}

#prevOrders #previousOrdersNumber {
  width: 40px;
}

#prevOrders .previousOrdersDateCell, #prevOrders .previousOrdersNumberCell, #prevOrders .previousOrdersShippedToCell, #prevOrders .previousOrdersStatusCell, #prevOrders .previousOrdersTotalCell, #prevOrders .previousOrdersViewCell {
  font-size: 1.1em;
  padding: 10px 10px;
  vertical-align: top;
}

#accountLinksWrapper ul {
  font-size: 1em;
  list-style-type: none;
  padding: 0px 20px;
}


/* more account stuff*/
#myAccountOrders tbody, #myAccountOrdersStatus tbody {
  border-collapse: collapse;
  font-size: 1.1em;
}

#myAccountOrders h2, #myAccountOrdersStatus h2, #pf_vouchers h2 {
  text-align: left;
}

#myAccountQuantity, #myAccountTotal,#myAccountStatusDate, #myAccountStatus {
  padding: 5px 10px 4px;
	width: 80px;
}

#myAccountProducts, #myAccountStatusComments {
  padding: 5px 10px 4px;
}

#myAccountTotal {
  text-align: right;
}

.accountQuantityDisplay, .accountProductDisplay, .myAccountStatusDateCell, .myAccountStatusCell, .myAccountStatusCommentsCell {
  padding: 7px 10px 0px;
  text-align: left;
}

.accountTotalDisplay {
  color: #F05A28;
  padding: 7px 10px 0px;
  text-align: right;
}

#orderTotals .amount {
  color: #F05A28;
  padding-right: 10px;
}


/*	==========================================================================
	17. Color Box
==========================================================================	*/

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG"s alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


/*	==========================================================================
	18. Jquery UI
==========================================================================	*/

/* Interaction Cues
----------------------------------*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


.ui-state-disabled {
	cursor: default !important;
}

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* Interaction states
----------------------------------*/

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

.ui-dialog {
  background: #ffffff;
  border: 1px solid black;  
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
  max-width: 800px;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}

.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}


.product-cs-features{
   display: inline-table;
   vertical-align: middle;
   
} 
.product-cs-features ul {
  display: inline;
  padding: 0px;
}

.product-cs-features ul li {
  display: inline;
  list-style-type: none;
}

.product-cs-features ul li img {
   display: inline;
  height: 40px;
}

.product-cs-features ul li img:hover + .tooltip {
 display: block;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
 
  opacity: .9;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: .9; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: .9; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: .9; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: .9; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: .9; }
}

.tooltip{
  display: none;
  position: absolute;
  left: 2%;
  z-index: 100;
}

.tooltipInner{
  display: table-cell;
  text-align: center;
  position: relative;
  padding: 10px 20px;
  color: #333f3e;
  height: 280px;
  width: 280px;
  border: 1px solid #ccccff;
  background: #FFFFFF;
  
}

.tooltipInner img{
  height: 200px !important;
}

.tooltip:hover {
  display: block;
}

/*	==========================================================================
	19. Payfire
==========================================================================	*/

/**
 * @package templateSystem
 * @author  Sam
 * @copyright Copyright 2013
 * @copyright Copyright 2003-2011 Zen Cart Development Team
 * @copyright Copyright 2003 osCommerce
 * @license http://www.gnu.org/licenses/gpl.txt GNU General Public License V2.0
 *
 * @version 1.1.0
 */

 .payfireVoucherAttributes{

 }
 
  .payfireVoucherAttributes .option{
   margin: 10px 0;
 }
 
 .pafirevouchers_attribImg{
   position: relative;
 }
 
 .pafirevouchers_attribImg .value_overlay{
   font-family: "HurmeGeometricSans3 Bold";
   position: absolute;
   top: 40%;
   right: 15%;
   font-size: 32px;
   line-height: 32px;
   font-weight: bold;
   color: #FF0000;
 }
 
 .attribute_option{
   text-align: center;
   padding: 15px 0;
 }
 
 .pafirevouchers_add_quantity {
   padding: 15px 5px;
   margin: auto;
   min-height: 36px;
   max-width: 300px;
 }
 
 .pafirevouchers_add_quantity .text2
 {
  float: left;
  margin: 1px 3px;
 }
  
 .pafirevouchers_add_quantity .qty
 {
  float: left;
  margin: 0 3px 5px;
 }
 
 .pafirevouchers_add_quantity .buttonRow {
   float: left;
 }
 .pafirevouchers_add_quantity .buttonRow .button_in_cart {
   margin: -2px 0 0 !important; 
 }

#add_payfire_voucher{
  float: right;
  width: 300px;
}

#add_payfire_voucher .add_button{
  clear: none;
  float: right;
  margin-top: 4px;
}


#add_payfire_voucher label{
  float: left;
  clear: none;
}

#payfire_remove_btn {
  width: 55px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: none;
  background-image: url(../images/button_cancel.gif);
  background-repeat: no-repeat;
  background-position: left center;
  background-color: transparent;
  cursor: pointer;
  text-indent: -9999px;
  color: transparent;
  text-transform: capitalize;  
}

.payfire_black_overlay{
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index:1001;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
}
.payfire_processing_screen {
  display: none;
  position: fixed;
  top: 40%;
  left: 25%;
  width: 50%;
  height: 50%;
  background-color: transparent;
  z-index:1002;
  overflow: auto;
  text-align: center;
  vertical-align: middle;
}

/*	==========================================================================
	99. Responsive Section
==========================================================================	*/


img{
  max-width: 90%;
  height: auto;
}

#navColumnOne{
  margin: 0 auto;
}

#itemsWrapper {
  text-align: center;
}

img{
  max-width: 90%;
  height: auto;
}

#lightbox-container-image-box {
  max-width: 90%;
}

#lightbox-container-image-data-box {
  max-width: 90%;
}


#centerContent {
  padding: 1%;
  margin: 0 auto;
}

a.category-top, a.category-top:visited {
  display: block;
  padding-top: 10px;
}

#navColumnOne {
  display: none;
}


/* remove extras for mobile display */
#reviews,
#moreinformation,
#bannerbox,
#indexDefaultHeading,
#bannerboxall,
#search,
#bannerbox2,
#whoseonline,
#siteinfoIP,
#bannerSix{
  display: none;
}

#indexHomeBody #navColumnOne {
  display: block;
}

#indexHomeBody .leftBoxContainer {
  padding-top: 15px;
}

#scUnitHeading, td.cartUnitDisplay, 
#scUpdateQuantity, td.cartQuantityUpdate, #scUnitHeading,
td.cartUnitDisplay, td.cartProductDisplay, #scProductsImage {
  display: none;
}

.cartNameRow {
  column-span: 100;
}
tr.cartNameRow td.cartProductDisplay {
  display: table-cell;
}

.fb-page{
  margin: 1%;
  max-width: 98%; 
  
    position: absolute;
    bottom: 20px;
    width: 340px;
}

/* Larger 330px mobile phone section */
@media only screen and (max-width: 849px){  
  div {
    max-width: 100%;
  }
  
  .cart {
    top:40px;
  }
  
  #contactname, #email-address{
     max-width: 265px;
  }
  
  #navEZPagesTop {
    padding: 0;
    margin: 0; 
}
  
#nav
{
    top: auto;
    left: auto;
    position: relative;
    margin: 0;
}
#nav > a
{
        width: 100%;
        height: 3.125em; /* 50 */
        text-align: left;
        text-indent: -9999px;
        position: relative;
}

#nav > a:before,
#nav > a:after{
    width: 2em;
        position: absolute;
        border: 2px solid #fff;
        top: 35%;
        left: 5%;
        right: 25%;
        content: '';
}
#nav > a:after
{
        top: 60%;
}

#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type
{
        display: block;
}

    /* first level */
 
#nav > ul
{
  height: auto;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #ffffff;
}

#nav:target > ul
{
        display: block;
}
 
#nav > ul > li
{
  text-align: left;
  width: 100%;
  float: none;
}
 
#nav > ul > li > a,
#nav > ul > li > span
{
  height: auto;
  padding: 0 0.833em; /* 20 (24) */  
  text-align: left;
}

#nav li{
  width: 100%;
}

#nav li ul
{
  padding: 0 1.25em 1.25em; /* 20 */
  position: static;
  top: 100%;
}

#nav #categories {
  display: block;
}


}

/* Larger 330px mobile phone section */
@media only screen and (min-width: 330px){
  

  /* remove extras for mobile display */
  #reviews,
  #moreinformation,
  #bannerbox,
  #indexDefaultHeading,
  #bannerboxall,
  #search,
  #bannerbox2,
  #whoseonline,
  #siteinfoIP,
  #bannerSix{
    display: block;
  }
  #productListing .centerBoxContentsProducts {
    width: 100%;
  }
  
}

@media only screen and (min-width: 450px){
  
  td.cartProductImage {
    display: none;
  }
  
  td.cartProductDisplay {
    display: table-cell;
  }
  tr.cartNameRow {
    display: none;
  }
  
}

@media only screen and (min-width: 560px){
  #productListing .centerBoxContentsProducts {
    width: 49%;
  }
  
  .cart{
    opacity:0.65;
    width: 282px;
  }
  
  td.cartQuantityUpdate, #scUpdateQuantity {
    display: table-cell;
  }

  .sideBoxContent {
	padding: 1.2em 0.6em 1.2em 1.4em;
  }
    

}

@media only screen and (min-width: 700px){
  #productListing .centerBoxContentsProducts {
    width: 32%;
  }
  
  td.cartProductImage, #scProductsImage {
    display: table-cell;
  }
}

@media only screen and (min-width: 800px){
  td.cartUnitDisplay, #scUnitHeading {
    display: table-cell;
  }
}

/* Larger 600px mobile phone section */
@media only screen and (min-width: 850px){
  
  h1  {
    position: absolute;
    width: auto;
    height: 30px;
    right: 7px;
    top: 0;
    bottom: 0;
    margin: 50% 0;
    -webkit-transform: rotate(90deg) translateX(50%);
    -webkit-transform-origin: top right;
    transform: rotate(90deg) translateX(50%);
    transform-origin: top right;
  }
    
  #logo_splash {
    display: block;
  }
      
  #banner_splash {
    display: block;
  }
      
  #banner_mobile_splash {
    display: none;
  }

  #navColumnMain {
    float:right;
    width: 67%;
    height: 100%;
    clear: none;
  }
    
  #navColumnOne {
    float: left;
    display: block;    
  }
  
  .columnleft_solid {
    background-color: #333f3e !important;
  }

  #navColumnTwo {
    float: right;
  }

  #footer{
    clear: both;
  }
  
    #navSupp .facebook-link {
   float: right;
   margin-top: -5px;
  }
  
      

  #logo {
    text-align: left;
  }
  
  #logo a{
    height: 100%;
    position: absolute;
    left: initial;
    right: initial;
    z-index: 10000;
  }
#navEZPagesTop {
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-align: center;
}

#nav > ul > li > a,
#nav > ul > li > span
{  
  padding-top: 18px;
  height: 70px;
}

 .centerColumn {
  padding: 20px 30px 20px;
  width: 100%;
}

#productListing .centerBoxContentsProducts {
  width: 49%;
}

    .content {
    float: right;
  }

  #nav .categories, #nav .specials  {
  display: none;
  }

  td.cartUnitDisplay, #scUnitHeading, td.cartProductImage, #scProductsImage {
    display: none;
  }

}

@media only screen and (min-width: 900px){
   #navSupp ul {
    text-align: left;
  }
  

  .facebook-link{
    clear: none;
    width: auto;
  }
  
  font-size: .9em;
 

}

/* Larger 1024px mobile phone section */
@media only screen and (min-width: 1000px){
  
  #logo_splash {
    top: 10%;
    right: 10%;
    width: 500px;
  }
  


  #contentMainWrapper{
    max-width: 1400px;
    height: 100%;
  } 
  
  #productListing .centerBoxContentsProducts {
    width: 33%;
  }
  
  #navEZPagesTop {
      font-size: 1.1em;  
  }
/*  
  .centerColumn {
  width: 100%;
}*/


  #productImagesWrapper {
  float: left;
  width: 40%;
  }
  
/*  
  #productAdditionalImages {
    width: 25%;
  }*/

  #productGeneral #product_details {
    width: 55%; 
  }
  
  #productGeneral h2.product-info {
    width: 100%
  }
  

  
 #tabs ul li {
    width: auto;
  }
  
  
  
   #scProductsImage, td.cartProductImage {
    display: table-cell;
  }
}

@media only screen and (min-width: 1200px){
  td.cartUnitDisplay, #scUnitHeading {
    display: table-cell;
  }
  

  #banner_splash {
    right: 10%;
  }
}

@media only screen and (min-width: 1075px){
  #banner_splash {
    width: auto;
  }
}