@charset "utf-8";

/* -----------------------------------------------------------------------------------------------------
                                     DESKTOP STARTS
----------------------------------------------------------------------------------------------------- */
/*
@media screen and (min-width : 768px) {
}
*/

[data-device="desktop"] {
	display: block;
}
span[data-device="desktop"] {
	display: inline;
}
/* -------------------------------------------------
	               DESKTOP ENDS
------------------------------------------------- */

/* ------------------------------------------------
	               	STRUCTURAL
--------------------------------------------------- */
.ie8 body div.wrapper-page {
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
body div.wrapper {
	left: 50%;
	margin-left: -500px;
}
body div.wrapper > header {
	background: #FFFFFF;
	margin-bottom: 0.75em;
}
aside ~ article {
	width: 76%;
}
aside {
	width: 22%;
	margin-right: 2%;
}
aside > figure {
	margin-bottom: 0.5em;
}
section.yourCart {
	width: 30%;
}
.header-top {
	/* 27-Jul-2023 - desktop simplification
	border-bottom: 2px solid #DDDDDD;
	*/
	padding-bottom: 0.0em;
}
.header-bottom {
	border-bottom: 2px solid #DDDDDD;
	padding: 1em 0;
	position: relative;
}
/* ------------------------------------------------
	               	STRUCTURAL ENDS
--------------------------------------------------- */

/* ------------------------------------------------
					LOGO START
--------------------------------------------------- */
figure.logo {
	float: left;
	width: 35%;
	padding-top:12px;
}
.logo > a {
	float: left;
	position:absolute;
	width:230px;
}
.logo figcaption {
	line-height: 3.5em;
	text-indent:-9999px;
}
.logo figcaption h2 {
	float: left;
	font-size: 1.8em;
	text-indent:-9999px;
}
.logo figcaption h2 a {
	color: #000000;
	text-indent:-9999px;
}
/* ------------------------------------------------
					LOGO END
--------------------------------------------------- */

/* ------------------------------------------------
	Header Account Info / Header Contact Info
--------------------------------------------------- */
.header-info {
	float: right;
	text-align: right;
	width: 37%;
}

.header-info .account-info {
	/*text-transform: uppercase;*/
	border: 2px solid #DDDDDD;
	border-top: 0 none;
	border-bottom-left-radius: 0.9em;
	border-bottom-right-radius: 0.9em;
	box-shadow: none;
	float: none;
	margin-right: 0;
	padding: 0.5em 1em;
	width: auto;
	display:inline-block;
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #f7f7f7 1%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f7f7f7), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f7f7f7 1%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f7f7f7 1%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f7f7f7 1%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f7f7f7 1%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

.header-info .contact-info {
	margin-top: 1.2em;
}

.header-info .phone-info {
	float: left;
	line-height: 1.2em;
	text-transform: uppercase;
	width: 77%;
}

.header-info .phone-info .phone {
	display: block;
	font-size: 1.4em;
	font-weight: bold;
}
/* -------------------------------------------------
	Header Account Info / Header Contact Info END
------------------------------------------------- */

/* ------------------------------------------------
				Header Social Media
--------------------------------------------------- */
.social-media {
	float: right;
	margin-bottom: -1%;
	margin-right: -1%;
	width: 30%;
}

.social-media li {
	float: left;
	margin-left: 1%;
	overflow: hidden;
	width: 32%;
	max-width: 48px;
}

.social-media li a {
	display: block;
	opacity: 0.8;
	text-indent: -9999px;
	width: 100%;
}

.social-media li a:hover {
	opacity: 1;
}

.social-media li a img {
	max-width: 100%;
}


/* -------------------------------------------------
				Header Social Media END
------------------------------------------------- */

/* -------------------------------------------------
					Breadcrumb
------------------------------------------------- */
ul.breadCrumb {
	display: block;
	width: 100%;
	float: left;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
}
ul.breadCrumb li.parent:after,
ul.breadCrumb li {
	display: inline-block;
	float: left;
	color: #444;
}
ul.breadCrumb li {
	position: relative;
	padding-right: 1em;
}
ul.breadCrumb li:first-child {
	padding-right: 5px;
}

ul.breadCrumb li:first-child a {
	border-bottom: 0 none;
}

ul.breadCrumb li.active {
	padding-left: 2px;
}
ul.breadCrumb li > span,
ul.breadCrumb li a,
ul.breadCrumb li.parent:after {
	display: block;
	height: 12px;
	line-height: 12px;
	font-size: 12px;
}
.ul.breadCrumb li > span,
ul.breadCrumb li a {
	margin: 0 3px;
}
ul.breadCrumb li a {
	text-decoration: underline;
}
ul.breadCrumb  li.parent:after {
	content: ">";
	position: absolute;
	right: 0;
	top: 0;
}
ul.breadCrumb li.home a {
	width: 15px;
	padding: 0;
	text-indent: 30px;
	background: transparent url(../images/esporta/home.png) no-repeat center center;
	overflow: hidden;
}
/* -------------------------------------------------
	               Breadcrumb END
------------------------------------------------- */

/* -----------------------------------------------------------------------------------------------------
                                     TILED BANNERS STARTS
----------------------------------------------------------------------------------------------------- */
.homebanners li {
	width: 33.33%;
}
.homebanners li:nth-child(3n+1) {
	clear: both;
}
/* -------------------------------------------------
	               TILED BANNERS ENDS
------------------------------------------------- */

/* -----------------------------------------------------------------------------------------------------
                                     MAIN NAV STARTS
----------------------------------------------------------------------------------------------------- */
nav.menu-main {
	position: relative;
	width: 100%;
	background: #e44b15;
	border-bottom: 2px solid #ececec;
}
nav.menu-main:before,
nav.menu-main:after {
	content: "";
	display: block;
	background: #e44b15;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 25px;
}
nav.menu-main:before {
	left: -25px;
}
nav.menu-main:after {
	right: -25px;
}
nav.menu-main ul {
	position: relative;
	text-align: center;
}
nav.menu-main ul:before,
nav.menu-main ul:after {
	content: "";
	display: block;
	position: absolute;
}
nav.menu-main ul:before {
	left: -25px;
	top: -15px;
	border-left: 25px solid transparent;
	border-bottom: 15px solid #8c2f0e;
}
nav.menu-main ul:after {
	right: -25px;
	top: -15px;
	border-right: 25px solid transparent;
	border-bottom: 15px solid #8c2f0e;
}
nav.menu-main ul li {
	display: inline-block;
	text-transform: uppercase;
}
nav.menu-main ul li a{
	display: block;
	padding: 20px;

	white-space: nowrap;
	text-decoration: none;
	color: #fff;

	border-left: #ec5e2c 1px solid;
	border-right: #d8420d 1px solid;
}
nav.menu-main ul li a:hover {
	background: #f05d2a;
}
nav.menu-main ul li:first-child a{
	border-left: none;
}
nav.menu-main ul li:last-child a{
	border-right: none;
}
nav.menu-main ul li.menu-account a {
	font: 14px/14px Segoe, "Segoe UI", Arial, "Helvetica Neue", sans-serif;
	background: #BD4115;
	color: #f2b4a7;
	margin: 15px 10px;
	padding: 5px 15px;
	border: 1px solid #BD4115;
	text-transform: capitalize;
	font-weight: bold;
	font-style: italic;
}
nav.menu-main ul li.menu-account a:hover {
	color: #fff;
}
/* -------------------------------------------------
	               MAIN NAV ENDS
------------------------------------------------- */

/* -------------------------------------------------
	               Search Form
------------------------------------------------- */
.searchform {
	float: left;
	width: 60%;
}

.searchform label {
	float: left;
	font-size: 1.4em;
	line-height: 1.5em;
	margin-right: 0.5em;
	text-transform: uppercase;
}

.searchform input[type="text"] {
	border-right: 0 none;
	border-top-left-radius: 0.3em;
	border-bottom-left-radius: 0.3em;
	padding: 8px 38px 8px 10px;
	height: auto;
	width: 60%;
}

.searchform input[type="submit"] {
	background: #F0F0F0 url('../images/esporta/btn-search.jpg') no-repeat center center;
	border: 1px solid #CFCFCF;
	border-radius: 0.3em;
	line-height: normal;
	margin-left: -33px;
	text-indent: -9999px;
	height: 34px;
	width: 36px;
	opacity: 0.8;
}

.searchform input[type="submit"]:hover {
	opacity: 1;
}
/* -------------------------------------------------
				Search Form END
------------------------------------------------- */

/* -----------------------------------------------------------------------------------------------------
                                      EXPRESS CHECKOUT (D - 17/07/2013)
----------------------------------------------------------------------------------------------------- */

div.checkoutalsoship, div.checkoutnewbillingaddress { width:95%; display:inline-block;}
div.checkoutalsoship input#ship_to_billing_existing { height:auto; margin:5px;}
div.checkoutnewbillingaddress { margin-top:5px;}
div.checkoutnewbillingaddress input#BillingAddressTypeNew { height:auto; margin:5px;}
div.checkoutnewbillingaddress input#ShippingAddressTypeNew { height:auto; margin:5px;}

ul.ShippingProviderList {}
div.content.ExpressCheckoutContent div.address dl ul.ShippingProviderList dt { width:auto;}
div.content.ExpressCheckoutContent div.address dl dd.submit { width:auto;}

div#onaccount { border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; background:#eee; padding:5px 10px;}

/* -----------------------------------------------------------------------------------------------------
                                     YOUR CART STARTS
----------------------------------------------------------------------------------------------------- */
.header-bottom section.cart-summary {
	border: 2px solid #DDDDDD;
	border-bottom: 0 none;
	border-top-left-radius: 0.9em;
	border-top-right-radius: 0.9em;
	box-shadow: none;
	float: none;
	margin-right: 0;
	padding: 0.5em 1em;
	position: absolute;
	bottom: 0;
	right: 0;
	width: auto;

	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #f7f7f7 1%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f7f7f7), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f7f7f7 1%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f7f7f7 1%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f7f7f7 1%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f7f7f7 1%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

.header-bottom section.cart-summary a {
	color: #000000;
	background: transparent url('../images/esporta/icon-cart.png') no-repeat left center;
	display: block;
	padding-left: 35px;
	line-height: 20px;
}

section.yourCart {
	float: right;
	margin-right: 2%;
	text-align: center;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
section.yourCart h2{
	display: none;
}
section.yourCart ul{
	color: #b5b5b5;
	padding: 10px;
	width: 100%;
	float: left;
}
section.yourCart .items {
	font-size: 30px;
	line-height: 35px;
}
section.yourCart .subtotal {
	font-size: 14px;
	margin-bottom: 20px;
}
section.yourCart .cart-links .btn{
	display: block;
	float: left;
	background-color: #e44b15;
	color: #fff;
	width: 48%;
	padding: 9px 0;
	height: auto;
	text-decoration: none;
}
section.yourCart .cart-links .btn:hover {
	background-color: #f05d2a;
}
section.yourCart .cart-links .btn.btn-checkOut {
	background-color: #3fa214;
	margin-left: 4%;
}
section.yourCart .cart-links .btn.btn-checkOut:hover {
	background-color: #5cbe31;
}

.page-account .btns-prodList li:nth-child(1),
.page-cart .btns-prodList li:nth-child(1),
.page-cart .btns-prodList li:nth-child(2) {
	float: right;
}
.page-cart .btns-prodList li:nth-child(2) {
	margin-right: 1em;
}
.page-cart .btns-prodList li:nth-child(3),
.page-cart .btns-prodList li:nth-child(4) {
	float: left;
}
.page-cart .btns-prodList li:nth-child(4) {
	margin-left: 10px;
}
/* -------------------------------------------------
	               YOUR CART ENDS
------------------------------------------------- */
/* -----------------------------------------------------------------------------------------------------
                                     ASIDE MENUS STARTS
----------------------------------------------------------------------------------------------------- */
/* ----- Nav's ----- */
aside nav.menu a {
	padding: 7px 10px;
	text-transform: uppercase;
	border-bottom: 1px solid #DDDDDD;
}

aside nav.menu > ul > ul:first-child li a,
aside nav.menu > ul >li:first-child a
{
	border-top: #DDDDDD 1px solid;
}
/* ----- Products ----- */
aside .menu-products li {
	width: 100%;
}
aside .menu-products figcaption {
	font-size: 12px;
}
/* -------------------------------------------------
	               ASIDE MENUS ENDS
------------------------------------------------- */

/* -----------------------------------------------------------------------------------------------------
                                     PRODUCTS LIST STARTS
----------------------------------------------------------------------------------------------------- */
.menu-products li {
	width: 31%;
	margin: 0 1%;
}
/* -------------------------------------------------
	               PRODUCTS LIST ENDS
------------------------------------------------- */

/* -------------------------------------------------
	               	Footer
------------------------------------------------- */
body div.wrapper > footer {
	padding: 10px 0;
}

.wrapper > footer h3 {
	font-weight: bold;
	padding: 0.5em 0;
}
/* -------------------------------------------------
	               FOOTER END
------------------------------------------------- */
/* -------------------------------------------------
	           	Footer Newsletter
------------------------------------------------- */
footer section.newsletter {
	float: right;
	width: 35%;
}
footer section.newsletter hgroup {
	float: left;
	width: 100%;
}
footer section.newsletter hgroup h2 {
	display: none;
}
footer section.newsletter hgroup h3 {
	font-weight: bold;
}
footer section.newsletter hgroup h4 {
	font-size: 11px;
	margin-bottom: 0.75em;
	margin-top: 1.4em;
}
footer section.newsletter form {
	float: left;
	width: 100%;
}
footer section.newsletter form input[type="text"] {
	float: left;
	width: 60%;
}
footer section.newsletter form span.btn {
	margin-left: 6%;
}
/* -------------------------------------------------
	           Footer Newsletter END
------------------------------------------------- */
/* -------------------------------------------------
	               Footer Disclaimer
------------------------------------------------- */
.wrapper-disclaimer {
	background: transparent url('../images/esporta/esporta_swirl_medium.png') no-repeat center bottom;
	/*
	 * 26-Jul-2023 - For simplifed login.php
	border-top: 2px solid #DDDDDD;
	*/
	font-size: 12px;
	margin-top: 1.5em;
	padding: 20px 5% 100px 5%;
	text-align: center;
}
.wrapper-disclaimer a {
	color: #444;
}

.wrapper-disclaimer .disclaimer-nav {
	float: none;
}

.wrapper-disclaimer .disclaimer {
	line-height: 1.5em;
	margin-top: 1em;
}
/* -------------------------------------------------
	               Footer Disclaimer END
------------------------------------------------- */
/* -------------------------------------------------
	               Footer Nav
------------------------------------------------- */
.menu-footer-container {
	width: 60%;
}

.menu-footer {
	float: left;
	margin-left: 3%;
	width: 30%;
}

.menu-footer:first-child {
	margin-left: 0;
}

.menu-footer h3 {
	font-weight: bold;
	margin-bottom: 1.5em;
}

.menu-footer ul {
	margin: 0;
	width: 100%;
}
.menu-footer li {
	margin: 0.6em 0;
	line-height: 1.2em;
}
.menu-footer li a {
	color: #939393;
	text-decoration: none;
	padding: 0;
}
/* -------------------------------------------------
	               Footer Nav END
------------------------------------------------- */

/* -------------------------------------------------
	               	Category
------------------------------------------------- */
.category-grid li:nth-child(4n+1) {
	clear: both;
}
.CategoryContent {
	border-top: 1px solid #DDDDDD;
	margin-top: 0.75em;
	padding-top: 1em;
}
.CategoryDescription figure {
	display: block;
	width: 35%;
	float: left;
	padding-right: 15px;
}
.CategoryDescription figure.brand {
	width: 25%;
}
.CategoryDescription ul {
	color: #888 !important;
	float: right;
	width: 65%;
}
.SubCategoryList li {
	margin: 0.5em 0;
}
.SubCategoryList li:before {
	content: '»';
	margin-right: 0.5em;
}
/* -------------------------------------------------
	               Category END
------------------------------------------------- */

/* -----------------------------------------------------------------------------------------------------
                                     CATEGORY STARTS
----------------------------------------------------------------------------------------------------- */
article h2 {
	float: left;
	width: 100%;
}
/* -------------------------------------------------
	               CATEGORY ENDS
------------------------------------------------- */

/* -------------------------------------------------
	               Product List
------------------------------------------------- */
.ProductList li {
	background-color: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 0.5em;
	float: left;
	margin-bottom: 2.1em;
	padding: 0.8em 1% 0.2em 1%; /*1em 1%;*/
	width: 49%;
	height: 190px; 
	position: relative;
}

.ProductList li.Odd {
	/*clear: left;*/
	clear: right;
	margin-left: 0;
}

.ProductList li.Even {
	margin-left: 2%;
}

.ProductList .product-left-col {
	float: left;
	text-align: center;
	width: 35%;
}

.ProductList .product-right-col {
	float: right;
	position: relative;
	height: 142px;
	width: 58%;
}

.ProductList .ProductImage {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 135px;
	height: 100px;
}

.ProductList .Rating {
	display: block;
	margin-top: 0.8em;
	width: 100%;
}

.ProductList .ProductName {
	font-size: 1.0em; /*1.14em;*/
	font-weight: bold;
	line-height: 1.2em;

	/*
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	*/
}

.ProductList .ProductName a {
	color: #000000;
}

.ProductList .ProductPrice {
	color: #C60707;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1em;
	text-transform: uppercase;
}

.ProductList .ProductPrice span {
	display: block;
}

.ProductList .ProductActionAdd {
	float: left;
	position: absolute;
	bottom: -34px;
	right: 0;
}

.page-account .ProductList .ProductActionAdd {
	display: none;
}

.ProductList .ProductCategory,
.ProductList .ProductCompare
{
	background: #F2F2F2;
	border: 1px solid #D9D9D9;
	border-top: 0 none;
	border-bottom-left-radius: 0.4em;
	border-bottom-right-radius: 0.4em;
	font-size: 0.85em;
	line-height: 1em;
	padding: 0.2em 5% 0.4em 5%;
	text-align: right;
	position: absolute;
	bottom: -1.7em;
	right: 2%;
	width: 75%;
}

.ProductList .ProductCategory a {
	color: #000000;
}


.prodList li.heading {
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 0;
}
.prodList li dl dt {
	width: 70%;
}
.prodList.prodList-order li dl dt {
	width: 75%;
}
.prodList li dl dd {
	text-align: center;
	width: 20%;
}
.prodList li:not(.heading, .ProductPrice) dl dd {
	text-align: right;
}
.prodList li dl dd.ProductQty {
	width: 10%;
}
.prodList li.heading ~ li dl dt a,
.prodList li.heading ~ li dl dt a + em,
.prodList li:not(.heading) dl dd span{
	/*line-height: 40px; D*/
	/*padding-top: 12px; D*/
	display: inline-block;
}
.prodList li.heading ~ li dl dt span a {
	padding-top: 0;
	display: inline-block;
	color:#e44b15;
}
.prodList li.heading ~ li dl dt.ProductLink span a {
	line-height: normal;
}
/* ----- Cart View ----- */
.prodList.prodList-cart li dl dt {
	width: 63%;
}
.prodList.prodList-cart li.heading dl dt {
	line-height: 1.4em;
}
.prodList.prodList-cart.prodList-checkout li dl dt {
	width: 68%;
}
.prodList.prodList-cart li.totals dl dt,
.prodList.prodList-order li.totals dl dt {
	width: 75%; /*D 50*/
}
.prodList.prodList-cart li dl dd {
	width: 12%;
}
.prodList.prodList-order li dl dd.action,
.prodList.prodList-cart li dl dd.action {
	width: 5%;
}
.prodList.prodList-cart li dl dd.ProductQty {
	width: 8%;
}
.prodList.prodList-cart li dl dd.ProductQty span {
	padding-top: 5px;
}
.prodList.prodList-cart li dl dd.ProductQty span span.qtyHidden {
	padding-top: 5px;
	font-size: 14px;
}
.prodList.prodList-order li.totals,
.prodList.prodList-cart li.totals {
	width: 60%;
	float: right;
}
.prodList.prodList-order li.totals dl dd,
.prodList.prodList-cart li.totals dl dd {
	text-align: right;
	width: 25%; /* D 50*/
	/*padding: 5px 0px 5px 10px;*/
}
.prodList.prodList-order li.totals,
.prodList.prodList-cart li.totals .total-sub,
.prodList.prodList-cart li.totals .total-ship,
.prodList.prodList-cart li.totals .total-handling {
	font-weight: bold;
}
.prodList.prodList-cart li.totals .total-sub dd,
.prodList.prodList-cart li.totals .total-ship dd,
.prodList.prodList-cart li.totals .total-handling dd,
.prodList.prodList-cart li.totals .total-grand dd{
	padding: 0px 10px;
}
.prodList.prodList-order li.totals dl dd {
	padding: 5px 40px 5px 10px;
}
.prodList.prodList-order li.totals dd,
.prodList.prodList-cart li.totals .total-sub dd,
.prodList.prodList-cart li.totals .total-ship dd,
.prodList.prodList-cart li.totals .total-handling dd,
.prodList.prodList-cart li.totals .total-grand dd{
	font-size: 14px;
}
.prodList.prodList-order li.totals dl dt,
.prodList.prodList-cart li.totals dl dt {
	line-height: 25px;
}
.prodList.prodList-cart li.totals .btns-estimate > span {
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}
/* ----- wishlist ----- */
.prodList.prodList-wishList li dl dd.check {
	width: 5%;
}
.prodList.prodList-wishList li.heading dl dd.check input {
	height: auto;
}
.prodList.prodList-wishList li dl dt.ProductLink {
	width: 65%;
}
.prodList.prodList-wishList li dl dd.ProductQty,
.prodList.prodList-wishList li dl dd.ProductShared,
.prodList.prodList-wishList li dl dd.action {
	width: 10%;
}
/* ----- wishList-items ----- */
.prodList.prodList-wishList-items li dl dt.ProductLink {
	width: 60%;
}
.prodList.prodList-wishList-items li dl dd.action input{
	margin-top: 12px;
}
/* -------------------------------------------------
	              Product List END
------------------------------------------------- */

/* -------------------------------------------------
	           Product List Button
------------------------------------------------- */
.btns-prodList li {
	float: right;
}
.btns-prodList li:first-child {
	float: left;
}
/* -------------------------------------------------
	         Product List Button END
------------------------------------------------- */
/* -------------------------------------------------
	    	 Footer Recently Viewed
------------------------------------------------- */
aside.account-recent-item,aside.related-products-items,
aside.all-recent-item
{
	background-color: #F7F7F7;
	border-radius: 0.5em;
	clear: both;
	float: left;
	margin-right: 0;
	padding: 0.5em 2% 1em 2%;
	width: 100%;
}

aside.related-products-items { margin-bottom:10px; }

aside.all-recent-item {
	background: #FFFFFF;
}

aside.account-recent-item .heading,
aside.all-recent-item .heading,
aside.related-products-items .heading
{
	margin-bottom: 0.5em;
	text-transform: uppercase;
}

aside.account-recent-item .CompareButton,
aside.all-recent-item .CompareButton
{
	display: none;
}

.account-recent-item .ProductList li, .related-products-items .ProductList li,
.all-recent-item .ProductList li
{
	margin-bottom: 0;
	width: 33%;
}

.account-recent-item .ProductList li.Odd, .related-products-items .ProductList li.Odd,
.all-recent-item .ProductList li.Odd
{
	clear: none;
	margin-left: 2%;
}

.account-recent-item .ProductList li:first-child, .related-products-items .ProductList li:first-child,
.all-recent-item .ProductList li:first-child
{
	margin-left: 0;
}
/* -------------------------------------------------
	    	 Footer Recently Viewed END
------------------------------------------------- */
/* -----------------------------------------------------------------------------------------------------
                                     PRODUCT DETAILS STARTS
----------------------------------------------------------------------------------------------------- */
/* ----- Details Global ----- */
.page-product-details .prodSection h3 {
	display: none;
	margin-bottom: 10px;
}
.page-product-details .prodSection.prodReviews h3 {
	display:inline-block;
}
/* ----- Details Section ----- */
.page-product-details .prodDetails > li {
	margin: 10px 1%;
}

.page-product-details .prodDetails .detailsImgs {
	width: 25%;
}

.page-product-details .prodDetails .detailsList {
	float: right;
	margin-right: 0;
	margin-bottom: 2em;
	width: 70%;
}

.page-product-details .prodAvailability {
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	padding: 1em 0;
}

.page-product-details .prodAvailability > p {
	color: #686868;
	margin: 0;
}

.page-product-details .detailsList .prod-price-container {
	background: #F7F7F7;
	font-weight: bold;
	margin-top: 1em;
	padding: 1em 8%;
}

.page-product-details .detailsList .prod-price-container .prodPrice, .prodPreferredPrice {
	text-align: center;
}


.page-product-details .prod-price-container .price-label {
	font-size: 0.85em;
	text-transform: uppercase;
}

.page-product-details .prod-price-container .price-value {
	color: #E20000;
	display: block;
	line-height: 1em;
	font-size: 1.6em;
}

.page-product-details .prod-price-container > div {
	float: right;
}

.page-product-details .prod-price-container > div:first-child {
	float: left;
}

.page-product-details .prodDetails #productDetailsAddToCartForm {
	float: left;
	margin: 0.5em 0;
	width: 100%;
}

.page-product-details #productDetailsAddToCartForm .DetailRow {
	border-bottom: 1px solid #DDDDDD;
	float: left;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	width: 100%;
}

.page-product-details #productDetailsAddToCartForm .DetailRow .Label {
	display: block;
	float: left;
}

.page-product-details #productDetailsAddToCartForm .DetailRow .Value {
	display: block;
	float: left;
	max-width: 75%;
}

