/*-----------------------------------------
      CSS clearing all settings
------------------------------------------*/

/* Table of Content
==================================================
	#Reset
	#Config
    #Empy tags
	#Slide Show
	#Table responsive Setting
	#Input fields
	#Site Styles
	#Slick Nav 
	#Back to top button
	#Grid
	#v5 & mec fixes 
	*/
/* #Reset
================================================== */
html {
  font-family: sans-serif;/*  1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

.tbList{
overflow:hidden;
margin:0xp;
padding:0px;
}
.tbList li{
overflow:hidden;
list-style:none;
}
/**
 * Remove default margin.
 */

body {
  margin: 0;
}


/* #Config additional configuration
===================================================*/
.nopadding{padding:0px!important;}
.borderRight{border-right:1px solid #cccccc;}
.borderRight{border-left:1px solid #cccccc;}
.border{border:1px solid #cccccc;}
.hid{display:none!important;}
.hidFull{display:none;}
.showFull{display:block;}

/** #Empy tags
====================================================*/
.strip{}
.wd-append-contact{}
.table-responsive{}

.content-contain {
    margin: 0 auto;
}

/** Mobile contact Menu 
====================================================**/

.mobileBtnMenu {
    z-index: 999;
    box-shadow: 0px 0px 4px #000;
   display:none;
    background-color: #1B1A21;
}
.mobileBtnMenu {
    position: fixed;
    bottom:0px;
    width: 100%;
}
.btn-group:after{
    content:'';
    display:block;
    clear:both;
}
.btn-group {
 margin:0px;
 padding:0px;
 list-style:none;
}

.btn-group li {
    float:left;
    border-right:1px solid #3c3c3c;
    /**border-left:1px solid #333;**/
    text-align:center;
    width: 33.1%;
}
.btn-group li:last-of-type{
    border-right:none;
}
.btn-group li:first-of-type{
    border-left:none;
}
.btn-group li a{
   display: block;
   padding:2px;
   margin:10px 0px;
   text-decoration:none;
}

.btn-location {
    background: url('/images/115132/layout/icon-location.png') no-repeat center center;
    background-size: contain;
}

.btn-call{
    background: url('/images/115132/layout/icon-keypad.png') no-repeat center center;
    background-size: contain;
}

.btn-email {
    background: url('/images/115132/layout/icon-email.png') no-repeat center center;
    background-size: contain;
}




/* #Slide Show
===================================================*/
.nivo-slice {
    background-size:100% !important;
    display: block!important;
    height: 100%!important;
    position: absolute!important;
    top: 0!important;
    width: 100% !important;
    z-index: 98!important;
}

.nivo-controlNav {
	z-index:9999;
	}
.nivo-directionNav {
    position: absolute;
    z-index: 99999;
    top: 50%;
    width: 100%;
}

#sliderContainer {
position: relative;
z-index: 10;
}
.slideOverlay,.nivo-slice{
width:100%;
height:auto;
}

.nivoSlider a.nivo-imageLink {
z-index:9999;
position:relative;
}
.nivoSlider > a > img {
/* hide the image to display background with transition under it */
zoom: 0;
filter: alpha(opacity=0);
opacity: 0;
width: 100%;
height:auto;
display: block!important;
position: relative;
}

#slider{background-size: 100%!important;}
/*nav link z -index setting on v5 ui
.nivo-controlNav,.nivo-directionNav{z-index:9999;}*/


/*   Input fields
===================================================*/

input[type="text"],textarea,select,#MainContent_LoginUser_Password,#MainContent_Password,#MainContent_ConfirmPassword{
    
  border: 1px solid #cccccc
      
}


input, textarea, select {
padding:5px; 

} 



/* #Slick Nav 
=======================================*/
/*3/11/2015  fix overflow problem width drop-downs*/ 

.ddsmoothmenu-h ul li ul,.ddsmoothmenu-v ul li ul{overflow:visible!important;}


/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; 
/*-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); */}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:16px;
}

