/**
 * 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 $
 */

* { margin:0; padding:0; }
html { font-size:16px; /* Fix for Opera */ }
body          {	font:75%/150% Arial, Helvetica, sans-serif; background-color:#fff; color:#333; text-align:center; }
#root-wrapper {}

img           { border:0; vertical-align:top; max-width:100%; }

a             { color:#888; text-decoration:none; }
a:hover       { text-decoration:none; color:#333; }
:focus        { outline:0; }

/* Headings */
h1,h2,h3,
h4,h5,h6      { margin:0 0 10px; font-weight:normal; }
h1            { font-size:2.6666em;	line-height:1.25em;		/*32px, 40px*/		margin-bottom:20px; }
h2            { font-size:2em;		line-height:1.25em;		/*24px, 30px*/ }
h3            { font-size:1.6666em;	line-height:1.2em;		/*20px, 24px*/ }
h4            { font-size:1.3333em;	line-height:1.25em;		/*16px, 20px*/ }
h5            { font-size:1.1666em;	line-height:1.1428em;	/*14px, 16px*/ }
h6            { font-size:1em;		line-height:1.1666em;	/*12px, 14px*/ }

LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
	font-size: 1.1em;
	}

.biggerText {
	font-size: 1.2em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.3em 3px;
}

CODE {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	}

FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	margin: 0.1em;
	}

TEXTAREA {
/*	float: left;*/
	margin: auto;
	display: block;
	width: 95%;
	}

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

FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
	}

LEGEND {
	font-weight: bold;
	padding: 0.3em;
	}

LABEL, h4.optionName {
	line-height: 1.5em;
	padding: 0.2em;
	}

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

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

LABEL.inputLabel {
	width: 11em;
	float: left;
	}

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

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

P, ADDRESS {
	padding: 0.5em;
	}

ADDRESS {
	font-style: normal;
	}

.clearBoth {
	clear: both;
	}

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

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #000000;
	}

.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;
	}

.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;
	}

.messageStackCaution {
	background-color: #FFFF66;
	color: #000000;
	}

/*wrappers - page or section containers*/
#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 100%;
	vertical-align: top;
	}