.page-product-details #productDetailsAddToCartForm .DetailRow .Value ul {
	float: left;
	width: 100%;
}

.page-product-details #productDetailsAddToCartForm .DetailRow .Value li {
	float: left;
	line-height: 2.2em;
	width: 100%;
}

.page-product-details #productDetailsAddToCartForm .DetailRow .Value .RadioButton {
	margin-right: 0.5em;
	height: 2.2em;
}

.CartAddon { margin-top: 10px }

.page-product-details .prodAdd #qty
{
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

.page-product-details #productDetailsAddToCartForm .DetailRow .Label,
.page-product-details .prodAdd label {
	line-height: 2.2em;
	margin-right: 0.4em;
	text-transform: uppercase;
	width: 20%;
}
.page-product-details .prodDetails .btn {
	float: right;
}

.page-product-details .prodDetails .prod-rating-container {
	background: #F7F7F7;
	float: left;
	padding: 1em 8%;
	width: 100%;
}

.page-product-details .prod-rating-container .prodRating {
	float: left;
	margin: 4px 0;
	width: auto;
}

.page-product-details .prod-rating-container .prodReviewRating,
.page-product-details .prod-rating-container .prodReviewNum
{
	display: block;
	line-height: 20px;
}

.page-product-details .prod-rating-container .prodReviewRating {
	float: left;
	font-size: 0.9em;
	margin-left: 0.75em;
}

.page-product-details .prod-rating-container .prodReviewNum {
	color: #A6A6A6;
	float: left;
	font-size: 0.9em;
	margin-left: 1em;
}

.page-product-details .prod-rating-container .prodRating img {
	max-width: 100%;
	width: auto;
}

.page-product-details .prodDetails .prod-rating-container .prodReviewAction {
	float: right;
	margin: 0;
}

.page-product-details .prodDetails .prodAddthis {
	text-align: center;
}

/* ----- Wishlist Section ----- */
.page-product-details .prodWishlist label {
	width: 30%;
}
/* -------------------------------------------------
	               PRODUCT DETAILS ENDS
------------------------------------------------- */
/* -------------------------------------------------
	              Product Tabs
------------------------------------------------- */
.page-product-details #ProductTabs {
	background-color: #F2F2F2;
	padding: 1.25em 2%;
}