/* Button */
.slicknav_btn {
	margin: 10px 10px 6px;	
	text-decoration:none;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #222222;
}

/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #eee;
}

/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}

.slicknav_menu {
	background:#333333;
	padding:0px;
}

.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	font-size:0.875em;
}

.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}

.slicknav_nav ul {
	padding:0;
	margin:0 0 0 0px;
}

.slicknav_nav ul li {
	border: none;
	border-top: 1px solid #444;
	border-bottom: 1px solid #111;
	position: relative;
}

.slicknav_nav ul li ul{
	 background-color:#242424;
}

.slicknav_nav ul li ul li {
	padding-left:20px;
}

.slicknav_nav ul li:first-child{
	border-top-width: 0;
}

.slicknav_nav ul li ul li:last-child{
	border-bottom-width: 0;
}

.slicknav_nav ul li ul li:first-child{
	border-top: 1px solid #111;
}

.slicknav_nav .slicknav_item {
	padding:10px 10px;
	/* margin:2px 0px;*/
}
.slicknav_nav a{
	padding:10px 10px;
	/* margin:2px 0px;*/
	text-decoration:none;
	color:#eee;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	/* -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; */
	background:#242424;
	color:#eee;	
}
.slicknav_nav a:hover{
/*	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;*/
	background:#242424;
	color:#efefef;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}

.slicknav_menu {
	display:none;
}
/**reset parent menu**/

.slicknav_parent a span{
 background-image:none!important;
}
.slicknav_parent a:hover{
 background-color:transparent;
}

/* #Back to top button
=================================================*/

#toTop {
	z-index:200;
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/* #Grid
===================================================*/
.col-group {
    display: table;
    width: 100%;
}

.col-group div[class^="col-"]{
    display:table-cell;
    vertical-align:top;
}


.group:after{
content:" ";
display:table;
clear:both;
}	

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

[class*='column-'] {
	float: left;
	padding-right: 20px;
}

[class*='column-']:last-of-type {
	padding-right: 20px;
}

.row{
	width: 100%;
	max-width: 1140px;
	min-width: 755px;
	margin: 0 auto;
	/**overflow: hidden;    2/25/2015**/ 
	padding: 0px 0px 20px 0px;
}

.row:after {
	content: "";
	display: table;
	clear: both;
}


.row >[class*='column-']:last-of-type {
	padding-right: 0px;
}

.push-right {
	float: right;
}

.row .content{
padding:20px;
	}

/* Content column-s */

.column-12 {
	width: 100%!important;
}
.column-2-3, .column-8{
	width: 66.66%;
}

.column-6 {
	width: 50%;
}

.column-4 {
	width: 33.33%;
}

.column-3{
	width: 25%;
}

.column-2-4 {
	width: 20%;
}

.column-2 {
	width: 16.667%;
}

.column-1-7 {
	width: 14.28%;
}

.column-1-5 {
	width: 12.5%;
}

.column-1-3 {
	width: 11.1%;
}

.column-1-2 {
	width: 10%;
}

.column-1-1 {
	width: 9.09%;
}

.column-1 {
	width: 8.33%
}

/* Layout column-s */

.column-11 {
	width: 91.66%
}

.column-10{
	width: 83.333%;
}

.column-9 {
	width: 75%;
}

.column-5 {
	width: 41.66%;
}

.column-7 {
	width: 58.33%
}




/* #v5 & mec fixes 
=================================================================*/
#secAdvancedOptions{
    min-height:215px;
}

/* #Fix mec editor
============================================*/
.cformlabel{min-width:100px;text-align:left;}
#cboxLoadedContent{
overflow:hidden!important;
}

.rtbWrap
{width:100%!important;
}

ul.rtbGroup{
    width:200px;
}

/*---------lightbox fixed the overflow problem -------*/
#colorbox{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
	


