/*
 * ProNav 	v3.2 CSS
 * Author: 	Brandammo
 * 
 * Notes:  	Do not modify this file, 
 * 			if you are not comfortable with css.
 */

@import url(https://fonts.googleapis.com/css?family=Ubuntu);
/*
 * PRONAV
 */
ul#pronav {
	margin: 0 auto;
	padding: 0;
	width: auto;
	list-style: none;
	position: relative;
}
ul#pronav.pn-left, ul#pronav.pn-right {
	width: 100% !important;
	margin: 0 0 10px 0;
}
/*
 * PRIMARY LINK STYLES
 */
ul#pronav li.primary-pronav-item {
	float: left;
	margin: 0;
	padding: 0;
	border-left: solid 1px #bf8ebe;
	position: relative; /* IMPORTANT - needs to be positioned relative */
}
ul#pronav.pn-left li.primary-pronav-item, ul#pronav.pn-right li.primary-pronav-item {
	float: none;
	border-bottom: 1px solid #000;
}
ul#pronav li.primary-pronav-item.position-static {
	position: static;
}
ul#pronav.pn-left li.primary-pronav-item.position-static, ul#pronav.pn-right li.primary-pronav-item.position-static {
	position: relative;
}
ul#pronav li.primary-pronav-item a.primary-pronav-link {
	display: block;
}
/*
 * DROPDOWN STYLES
 */
ul#pronav li.primary-pronav-item .sub, ul#pronav li.primary-pronav-item .sub ul li.has-children .child-sub {
	top: 77px;
	position: absolute; /* IMPORTANT - needs to be positioned absolute */
	z-index: 99999;
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}
ul#pronav li.primary-pronav-item .sub.sub-align-right {
	right: 0px;
}
ul#pronav li.primary-pronav-item .sub.sub-align-left, ul#pronav li.primary-pronav-item .sub.sub-align-start {
	left: 0px;
}
ul#pronav li.primary-pronav-item .sub.sub-align-end {
	right: 0px;
}
/*
 * DROPDOWN ROW STYLES
 */
ul#pronav li.primary-pronav-item .sub .row {
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}
ul#pronav li.primary-pronav-item .sub .row.last-row {
	margin-bottom: 0px;
}
/*
 * DROPDOWN COLUMNS
 */
ul#pronav li.primary-pronav-item .sub .row ul {
	list-style: none;
	margin: 0;
	padding: 15px 0;
	width: 15em; /* IMPORTANT */
	float: left;
	min-height: 100px;
}
ul#pronav li.primary-pronav-item .sub .row ul.has-columns, ul#pronav li.primary-pronav-item .sub .row ul.columns-split, ul#pronav li.primary-pronav-item .sub .row ul.columns-split ul {
	min-height: 0;
	width: 100%;
}
/*
 * DROPDOWN LIST & LINK STYLES
 */



/*
 * RESPONSIVE PRONAV
 */

#pronav-selection-container {
	display: none;
	margin: 0 auto;
}
#pronav-selection-container.responsive {
	margin-left: 0;
	margin-right: 0;
}
#pronav-selection-container #pronav-select-toggle {
	text-transform: uppercase;
	display: block;
	padding: 10px;
	margin: 0 auto;
	text-decoration: none;
	font-weight: bold;
	background: url(userfr/userfr/pronav/images/pronav-select.png) no-repeat 10px center #0A263D;
}
#pronav-selection-container #pronav-selection {
	display: none;
	padding: 0px 0;
}
#pronav-selection-container #pronav-selection select {
	display: block;
	margin: 5px auto;
	width: 90%;
}
.main_menu {
	float: left; /*height:49px;*/
	background: #7f1d7d;
	width: 100%;
	padding:6px 0 5px 0px;

	-webkit-box-shadow: 0px -1px 4px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 0px -1px 4px 0px rgba(50, 50, 50, 0.3);
	box-shadow: 0px -1px 4px 0px rgba(50, 50, 50, 0.3);
}
/* iPad in landscape----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
ul#pronav li.primary-pronav-item .sub.sub-align-left, ul#pronav li.primary-pronav-item .sub.sub-align-start {
    left: -94px;
}
ul#pronav .testclassproducts #category-links:after{left:136px!important;}	
}
@media (max-width: 768px) {
.main_menu {
	float: left;
	height: 49px;
	background: none;
	width: auto;
}
ul#pronav {
	width: 100%;
}
#pronav-selection-container.responsive {
	float: left;
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}
ul#pronav.make-responsive {
	display: none;
}
#pronav-selection-container {
	display: block;
}
ul#pronav li.primary-pronav-item {
	float: none;
	margin: 0;
	padding: 0;
	text-align: left;
	position: static;
}
ul#pronav {
	background: #7f1d7d;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	width: 100%/*add-pradep*/!important;
}