.page-product-details #ProductTabsList li {
	display: inline;
	margin: 0 1%;
}

.page-product-details #ProductTabsList li a {
	color: #000000;
	padding: 0.5em 1em;
}

.page-product-details #ProductTabsList li.Active a,
.page-product-details #ProductTabsList li a:hover
{
	background-color: #FFFFFF;
	border-radius: 0.5em;
}

.page-product-details .prodTab {
	padding: 2em 3%;
	width: 94%;
}

.page-product-details .Content .Moveable {
	display: none;
}

.page-product-details .Content .Moveable.Active {
	display: block;
}
/* -------------------------------------------------
	           	Product Tabs END
------------------------------------------------- */

/* -----------------------------------------------------------------------------------------------------
                                     CHECKOUT & CREATE ACCNT STARTS
----------------------------------------------------------------------------------------------------- */
.checkout-step.active .content {
	height: auto;
}

/* ----- Step 01 (account) ----- */
.checkout-step01 ul li {
	width: 48%;
	margin: 0 1%;
	min-height: 280px;
}
.checkout-step01 ul li h4 {
	margin-bottom: 15px;
}
/* ----- Step 02 (address) ----- */
.form-accnt dl dt,
.form-accnt dl dd,
.create-accnt dl dt,
.create-accnt dl dd,
.checkout-step .address dl dt,
.checkout-step .address dl dd {
	width: 30%;
}
.form-accnt dd.submit,
.create-accnt dd.submit {
	margin-left: 30%;
	margin-top: 1em;
	width: 60%;
}
/* ----- Wishlist Add/Edit ------ */
.form-accnt.form-accnt-wishlist-add dt input[type="checkbox"] {
	height: auto;
	float: right;
}