/*------------------------------------------------
   setting for the mceContentBody  
 fix the right gap when displaying 
 a left column
--------------------------------------------------*/
.mceContentBody,#tinymce {width:100%!important;}
.row img,#productImages li img ,#galleryImages li img,#categoryImages li img,.productListFormImage{
		max-width: 100%;
		height: auto;
}

.nivo-caption{
	z-index:999;
}
       
/* -----------------------
      gallery grid
--------------------------*/
#galleryImages  li{
	width:auto;
	padding:0px;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}


#galleryImages  ul li a{
 display:block;
 padding:5px;
}

#sortable li a{
	display:inline-block!important;
}/** back end delete button fixed **/

.galleryCaption{
	font-weight: normal;
	margin: 0;
	padding: 0px;
    padding:5px;

}

/*----------------settings for left column------------------*/
#header{
 position:relative;
 max-width:1140px;
 	
}
/* wc /28/2015
#maincolumn  {
	width: 75%;
}

#leftcolumn {

	width: 25%;

}
*/

.container,
#columnsContainer,
#footer,
.footer,
.ddsmoothmenu-v
.ddsmoothmenu-h    	{ 
	position:relative; 
	width: 100%;
	max-width:1140px; 
	margin:0px auto; 
	padding: 0; 
}  




	
/*media style
==========================================*/

@media handheld, only screen and (max-width:800px) {	
    
    
/*** #Gird ***/
.col-group,.col-group div[class^="col-"] {
    display:block;
    width: 100%;
}

/*----------- v5-------------- */
#maincolumn,#header,#pageContainer,.blogLatestContainer,#maincolumn,
#leftcolumn,#rightcolumn,#footerwrap,#footer,#columnsContainer	{
		width:100%!important;
}/* new 7/1 2014 */



#header{
	height:auto;
	/*background-size:cover;
	background-position:center top;              1/13/2015 updated this should be set by the designer on additional css*/ 
}

#maincolumn{
	padding:0px 20px;	  
 }
#maincolumn,
#leftcolumn{
	max-width:800px;
	margin-right:0px;
}
#footer{
padding:0px 20px;
}

.ddsmoothmenu-v ul li ul{
	position:relative!important;
	left:0px!important;
	width:100%; 
}
    
/** Mobile contact Menu 
====================================================**/
.mobileBtnMenu {
   display:block;
}
    
    
/*  #Site Styles 
===================================================*/

img:not(.cboxPhoto){    
    max-width:100%;
    height:auto;
}

/*---------------------------
     blog
-------------------------*/
.blogRightColumn,.blogMainColumn{
 float:none!important;
}
    
.blogMainColumn,.blogRightColumn{
  width:100%;
}

.breadcrumb{
    width:100%!important;
}
    
.socialMediaShare{
    margin:10px!important;
}
    
    

/*---------------------------
          slideShow
----------------------------*/
     
#sliderContainer {
    width:100%!important;
    height:auto!important;
}

    
/* #config  additional configurations
----------------------------------------*/
.hidres,
.showFull{
    display:none;
}
    
.hidFull{
    display:block;
}


/*------------------------------
   login section
-------------------------------*/
.accountInfo a{
    margin-top:34px;
    display:inline-block;
}
    
#MainContent_secRegister{
	 float:none!important;

}

.loginContainer{
	position:relative;
	border-bottom:1px solid #ccc;
	margin-bottom:50px;
	
}
    
#MainContent_secRegister, 
.loginContainer{
	width:95%!important;	
}
    
    
/* --------------------------
       eccomercer
-----------------------------*/
#categoryImages li,#productImages li{
    margin:4px!important;
    float:left;
    width: 48%!important;
}
#categoryImages .catListItemSeparator, #productImages .productListItemSeparator{
    margin:0px !important;
}

.slideshow-container{
	width:auto!important;
}

#productImageContainer{
	height:auto!important;
}

.productListItemSeparator,.catListItemSeparator{
    display:none!important;
}  
    
    
/* --------------------------
       columns
-----------------------------*/

