@import 'bootstrap.light.css';

@font-face {
  font-family: 'uvzvo';  
  src: url('uvzvo.otf');
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}

body {
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	background:#333 url('../images/background_main.jpg') top center repeat-y;
	font-size: 11px;
	line-height:160%;
	color: #000;
	line-height: 18px;
	margin:0;
	padding:0;
	height:100%; /* needed to display bkgnd2 at full height in IE */
}
a:link, a:visited {
	text-decoration:none; text-decoration:underline;
	color:#396670;
}
a:hover, a:active {
	text-decoration:underline;
	color:#00B2D8;
}

.large{font-size:18px;} 
.medium{font-size:14px;}
.small{font-size:10px;}

.head-standard {font-size:18px;line-height:100%;}
.head-main {font-size:30px;font-weight:bolder;}
.head-sub {font-size:22px;}
.px32 {font-size:32px;}
.px30 {font-size:30px;}
.px25 {font-size:25px;}
.px18 {font-size:18px;}
.yellow {color:#FC0 !important;	}
.red{	color:#F00;}
.white {color:#fff;}

.align-right {text-align:right;}
.align-left {text-align:left;}
.align-center {text-align:center;}

.fl-right {float:right;}
.fl-left {float:left;}

h1 {
	font-family:"uvzvo",Verdana,Arial,sans-serif;
	font-size:18px;	
	font-weight:bolder;	
	font-style:italic;
	color:#251667;
	display:block;
	padding:10px 0px 10px 0px;
	margin:0px;
	text-transform:capitalize;
	line-height:1.5em;	
}

h1 em{display:none;}

h1.imgHead {display:none;}

h1.white {
	font-size:16px;
	font-weight:bolder;
	color:#fff;
	display:block;
	padding:10px 0px 10px 0px;
	margin:0px;
}

h1.homepage_h1 {
	color:#fff;
	font-size:18px;
	line-height:120%;
	font-weight:bold;
	display:block;
	padding:20px 50px 20px 20px;
	margin:0px;
	background-color:#4F8693;
}

h2{
	font-size:16px; font-weight:bolder;
	/* color:#291871;*/
}

h2.yellow_large {font-size:18px; font-weight:bolder; color:#FF0;}

h2.h2_blue {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bolder;
	color:#251667;
	display:block;
	padding:0px 0px 10px 0px;
	margin:0px;
}

h2.white {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bolder;
	color:white;
	display:block;
	padding:0px 0px 10px 0px;
	margin:0px;
}

h2.h2_yellow {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bolder;
	color:#FFFF00;
	display:block;
	padding:0px 0px 10px 0px;
	margin:0px;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	display:block;
	padding:0px;
	margin:0px;
	color:#0000FF;
}

h3.white {	
	font-size:28px;
	color:#FFFFFF;
	font-weight:bolder;
}

h3.error {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	display:block;
	padding:0px;
	margin:0px;
	color: #cc0000
}

h3.menu_head {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	display:block;
	margin:0px 0px 10px 0px;
	color:#FEBD04;
	background-color:#000000;
	padding:5px 15px 5px 25px;
}

h3.page_head {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	display:block;
	margin:0px 0px 10px -20px;
	color:#000000;
	background-color:#FEBD04;
	padding:5px 15px 5px 20px;
	width:75%;
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	display:block;
	padding:0px 0px 10px 0px;
	margin:0px;
	color:#ccc;
}
ul.sq_bullet {
	margin-left: 0;
	padding-left: 8px;
	list-style: none;
}
ul.sq_bullet li {
	padding-left: 8px;
	/*background-image: url(../images/sq_bullet.gif);*/
	background-repeat: no-repeat;
	background-position: 0 .7em;
}
ul.submenu {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
ul.sq_bullet_submenu li {
	padding-left: 10px;
	/*background-image: url(../images/sq_bullet.gif);*/
	background-repeat: no-repeat;
	background-position: 1em 1em;
}
form {
	margin:0;
	padding:0;
}
input, select, textarea {
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	font-size: 12px;
	font-weight:bolder;
	color:#000066;
	margin-bottom:3px;
	vertical-align:middle;
	padding:3px;
}
input.input_img {
	border:none;
	height:21px;
	display:inline;
	padding:0;
	margin:0;
}

.divider {
	border-bottom:dotted 1px #000099;
	height:2px;
	width:100%;
	padding:0px 0px 10px 0px;
}

.testimonial_text {
	color:#FFFF00;
}

.testimonial_source {
	color:#CCCCCC;
}

table.yellowbox {
	color:#000000;
}




/*#### HEADER STYLES #######*/

#header {
	margin:0px auto; /*centers the div in all modern browsers*/	
	width:930px;
	height:99px;
	background:url('../images/topheader_bg.gif') top center no-repeat;
	margin-left:auto;
	margin-right:auto;
}

#header .logo_pane {
	padding:30px 10px 0px 35px; float:left; border-right:solid 1px white; width:375px;
}

#header table.cart-table {width:100%;}
#header table.cart-table td {text-align:right;padding-top:8px;}
#header table.cart-table td.toll-free {font-size:16px; color:#2122cc; font-weight:bolder; }
#header table.cart-table .item-num {display:inline-block; padding:0 5px; background-color:#FFFF00; font-weight:bold;vertical-align:middle;}
#header table.cart-table .cart-info {padding-bottom:3px;}
#header table.cart-table .cart-info a {text-decoration:none;color:#000;}

#header .util_pane_left {
	padding:15px 10px 0px 10px; float:left; border-right:solid 1px white; width:155px;
}
#header .util_pane_left .ctaText1 {
	display:block; font-size:15px; color:#666666; font-weight:bolder;
}
#header .util_pane_left .ctaText2 {
	display:block;font-size:20px; color:#251667; font-weight:bolder; padding-bottom:10px;
}