/* ----- Finish Order ------ */
#ordersummary {
	border-bottom: 1px solid #CFCFCF;
	margin: 2em 0 1em 0;
}

#ordersummary > h3 {
	margin-bottom: 1em;
}

#orderholder thead tr {
	background-color: #EEEEEE;
	border-bottom: 1px solid #CFCFCF;
	border-top: 1px solid #CFCFCF;
}

#orderholder thead th {
	background-color: #F2F2F2;
	font-size: 0.857em;
	text-align: center;
	vertical-align: middle;
	height: 25px;
}

#orderholder thead th.item-total {
	color: #e44b15;
}

#orderholder tbody td {
	font-size: 0.857em;
	padding: 12px 0 5px 0;
	vertical-align: top;
}

#orderholder tbody td.item-qty,
#orderholder tbody td.item-price,
#orderholder tbody td.item-total
{
	text-align: center;
}

#orderholder tbody td.item-total {
	color: #e44b15;
	font-weight: bold;
}

#orderholder tbody td a {
	color: #444;
	text-decoration:none;
}

#orderholder tbody td img {
	max-width: 100%;
}

.order-summary {
	float: right;
	margin: 1em 0;
	width: 60%;
}

.order-summary dt, .order-summary dd {
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px;
	text-align: right;
	width: 50%;
}