#header{ background-color:#000000;}
#header-nav{ background-color: #0066ff;}
#footer{background-color: #222222; min-height:300px}
#header-top .header-top-container,#header-primary .header-primary-container,#bodyContent,#header-nav .header-nav-container{max-width: 1200px; width:1200px; margin:0 auto;}
.header-nav-container ul{ padding:0 10px;}
.header-top-container{ line-height:36px; color:#FFF;}
.header-top-left{float: left;
    margin-right: 10px;
    text-align: left;}
.header-top-right{float: right;
    margin-left: 10px;
    text-align: right}
.hp-block {
display: table-cell;
    float: none;
    vertical-align: middle;
    width: 400px;}
.hp-block::before,.hp-block::after {
    content: " ";
    display: table;
}
.header-primary-left .logo {
    display: inline-block;
    margin: 10px 0;
    max-width: 94%;
    text-decoration: none !important;
}

/* Clear floats of ".form-search" element inside search form */
#header-search{ text-align:center; width:100%;}
.form-search:before,
.form-search:after {
	display: table;
	content: " ";
}
.form-search:after {
	clear: both;
}
/* Basic styles */
.form-search { position:relative; }
.form-search label { float:left; margin:3px 4px 0 0; display:none; }
.form-search .input-text
{
	background-color: #ffffff;
	border-color: #dddddd;
}
.form-search .input-text:hover,
.form-search .input-text:focus
{
	background-color: #ffffff;
	border-color: #333333;
}

.form-search .input-text,
.form-search .button {
			color: #bbbbbb;
	}
.form-search .input-text:hover,
.form-search .input-text:focus,
.form-search .input-text:hover + .button,
.form-search .button:hover {
			color: #333333;
	}



.form-search .input-text {
	float:right; /* Float in the same direction as position of button */
	width:100%;
	display: block;
	height:36px;
	line-height:36px; /*IE8*/
	color:#bbb;
	background-color:#fff;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:0;
	border:none;
	font-size:12px;
}

/* Button */
.form-search .button {
	position:absolute;
	right:0;
	top:0;
	margin:1px;
	padding:0;
	background:url(../images/sprite.png) no-repeat transparent;
	background-position:-57px -108px;
	background-color:transparent !important;
	color:#000;
	width:34px;
	height:34px;
	line-height:34px;
	text-align:center;
	border:none;
	cursor: pointer;
}
.form-search .button:hover { background-color:transparent; color:#000;background-position:-57px -108px;}
.form-search .button span { background-image:none !important; /* To hide possible image bg from outdated custom CSS styles */ }
.form-search .button span span { display:none; } /* Hide text label */
#mini-cart,#mini-compare,#header-account{float: right;font-size: 12px;line-height: 36px; color:#FFF;}
#mini-cart a,#mini-compare a,#header-account a{font-size: 12px;line-height: 36px; color:#FFF;}
ul, ol {
    list-style: outside none none;
}
.links > li {
    float: left;
}
.links > li > a {
    padding: 0 5px;
}
.links > li.last{ padding-right:10px;}
.user-menu .line-break-after {
    clear: both;
    margin-bottom: 1px;
}
#fp-grid-left {
    margin-left: 0;
}

#fp-grid-right {
    margin-right: 0;
}
.grid12-3 {
    width: 24%;
	float:left;
}
.grid12-3 a{color:#333;}
.grid12-3 h3{ color:#333; font-weight:bold;}
.grid12-3 a:hover,.grid12-3 a:hover h3{ color:#000;}
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	 margin-right: 32px;
	} 

#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: 0;
	width: 47%;
	}

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}
.footer-top{ background-color:#0066ff;}
.footer-top-con{ width:1200px; margin:0 auto; padding:10px 0;}
.footer-top-con a{ height:36px; line-height:36px; color:#FFF; display:block;}
.footer-top-con a:hover{ background-color:#000;}
.footer-top-con .item-left{ float:left; padding-left:10px;}
.footer-top-con .item-right{ float:right; padding-right:10px;}

.footer-primary-con{width:1200px; margin:0 auto; padding:10px 0; background-color: #333333;
    color: #999999;
    padding: 20px;
    }
.footer-primary-block{ float:left; width:24%;}
.block-title{ display: inline-block;
    font-family: "Roboto Condensed",georgia,serif;
    font-weight: 700;
	line-height: 1.25em;
    margin-bottom: 0.625em;
    padding-bottom: 8px;
    padding-top: 8px;
	cursor: pointer;}
.block-content a{color: #dddddd;}
.block-content a:hover{color: #0066ff;}
.footer-primary-col2{border-top: 1px solid rgba(0, 0, 0, 0.05);
    margin-top: 10px;
    padding-top: 20px;}
.footer-copyright{ float:left;}
.block_footer_payment{ float:right;}
#index-banner{ width:870px;}
.bleft{ float:left;}
.bright{ float:right;}
.banner {
    position: relative;
	display:block;
	opacity:1;
}
.banner:hover{opacity:0.75;}
.caption {
    bottom: 0;
    display: block;
    margin: 16px;
    padding: 0;
    position: absolute;
    width: 248px;
}
.f-left, .left {
    float: left !important;
}
.caption p {
    font-size: 1.6666em;
}
.caption .heading, .caption p {
    transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
}
.caption p {
    clear: left;
    font-size: 1.3333em;
    line-height: 1em;
    margin-bottom: 1px;
    padding: 0.25em 0.5em;
}
.caption h2{font-family: "Roboto Condensed",georgia,serif;
    font-weight: bold;font-size: 2em; color:#333333;
    line-height: 1.25em;}
.col-main{ padding:20px 0;}
.col-main h4{font-family: "Roboto Condensed",georgia,serif;
    font-weight: bold; margin:0; padding:0;}
.centerColumn h1{font-family: "Roboto Condensed",georgia,serif;
font-weight:bold;border-bottom: 1px solid #e5e5e5;padding: 0.5em 0.2em;}
/*navigation*/
#categoriesContent li{ }
#categoriesContent .category-top{ border-bottom:1px dashed #CCC;}
#categoriesContent .category-top a{ font-weight:bold; color:#000; display:block;padding:5px 0 5px 10px;}
#categoriesContent .category-top a:hover{ color:#FFF; background-color:#000;}
#categoriesContent .category-products a{ font-weight:bold; color:#888; display:block;padding:5px 0 5px 10px;}
#categoriesContent .category-products a:hover{ color:#000; }
.pro-name{ padding:10px 0;}
.pro-name a{font-family: "Roboto Condensed",georgia,serif;color:#333; font-weight:bold;}
.pro-name a:hover{color:#000; text-decoration:none;}
.price-box{ text-align:center; font-weight:bold;}
.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #9a9a9a;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	}

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

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

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

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

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

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

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

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}

#navMainSearch {
	float: right;
	}

#navBreadCrumb {
	}

#navEZPagesTop {
	background-color: #ffff33;
	}

#navBreadCrumb, #navEZPagesTop {
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em;
	color:#888;
	}

#navColumnOne {
	}

#navColumnTwo {
	background-color: #00BFBF;
	}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
	/*font-size: 1.2em;*/
	padding: 0.5em;
	}

.alert {
	color: #FF0000;
	margin-left: 0.5em;
	}
