@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,700');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

.Address .address.inline .phonelabel, .Address .address.inline .emaillabel { display: none!important; }
.headerRow2 { background:#369ccd; }  /*background color of top bar*/
header { background:#fff; } /*background of header*/
.headerZone4 .menu ul li a { color:#fff; } /*main nav link color*/
.headerZone4 .menu ul li a:hover { color:#e3bf2b; }
.headerZone4 .menu > ul li { border-right-color:#505862; } /*color of 'pipe' main nav */
.headerRow2 .menu > ul li a, .ShoppingCart button { color:#fff; } /*top nav link color*/
.headerRow2 .menu > ul li ul.dropdown li a { color:#000; }
.headerRow2 .menu > ul li a:hover, .ShoppingCart button:hover { color:#e2c029; } /*top nav hover color*/
.QuickSearchBasic .buttons a.btn { color:#fff !important; } /* color of search magnifying glass*/
.QuickSearchBasic .quickSearch input,
.QuickSearchBasic .buttons .search-within { color:#fff; } 
h1,h2, .introContent h3 {  border-bottom:5px solid #369ccd; } /*border under headers*/
a, a:link, a:visited { color: #014d6f; } /*all link colors*/
a:hover, a:active { color:#e2c029; } /*all link hovers*/

.SocialLinks button {color:#014d6f; } /*color of social icons*/
.SocialLinks button:hover { color:#e3be2f; } /*hover for social link icons*/
.header .address .phone, .header .address .email a { color: #000; } /*color of email and phone - header*/
a.btn:hover, a.button:hover, a.btn:active, a.button:active {     background-color:#263240; } /*hover for buttons*/
/*dropdowns*/
.headerRow2 .menu ul.dropdown li:hover { background:#e2c029; } 
.headerRow2 .menu ul.dropdown li:hover > a { color:#000; }
.headerZone4 .menu ul.dropdown li a { color:#000; }
.headerZone4 .menu ul.dropdown li:hover { background:#e2c029; }
/*end*/
.introContent { background-color: #d9e3ee; } /*background color intro content*/
.PODay .prodLink  a { color:#e2c029 !important;  }
.Home .ProductSetAutoUpdate { background-color: #014d6f; } /*background color prod collection - home page*/
.fullWidthFooterZone { background:#000000; } /*background color - footer */


/*DO NOT EDIT*/
body {
    font-size:16px;
    color: #666;
    font-family: 'Raleway', sans-serif;
}
.container_12, 
.container_12 .grid_12 { width:100% !important; margin:0 auto; }
.headerZone2, .headerZone3 { width:50% !important; margin:0; }
.headerZone2b { width:30% !important; margin:0; }
.headerZone3b { width:70% !important; margin:0;  }
.headerRow2, .headerRow2b { padding:1% 5%; }
.headerZone3b { text-align:right; }
.section .grid_8, .footer .grid_8 { width:65% !important; }
.section .grid_4, .footer .grid_4 { width:30% !important; }
.section .grid_9, .footer .grid_9  { width:75% !important; }
.section .grid_3, .footer .grid_3 { width:20% !important; }
.section .grid_6 { width:50% !important; margin:0; }
.section .grid_6 .Content { padding:0 10px; }

.Home section { width:100%; }
section { width:90%; margin:0 auto; }

/* LINKS */
a,
a:link,
a:visited,
a:hover,
a:active {
    font-weight: 300;
    text-decoration: none;
    font-size: inherit;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s;
}

a:hover {
    text-decoration: none;
}

/*logo*/
.header .logo { padding:0; }
.header .logo a { font-size:2em; }

/*header address*/
.header .address { line-height:normal;}
.header .Address { margin-top:20px; }
.header .address .phone, .header .address .email {display:block; }
.header .address .phone, .header .address .email a { font-size: 30px; }
.header .address h3, .header .address .addressline, .header .address .phonelabel, .header .address .emaillabel,
.header .address .fax {
    display: none;
}
.header .address .email { margin-left:20px; }
.header .address .email {}

/*header social links*/
.header .SocialLinks h3 { display:none;  }
.header .SocialLinks { float:right; clear:both; margin-bottom:20px; }

/*headers*/
h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-weight:normal;
    line-height:normal;
}

.modal h2, .modal h3 { border:none; }

h3, h1, h2 { font-size:30px; }

/*buttons*/
a.btn,
a.button {
    color: #fff !important;
}


a.btn,
a.button {
    padding: 5px 10px;
    font-weight:bold;
    color: #FFFFFF;
    border: none;
    background: #014d6f;
    background: #014d6f
    display: inline-block;
    line-height: normal;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    font-size: inherit;
     transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out; 
    -webkit-transition: all .25s  
    
}

button {
    background: none;
         transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out; 
    -webkit-transition: all .25s 
}


/*global menu styles*/

.menu {
    background: none;
    height: auto;
    line-height: inherit;
    margin-bottom: 0;
}

.menu ul {
    margin: 0;
}

.menu ul.dropdown ul {
    left: 100%;
    top: 0;
    width: auto;
}
.menu ul.dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left:0;
    min-width: 100%;
    background: #fff;
    white-space: nowrap !important;
    z-index: 9999;
-moz-box-shadow: 0px 0px 5px #adc2c1;
-webkit-box-shadow: 0px 0px 5px #adc2c1;
box-shadow: 0px 0px 5px #adc2c1;
    border:none;
}

.header .menu ul.dropdown li { display:block; }
.menu ul.dropdown li { border: none;
display: block;
float: none;
margin: 0;
font-size: 12px;
clear: left;
text-align: left;
padding:0; }

.menu ul.dropdown li a { display: block;
font-weight: normal;
line-height: normal;
padding:10px;
margin: 0;
font-size: 12px;
border-radius: 0;
text-shadow: none;
float: none; }

/*top nav - cart/signin*/
.headerRow2 .menu ul li a, .ShoppingCart, .ShoppingCart button { font-weight:normal; text-transform: uppercase; font-size:11px; }
.headerRow2 .menu ul.dropdown li a { font-weight:normal; }
.header .menu ul li { line-height:normal; }
.EndUserStatus, .ShoppingCart { float:right; }
.EndUserStatus .menu ul li, .headerZone2 .menu ul li { display:flex; }
.EndUserStatus li.divider { display:none !important }
a.sign-in-link:before { content:"\f023"; font-family:FontAwesome; margin-right:10px; }
li.create-account a:before { content:"\f234"; font-family:FontAwesome; margin-right:10px; }
.ShoppingCart button:before { content:"\f291"; font-family:FontAwesome; margin-right:10px; }

.ShoppingCart button { line-height:normal; }
.ShoppingCart a.btnLink { displaY:none; }
.ShoppingCart .Cart .scTrigger { padding:0 20px; }

/*main navigation - header*/
.headerZone4 {
    position: relative;
    z-index: 899;
}
.headerZone4 .Menu { padding:10px 0; background: url("shattered.png") repeat;
background-color:#;}

.headerZone4 .menu {
    margin: 0 auto;
    width: 90%;
}

.headerZone4 .menu ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
}

.headerZone4 .menu ul li {
    flex: 0 1 auto;
    padding: 0;
    width: 100%;
    text-align: center;
}

.headerZone4 .menu ul li a {
    display: block;
    line-height: inherit;
    padding: 0;
    font-weight:500;
    text-transform: lowercase;
    font-size:18px;
}

.headerZone4 .menu > ul li {
    border-right-width: 2px;
    border-right-style:solid;
    line-height: normal;
}
.headerZone4 .menu > ul li:last-child {
    border-right:none;
}

.headerZone4 .menu ul.dropdown {
    display: none;
    top: 130%;
    background: rgba(255,255,255,0.9);
    border: none;
    white-space: nowrap !important;
    z-index: 999;
}
.headerZone4 .menu ul.dropdown li { text-align:left; }
.headerZone4 .menu ul.dropdown li a { font-size:16px; padding:5px 10px; } 



/*homepage banner*/
.Home .mainZone1 img { width:100%; height:auto; }
.Home .mainZone1 .Content:before  { content:''; position: absolute; height:100%; width:100%; top:0; left:0; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(54,156,205,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(54,156,205,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(54,156,205,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6369ccd',GradientType=0 ); }
.Home .mainZone1 .Content { max-height:400px; overflow:hidden; position: relative;}
.Home .mainZone1 .Content .contentModule { text-align: center; }
.Home .mainZone1 .Content h1,
.Home .mainZone1 .Content h2,
.Home .mainZone1 .Content h3,
.Home .mainZone1 .Content h4 { text-shadow: 0 0 2px #5C5C5C; border-bottom:0; position: relative; font-size:40px; margin-bottom:0; }
.Home .mainZone1 .Content p {  text-shadow: 0 0 2px #5C5C5C; border-bottom:0; position: relative;  }
.Home .mainZone1 .Content a { text-shadow: 0 0 2px #5C5C5C; background:#369ccd; padding:5px 10px; color: #fff !important; position: relative; font-size:30px; display:inline-block;    }
.Home .mainZone1 .Content .contentModule div { position: absolute;  width:100%; margin:0; bottom:25%; color:#fff; }

/*QuickSearch*/
.Home .header .QuickSearchBasic { display:none; }
.Home .QuickSearchBasic { 
    margin-top:-58px !important; left: 0; margin-bottom:0;
    right: 0;
 }

/*Quick Search*/
.QuickSearchBasic { width:90%; border-left: 3px solid #369ccd;
border-right: 3px solid #369ccd; position:relative;
background: rgba(0,18,36, 0.7); display:flex; margin:20px auto; clear:both; }
.QuickSearchBasic .quickSearch { width:100%; padding:10px; }
.QuickSearchBasic .formLayout { position:relative; }
.QuickSearchBasic .info,
.QuickSearchBasic label { display:none; }
.QuickSearchBasic label { line-height:normal; }
.QuickSearchBasic .buttons .search-within input { margin:0; float:left; }
.QuickSearchBasic input { background:none; border:none; box-shadow:none;  }
.QuickSearchBasic .search-keyword { float:left; width:60% }
.QuickSearchBasic .search-keyword input { width:100%; font-size:25px; height:30px; }
.QuickSearchBasic .price { float:left; }
.QuickSearchBasic .price input { padding:6px 0; font-size:12px; width:100%; }
.QuickSearchBasic .price span { float:left; width:80px; }
.QuickSearchBasic .price span.price-separator { display:none;}
.QuickSearchBasic .buttons { float:right; margin-right:10px; margin-top:7px; }
.QuickSearchBasic .buttons a.btn { background:none !important; border:none; font-size:0; padding:0; }
.QuickSearchBasic .buttons a.btn:after { content:"\f002";  font-family: FontAwesome; font-size:25px !important; font-weight:400;   }
.QuickSearchBasic .buttons .search-within { margin:10px 10px 0 0; float:left;  }

/*section*/
.Home .prodSet  { width:90%; padding:5% 0; margin:0 auto; }
 .Home .PODay { width:90%; padding:0 0; margin:5% auto; }


/*intro text*/
.introContent h3, .PODay h2, .prodSet h2 {
    text-transform: lowercase;
    font-size: 45px;
    text-align: center;
}
.introContent { text-align:center; 
    background-image: url("concrete-wall.png");
    padding:5% 0; 
}
.introContent h3,
.introContent p { width:90%; margin-left:auto; margin-right:auto; }
.introContent p, .introContent a { font-size:25px; }
.introContent a { padding:10px 25px; }

/*product of the day*/
.PODay { position:relative; }
.PODay .prodImg { width:25%; float:left; }
.PODay .prodInfo { width:70%; font-size:16px; float:right; }
.PODay h4, .PODay .prodLink { font-size: 22px; border:none; }
.PODay .prodLink  a {  font-weight:700; }
.PODay .socialLinks {  top: 30px; position: absolute; right:5px; }

/*product collection*/
.Home .ProductSetAutoUpdate { background-image: url("purty-wood.png");  }
.Home .prodSet { background:rgba(255,255,255,0.75); }
.Home .prodSet h2, .Home .prodSet .carousel { margin:0 30px; }
.prodSet .carousel { padding-top:35px; }
.Home .prodSet h2 div[style] { margin:0 !important; }

/*product set global*/
.prodSet li .prodName { background:none; padding:5px 0 !important; position:relative; text-shadow:none; font-size:inherit; line-height:normal; height:auto; }
.prodSet .tabs li a { background:#fff; color:#435e62; margin:0; }
.prodSet .tabs li a:hover { background:none; }
.prodSet .tabs li a:hover .prodName { background:rgba(0,0,0,0.5); color:#fff; }
.prodSet .allLinks { position: absolute; left: 5px; top: 7px; }
.prodSet .allLinks a { color:#000; }
.prodSet .fg-toolbar { background:none; width:30%; margin:0 auto; }
.prodSet .fg-toolbar a.previous { float:left;  }
.prodSet .fg-toolbar a.next { float:right; }
.prodSet .fg-toolbar a { background:#263240; border-radius:50px; height:40px; width:40px; text-align:center; color:#fff; }
.prodSet .dataTables_info { width:90%; margin:0 auto; text-align:center; float:none; }

/*ico box replacement*/
.icoBox, .prodNew { text-indent:0; }
.virtualsample .virtualsampleIcon:before, .vsWand:before { content:'\f0d0'; font-family:FontAwesome; font-size:20px;  }
a.previous:before { content:'\f104'; font-family:FontAwesome; font-size:30px;  }
a.next:before { content:'\f105'; font-family:FontAwesome; font-size:30px;  }
.social-icon { background:none; width:auto; height:auto; margin:0; font-size:20px; }
.social span { margin:0 5px; }
.FCBK:before { content:'\f09a'; font-family:FontAwesome; }
.PINT:before { content:'\f231'; font-family:FontAwesome; }
.TWTR:before { content:'\f099'; font-family:FontAwesome; }
.LNKD:before { content:'\f0e1'; font-family:FontAwesome;  }
.BLOG:before { content:'\f09e'; font-family:FontAwesome;  }
.FLKR:before { content:'\f16d'; font-family:FontAwesome;   }
.GGLP:before { content:'\f0d5'; font-family:FontAwesome; }
.YTBE:before { content:'\f167'; font-family:FontAwesome; }
.INST:before { content:'\f16d'; font-family:FontAwesome; }

.welcome-label { font-size:12px; margin-right:10px; }
table.orderDetail .colVariation { word-break: break-all !important; }

.icoBox.vsWand, .icoBox.iX, .icoBox.iX2, .icoBox.iArrowUp, .icoBox.iArrowDown { background:none; color:#000; }

.icoBox.iX:before { content:'\f00d'; font-family:FontAwesome;  }
.icoBox.iX2:before { content:'\f056'; font-family:FontAwesome;  }
.icoBox.iArrowUp:before, .iconContainer.arrowH1E:before { content:'\f106'; font-family:FontAwesome; font-weight:bold; }
.icoBox.iArrowDown:before, .collapsed .iconContainer.arrowH1E:before { content:'\f107'; font-family:FontAwesome;  font-weight:bold; }
.iconContainer.arrowH1E { background:none; text-indent:0; }

.prodNew { background:none; background-color:#263240; font-size:90%; width:auto; padding:5px; border-radius:5px; }
.prodNew:before { content:'\f14a'; font-family:FontAwesome;  font-weight:bold;  margin-right:5px;  }
.prodFeat { background:none; background-color:#369ccd; font-size:90%; width:auto; padding:5px; border-radius:5px; border:none; }
.prodFeat:before { content:'\f02b'; font-family:FontAwesome;  font-weight:bold;  margin-right:5px;  }

.virtualsample .virtualsampleIcon, .ProductDetailVS i { background:none; text-indent:0; height:auto; width:auto; font-style:normal; font-size:15px;  }
.ProductDetailVS i.icon-down:before { content:'\f019'; font-family:FontAwesome;  font-weight:bold;  margin-right:5px;  color:#000; }
.ProductDetailVS i.icon-send:before { content:'\f0e0'; font-family:FontAwesome;  font-weight:bold;  margin-right:5px; color:#000; }
.VS { font-size:12px; }
.VS .marginTop5 { position:unset; }

a.emailLinkCursor, a.downloadImage { color:#000; }
.icoBox.iArrowRight, .icoBox.iArrowLeft { display:none; }
.ProdResultsStrip .carousel .previous { left:-15px; }
.ProdResultsStrip .carousel .next { right:-15px; }
.ProdResultsStrip .carousel a:before { font-size:30px; }

.prodDetailLinks {
    float: left;
}
a[id$="lnkQuickRequest"]:before  { content:"\f0e6"; font-family:FontAwesome; margin-right:5px; }
a[id$="lnkQuickRequest"] { padding:5px 10px; background:#369ccd; color:#fff !important; font-size:16px; text-transform: uppercase;  }
a[id$="lnkMoreFromThisLine"] { padding:5px 10px; background:#369ccd; color:#fff !important; font-size:16px; text-transform: uppercase;  }
a[id$="lnkMoreFromThisLine"]:before { content:"\f067"; font-family:FontAwesome; margin-right:5px; }
a[id$="lnkQuickRequest"]:hover ,  a[id$="lnkMoreFromThisLine"]:hover { background:#e2c029; color:#fff !important; }

/*footer*/
.Home footer { margin-top:0; }
footer { background: url("shattered.png") repeat; color:#fff; font-size:18px; margin-top:2%;
background-color:#;
}
.footer a { color:#fff; }
.footer { width:90%; margin:0 auto;  }
.footer .innerWrapper { padding:2% 0%; }
footer h3 { border:none; font-size:35px; color:#fff; margin-bottom:5px; }
.footer .map { float:left; margin-right:10px;  }
.footer input { background:rgba(255,255,255,0.3); border:none;  }
.footer input[style] { width:255px !important; margin-top:2px; }
.footer .formLayout div { float:left; }


/*fullWidth footer zone*/
.fullWidthFooterZone {  text-align:center; }
.fullWidthFooterZone .Content { color: #ccc;
width: 70%;
margin: 10px auto; }
.fullWidthFooterZone a:hover { color:#fff; }

/*banners*/
.Banner { clear:both; }
.Ad, .Banner { padding: 00px 0px; margin:0 auto 20px; width:100%; }
.adSlider { background: #FFF; padding: 4px; }
.adSlider .inner { margin:0 auto; padding: 8px 8px 30px 8px; }
.adSlider .pagerBtn { float: left; clear: both; overflow: hidden; margin: 10px 0 0 20px;bottom:21px; }
.adSlider .pagerBtn ul, ol { list-style: none outside none; margin: 0; padding: 0; }
.adSlider .pagerBtn .pagination li { float: left; margin: 0 7px 0 0; }
.adSlider .pagerBtn .pagination li a { background:#666;  float: left; font-size: 0; height: 11px; width: 11px; line-height: 0; overflow: hidden; border-radius:3px; }
.adSlider .pagerBtn .pagination li a:hover,
.adSlider .pagerBtn .pagination li.active a { background:#ccc; }
.adSlider .btns { height: 17px; margin-top: 6px; float: right; }
.adSlider .btns a { margin-right: 15px; }
.Banner a.next:before { content:'\f104'; font-family:FontAwesome; font-size:20px;  }
.Banner a.previous:before { content:'\f105'; font-family:FontAwesome; font-size:20px;  }

/*product results*/
.prodTile .prodName a { font-weight:bold; }
.prdrebTopBreadcrumbs { font-size:16px; }
.prodTile .p_Img_Title { width:100%; display:inline-block; }
.prodTile .prodPrice { }
span[id$="litProdNo"] { }
.prodTile .priceLowest { font-weight:Bold; color:#000; font-size:16px;  }
.prodTile .prodAsi { clear:Both; margin-bottom:0 !important; margin-top:3px; }
.prodTileWrap .prodTile { padding:20px; border: 1px solid #eee;    -webkit-box-shadow: 1px 1px 3px 0  f2f2f2;
    -moz-box-shadow: 1px 1px 3px 0 #f2f2f2;
    -ms-box-shadow: 1px 1px 3px 0 #f2f2f2;
    box-shadow: 1px 1px 3px 0 #f2f2f2;
    background-size: 100% 200px;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-image: -ms-linear-gradient(bottom,#fafafa 0,#fdfdfd 20%,#fff 60%);
    background-image: -moz-linear-gradient(bottom,#fafafa 0,#fdfdfd 20%,#fff 60%);
    background-image: -o-linear-gradient(bottom,#fafafa 0,#fdfdfd 20%,#fff 60%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#fafafa),color-stop(.2,#fdfdfd),color-stop(.6,#fff));
    background-image: -webkit-linear-gradient(bottom,#fafafa 0,#fdfdfd 20%,#fff 60%);
    background-image: linear-gradient(to top,#fafafa 0,#fdfdfd 20%,#fff 60%);
}
.prdrebConfig .fieldsetInner,
.prdrebConfig .ui-widget-header{ border:none; }
.prdrebConfig h6 { border:none; font-weight:bold; font-size:18px;}
.prdrebConfig h5 { font-size:20px; font-weight:bold; }
.prdrebTopBreadcrumbs { border-bottom: 1px solid #ccc; margin-bottom:20px;  }
.productList { border-top:none; }
.prdrebConfig a { color:#014d6f; }
.prdrebConfig a:hover { color:#369ccd; }

/* PROD DETAILS */
.configOptions { position: absolute; right: -46px; top: 140px; z-index: 205; width: 30px; }
.configOptions .configHandle { position: absolute; width: 215px; height: 30px; line-height: 30px; color: #F1F1F1; text-align: center; z-index: 199; font-size: 15px; border: 1px solid #fff; border-width: 1px 1px 0; right: -98px; top: 0px; background: #464646; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }
.configOptions .configHandle .icoBox { display: none; }

.grid_12 .ProductResultsBasic .prdrebDimensions:before,
.configOptions .configHandle { background: #000; }
@media \0screen {
    .configOptions .configHandle { position: absolute; width: 200px; height: 25px; line-height: 24px; color: #FFF; text-align: center; z-index: 199; font-weight: bold; font-size: 16px; border: 1px solid #b11111; right: -80px; top: 80px; }
}
.configOptions:hover .configHolder #config { left: -2px!important; }
.configOptions .configHolder #config { left: -250px!important; }
.configOptions .configHandle:hover { cursor: pointer; }
.configOptions:hover .configHolder { height: auto; }
.configOptions .configHolder { overflow: hidden; height: 0; top: -98px; position: relative; margin-left: 5px; padding: 0 10px 10px; width: auto; }
.configOptions .config { position: relative; background: #FFF; margin: 0 0 0 14px; right: -240px; top: 5px; width: 210px; border: 1px solid #fff; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3); box-shadow: 0 0 8px rgba(0,0,0,0.3); }
.configOptions .configHolder .ui-widget-header { color: #fff; background: #464646; padding: 10px; }
.configOptions .configHolder .ui-widget-header h5 { color: #fff; font-size: 13px; line-height: 1em; padding: 0px; }
.configOptions .fieldsetInner { border: none; }
a.btn.styled { border:none; }
.mainWrapper h3, h4, h5, h6 { border:none; }
.YouMayAlsoLike.ymalProd._33 {
    margin-top: 50px;
}
.YouMayAlsoLike ._50.alpha.prodImg {
    width: 20%;
}
.YouMayAlsoLike ._50.omega {
    width: 70%;
}

/*EventPlanner*/
.EventPlanner .rightcol {
    width: 70%;    float: right;
}
.EventPlanner .leftcol {
    width: 25%;
    border: none; }
.EventPlanner ul.ui-tabs-nav li.ui-tabs-active {
    border: none;
    background: #ccc; }
.EventPlanner .imgPanel { width:20%; border:1px solid #e1e1e1; }

/*responsive*/
@media only screen and (min-width:1600px) {
    .Home .QuickSearchBasic { margin-top:-68px !important; }
    .QuickSearchBasic .search-keyword input { height:40px; }
    .prodSet .dataTables_info,  .Home .PODay, .Home .prodSet, .PODay .prodInfo, .introContent p, .introContent h3, .QuickSearchBasic, .headerZone4 .menu, .footer, section   { width:70%; }
    .headerRow2, .headerRow2b { padding:0.5% 15%; }
}
@media only screen and (min-width:768px) and (max-width:1250px)   {
    .header .menu ul li { padding:0 5px; }
    .header .address .phone, .header .address .email a { font-size:20px; }
    .header .address .phone, .header .address .email { display:block; }
    .menu ul.dropdown li { padding:0; }
    .headerZone4 .menu ul li a { font-size:14px; }
    .QuickSearchBasic .search-keyword input { font-size:20px; }
    .prodSet .carousel .grp6 li { width:25%; }
}
@media only screen and (min-width:480px) and (max-width:767px)   {
    .header .menu ul li { padding:0 5px; }
    .menu ul.dropdown li { padding:0; }
    .headerRow2 .menu ul li a, .ShoppingCart, .ShoppingCart button { font-size:10px; }
    .header .address .phone, .header .address .email a { font-size:20px; }
    .header .address .phone, .header .address .email { display:block; }
    .headerZone4 .menu ul li a { font-size:12px; } 
    .QuickSearchBasic .search-keyword input { font-size:16px; }
    .introContent p, .introContent a { font-size:20px; }
    .introContent h3, .PODay h2, .prodSet h2 { font-size:35px; }
     .prodSet .carousel .grp6 li { width:33.3333%; }
    .QuickSearchBasic { margin:0 auto 20px;}
  
}
@media only screen and (min-width:480px) and (max-width:1024px)   {
        .section .grid_8, .footer .grid_8 { width:50% !important; }
        .section .grid_4, .footer .grid_4 { width:43% !important;}
    .section .grid_3, .footer .grid_3 { width:100% !important; }
      .QuickSearchBasic .search-keyword { width:50%; }
/* FILTER */.section .grid_9, .footer .grid_9 { width:100% !important; }
      .Banner { display:none; }
.grid_12 .prdrebDimensionGroup { font-size:90%; }
.grid_12 .prdrebDimensionGroup a.moreLink { font-size:85%; font-weight:bold; }
.grid_12 .ProductResultsBasic .prdrebConfig { position: relative; width: 100% !important; }
.grid_12 .ProductResultsBasic .prdrebProducts { margin-left: 0; margin-right: 10px!important; }
.grid_12 .ProductResultsBasic .prdrebFilters strong,
.grid_12 .ProductResultsBasic .prdrebConfig h5 { font-size: 13px; padding: 0; display: inline-block; line-height: 22px; float: left; clear: left; margin-right: 10px; }
.grid_12 .ProductResultsBasic .prdrebFilters strong:after,
.grid_12 .ProductResultsBasic .prdrebConfig h5:after { content: ': '; }
.grid_12 .ProductResultsBasic .prdrebConfig .ui-widget-header { background: none; border: none; float: left; }
.grid_12 .ProductResultsBasic .prdrebFilters { border: 0; padding: 0; }
.grid_12 .ProductResultsBasic .prdrebFilters li { float: left; margin-right: 10px; }
.grid_12 .ProductResultsBasic .prdrebFilters ul { float: left; }
.grid_12 .ProductResultsBasic .prdrebFilters a.btnLink { float: left; clear: both; }
.grid_12 .ProductResultsBasic .prdrebConfig .ui-widget-header.noBorderBot.noBorderTop { display: none; }
.grid_12 .ProductResultsBasic .prdrebDimensions:hover { display: block; width: 300px; padding-bottom: 200px; }
.grid_12 .ProductResultsBasic .prdrebDimensions:hover .prdrebDimensionGroup { display: block; height: auto; z-index: 319; }
.grid_12 .ProductResultsBasic .prdrebDimensions { position: absolute; right:112px; top: 25px; border: none; z-index: 320; }
.grid_12 .ProductResultsBasic .prdrebDimensions:before { content: 'SEARCH FILTERS'; width: 130px; z-index: 320; cursor: pointer; color: #F1F1F1; font-size: 15px; padding: 5px 20px; float: right; text-align: center; border: 1px solid #fff; border-width: 1px 1px 0; position: absolute; right: -113px; border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px; }
.grid_12 .ProductResultsBasic .prdrebDimensionGroup {  border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;display: none; border:1px solid #e1e1e1; position: relative; right: -119px; top: 30px; background: #fff; width: 270px; padding: 10px;  z-index: 300;}
}
@media only screen and (max-width:480px)   {
.section .grid_6 { width:100% !important; }
    .Home .mainZone1 .Content .contentModule div { position:relative; color:inherit; }
    body > nav.mobile-menu, nav.mobile-menu { background:#263240; }
    .ShoppingCart { position:absolute; width:36% !important; float:none; z-index: 99999; top:-55px; right:10px; color:#fff;  }
    .ShoppingCart .bootstrap-container .pull-left { float:right !important; }
    .ShoppingCart .Cart .scTrigger { padding:0; }
    .ShoppingCart .Cart #shoppingCart { right:20px; left:auto; width:350px;  }
    .headerZone2b { width:50% !important; margin:0 auto; }
    .headerZone3b { width:100% !important; }
    .header .Address { margin-top:0; }
    .header .address .phone, .header .address .email a { font-size:16px; }
    .header .SocialLinks { position:absolute; top:-30px; right:10px; z-index: 99998; }
    .headerRow2, .headerRow2b { padding:0; }
    .Home .QuickSearchBasic { margin-top:-20px !important; }
    .QuickSearchBasic { border:none; }
    .QuickSearchBasic .search-keyword input { font-size:18px; }
    .QuickSearchBasic .quickSearch .formLayout.inline { margin-bottom:0; }
    .introContent p, .introContent a { font-size:16px; }
    .introContent h3, .PODay h2, .prodSet h2 { font-size:30px; }
    .introContent a { padding:5px 15px; }
    .section .grid_8, .footer .grid_8,
    .section .grid_4, .footer .grid_4{ width:90% !important; margin:0 auto !important; }
    .footer .map, .footer .address span { float:none; }
    .section .grid_9, .footer .grid_9,
    .section .grid_3, .footer .grid_3 { width:100% !important; }
    .ProductSetAutoUpdate .carousel .allLinks a { display:inline; }
.Logo .logo img { height:auto !important; }
}



body{font-family:Arial, Helvetica, sans-serif;}