.order-summary dd {
	font-size: 0.857em;
}
/* -------------------------------------------------
	       CHECKOUT & CREATE ACCNT ENDS
------------------------------------------------- */

/* -----------------------------------------------------------------------------------------------------
                                     LOGIN STARTS
----------------------------------------------------------------------------------------------------- */
.page-login article > section > ul > li {
	width: 75%;
	min-height: 300px;
}
/* -------------------------------------------------
	               LOGIN ENDS
------------------------------------------------- */

/* -----------------------------------------------------------------------------------------------------
                                     ADVANCED SEARCH STARTS
----------------------------------------------------------------------------------------------------- */
.search-advanced.show {
	height: 435px;
}
.search-advanced h3{
	padding: 15px 0 5px;
}
.search-advanced .FeedLink {
	float: left;
}
.search-advanced .search-submit > span {
	margin-left: 22px;
	margin-top: 0.75em;
}

.search-section {
	width: 48%;
	margin: 0 1%;
}
.search-price span {
	display: inline-block;
	float: left;
	line-height: 40px;
	padding: 0 10px;
}
/* -------------------------------------------------
	               ADVANCED SEARCH ENDS
------------------------------------------------- */

/* -----------------------------------------------------------------------------------------------------
                                     PAGINATION STARTS
----------------------------------------------------------------------------------------------------- */
.CategoryPagination {
	background: #F7F7F7;
	border: 1px solid #DDDDDD;
	border-radius: 0.5em;
	margin: 0.5em 0;
	padding: 0.5em 0;
	width: 100%;
}
/* -------------------------------------------------
	               PAGINATION ENDS
------------------------------------------------- */