.advisory {}
.important {
	font-weight: bold;
	}
.notice {}
.rating{}
.gvBal {
	float: right;
	}
.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	}

/*Shopping Cart Display*/
.tableHeading TH {
	border-bottom: 1px solid #cccccc;
	}

.tableHeading, #cartSubTotal {
	background-color: #e9e9e9;
	 }

#cartSubTotal {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
	}

.tableRow, .tableHeading, #cartSubTotal {
	height: 2.2em;
	}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
	padding: 0.5em 0em;
	}

.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
	}

#scUpdateQuantity {
	width: 2em;
	}

.cartQuantity {
	width: 4.7em;
	}

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

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

.cartBoxTotal {
	text-align: right;
	font-weight: bold;
	}

.cartRemoveItemDisplay {
	width: 3.5em;
	}

.cartAttribsList {
	margin-left: 1em;
	}

#mediaManager {
	width: 50%; 
	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: 0;
	padding: 0.2em 0em;
	} 

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

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

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

.amount {
	width: 5.5em;
	}

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

.categoryIcon {}

#cartImage {
	margin: 0.5em 1em;
	}

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

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
	}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a {
font-family: "Roboto Condensed",georgia,serif;
	 font-weight:bold;
	 font-size:22px;
	 color:#000;	}

.centerBoxHeading {
	margin: 0em;
	background-color: #FF6699;
	padding: 0.5em 0.2em;
	}
.leftBoxHeading{
	margin: 0em;
	border-bottom: 1px solid #e5e5e5;
	padding: 0.5em 0.2em;
	}
.leftBoxContainer {
	border: 1px solid #ffffff;
	margin-bottom:1.5em;
	}

.sideBoxContent {
	background-color: #ffffff;
	padding: 0.4em;
	}

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

.rightBoxHeading {
	margin: 0em;
	background-color: #663366;
	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;
	}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .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;
	}

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

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

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

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

#upProductsHeading {
	text-align: left;
	}

#upDateHeading {
	text-align: right;
	}

/*misc*/
.back {
	float: left;
	}

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

.bold {
	font-weight: bold;
	}

.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;
	}

.hiddenField {
	display: none;
}
.visibleField {
	display: inline;
}

CAPTION {
	/*display: none;*/
	}

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

.accountTotalDisplay, .accountTaxDisplay {
	width: 20%;
	text-align: right;
	/*vertical-align: top*/
	}

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

TR.tableHeading {
	background-color: #cacaca;
	height: 2em;
	}

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

.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 {padding: 10px 3px; line-height: 150%;}

#shoppingcartBody #shippingEstimatorContent {
	clear: both;
	}

.seDisplayedAddressLabel {
	background-color:#85C285;
	text-align: center;
	}
.seDisplayedAddressInfo {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	}
#seShipTo {
	padding: 0.2em;
	}
.level1{	
	margin: 0;
	padding: 0;
	position: relative;
	}
.level1>li.level0{
	padding:0px;
}	
.level1>li{
	float: left;
    padding: 0;
    z-index: 20;
	 height: 50px;
    line-height: 50px;
    text-align: left;
    width: auto;
}
.level1>li>a{	
	color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    
    text-decoration: none;
    z-index: 600;
	padding: 0 10px;
	text-transform: uppercase;
	font-family: "Roboto Condensed",georgia,serif;
	
	}
.level1>li>a:hover{
	background-color:#000;
	}	
.level1 li ul{
	position: absolute;
	z-index: 500;
	padding: 5px;
	border: 1px solid #222;
	border-top: 3px solid #568a16;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-khtml-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	background:#fff;
	width:460px;
	display:none;
	}
.level1 li.top:hover ul{ display:block;}
.level1 li ul li{	
	float:left;
	min-width: 120px;
	display: inline;
	}
.level1 li ul li a{	
	color: #000;
    display: block;
    font-size: 11px !important;
    min-width: 120px;
	height:20px;
	line-height:20px;
	padding:4px;
    text-decoration: none;
    white-space: nowrap;
	}	
.level1 li ul li a:hover{
	 background: none repeat scroll 0 0 #000000;
	 color:#fff;
	}

/* Caption
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.caption {
	display:block;
	position:absolute;
	bottom:0;
	width:80%;
	margin:6%;
	padding:0;
}

/* Caption position
-------------------------------------------------------------- */
.caption.top {
	top:0;
	bottom:auto;
	width:80%;
}
.caption.top-right {
	top:0;
	bottom:auto;
	right:0;
	width:58%;
}
.caption.bottom-right {
	right:0;
	width:58%;
}
/* Caption elements
-------------------------------------------------------------- */
.caption > * {
	float:left;
	display:inline-block;
	margin-bottom:1px;
}
.caption .heading {
	padding:0.25em;
	margin-bottom:0.2em;
	font-size:2.8em;
	line-height:1em;
	font-weight:normal;
}
.caption p {
	clear:left;
	padding:0.25em 0.5em;
	margin-bottom:1px;
	font-size: 1.3333em;
	line-height:1em;
}
.caption button {
	clear:left;
}

