@import url(bootstrap/css/bootstrap.css);
@import url(css/style.css);
@import url(css/fancybox.css);

/* @import url(css/all.css);
@import url(css/mobile.css);
@import url(css/tablet.css);
@import url(css/trans-banner.css);
@import url(css/fancybox.css);
@import url(css/responsive-tables.css);
@import url(js/colorpicker/css/colorpicker.css);
@import url(css/bootstrap.css); */

/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
  
/*--------- Fonts  ----------*/
@font-face{
	font-family:'RobotoCondensed-Regular';
	src:url('fonts/RobotoCondensed/RobotoCondensed-Regular.ttf');
}
@font-face{
	font-family:'RobotoCondensed-Bold';
	src:url('fonts/RobotoCondensed/RobotoCondensed-Bold.ttf');
}
@font-face{
	font-family:'Lato-Regular';
	src:url('fonts/Lato/Lato-Regular.ttf');
}
@font-face{
	font-family:'Lato-Bold';
	src:url('fonts/Lato/Lato-Bold.ttf');
}

/*--------- Global CSS Reset & Standards ----------*/
Body { margin:0;padding:0; background:#FFF; font-size:100%; -webkit-overflow-scrolling:touch;overflow-y:scroll;}
#Body {color:#333;}
html,body{ margin:0; padding:0; height:100%; font-weight:normal; color:#333;} /* font-family:'RobotoCondensed-Regular', Arial, Tahoma, Helvetica, Verdana, sans-serif;*/
form#Form{ height:auto;}
TH,TD,DIV{}
p{ margin:0 0 8px 0;}
ol, ul { list-style: none;}
ol li {list-style-type: decimal;}
li,ul li{ list-style:none;}
a{ outline:0;border:0;}
img{ border:0;}
.ModuleTitle_SubMenu{ z-index:9999!important;}	
footer *{ font-family:'Lato-Regular', Tahoma, Helvetica, Verdana, sans-serif;}
.center { text-align:center; margin: 0 auto;}
.no-skin {background:#FFF;}

A, A:link, A:visited, A:active {text-decoration : none; cursor:pointer;} /*color :#B07D00 */
A:hover { color :#B07D00; text-decoration:none !important;}
.color_text { color:#3A3A3A; }
.color_bg{ background:#3A3A3A; }

/* h1{ font-size:1.75em;line-height:1.75em;font-weight:bold;font-family:'RobotoCondensed-Bold', Arial, Tahoma, Helvetica, Verdana, sans-serif; text-transform:uppercase;}
/* h2{ font-size:1.5em;line-height:1.5em;color:#333;font-weight:bold;font-family:'RobotoCondensed-Bold', Arial, Tahoma, Helvetica, Verdana, sans-serif;} */
/* h3{ font-size:1.25em;line-height:1.5em;color:#B07D00;font-weight:bold;font-family:'RobotoCondensed-Bold', Arial, Tahoma, Helvetica, Verdana, sans-serif;} */
/* h4{ font-size:1.125em;line-height:1.5em;color:#333;font-weight:bold;font-family:'RobotoCondensed-Regular', Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h5{ font-size:1em;line-height:1.5em;color:#333;font-weight:bold;font-family:'RobotoCondensed-Regular', Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h6{ font-size:0.875em;line-height:1.5em;color:#333;font-weight:bold;font-family:'RobotoCondensed-Regular', Arial, Tahoma, Helvetica, Verdana, sans-serif;}  */

.home .skin_content h2 span { border-bottom: 6px solid #B07D00; color: #B07D00; font-size: 1.5em; line-height: 1.25em; text-transform: uppercase;}

.Head{ font-weight:bold; font-size:0.938em;}
.SubHead { font-weight:bold;  font-size:0.875em;}
.SubSubHead{ font-size:0.813em;}
.Normal { line-height:1.5em;}

.clearafter:after{ clear:both; content:"."; height:0px; font-size:0em; visibility:hidden; display:block;}
.clearafter{ display:inline-block;}
.clearafter{ display:block;}
.clear{ clear:both;}
.clear_float{ clear:both;line-height:0;font-size:0;}

/*--------- ControlPanel Style ----------*/
.controlpanel_bg { width: 100%; background:#FFF;}
.controlpanel_style { width:900px; margin:0 auto}
.controlpanel_style table { width:100%}

.CommandButton { font-size:0.688em; font-weight : normal; color: #0033CC; text-decoration: none;}
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active { font-size:0.688em; font-weight : normal; color : #0033CC; text-decoration : underline;}
A.CommandButton:hover { font-size:0.688em; font-weight : normal; color : #0033CC; text-decoration : none;}

.FileManager A, .FileManager A:link, .FileManager A:visited, .FileManager A:active{ color:#000; text-decoration: underline;}
.FileManager A:hover{ color:#000; text-decoration:none;}
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction, a.dnnPrimaryAction:link { color: #FFF; text-decoration : none; }
.dnnActionMenu span { color:#000!important;}

/*--------- Breadcrumb style ----------*/
.breadcrumb_style { background:#F0F0F0; color:#555; padding:5px 10px; }
    .breadcrumb_style span {
    font-size:0.75em;}
.Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active { color:#555; font-size:0.75em; text-decoration:none; }
A.Breadcrumb:hover  { color:#B07D00; }

/*--------- Mobile User Style ----------*/
.User2, A.User2:link, A.User2:visited, A.User:active { padding:0px 5px; color:#333; font-size:0.75em; text-decoration:none;}
A.User2:hover { color :#666; text-decoration:underline;}

/*--------- BottomLinks Style ----------*/
.BottomLinks, A.BottomLinks:link, A.BottomLinks:visited, A.BottomLinks:active { padding:0 3px; font-size:0.75em; color:#FFF!important; text-decoration:none;}
A.BottomLinks:hover { font-size:0.75em; color :#CCC; text-decoration:underline;}

/*--------- FooterLinks Style ----------*/
.Footer, A.Footer:link, A.Footer:visited, A.Footer:active { padding:0px 5px; font-size:0.75em; font-family:'RobotoCondensed-Regular', sans-serif; text-decoration:none;}
A.Footer:hover { color:#CCC; text-decoration: underline;}

/*--------- FooterPane Links Style ----------*/
.footerpane_style a { color :#FFF; text-decoration : underline;}
.footerpane_style a:visited { color :#EEE; text-decoration : none;}
.footerpane_style a:hover { color :#EEE; text-decoration : none;}
.footerpane_style a:active { color :#FFF; text-decoration : none;}

/*--------- Social-Links ----------*/
.Social-Links { margin-top:2px;}
.iconFacebook{width:35px;height:35px;background:url(images/socialicons.png) no-repeat 0 0;display:inline-block; padding:0;margin:0 1px;}
.iconTwitter{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -40px 0;display:inline-block;padding:0;margin:0 1px;}
.iconForrst{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -80px 0;display:inline-block;padding:0;margin:0 1px;}
.iconDribbble{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -120px 0;display:inline-block;padding:0;margin:0 1px;}
.iconDeviantart{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -160px 0;display:inline-block;padding:0;margin:0 1px;}
.iconYoutube{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -200px 0;display:inline-block;padding:0;margin:0 1px;}
.iconTumblr{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -240px 0;display:inline-block;padding:0;margin:0 1px;}
.iconPicasa{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -280px 0;display:inline-block;padding:0;margin:0 1px;}
.iconRSS{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -320px 0; display:inline-block;padding:0;margin:0 1px;}
.iconBehance{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -360px 0;display:inline-block;padding:0;margin:0 1px;}
.iconSkype{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -400px 0;display:inline-block;padding:0;margin:0 1px;}
.iconGithub{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -440px 0;display:inline-block;padding:0;margin:0 1px;}
.iconLinkedIn{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -480px 0;display:inline-block;padding:0;margin:0 1px;}

/*--------- Social-Links Hover ----------*/
a.iconFacebook:hover{ background-color:#0F60B9;background-position: 0 -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconTwitter:hover{ background-color:#47D1F1;background-position: -40px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconForrst:hover{ background-color:#2D8500;background-position: -80px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconDribbble:hover{ background-color:#F96F9C;background-position: -120px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconDeviantart:hover{ background-color:#BBC71C;background-position: -160px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconYoutube:hover{ background-color:#D94545;background-position: -200px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconTumblr:hover{ background-color:#006392;background-position: -240px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconPicasa:hover{ background-color:#3E3E3E;background-position: -280px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconRSS:hover{ background-color:#EB9A20;background-position: -320px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconBehance:hover{ background-color:#2B2B2B;background-position: -360px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconSkype:hover{ background-color:#068182;background-position: -400px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconGithub:hover{ background-color:#878787;background-position: -440px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconLinkedIn:hover{ background-color:#0276B9;background-position: -480px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}

/*--------- Readmore Style ----------*/
a.readmore{ float:left; display:block; background:url(images/more.png) 0 0 no-repeat; width:140px; height:38px; line-height:38px; padding-left:30px; text-decoration:none; color:#FFF!important; margin-top:10px; font-size:0.875em; text-transform:uppercase; margin-left:-2px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
a.readmore:hover{ background:url(images/more.png) -170px 0 no-repeat; color:#000!important;}

/*--------- Icon Hover Style ----------*/
.icon_hover { padding-top:10px;}
.icon_hover .service-bg { background:url(images/hover_icon_bg.png) no-repeat center #3A3A3A; display: block; height: 94px; width: 94px; line-height:5.875em; margin: auto auto 20px; overflow: hidden; text-align: center; border-radius:47px; -webkit-border-radius:47px; -moz-border-radius:47px; cursor:pointer; }
.icon_hover .service-bg img { vertical-align: middle;}
.icon_hover h3 { text-align: center; font-size:0.938em; font-weight: 600; padding-bottom: 0;}
.icon_hover p { text-align:center; font-size:0.75em;}

/*--------- Buying Button Style ----------*/
.buying_box { border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; margin:10px 5px; padding:30px 10px;}
.buying_box p { font-size:0.938em; color:#777; line-height:1.563em; text-align:left;}
.buying_button { text-align:right; padding:10px 50px 0 0;}
.buying_button a.button { background:#3A3A3A; display:inline-block; font-size:1.125em; font-weight:bold; line-height:1; color:#FFF; text-align:center; text-decoration:none; padding: 10px 20px 11px; border-radius: 2px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;}
.buying_button a.button:hover { background:#333; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;}

/*--------- Contact Form Style ----------*/
.contact_form .dnnFormItem input, .contact_form .dnnFormItem .dnnFormInput, .contact_form .dnnFormItem textarea{ background:#4B4B4B; border:1px solid rgba(0,0,0,0.4); border-radius:0;  box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; color:#FFF;}
.contact_form .contact_input { position:relative;}
.contact_form .contact_error {position:absolute; right:0; top:9px; }
.contact_form .dnnFormError{ color:#FFF!important;text-shadow:none;padding:5px 7px 5px 10px;}
.contact_form .contact_submit { text-align:center;}
.contact_form label { margin:1px;}
.contact_form .dnnFormItem input { width:96%; padding:4px 2%; margin:2px 0; color:#FFF!important;}
.contact_form .dnnFormItem label, .contact_form .dnnFormLabel, .contact_form .dnnTooltip { font-weight:bold; text-align: left;}
.contact_form textarea { width:96%; padding:6px 2%; min-height:60px; color:#FFF;}
.contact_form .dnnFormItem { padding-left:0;}
#skin_footer .contact_form a.dnnPrimaryAction, #skin_footer .contact_form a.dnnPrimaryAction:link, #skin_footer .contact_form a.dnnPrimaryAction:visited{ background:#3A3A3A; border-radius:0;text-shadow:none; color:#FFF; text-decoration:none; font-weight:normal; margin-top:5px;border:none; box-shadow:none;}
#skin_footer .contact_form a.dnnPrimaryAction:hover{ background:#222; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;}
.contact_form .dnnFormItem input[type="text"]:active, .contact_form .dnnFormItem input[type="text"]:focus, .contact_form .dnnFormItem input[type="email"]:active, .contact_form .dnnFormItem input[type="email"]:focus{background:none;border: 1px solid rgba(255, 255, 255, 0.5);box-shadow: 0 0 3px 0 rgba(255, 255, 255, 0.4);}

/*---------- Custom Button Style  ----------*/
.button { margin: 4px 8px; max-width: 120px; padding: 6px 6px 2px; text-align: center; width: auto;	border: 1px solid #8F8F8F; cursor:pointer; }
.button p { font-family: 'RobotoCondensed-Bold'; font-size:0.875em; line-height:1.563em; text-align: center; vertical-align: middle; }
.primary-button p { color: #FFF;}
.secondary-button p { color: #333;}
.primary-button { background: #B07D00; /* Old browsers */
	background: -moz-linear-gradient(top, #b07e00 0%, #e0af3c 50%, #9b6c00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b07e00), color-stop(50%,#e0af3c), color-stop(100%,#9b6c00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b07e00 0%,#e0af3c 50%,#9b6c00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b07e00 0%,#e0af3c 50%,#9b6c00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b07e00 0%,#e0af3c 50%,#9b6c00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b07e00 0%,#e0af3c 50%,#9b6c00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b07e00', endColorstr='#9b6c00',GradientType=0 ); /* IE6-9 */}
.primary-button:hover{ background: #9b6c00; /* Old browsers */
	background: -moz-linear-gradient(top, #9b6c00 0%, #e0af3c 50%, #b07e00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b6c00), color-stop(50%,#e0af3c), color-stop(100%,#b07e00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9b6c00 0%,#e0af3c 50%,#b07e00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9b6c00 0%,#e0af3c 50%,#b07e00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #9b6c00 0%,#e0af3c 50%,#b07e00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #9b6c00 0%,#e0af3c 50%,#b07e00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b6c00', endColorstr='#b07e00',GradientType=0 ); /* IE6-9 */}
.secondary-button {	background: #e1e1e1; /* Old browsers */
	background: -moz-linear-gradient(top, #e1e1e1 0%, #FFF 51%, #f1f1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(51%,#FFF), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e1e1e1 0%,#FFF 51%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e1e1e1 0%,#FFF 51%,#f1f1f1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e1e1e1 0%,#FFF 51%,#f1f1f1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e1e1e1 0%,#FFF 51%,#f1f1f1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */}
.secondary-button:hover{ background: #f1f1f1; /* Old browsers */
	background: -moz-linear-gradient(top, #f1f1f1 0%, #FFF 49%, #e1e1e1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(49%,#FFF), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#FFF 49%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#FFF 49%,#e1e1e1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#FFF 49%,#e1e1e1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f1f1f1 0%,#FFF 49%,#e1e1e1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */}

/*----------  Table  ----------*/
table { /*table-layout:fixed;*/ width:auto; max-width:100% !important; word-wrap:break-word; overflow:scroll; }
.DnnModule-DNN_HTML table * { font-size:0.9em; }
.DnnModule-PrinceProduct table * { font-size:1em;}
thead { background: #B07D00; color: #fff; font-weight: bold; line-height: 1.25em;}
th {text-align:center;}
th, td { padding: 0.4em 0.5em; text-align:center;}
tbody tr { background:#FFF; }
tbody tr:nth-of-type(even) { background: #eaeaea;}
.DnnModule-DNN_HTML tr td:first-child { white-space: nowrap;}
.mobile-link { display:none;}

/*----------  Products Details  ----------*/
#dnn_OneGrid3 img { margin: 20px auto ;}
.main_top * { font-family: 'RobotoCondensed-Regular';}
.main_top h1 { color: #B07D00; font-family: 'RobotoCondensed-Bold'; font-size:2.063em; font-weight: normal; text-transform: none;}
.main_top ul li { font-family: 'RobotoCondensed-Regular'; font-size:1em; line-height: 22px; list-style: none;padding:0;margin:0;}
.main_top .right p { border: 1px solid #404040; height: auto; min-height: 27px; width: 100%;}
.main_top .right a img { border-right: 1px solid #404040; display: inline-block; max-height: 25px; padding: 4px 6px; width: 26px;}
.main_top .right a span { color: #404040; font-size:0.875em; font-stretch: condensed; font-weight: bold; height: 100%; margin: 2px; padding: 2px 10px; text-transform: uppercase;}

/*----------  HOMEPAGE BANNER HOVER TEXT  ----------*/
#banner-container { margin: 0 auto; max-width:960px; width:auto;}
#banner-container #banner-background { background: url("/Portals/0/Images/banner-background.png") no-repeat scroll center top rgba(0, 0, 0, 0); color: #FFF; height: 458px; margin: 0 auto; width: 100%;}
#banner-container #banner-background .banner.left { float: left; height: 458px; padding-left: 3em; width: 60%;}
#banner-container #banner-background .banner.left div#banner-title { color: #FFF; font-family: 'RobotoCondensed-Bold'; font-size: 26px; margin: 30px 0; text-transform: uppercase;}
#banner-container #banner-background .banner.left div#banner-title div { font-family: 'RobotoCondensed-Bold'; font-size: 2.6em; height: 0.7em; line-height: 0.65em; width: 335px !important;}
#banner-container #banner-background .banner.left div#banner-title div#bottom { border-bottom: 5px solid; margin-top: 0.3em;}
#banner-container #banner-background .banner.left div#banner-title div#line { border-top: 3px solid; margin-top: -0.33em; text-align: right;}
#banner-container #banner-background .banner.left div.banner-text { background:none repeat scroll 0 0 rgba(0, 0, 0, 0.3); display: none; font-family: 'RobotoCondensed-Regular'; padding:10px; width:99%;}
#banner-container #banner-background .banner.left div.banner-text ul { margin: 5px 30px;}
#banner-container #banner-background .banner.left div.banner-text ul li { font-size:1.25em; line-height:1.563em; list-style: square;}
#banner-container #banner-background .banner.left div.banner-text ul li { font-size: 1.1em; line-height: 1.4em; list-style: square outside none;}
#banner-container #banner-background .banner.right { float: right; height: 458px; width: 13.75em;}
#banner-container #banner-background .banner.right a { text-decoration: none; color: #FFF;}
#banner-container #banner-background .banner.right h3 { color: #FFF; font-size: 2em; letter-spacing: 0.07em; margin: -10px 0 0; text-transform: uppercase;}
#banner-container #banner-background .banner.right .cta-hover { cursor: pointer; font-family: 'Lato-Regular'; height: 141px; padding: 4px; vertical-align: bottom;}
#banner-container #banner-background .banner.right .cta-hover p.info { font-size: 1.25em; font-style: italic; line-height: 1em; margin: 1.5em 0 0;}
#banner-container #banner-background .banner.right .cta-hover p.info-details { font-size: 1.05em; line-height: 1.1em; margin-top: 0;}
#banner-container #banner-background .banner.right #info-engineers-cta { background: url("/Portals/0/Images/information-for-engineers_cta.png") no-repeat scroll right top rgba(0, 0, 0, 0); margin: 0 0 5px;}
#banner-container #banner-background .banner.right #info-purchasers-cta { background: url("/Portals/0/Images/information-for-purchasers_cta.png") no-repeat scroll right top rgba(0, 0, 0, 0); margin: 0 0 5px;}
#banner-container #banner-background .banner.right #info-customers-cta { background: url("/Portals/0/Images/information-for-customers_cta.png") no-repeat scroll right top rgba(0, 0, 0, 0); margin: 0;}
#banner-container .banner-cta-links { display:none;}
#banner-container .banner-cta-links ul li { list-style:none outside none;}
#banner-container .banner-cta-links h2 { color:#FFF; text-transform:uppercase;}
.hoverHighlight { border: 3px solid #B07D00;}

img.services{ float: left;margin: 10px 10px 10px -20px;}

/*----------  Products List  ----------*/
.content_products_category { margin: 0 0 2em 0; min-height: 350px !important;}
.content_products_category.extended { min-height: 500px;}
.content_products_category .overlay { background-image: url("/portals/0/Images/products_overlay.png"); background-repeat: repeat; background-position:center center; background-color: rgba(0, 0, 0, 0); width:100%; max-width:288px; height:210px;}
.content_products_category div.overlay div.img-container { background-image: url("/portals/0/Images/gravel.jpg"); background-repeat:no-repeat; background-position:center center; background-color: rgba(0, 0, 0, 0); display: table-cell; height: 210px; text-align: center; vertical-align: middle;  background-size: 100% 100%;}
.img-container > img { vertical-align: middle;}
.content_products_category div.overlay div.img-container img { display: block; }
.content_products_category a:hover div.overlay div.img-container { opacity: 0.25; transition-duration: 0.5s;}
.content_products_category a:hover div.overlay div.img-container img { opacity: 0.25; transition-duration: 0.5s;}

.content_products_category ul {margin:.5em 0 1em 0;}
.content_products_category ul.description-list li, .content_products_category p { border: none !important; margin: 0; padding: 0; font-family: 'RobotoCondensed-Regular'; font-size: 1em; width:100%;}
.content_products_category ul li:not(description-list) { display: inline-block; list-style: none outside none; margin: .5em auto .8em auto; padding: .2em .8em; vertical-align: top; width: auto; border-left: 1px solid #999;font-size: .85em;}/*font-family: 'RobotoCondensed-Regular';  width:28%*/
.content_products_category ul li:first-child { border: medium none;}

/*------  Product Details  ------*/
.overlay { background-image: url("/portals/0/Images/products_overlay.png"); background-repeat: repeat; background-position: center center; background-color: rgba(0, 0, 0, 0); width:100%; max-width: 370px; height:auto; max-height:270px;}
div.overlay div.img-container { background-image: url("/portals/0/Images/gravel_product-detail.jpg"); background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0); display: table-cell; height: 270px; text-align: center; vertical-align: middle; width: 370px;}
.img-container > img { vertical-align: middle;}
div.overlay div.img-container img{ display:block; margin:auto; max-width:90%; max-height:90%; }
a:hover div.overlay div.img-container { opacity: 0.25; transition-duration: 0.5s;}
a:hover div.overlay div.img-container img { opacity: 0.25; transition-duration: 0.5s;}

.table-notes { margin-bottom: 1em;}
.table-notes p { font-size: 0.875em;}
.table-notes li { font-size: 0.8em; line-height: 1.35em; list-style: none outside none;}


/*----------  Contact Us  ----------*/
ul.regional-list-container li.searchable { list-style: outside none; margin: 2em 0; border-bottom: 1px #eaeaea solid; padding: 0 .5em; transition: all 2s ease-in-out 0 !important; -webkit-transition: all 5s ease-in-out 0 !important;}
ul.regional-list-container { margin: 0;}

.Clarity-Ventures * { text-decoration:none; }

/*----------  Homepage Ticker  ----------*/
.homepagetickerpane {margin:0 auto; float:none;}
#homepageticker { width:100%; max-width: 960px; margin: 0px auto;text-align:center;padding:5px 0;position:relative;}
#homepageticker h3 {color: #333;position: absolute;top: -4px;background: #fff;padding: 0 3px;right: 0;}
#homepageticker img {}
#homepageticker p {    font-weight: bold;}

/*--- Rad Grid / Product Module Styles ---*/
    .auto-style1 {
        height: 36px;
    }
        th.rgHeader:hover {
        background: #f0f0f0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iI2JmYmZiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #f0f0f0 0%, #bfbfbf 93%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(93%,#bfbfbf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0f0f0 0%,#bfbfbf 93%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0f0f0 0%,#bfbfbf 93%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f0f0 0%,#bfbfbf 93%); /* IE10+ */
background: linear-gradient(to bottom,  #f0f0f0 0%,#bfbfbf 93%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-8 */
    }
    .RadGrid_Default tr.rgFilterRow td {
        border-bottom: 1px solid #bfbfbf;
    }
    th, td {
        text-align: left;
    }
    input.productSearchInput {
        float: left;
        position:relative;
        top:2px;
        font-size: 18px;
        padding: .25em .5em;
        border: 1px solid #ccc;
    }
    input.productSearchButton {
        float:left;
        font-size:16px;
    }
    .RadGrid_Default th.rgHeader {
        border-bottom:1px solid #bfbfbf;
    }
    table.rgMasterTable {
        border: 2px solid #bfbfbf;
    }
    .RadGrid_Default {
        border: 0px solid transparent;
    }
    .RadGrid_Default .rgHeader, .RadGrid_Default th.rgResizeCol, .RadGrid_Default .rgHeaderWrapper {
        background:#f0f0f0;
        color:#404040;
    }
    .RadGrid .rgFilterRow input {
        box-shadow:0px 0px 0px transparent;
        border-radius:3px;
    }
    .RadGrid_Default td {
        font-size: 1.3em;
    }
    .SelectedRadGridItem {
        background:#ae7d1f;
        color:#fff;
    }
    a.princeButton:hover, input.productSearchButton:hover {
    cursor:pointer;
    -moz-box-shadow:    inset 3px 3px 5px rgba(0,0,0,.3);
   -webkit-box-shadow: inset 3px 3px 5px  rgba(0,0,0,.3);
   box-shadow:         inset 3px 3px 5px  rgba(0,0,0,.3);
    background: #ae7d1f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlN2QxZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNjhkMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ae7d1f 0%, #c68d23 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae7d1f), color-stop(100%,#c68d23)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ae7d1f 0%,#c68d23 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ae7d1f 0%,#c68d23 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ae7d1f 0%,#c68d23 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ae7d1f 0%,#c68d23 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae7d1f', endColorstr='#c68d23',GradientType=0 ); /* IE6-8 */
    }
    a.princeButton:hover {
         -moz-box-shadow:    inset 1px 1px 3px rgba(0,0,0,.2);
   -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.2);
   box-shadow:         inset 1px 1px 3px rgba(0,0,0,.2);
    }
    input.productSearchButton, a.princeButton {
    border:1px solid #B99034;
    text-shadow:1px 1px 0px #835E15;
    color:#fff;
    border:0px solid transparent;
    padding:.5em 1em;
    border-radius:3px;
    background: #c68d23; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2OGQyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZTdkMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #c68d23 0%, #ae7d1f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c68d23), color-stop(100%,#ae7d1f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c68d23 0%,#ae7d1f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c68d23 0%,#ae7d1f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c68d23 0%,#ae7d1f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c68d23 0%,#ae7d1f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c68d23', endColorstr='#ae7d1f',GradientType=0 ); /* IE6-8 */

    }
   .RadGrid_Default a.princeButton {
        font-size: .9em;
        padding:.2em .4em;
       color:#fff;
    }
    .RadGrid_Default .rgRow a.princeButton, .RadGrid_Default .rgAltRow a.princeButton {
        font-size: .9em;
        padding:.2em .4em;
       color:#fff;
    }
    .RadGrid_Default .rgRow a.princeButton:hover, .RadGrid_Default .rgAltRow a.princeButton:hover {
        text-decoration:none;
    }
    input.productSearchInput {
        border-radius:3px;
        margin:0px 1em;
    }
.moduleWrapper {
    max-width:1020px;
    float:none;
    margin:0px auto;
}
@media (max-width:900px) and (min-width:760px) {
    div.overlay div.img-container img { width:100%; }
}
.overlay {
    width: 100% !important;
    max-width: 100% !important;
}
.content_products_category div.overlay div.img-container {
    /* width: 100% !important;
    background-size: 100%; */
}
.mw350 .dnnModule {
    max-width: 350px;
}