/* -------------------------------------------------
	               	Compare
------------------------------------------------- */
.ComparisonTable .CompareFieldName {
	border-right: 1px solid #DDDDDD;
	font-weight: bold;
}

.ComparisonTable .CompareCenter {
	vertical-align: middle;
}

.ProductList .ProductCompare {
	bottom: -2em;
}

.ProductCompareButton {
	float: right;
	margin-top: 0.2em;
}

.ProductCompareButton input[type=checkbox] {
	height: auto;
}

.ProductCompareButton label {
	float: left;
	/* line-height: 36px; */
	margin-left: 0.4em;
}
.CompareButton {
	width: 100%;
	float: left;
	clear: both;
	margin: 10px 0;
}
.CompareButton .btn-wishlist {
	float: left;
}
/* -------------------------------------------------
	               Compare END
------------------------------------------------- */

/* -----------------------------------------------------------------------------------------------------
                                     ACCOUNT BOXS STARTS
----------------------------------------------------------------------------------------------------- */

.box-grid li {
	z-index: 10;
	box-shadow: 0 0 0 transparent;

	min-height: 200px;
	width: 48%;
	margin: 0 1% 15px;
}
.box-grid li:hover {
	/*transform:scale(1.10,1.10);
	-webkit-transform:scale(1.10,1.10);
	-moz-transform:scale(1.10,1.10);

	box-shadow: 5px 5px 20px rgba(0,0,0,0.15);
	z-index: 11;*/
}
.box-grid li:nth-child(4n+1) {
	/*clear: both;*/
}
.box-grid li a.btn {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}
ul.box-grid-account li span { font-weight:bold;}
ul.box-grid.box-grid-account li p { margin-bottom:20px;}