/* Caption layout
-------------------------------------------------------------- */
.caption.centered {
	text-align: center;
}
.caption.centered > * {
	display:inline-block;
	float: none;
}

/* Floating (text alignment) */
.caption.right > * { text-align:right; float:right !important; }

/* Caption additional styles
-------------------------------------------------------------- */
/* Width */
.caption.full-width { width:88%; margin:6%; }
.caption.narrow { width:38%; }

/* Prevent from hiding elements of the caption on narrow screens */
.caption .permanent { display:inline-block !important; }

/* Skin
-------------------------------------------------------------- */
.caption .heading,
.caption p {
	transition:			color 450ms ease-in-out, background-color 450ms ease-in-out;
	-moz-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-webkit-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-o-transition:		color 450ms ease-in-out, background-color 450ms ease-in-out;
}
a:hover .caption .heading,
a:hover .caption p {
	transition:			color 200ms ease-in-out, background-color 200ms ease-in-out;
	-moz-transition:	color 200ms ease-in-out, background-color 200ms ease-in-out;
	-webkit-transition:	color 200ms ease-in-out, background-color 200ms ease-in-out;
	-o-transition:		color 200ms ease-in-out, background-color 200ms ease-in-out;
}

/* Dark + white text */
.caption.dark1 .heading,
.caption.dark1 p { background-color:rgba(0,0,0, 0.35); color:#fff; }
a:hover .caption.dark1 .heading,
a:hover .caption.dark1 p { background-color:rgba(0,0,0, 0.7); color:#fff; }

/* Dark + white text */
.caption.dark2 .heading,
.caption.dark2 p { background-color:rgba(0,0,0, 0.5); color:#fff; }
a:hover .caption.dark2 .heading,
a:hover .caption.dark2 p { background-color:rgba(0,0,0, 0.8); color:#fff; }

/* Dark + white text */
.caption.dark3 .heading,
.caption.dark3 p { background-color:rgba(0,0,0, 0.65); color:#fff; }
a:hover .caption.dark3 .heading,
a:hover .caption.dark3 p { background-color:rgba(0,0,0, 1); color:#fff; }

/* Light + black text */
.caption.light1 .heading,
.caption.light1 p { background-color:rgba(255,255,255, 0.35); color:#000; }
a:hover .caption.light1 .heading,
a:hover .caption.light1 p { background-color:rgba(255,255,255, 0.7); color:#000; }

/* Light + black text */
.caption.light2 .heading,
.caption.light2 p { background-color:rgba(255,255,255, 0.6); color:#000; }
a:hover .caption.light2 .heading,
a:hover .caption.light2 p { background-color:rgba(255,255,255, 0.85); color:#000; }

/* Light + black text */
.caption.light3 .heading,
.caption.light3 p { background-color:rgba(255,255,255, 0.8); color:#000; }
a:hover .caption.light3 .heading,
a:hover .caption.light3 p { background-color:rgba(255,255,255, 1); color:#000; }
.pager {
    background: none repeat scroll 0 0 #FAFAFA;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
    font-size: 11px;
    padding: 10px 8px;
	margin:10px 0;
}
.pager .amount {
    float: left;
    margin: 0;
    width: 170px;
	height:15px;
	overflow:hidden;
	 padding: 0.2em;
    text-align: left;
}
.pager .limiter {
    float: right;
}
.pager .pages {
    text-align: center;
}
.pages .productsListingListingTopLinks .current {
	background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
     padding: 2px 4px;
    display: inline;
}
.pages .productsListingListingTopLinks a {
     background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #C0392B;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 4px;
	 display: inline;
}

.pages .productsListingListingTopLinks a:hover {
    color: #000000;
    text-decoration: underline;
}
.pro-item{ padding:10px; margin:5px;border:1px dashed #CCC;}
.pro-item:hover{border:1px dashed #000;}
.navNextPrevWrapper{ padding:10px;}
.pro-left {
    float: left;
    width: 360px;
}
.pro-right{ float:left; padding-left:20px; width:550px}
#productName{ margin:0 0 10px 0; padding:0 0 10px 0;}

#productDetailsList li {
    line-height: 30px;
}

#cartAdd {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #000000;
    height: auto;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    width: 325px;
}
.pro_others .itemlist{ float:left; width:25%; text-align:center;}
#mini-cart{ position:relative;}