#header .util_pane_right {
	padding:5px 20px 0px 0px; float:right; width:auto; text-align:right; width:460px;
}

/*#header .cart-info .shopping-cart-pane {background:url(../images/bg-shopping-cart-pane.png) top center no-repeat; height:30px;font-size:12px;font-weight:bold;width:165px;text-align:left;padding-top:5px;}*/

#header .shopping-cart-pane .item-num{color:#fff;float:left;width:25px;padding-left:10px;text-align:center;}
#header .shopping-cart-pane .sub-total {color:#000;float:left;padding-left:5px;}

#header .util_pane_right table td {padding-top: 2px;}

#header .util_pane_right a.link_usd, #header .util_pane_right a.link_usd:visited {
	background:url('../images/icon-usd-flag.gif') 0px 0px no-repeat;
	color:#000066; font-weight:bold;
	padding-left:20px;
	display: inline-block;	
	text-decoration:none;
	width:auto; height:16px;
	
}

#header .util_pane_right a.link_cad, #header .util_pane_right a.link_cad:visited {
	background:url('../images/icon-cad-flag.gif') 0px 5px no-repeat;
	color:#000066; font-weight:bold;
	padding-left:20px;
	display: inline-block;	
	text-decoration:none;
	width:auto; height:16px;	
}

#header .util_pane_right a.link_world, #header .util_pane_right a.link_world:visited {
	background:url('../images/icon-cad-flag.gif') 2px 3px no-repeat;
	color:#000066; font-weight:bold;
	padding-left:20px;
	display: inline-block;	
	text-decoration:none;
	width:auto; height:16px;	
}

#header .util_pane_right a.link_usd_off, #header .util_pane_right a.link_usd_off:visited {
	background:url('../images/icon-usd-flag.gif') 0px -16px no-repeat;
	color:#ccc; font-weight:bold;
	padding-left:20px;
	display: inline-block;	
	text-decoration:none;
	width:auto; height:16px;
	
}

#header .util_pane_right a.link_cad_off, #header .util_pane_right a.link_cad_off:visited {
	background:url('../images/icon-cad-flag.gif') 0px -11px no-repeat;
	color:#ccc; font-weight:bold;
	padding-left:20px;
	display: inline-block;	
	text-decoration:none;
	width:auto; height:16px;	
}