.row,#columnsContainer {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
	
[class*='column-'] {
	width: 100%; /*47%*/
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
	
.row> [class*='column-']:last-of-type ,#columnsContainer >[class*='column-']:last-of-type {
	padding-right: 0px;
}

[class*='column-'] {
	padding-right: 0px;
}

/*------------slick nav-----------*/
.js #menu {
	display:none;
}
	
.js .slicknav_menu {
	display:block;
}
    
    
/*-----------nav---------------*/
.ddsmoothmenu-h,.ddsmoothmenu-v,.brandsNavContainer{
	display:none;
}




/** newsletter**/
.textJoin{display:block}
#newsletterContainer {padding:0px 15px; max-width:100%;}
/*#newsletterContainer span,
#newsletterContainer input[type="text"]{width:100%;margin-bottom:5px;}*/


/*  hidden item
============================*/
/*dropdownarrow*/
.downarrowclass,.rightarrowclass{
	display:none;
}


/*-----------------
     contact Form 
-------------------*/
#MainContent_contactFormContainer{
	position:relative!important;
	top:0px!important;
	left:0px!important;
}
    
#contactTable{
	width:100%;
}
    
.cformlabel
 {
	text-align: left;
	width: 100%;
}
#contactForm input, 
#contactForm textarea, 
#contactForm select{
		width: 90%;
	}
	

	
/* ------------
    forms
-------------*/
/**reset the display on safary webkit**/
input[type="text"],input[type="button"],.buttonSubmit{
    -webkit-appearance:none;
    -webkit-border-radius:0px;
}
    
.buttonSubmit{
    background:#ececec;
}

#MainContent_ctl00_secContactForm input[type="text"],
textarea,select, 
#MainContent_LoginUser_Password,
#MainContent_Password,
#MainContent_ConfirmPassword{
	width:100%!important;
}
    
input[type="text"]{width:100%;}

	/*
#searchButton{width:10%;}
#searchBox{
	
	width:88%!important;
}
#searchContainer{
	width:100%;
	top: auto!important;
	left: 0px;
	bottom:0px!important;
}
*/

/*------------------------
    shopping cart
---------------------------*/

/*force tables not to act like tables*/
.cartLarge, 
.cartLarge tbody,
.cartLarge th, 
.cartLarge td, 
.cartLarge tr{
    display:block;

}

/* Hide table headers (but not display: none;, for accessibility) */


.cartLarge tbody tr:first-child {position:absolute;top:-99999px;left:-99999px;}
.cartLarge td,.cartLarge th{text-align:left!important;}
.cartLarge td{position:relative;padding:10px 10px 10px 40%;border-bottom: 1px solid #EAE4E4;width:100%!important;}
.cartLarge td:before{position:absolute;top:0px;left:6px;width:35%;padding:10px;white-space:nowrap;}

/**shoppingcart**/
.column .cartLarge td:nth-of-type(1):before { content: ""; }
.column .cartLarge td:nth-of-type(2):before { content: "Remove";}
.column .cartLarge td:nth-of-type(3):before { content: "image"; }
.column .cartLarge td:nth-of-type(4):before { content: "Item Name"; }
.column .cartLarge td:nth-of-type(5):before { content: "QTY"; }
.column .cartLarge td:nth-of-type(6):before { content: "Unit Price"; }
.column .cartLarge td:nth-of-type(7):before { content: "Unit"; }
.column .cartLarge td:nth-of-type(8):before { content: "Total"; }    
    
.myAccountContent .cartLarge td:before{position:absolute;top:0px;left:6px;width:35%;padding:10px;white-space:nowrap;}
    /*checkout section */
.myAccountContent .cartLarge td:nth-of-type(1):before { content: "Image"; }
.myAccountContent .cartLarge td:nth-of-type(2):before { content: "Item Name"; }
.myAccountContent .cartLarge td:nth-of-type(3):before { content: " Qty"; }
.myAccountContent .cartLarge td:nth-of-type(4):before { content: "Unit Price"; }
.myAccountContent .cartLarge td:nth-of-type(5):before { content: "Unit"; }
.myAccountContent .cartLarge td:nth-of-type(6):before { content: "Total"; }

    
.coupon {  
  padding: 20px;
  margin: 15px;
  text-align: center;
  background-color: #efefef;
}

.ConfirmRightColumn {
  width: 100%;
  float: none;
}
#MainContent_ddlCCMonth {
    width: 48%!important;
}