/* -------------------------------------------------
	               ACCOUNT BOXS ENDS
------------------------------------------------- */
/* -----------------------------------------------------------------------------------------------------
                                     CONTACT STARTS
----------------------------------------------------------------------------------------------------- */
div.contact1,
div.contact2 {
	width: 50%;
	float: left;
}
div.contact2 {
	width: 40%;
}
div.contact1 {
	padding-left: 10px;
}
/* ----- Special Offers----- */
#select-companies {
	width: 50%;
}
/* -------------------------------------------------
	               CONTACT ENDS
------------------------------------------------- */
/* -----------------------------------------------------------------------------------------------------
                                     QUICK SEARCH STARTS
----------------------------------------------------------------------------------------------------- */
table.QuickSearch {
	background: #fff;
	margin-left: -2px;
}

.QuickSearch tr {
	background: #FFFFFF;
}

table.QuickSearch tr:nth-child(even) {
	background: #FFFFFF;
}

.QuickSearch tr:nth-child(odd) {
	background: #F9F9F9;
}

.QuickSearch .QuickSearchResult {
	border: 1px solid #DDDDDD;
	border-top: 0 none;
}

.QuickSearch .QuickSearchResult > td {
	padding: 1em 0.5em;
	vertical-align: top;
}

.QuickSearch .QuickSearchResultName {
	margin-bottom: 0.5em;
}
/* -------------------------------------------------
	               QUICK SEARCH ENDS
------------------------------------------------- */
/* -------------------------------------------------
	               	FastCart
------------------------------------------------- */
.fastCartContent .actionLink {
	border-top: 1px solid #DDDDDD;
	float: left;
	margin-top: 1em;
	padding-top: 1em;
	width: 100%;
}

.fastCartContent .actionLink a {
	float: right;
	margin-left: 2em;
}

.fastCartSummaryBox {
	margin-top: 0;
}
/* -------------------------------------------------
	               	FastCart END
------------------------------------------------- */
/* -------------------------------------------------
	               	  Search
------------------------------------------------- */
.page-search #SearchPageHeader .heading {
	float: left;
	width: auto;
}

.page-search #toggle_form_link {
	float: right;
	clear: none;
	margin-top: 0.25em;
}
/* -------------------------------------------------
	               	Search END
------------------------------------------------- */
/* -------------------------------------------------
	               	  Overlay
------------------------------------------------- */
.guest-overlay {
	background: rgba(0,0,0,0.6);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 9999px;
	z-index: 99999;
}