#header .util_pane_right a.link_world_off, #header .util_pane_right a.link_world_off:visited {
	background:url('../images/icon-cad-flag.gif') 2px -11px no-repeat;
	color:#ccc; font-weight:bold;
	padding-left:20px;
	display: inline-block;	
	text-decoration:none;
	width:auto; height:16px;	
}

#header .util_pane_right a.link_home, #header .util_pane_right a.link_home:visited {
	background:url('../images/icon_home.gif') left no-repeat;
	color:#000066; font-weight:bold;
	padding-left:20px;
	display: inline-block;
	float: right;
	padding-right: 10px; text-decoration:none;
	width:auto;
}

/*grayed out pricing icons*/


#header .util_pane_right a.link_contact, #header .util_pane_right a.link_contact:visited {
	background:url('../images/icon_contact.gif') left no-repeat;
	color:#000066;  font-weight:bold;
	padding-left:20px;
	display: inline-block;
	float: right;
	text-align: right; text-decoration:none;
	width:auto;
}

#header .util_pane_right a.link_cart, #header .util_pane_right a.link_cart:visited {
	background:url('../images/icon_cart.gif') left no-repeat;
	color:#D75910;  font-weight:bold;
	padding-left:20px;
	display: inline-block;
	float: right;
	text-align: right; text-decoration:none;
	width:auto;
}

a.link_facebook{
	display:block-inline;background:url('../images/icon-facebook.gif') left no-repeat;	padding-left:20px; height:25px;
}
a.link_twitter{
	display:block-inline;background:url('../images/icon-twitter.gif') left no-repeat;	padding-left:20px;  height:25px;
}
a.link_pinterest{
	display:block-inline;background:url('../images/icon-pinterest.gif') left no-repeat;	padding-left:20px;  height:25px;
}

#header .util_pane_right a.link_home:hover, #header .util_pane_right a.link_contact:hover, #header .util_pane_right a.link_cart:hover,#header .util_pane_right a.link_usd:hover,#header .util_pane_right a.link_cad:hover {
	color:#FF6600; text-decoration:none;
}

#menu_bar {	
	height:29px;
	width:932px;
	background:url('../images/bg_menubar.gif') top center no-repeat;
	margin-left:auto;
	margin-right:auto;	
	text-align:center;
}

#sub_menu_bar {		
	width:932px;
	background-color:#0000CC;
	margin-left:auto;
	margin-right:auto;	
	color:#999999;
	text-align:center;
	padding:5px 0px 5px 0px;
}

#sub_menu_bar a {
	color:#FFFF0B; text-decoration:none; font-weight:bold;
}
#sub_menu_bar a:hover {
	color:#FF9900; text-decoration:none; font-weight:bold;
}

#flash_pane {
	width:929px; height:118px;	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background:url('/images/bg_splash.gif') repeat-x top;	
	max-height: 118px;
}

/*#### MAIN BODY STYLES #######*/

#main {
	zoom: 1 ;
	position:relative;
	width:930px;
	margin:0px auto; /*centers the div in all modern browsers*/	
	margin-left:auto;
	margin-right:auto;
	padding:0px;	
	/*background:url(../images/bg_sidepanel.gif) top left repeat;*/
	font-size:12px;
}

#main .homepage_left_pane{
	width:520px; padding:0px 45px 0px 45px; float:left;
}

#main .homepage_right_pane{
	width:280px; padding:0px 25px 0px 0px; float:right;
}

#main .interior_left_pane{
	width:570px; padding:25px 20px 30px 30px; float:left;
}

#main .interior_right_pane{
	width:280px; padding:25px 20px 45px 0px; float:right;
}

#main .interior_full_pane{
	padding:5px 20px 20px 20px; margin:0; color:white; height:100%; font-size:14px;
	background:url('/proCat/img_stripDoors/bg_gradient.jpg') top center repeat-x #0146FB;
}

#industrynewscontent {
	width:auto; margin:auto; padding:0px 45px 45px 45px;
}

#industrynewscontent .industrynewsbox {
	padding:0px 10px 10px 10px; float:left; width:260px;	
}


/*#### FOOTER STYLES #######*/

