/*=============================================================
====== TABLE OF CONTENTS ======================================
====== UNIVERSAL ===================================[ZYB01]====
====== HEADER ======================================[ZYB02]====
====== FOOTER ======================================[ZYB03]====
====== HOME ========================================[ZYB04]====
====== INNER =======================================[ZYB05]====
====== CUSTOM ======================================[ZYB06]====
====== MOBILE ======================================[ZYB07]====
=============================================================*/

/*=============================================================
===== UNIVERSAL ====================================[ZYB01]====
=============================================================*/

html{ min-height:100%; width:100%; }
body{ background:url(../images/bg-pattern.jpg) repeat; }
.tWrap { background: url(../images/bg-img.jpg) top center no-repeat; }
.tWrap article, .tWrap aside, .tWrap audio, .tWrap canvas, .tWrap command, .tWrap datalist, .tWrap details, .tWrap embed, .tWrap figcaption, .tWrap figure, .tWrap footer, .tWrap header, .tWrap hgroup, .tWrap keygen, .tWrap meter, .tWrap nav, .tWrap output, .tWrap progress, .tWrap section, .tWrap source, .tWrap video{display:block}
.tWrap mark, .tWrap rp, .tWrap rt, .tWrap ruby, .tWrap summary, .tWrap time { display:inline; }
.tWrap .boxShadow{ -webkit-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); }
.tWrap .clear, .tWrap .spacer{ clear:both; }
.tWrap .floatLeft{ float:left; }
.tWrap .floatRight{ float:right; }
.tWrap .mainBoxWrapper{ margin-bottom:0.938em; clear:both; }
.tWrap .sideBoxWrapper{ margin-bottom:0.638em; clear:both; }
.tWrap .swp-breadcrumbs{ margin:20px 0 0; color: #cecece; }
.tWrap .swp-breadcrumbs a{ color:#cecece; font-size:14px; }
.tWrap .swp-breadcrumbs strong { font-weight: 400 !important; }
.tWrap .swp-breadcrumbs .delim { padding: 0 3px; }

.tWrap .formBlockSurveyRow{overflow:visible;}
.tWrap .formBlockSurveyCell.question{ width:20%; padding:0px; }
.tWrap .formBlockSurveyCell.answer{ width:80%; }
.tWrap .extendedFormSurveyView input[type="text"], .tWrap .guestBook-formBlock input[type="text"],
.tWrap .extendedFormSurveyView input[type="email"], .tWrap .guestBook-formBlock input[type="email"],
.tWrap .extendedFormSurveyView input[type="tel"], .tWrap .guestBook-formBlock input[type="tel"],
.tWrap .extendedFormSurveyView input[type="url"], .tWrap .guestBook-formBlock input[type="url"],
.tWrap .extendedFormSurveyView select, .tWrap .guestBook-formBlock select,
.tWrap .extendedFormSurveyView textarea, .tWrap .guestBook-formBlock textarea{
	box-sizing:content-box; -ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	width:98%; border:none; padding:1%;	display:block; }
.tWrap .extendedFormSurveyView #msg { background: #9fd9f1; color: #404b4f; padding: 1.250em; border:none; margin: 0.5em 0; }

/*=============================================================
===== HEADER =======================================[ZYB02]====
=============================================================*/

.tWrap header .headerMiddleContentContainer{ margin-top: 16px; }
.tWrap header .headerRightContentContainer{ margin-top: 6px; }
.tWrap .logo{ max-width:236px; display:block; margin-top: 17px; }
.tWrap header{ z-index:5; position:relative; background: url(../images/header-line.png) top center repeat-x; }
.tWrap header .nav { float: right; margin: 0; }
.tWrap header .nav > li{ position:relative; list-style:none; float:left; padding:0; margin:0; }
.tWrap header .nav > li > a{ display:block; font-family: 'Oswald', sans-serif; font-weight: 300; padding:20px 20px 16px; text-transform:uppercase; color:#fff; font-size:16px; }
.tWrap header .nav > li:hover > a,
.tWrap header .nav > li.nav-hover,
.tWrap header .nav > li.nav-path-selected > a{ color: #fdd210; background: url(../images/nav-sel.png) bottom center no-repeat; }

.tWrap header .nav > li > ul{ position:absolute; display:none; margin:0; padding:5px 0 0; left:0; min-width:200px; z-index:20; }
.tWrap header .nav > li > ul > li{ list-style:none; margin:0; padding:0; }
.tWrap header .nav > li > ul > li > a{ background:#353535; display:block; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 300; padding:12px 20px; color:#fff; font-size:16px; }
.tWrap header .nav > li > ul > li:hover > a,
.tWrap header .nav > li > ul > li.nav-path-selected > a{ color: #fdd210; }


.tWrap header .ccm-search-block-form h3 {display: none; }

/*=============================================================
===== FOOTER =======================================[ZYB03]====
=============================================================*/

.tWrap footer  { background: #000; }
.tWrap .footerInner{ padding:15px 0; }
.tWrap footer p{ font-weight:normal; font-size:14px; color: #666666; }
.tWrap footer a{ font-weight:normal; font-size:14px; }
.tWrap footer ul { padding-top:3px; }
.tWrap footer ul li:first-child{ margin-left:20px; background:none; }
.tWrap footer li{ float:left; padding:6px 6px; background:url('../images/footersep.png') no-repeat; background-position:0px 2px; line-height:1 !important; list-style:none; }

.tWrap .zCopyrightWrapper{ display:block; margin:7px 0 !important; }
.tWrap .zCopyrightWrapper img{ vertical-align:middle; }

/*=============================================================
===== HOME =========================================[ZYB04]====
=============================================================*/

.tWrap .flex-control-nav{ display:none; }
.tWrap .flexslider{ margin-bottom:0 !important; box-shadow:none; -webkit-box-shadow:none; }
.tWrap .flex-direction-nav .flex-next{ background:url(../images/rightarrow.png) no-repeat; width:29px; height:54px; right:-50px; }
.tWrap .flex-direction-nav .flex-prev{ background:url(../images/leftarrow.png) no-repeat; width:29px; height:54px; left:-50px; }

.tWrap .slideshow { min-height: 320px; }
.tWrap .homeMainContent{ margin-top:25px; }

.tWrap .homeTileContent { background: #fdd210; padding: 10px 0 35px; }

/*=============================================================
===== INNER ========================================[ZYB05]====
=============================================================*/

.tWrap .contentTop{   }
.tWrap .contentTopShadow{  }
.tWrap .contentBottom{ padding:30px 0 35px 0; }

.tWrap .sidebar{}
.tWrap .sidebar .nav{ padding:7px 0; margin:0; background:url(../images/sidebg.png); }
.tWrap .sidebar .nav > li{ list-style:none; margin:0 0 0px 0; padding:0; }
.tWrap .sidebar .nav > li > a{ color:#fff; text-transform:uppercase; font-size:16px; display:block; padding:13px 14px; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 400; }
.tWrap .sidebar .nav > li.nav-path-selected > a,
.tWrap .sidebar .nav > li.nav-hover > a,
.tWrap .sidebar .nav > li:hover > a{ color: #fdd210; }

.tWrap .sidebar .nav li > ul > li{ list-style:none; margin:0 0 0px 0; padding:0; }
.tWrap .sidebar .nav li > ul > li > a{ color:#fff; text-transform:uppercase; font-size:14px; display:block; padding:13px 18px; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 300; }
.tWrap .sidebar .nav li > ul > li.nav-path-selected > a,
.tWrap .sidebar .nav li > ul > li.nav-hover > a,
.tWrap .sidebar .nav li > ul > li:hover > a{ color: #fdd210; }

.tWrap .globalSidebar{ margin-top:30px; }

.tWrap .pageTitle { color: #fdd210; line-height: 1.1; margin-bottom: 5px; border-bottom: double 3px #333333; padding-bottom: 12px  }
.tWrap .sidebar .sidebarTitle { line-height: 1.1; }


/*=============================================================
===== MOBILE =======================================[ZYB06]====
=============================================================*/

.tWrap .hasDrop{ padding-right:15px !important; }
.tWrap .mobileDropdown{ position:absolute !important; right:-11px;top:-0px; width:30px; height:43px; padding:0 !important; z-index:10; background: url(../images/mobilenavarrow.png) no-repeat top right !important;}

/*=============================================================
===== CUSTOM =======================================[ZYB07]====
=============================================================*/

.tWrap .ccm-search-block-form { position: relative; }
.tWrap .ccm-search-block-form > h3 { display: none; }
.tWrap .ccm-search-block-text { background: url(../images/search-bg.png); border: none; font-size: 16px; padding: 10px 35px 10px 8px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.tWrap .ccm-search-block-submit { background: url(../images/search.png) left center no-repeat; height: 37px; width: 35px; border: none; color: transparent; left: 170px; position: absolute; top: 3px; }




.tWrap .product.layoutgrid div.prodtitle{
	color: #fdd210;
    font-family: Oswald,Helvetica,sans-serif;
    font-size: 20px;
    text-align: left;
	font-weight: 400;
    text-transform: uppercase;
}

.tWrap .jbecomex .button-container{
	width:auto;
	float:right;
}

.tWrap div.price, .tWrap span.price{
	width:68px;}

.tWrap .ic_container {
    border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
	background: #fff;
	padding: 6px 0;
    margin-top: 10px;
	margin-bottom:10px;
    position: relative;
    vertical-align: baseline;
	margin-right:0;
	margin-left:0; }
	
.tWrap div.price, .tWrap span.price{
	background: url(../images/search-bg.png);
    background-size: auto auto;
    padding:5px;
	margin-right:5px;
	width:auto;
	border:none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; }
	
.tWrap div.price > *, .tWrap span.price > * {
   color:#FFFFFF;
   font-size:18px;
   border:none;
   text-shadow: none;
   background:none;
   font-family:Oswald, Helvetica, sans-serif;}

.tWrap .button{
	background:#fdd210; 
	border:none;
	padding:4px;
	border-color:#fdd210;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; }

.tWrap .product .button > * {
width:auto; }

.tWrap .button > * {
    background:#fdd210;
    color: #202020;
    font-family: Oswald,Helvetica,sans-serif;
    font-size: 18px;
    text-transform: uppercase;
	border:none; }
/*	
.tWrap div.price > *, .tWrap span.price > *, .button > * {
	padding:0 !important; }*/
	
.tWrap .button:hover {
	background: url(../images/search-bg.png);
}

.tWrap .button:hover > * {
	background: none;
	color:#202020;
	border:none;
}

.tWrap .big.cart-mini {
	background: url(../images/cartbg.png);}

.tWrap .big.cart-mini > * {
	font-size:16px;
	line-height:20px;
	background: none;
	color: #131313; }

.tWrap .cart-mini > * > span {
	background: url(../images/cart-bg.png) right center no-repeat;
	padding: 0 40px 0 0;
}

.tWrap .empty > * > span {
	width:auto;
	background: url(../images/delete-icon.png) center center no-repeat; }


.tWrap .empty > * {
	height:42px;
	width:42px; }

.tWrap .product{
	margin-left:0;
	margin-top:10px;
	margin-right:30px;
	margin-bottom:0;}


#confirm{
	background:url(../images/search-bg.png);;
	box-shadow:0 0 4px #000000;
	font-family: Oswald,Helvetica,sans-serif;
	text-transform:uppercase; }
	
#confirm div{
	font-size:16px;}
	
#confirm-buttons .big.button button{
	font-size:16px;
	font-family: Oswald,Helvetica,sans-serif;
	background:#fdd210;
	padding:0;
	border-radius: 4px; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color:#202020;
	border:none;}
	
.tWrap #cart li{
	background-color:#F2F2F2;
	height:100px; }