.guest-overlay .heading {
	text-transform: uppercase;
}

.guest-overlay .guest-overlay-container {
	background: #FFFFFF;
	margin: 2em auto 0 auto;
	width: 60%;
	max-width: 750px;
	min-width: 600px;
	padding: 1em 2%;
}

.guest-overlay .overlay-tabs {
	border-bottom: 2px solid #0768ab;
	float: left;
	margin-top: 1em;
	width: 100%;
}

.guest-overlay .overlay-tabs li {
	background: #c4d7e5;
	display: block;
	float: left;
	padding: 0.4em 0.8em;
}

.guest-overlay .overlay-tabs li.active {
	background: #0768ab;
}

.guest-overlay .overlay-tabs li.active a {
	color: #FFFFFF;
}

.guest-overlay .overlay-tabs li a {
	color: #000000;
	font-weight: bold;
}

.guest-overlay .overlay-tab-content {
	display: none;
	float: left;
	padding: 1em 0;
	width: 100%;
}

.guest-overlay .overlay-tab-content.active {
	display: block;
}

.guest-overlay #guest-login form {
	float: left;
	width: 50%;
}

.guest-overlay #guest-login form label {
	display: block;
	float: none;
	font-weight: bold;
	margin-bottom: 0.4em;
	width: 100%;
}

.guest-overlay #guest-login form input[type=text],
.guest-overlay #guest-login form input[type=password]
{
	float: none;
	margin-bottom: 0.5em;
	width: 90%;
}

.guest-overlay #guest-login .btn-submit {
	background: #0871bb url('../images/esporta/btn-overlay-login.png') no-repeat 20px center;
	border: 2px solid #005d9d;
	padding: 0 2em 0 85px;
	height: 55px;
}

.guest-overlay #guest-login .login-help {
	background: #F7F7F7;
	float: right;
	padding: 0.5em 1em;
	text-align: center;
	width: 45%;
}

.guest-overlay #guest-login .login-help p {
	line-height: 1.4em;
}

.guest-overlay #guest-login .login-help .help-reset a {
	display: block;
	text-decoration: underline;
}

.guest-overlay #guest-login .login-help .help-contact {
	margin: 1em auto 0 auto;
	width: 60%;
}

.guest-overlay #guest-login .login-help .help-contact .phone {
	display: block;
	font-size: 1.4em;
	font-weight: bold;
}

.guest-overlay #guest-register .overlay-left-col {
	float: left;
	width: 40%;
}

.guest-overlay #guest-register .overlay-right-col {
	float: right;
	width: 50%;
}

.guest-overlay #guest-register .subheading {
	background: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	font-size: 1em;
	text-transform: none;
}

.guest-overlay #guest-register dl,
.guest-overlay #guest-register dt,
.guest-overlay #guest-register dd
{
	float: left;
	width: 100%;
}

.guest-overlay #guest-register dd {
	margin-bottom: 0.5em;
}

.guest-overlay #guest-register dt {
	margin: 0.5em 0;
}

.guest-overlay #guest-register .FormFieldLabel {
	font-weight: bold;
}

.guest-overlay #guest-register input[type=text],
.guest-overlay #guest-register input[type=password]
{
	border-radius: 0.4em;
	height: auto;
	padding: 0.5em 2%;
	width: 90% !important;
}
/* -------------------------------------------------
	               	Overlay END
------------------------------------------------- */
/* -------------------------------------------------
	               Media Queries
------------------------------------------------- */

@media screen and (max-width : 1010px) {
	body div.wrapper {
		overflow: hidden;
	}
}

@media screen and (max-width : 1025px) {
	.ie8 body {
		min-width: 960px;
	}
	body div.wrapper {
		left: 0;
		margin-left: auto;
	}
	nav.menu-main ul li a{
		display: block;
		padding: 20px 10px;
	}
}
/* -------------------------------------------------
	         	Media Queries END
------------------------------------------------- */





.ComparisonTable {clear:both;}

/*// BAPO FIX 20140321 2014-04-03*/
.prodList.prodList-order li.totals dl dd {
  padding: !important;
  line-height: 25px;
  text-align: left;
}

.menu-products-new .ProductList li {
    margin-bottom: 150px;
}

.menu-products .ProductList li figure img {
 max-height: 100%;
}

.menu-products li a.btn {
    padding: 0;
}

#QuickSearch {
    z-index: 9999;
}

.checkout-step .address dl dd.submit {
	clear: none;
  float: right;

}

.checkout-step .CouponOptions .address dl dt {
	width: auto;
	display: inline;
}

.checkout-step .CouponOptions .address dl dd {
	width: auto;
	display: inline;
}


/*// BAPO FIX 20140321 2014-04-03 END*/


.header-info .phone-info {
	float: right;
}


.checkout-step .address dl dd {
	width: 80%;
}

div#swirl-left { float: left; }
div#questions-1800 { margin-left: -5px; float: left; height: 45px; }
div#swirl-right { float: right; }

div#questions-1800 div { margin-left: 15px; width: 60px; }
div#questions-1800 div span { font-size: 14px; font-weight: normal; padding-left: 30px; }
div#dev-banner { line-height: 125%; font-weight: bold; font-size: 135%; color: red; margin-top: 20px; float: left; width: 375px; margin-left: 10px }