ul#pronav li.primary-pronav-item .sub, ul#pronav li.primary-pronav-item .sub ul li.has-children .child-sub {
width:99% !important;
top:106px;
}
}
#extabs span#tb4 {
	width: 100px;
}
div#noticeevents {
	border: 1px solid #999;
	background-color: #FFF;
	height: 100px;
	overflow: auto;
}
div#noticeevents div {
	border-bottom: 1px dotted #DDD;
	padding: 3px;
	margin: 0px;
}
.runner {
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
	float: right;
	font-size: .8em;
	background-color: #333;
	color: #FFF;
	padding: 2px 10px 5px 10px;
	cursor: pointer;
}


/** Growler Notice Custom Styling **/
div.Growler-notice {
	background-color: 		#000;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	margin-left: 			auto;
	margin-right: 			auto;
	font-family: 'Ubuntu', sans-serif;
	font-size: 				14px;
	text-align: 			center;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
	min-height: 			40px;
    z-index:                10000;
}

div.Growler-notice-head {
	font-weight: 			bold;
	font-size:				10px;
}

div.Growler-notice-exit {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

/** Plain Theme **/
div.plain {
	color: 					#000;
	width: 					253px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	text-align: 			left;
	display: 				none;
	min-height: 			40px;
	background-color: 		#EDEDED;
	border: 				1px solid #777;
}

div.plain div.Growler-notice-head {
	font-weight: 			bold;
	font-size:				10px;
	padding: 				2px 10px;
}

div.plain div.Growler-notice-exit {
	float: 					right;
	cursor:					pointer;
	margin: 				0px;
	padding: 				0px 0px 2px 2px;
	width: 					10px;
	height: 				10px;
	color: 					#BFBFBF;
}
div.plain div.Growler-notice-body {
	padding: 5px;
}


/** Mac OS X Theme **/
div.macosx {
	color: 					#000;
	width: 					253px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	text-align: 			left;
	display: 				none;
	min-height: 			40px;
	background: #d7d7d7 url(userfr/userfr/images/macosx.jpg) repeat-y 0;
	border: 				1px solid #C9C9C9;
}

div.macosx div.Growler-notice-head {
	font-weight: 			bold;
	font-size:				10px;
	padding: 				5px 10px;
}

div.macosx div.Growler-notice-exit {
	width: 					15px;
	height: 				15px;
	float: 					left;
	cursor:					pointer;
	margin: 				4px;
	margin-left: 			1px;
	font-size: 				0em;
	color: 					transparent;
	background: transparent url(userfr/userfr/images/macosx_exit.png) no-repeat left 0;
}
div.macosx div.Growler-notice-exit:hover {
	background: transparent url(userfr/userfr/images/macosx_exit_over.png) no-repeat left 0;
}
div.macosx div.Growler-notice-body {
	padding: 2px 0 10px 25px;
}

/** Candybars Theme **/
div.candybar {
	color: 					#000;
	width: 					253px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	text-align: 			left;
	display: 				none;
	min-height: 			40px;
	background-color: 		#F5F7FA;
	border: 				1px solid #19304B;
}

div.candybar div.Growler-notice-head {
	font-weight: 			bold;
	font-size:				10px;
	background: 			url(userfr/userfr/images/candybars.jpg) repeat-x;
	padding: 				5px 10px;
}

div.candybar div.Growler-notice-exit {
	float: 					right;
	cursor:					pointer;
	margin: 				3px;
}
div.candybar div.Growler-notice-body {
	border-top: 1px solid #999;
	padding: 10px;
}

/** Construction Theme **/
div.atwork {
	color: 					#FFF;
	width: 					253px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	text-align: 			left;
	display: 				none;
	min-height: 			40px;
	background: 			#4d4d4d url(userfr/userfr/images/atwork.png) repeat-y 0;
	border: 				1px solid #222;
}

div.atwork div.Growler-notice-head {
	font-weight: 			bold;
	font-size:				12px;
	padding: 				5px 20px;
	color: 					#efca23;
	
}

div.atwork div.Growler-notice-exit {
	float: 					right;
	cursor:					pointer;
	margin: 				3px;
}
div.atwork div.Growler-notice-body {
	padding: 2px 0 10px 25px;
}

#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	border: 0;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top: 0;
	border: 0 solid;
	text-align: left;
	z-index: 10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position: relative;
	background-color: #EFEFEF;
	height: 100%;
}

#MB_header {
	margin: 0;
	padding: 0;
}

#MB_content {
	position: relative;
	padding: 6px .75em;
	overflow: auto;
}

#MB_caption {
	font: bold 100% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display: block;
	position: absolute;
	right: 5px; top: 4px;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}