#footer {
	width:930px;	
	margin:0px auto; /*centers the div in all modern browsers*/	
	margin-left:auto;
	text-align:center;
	margin-right:auto; /* margin-bottom:15px; below line removed*/
	
}

#footer .footer_bar { 
	text-align:center;
	padding:10px;
	background-color:#0000cc;
}

#footer .footer_bar a:link, #footer .footer_bar a:visited {
	
	color:#FFFF00;
	font-size:11px;text-decoration:none;
}
#footer .footer_bar a:hover, #footer .footer_bar  a:active {
	
	color:#FFCC00;
	font-size:11px;	
	text-decoration:none;
}

#footer .copyright_bar {
	padding:5px; background-color:#FFFF00; color:#666666; font-size:10px; text-align:center;
}

.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #995F2D;
	font-weight:bold
}
.whiteTextBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight:bold
}
.boldTextBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0228B1;
	font-size:12px;
	font-weight:bold
}
.boldTextOrange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #d85600;
	font-size:12px;
	font-weight:bold
}
.boldTextBlack {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size:12px;
	font-weight:bold
}
.mainHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight:bold
}
.mainHeaderWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	font-weight:bold
}
.mainHeaderBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0228B1;
	font-weight:bold
}



#dhtmltooltip{
position: absolute;
font-size:12px;
width: 150px;
border: none;
padding: 5px;
background:url('/images/bg_tips_yellowgradient.jpg') top repeat-x;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

table.dataT
{ font-family: Verdana;
font-weight: normal;
font-size: 12px;
color: #404040;
width: 100%;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;
padding:5px;
}