#MainContent_ddlCCYear {
    width: 48%!important;
}

#MainContent_secAddtionalComments{
    width:100%!important;
}
    
    
/*-------------
     lightbox
---------------*/	
#colorbox,
#cboxContent,
.cboxPhoto{
    /** width:100%;**/
     max-width:700px;
}

/*-----------------------
     products categories
--------------------------*/
 .content img,
 .mainImage {
		max-width: 100%;
		height: auto; 
 }
    
#productImageContainer,
.productViewRight{
	width:100%!important;
}/*#productImages li */
    
.socialMediaShare{
	float:none;
	margin-top:10px;
	margin-left:0px;
}
	
/*-----------------------
    gallery
--------------------------*/
#galleryImages li {
  width: 31%!important;
  height:auto!important;
  margin:5px 6px!important;
}


/*  Table responsive Setting
===================================================*/


.table-responsive {
 table-layout:fixed;
 width:100%!important;
 height:auto!important;
 border-collapse:collapse;
 
 }
 
 .table-responsive td,.table-responsive th{
	height:auto!important;
}

.table-responsive tr{
	 display:block;
	 width:100%!important;
}
 
.table-responsive td,.table-responsive th{
	  position:relative;
	  display:inline-block;
	  width:100%!important;
}

    


/* Responsive iFrame
=================================================== */

.responsive-iframe-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.responsive-iframe-container iframe,
.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/** end of media query **/
}



@media handheld, only screen and (max-width:750px) {	

[class*='column-'] {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
}

	


/* media query for the lightbox for smaller devices
=================================================================*/

@media handheld, only screen and (max-width:700px ){

/*shopping cart*/

#MainContent_controlCart1_btnContinue,
#MainContent_controlCart1_btnUpdate,
#MainContent_controlCart1_btnCheckout{
 display:block;	
    margin:0 auto;
}
    
#colorbox,
#cboxContent,
.cboxPhoto{
 width:100%;
 max-width:250px;
}

/** table responsive 2/19/2015 updated**/
.table-responsive td, .table-responsive tr,.table-responsive th{
 display:block;
 width:100%!important;
}

/*-----------------------
    gallery
--------------------------*/
#galleryImages li {
  width: 47%!important;
}


/** end of media query **/

}

@media handheld, only screen and (max-width:536px) {
#categoryImages li,#productImages li{
margin:5px 0px!important;
float:left!important;
width: 100%!important;
}


/*-----------------------
    gallery
--------------------------*/
#galleryImages li {
  width: 100%!important;
  margin:5px 0px!important; 
}
/**end of media query **/

}
	
	
/** not  responsive**/
.table-responsive.not-responsive, .not-responsive{
	  white-space:normal;
	  table-layout:auto;
	  width:initial;
	  height:initial;
	  border-collapse:separate; 
}

.table-responsive.not-responsive tr, .not-responsive tr{
	 display:table-row;
	 width:initial;
 }

.table-responsive.not-responsive td, .not-responsive td,.not-responsive th{
	  position:initial;
	  display:table-cell;
	  width:initial;
}

@media handheld, only screen and (max-width:800px) {	
    .table-responsive.not-responsive, .not-responsive{
	  table-layout:auto;
    }
    .table-responsive.not-responsive td, .not-responsive td, .not-responsive th{
	  width:initial!important;
}
    
    /**end of media query **/

}