#MB_close:hover {
	background: transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(userfr/userfr/ajaxcart/spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_window {
	background-color: #EFEFEF;
	color: #000;
	
	-webkit-box-shadow: 0 0 64px #000; 
	-moz-box-shadow: #000 0 0 64px; 
	box-shadow: 0 0 64px #000;
}
	#MB_frame {
		padding-bottom: 4px;
		
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;

		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomright: 4px;

		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	
	#MB_content { border-top: 1px solid #F9F9F9; }

	#MB_header {
	  background-color: #DDD;
	  border-bottom: 1px solid #CCC;
	}
		#MB_caption { color: #000 }
		#MB_close { color: #777 }
		#MB_close:hover { color: #000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}/**
 * Copyright (c) 2010, Softisland Ltd.
 * 
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions 
 * are met:
 * 
 * o Redistributions of source code must retain the above copyright notice, 
 *   this list of conditions and the following disclaimer.
 * o Redistributions in binary form must reproduce the above copyright notice,
 *   this list of conditions and the following disclaimer in the documentation
 *   and/or other materials provided with the distribution.
 * o Neither the name of the Softisland nor the names of its contributors
 *   may be used to endorse or promote products derived from this software
 *   without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 
 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT 
 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR 
 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT 
 * HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, 
 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT 
 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, 
 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY 
 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE 
 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
 
/* Featured Product block */
.block-featuredproduct { font-size:11px; line-height:1.25; }
.block-featuredproduct .block-title strong { background: url("base/default/images/featured_block.gif") no-repeat 0 1px; padding-left: 21px; }
.block-featuredproduct .block-content { text-align: center; padding: 5px; }/********************** Tabs */
.product-view .tabs { 
	margin: 15px 0px; 
	overflow:hidden;
	border-bottom:1px solid #ccc;  
	zoom: 1;
}
.product-view .tabs li {
    background: none repeat scroll 0 0 #fdfdfd;
    border: 1px solid #ccc;
    float: left;
    font-size: 0.9em;
    line-height: 2em;
    margin: 0 5px 0 0;
}
.product-view .tabs li.first { 
/*	border-left:0; */
}
.product-view .tabs li.last {
/*	border-right:0; */
}
.product-view .tabs a { 
	display:block; 
	padding:6px 15px; 
	color:#656565; 
	text-decoration: none; 
	font-size: 18px;
}
.product-view .tabs a:hover { 
	background-color:#f2e8cd; 
	text-decoration:none; 
	color:#444; 
	text-decoration: none;
}
.product-view .tabs li.active a {
	background: none repeat scroll 0 0 #f2e8cd;
	border-bottom: 2px solid #c70a24;
    color: #000;
    font-weight: bold; 
}
.product-view .tabs li.active a:hover {  
	background: none repeat scroll 0 0 #ffffff;
	border-bottom: 2px solid #c70a24;
    color: #000;
    font-weight: bold; 
}
#product_tabs_tags_tabbed_contents.input-box input { 
	width: 300px; 
}
#product_tabs_tags_tabbed_contents .input-box { 
	width: 300px; 
	float:left; 
	margin-right: 10px;
}
#product_tabs_related_tabbed_contents li	{ 
	float:left; 
	margin-right: 10px; padding:10px 0px;
	width:23%; position: relative; text-align:center; min-height: 350px;
}
#product_tabs_related_tabbed_contents li .related-checkbox {
    display: none!important;
}
#product_tabs_related_tabbed_contents li:hover{background:#ede3f0; display:block;}
#product_tabs_related_tabbed_contents ol	{ 
	clear: both;
}

#crosssell-products-list li	{ 
	float:left; 
	margin-right: 10px; padding:10px 0px;
	width:23%; text-align:center;min-height: 350px;
}

#crosssell-products-list li:hover{background:#ede3f0; display:block;}
#crosssell-products-list ol	{ 
	clear: both;
}



.product-collateral:after { 
	content:"."; 
	display:block; 
	clear:both; 
	font-size:0; 
	line-height:0; 
	height:0; 
	overflow:hidden; 
	zoom: 1
}


.padder > div {
    border-bottom: 1px solid #ddd;
    float: left;
    margin: 0 0 10px;
    padding: 0 0 15px;
    width: 100%;
}

@media screen and (max-width:1024px) {
#product_tabs_related_tabbed_contents li {
    float: left;
    margin-right: 10px;
    min-height: 350px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 27%;
}
}
@media screen and (max-width:768px) {
#product_tabs_related_tabbed_contents li {
    float: left;
    margin-right: 10px;
    min-height: 350px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 29%;
}
}
@media screen and (max-width: 640px) {
#product_tabs_related_tabbed_contents li {
    float: left;
    margin-right: 10px;
    min-height: 350px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 35%;
}
}
@media screen and (max-width: 480px) {
#product_tabs_related_tabbed_contents li {width: 59%;}
#product_tabs_related_tabbed_contents .actions {margin-left:30px;}




}
@media screen and (max-width: 400px){
.#product_tabs_related_tabbed_contents li {
width: 61%;
}
#product_tabs_related_tabbed_contents .actions {margin-left:10px;}
}
@media screen and (max-width:360px) {
#product_tabs_related_tabbed_contents li {
    width: 65%;
}
#product_tabs_related_tabbed_contents .actions {margin-left:15px;}
}
@media screen and (max-width:320px) {
#product_tabs_related_tabbed_contents li {
    width: 75%;
}
#product_tabs_related_tabbed_contents .actions {margin-left:10px;}
}