table.dataT tr.dataHd td
{ border-bottom: 2px solid #666;
background-color: #fff;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #333;}

td.dataHdYellow
{ border-bottom: 2px solid #6699CC;
background-color: #FFFF00;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #0000FF;}

td.dataHdYellowCart
{ border-bottom: 2px solid #0000FF;
background-color: #FFFF00;
font-family: Verdana;
font-weight: bolder;
font-size: 12px;
color: #0000FF;}

table.dataT td
{ border-bottom: 1px dotted #6699CC;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 12px;
color: #404040;
background-color: white;
text-align: left;
padding:5px; }


/*table td {vertical-align: top;}
#main table td {padding: 20px;}*/

td.yellow
{ border-bottom: 1px dotted #6699CC;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 12px;
color: #404040;
background-color:#FFFF00;
text-align: left;
padding:5px;}

td.yellow_light
{ border-bottom: 1px dotted #6699CC;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 12px;
color: #404040;
background-color: #FFFFBF;
text-align: left;
padding:5px;}

td.blue
{ border-bottom: 1px dotted #6699CC;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 12px;
color: #fff;
background-color:#0228B1;
text-align: left;
padding:5px;}

.dataTCellL { border-left: 1px dotted #CEDCEA; }

a.link_blue:link, a.link_blue:visited {
	text-decoration:none; text-decoration:underline;
	color:#396670; font-size:12px; font-weight:bolder;
}
a.link_blue:hover, a.link_blue:active {
	text-decoration:underline;
	color:#00B2D8;font-size:12px; font-weight:bolder;
}

a.link_white:link, a.link_white:visited {
	text-decoration:none; text-decoration:underline;
	color:#fff; font-size:12px; font-weight:bolder;
}
a.link_white:hover, a.link_white:active {
	text-decoration:underline;
	color:#FFFF00; font-size:12px; font-weight:bolder;
}

a.link_yellow:link, a.link_yellow:visited {
	text-decoration:none; text-decoration:underline;
	color:#FF0; font-size:12px; font-weight:bolder;
}
a.link_yellow:hover, a.link_yellow:active {
	text-decoration:underline;
	color:#FF0; font-size:12px; font-weight:bolder;
}

a.link_removefromcart:link, a.link_removefromcart:visited {
	background:url('../order/images/icon-removefromcart.png') left no-repeat;
	color:#D75910;  font-weight:bold;
	padding-left:20px;
	display: inline-block;
	float: right;
	text-align: right; text-decoration:none;
	width:auto;
}

a.link_removefromcart:hover, a.link_removefromcart:active {
	color:#FF6600; text-decoration:none;
}

a.link_arrow_large:link, a.link_arrow_large:visited {
	font-size:18px; font-weight:bolder; text-decoration:none; color:#FC0;
	background:url('../images/icon_arrow_large.gif') left no-repeat;
	padding-left:40px; padding-top:20px;  display:block; height:40px; vertical-align:middle;
	width:auto;
}

a.link_arrow_large:hover, a.link_arrow_large:active {
	color:#fff; text-decoration:underline;
}

.form-error-box {
font-size: 1.2em;
font-weight: bold;
color: red;
border: 1px dotted #333;}

#quotes{
	font:14px;
	color:#fff;
	width:auto;
	margin:0px auto 0 auto;
	padding:0px 20px 20px 20px;
	position:relative;
}

#author{
	color:#C93;
    padding-top:10px;
	position:absolute;
	bottom:0px;
	right:10px;
}

/** RECENT PURCHASES **/
ul.recentpurchases {margin:0;padding:0;list-style:none;}
ul.recentpurchases li {padding-left:15px;padding-top:10px;padding-bottom:5px;background:url('../images/bullet-blue-peg.png') 0px 15px no-repeat;padding-bottom:10px;border-top:1px #333 dotted;margin-bottom:10px;}

.myButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f15d22), color-stop(1, #f15d22));
	background:-moz-linear-gradient(top, #f15d22 5%, #f15d22 100%);
	background:-webkit-linear-gradient(top, #f15d22 5%, #f15d22 100%);
	background:-o-linear-gradient(top, #f15d22 5%, #f15d22 100%);
	background:-ms-linear-gradient(top, #f15d22 5%, #f15d22 100%);
	background:linear-gradient(to bottom, #f15d22 5%, #f15d22 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f15d22', endColorstr='#f15d22',GradientType=0);
	background-color:#f15d22;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	padding:8px 50px;
	text-decoration:none;
}

a.myButton:active {
	position:relative;
	top:1px;
	text-decoration:  none;
}

a.myButton:link    {
  /* Applies to unvisited links in class mainNav */
	text-decoration:  none; 
	color: white;
  } 
a.myButton:visited {
  /* Applies to visited links in class mainNav */
	text-decoration:  none;
	color: white;
  } 
a.myButton:hover   {
  /* Applies to links under the pointer in class mainNav */
	text-decoration:  none;
	color: white;
	} 
	
#salesTermsPopUp {
	/*displays pop-up when "active" class is not present*/
	visibility: hidden;
}

#salesTermsPopUp.active {
	/*displays pop-up when "active" class is present*/
	visibility:visible;
	text-align:left;
	border: 2px black;
	background: white;	 
	overflow-x: auto; 
	text-align:justify;
}
#emailPopUp {
	/*displays pop-up when "active" class is not present*/
	visibility: hidden;
	text-align:center;
}

#emailPopUp.active {
	/*displays pop-up when "active" class is present*/
	visibility:visible;

	
}
.interiorNewpagesCart .msg_box{
	border-radius: 20px;
	border: 2px solid #0000FF;
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 5px;
	width:96%;
	color: #0000ff;
}
.interiorNewpagesCart .msg_box h2{
	text-align:center;
	font-weight: 800;
	margin-top: 0px;
	margin-bottom: 0px;
}
.interiorNewpagesCart .msg_box div{
	font-size: 15px;
	text-align: justify;
	margin-bottom: 5px;
}
#loading {
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    display: table-header-group;
    background-color: #fff;
    text-align: center;
    bottom: 0;
    z-index: 10;
    height: 1500px;
}
  
#loading-image {
    position: absolute;
    top: 100px;
    left: 50%;
    z-index: 100;
    transform: translateX(-50%);
}

.modal-container{
	position: fixed;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	background-color: #f4f4f4;
	border: 1px solid #d5d5d5;
	width: 410px;
	z-index: 1000000;
	box-shadow: 2px 2px 3px #b8bac7;
}
.close-btn{
	float: right;
    z-index: 1000;
    margin-top: 5px;
    margin-right: 5px;
}
.modal-body{
	padding: 20px;
}