@CHARSET "UTF-8";

/*********************************************
 MAIN STRUCTURE */
#holder {
	width: 956px;
	background: #fff;
	padding: 12px;
}

#header div.logo {
	float: left;
	margin-top: 20px;
	margin-bottom: 8px;
}

#header div.yale_builder {
	float: right;	
	margin-top: 20px;
}

#header div.search_holder {
	float: right;
	width: 250px;
	padding-top: 14px;
	text-align: center;
}

#header div.search_holder div {
	padding-bottom: 5px;
}

#header div.search_holder div a {
	text-decoration: underline;	
}

#header div.search_holder button {
	background: #000;
	color: #fff;
	border: none;
	padding: 5px;	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#header div.search_holder input {
	border: solid 1px #000;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;	
    padding: 5px;
}

ul#mainnav {
	list-style: none;
	margin: 0;
	padding: 0;
	
}

ul#mainnav a {
	color: #fff;	
}

ul#mainnav li {
	float: left;
	margin-right: 2px;
	background: url(/images/nav_bknd_off.gif);
	text-align: center;
	font-size: 14px;
	padidng: 0;

}

ul#mainnav li:hover {
	background: url(/images/nav_bknd_on.gif);	
}

ul#mainnav li:hover div.start {
	background: url(/images/nav_bknd_start_on.gif) no-repeat;
	background-position: 0px 0px;	
}

ul#mainnav li:hover div.end {
	background: url(/images/nav_bknd_end_on.gif) no-repeat;
	background-position: 109px 0px;	
}

ul#mainnav li:hover {
	cursor: pointer;	
}

ul#mainnav li div {
	color: #fff;
	cursor: pointer;
	height: 12px;
	width: 95px;
	padding: 11px;
	padding-bottom: 7px;
	padding-top: 10px;
	text-align: left;
}

html>body ul#mainnav li div {
	padding-top: 12px;
	padding: 11px;	
}


ul#mainnav li div.start  {
	background: url(/images/nav_bknd_start_off.gif) no-repeat;
	background-position: 0px 0px;	
}

ul#mainnav li div.end {
	background: url(/images/nav_bknd_end_off.gif) no-repeat;
	background-position: 109px 0px;	
}


ul#mainnav li.blue {
	background: url(/images/nav_bknd_blue_off.gif);
}

ul#mainnav li.blue:hover {
	background: url(/images/nav_bknd_blue_on.gif);
}

ul#mainnav li.blue:hover div.start {
	background: url(/images/nav_bknd_blue_start_on.gif) no-repeat;
	background-position: 0px 0px;	
}

ul#mainnav li.blue:hover div.end {
	background: url(/images/nav_bknd_blue_end_on.gif) no-repeat;
	background-position: 109px 0px;	
}


ul#mainnav li.blue div span {
	background: #fff;
	padding: 2px;
	padding-bottom: 1px;
	font-size: 10px;
	color: #437fb3;	
}

ul#mainnav li.blue div.start {
	background: url(/images/nav_bknd_blue_start_off.gif) no-repeat;
	background-position: 0px 0px;	
}

ul#mainnav li.blue div.end {
	background: url(/images/nav_bknd_blue_end_off.gif) no-repeat;
	background-position: 109px 0px;	
}


ul#mainnav {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;	
	margin-top: 30px;
	margin-left: 150px;
}

ul#mainnav li {
	float: left; 
	font-size: 18px;
	margin-right: 20px;
	background: none;
	color: #315ba3;
}

ul#mainnav li.on {
	color: #f7bf4e;
	border-bottom: solid 6px #f7bf4e;
}

ul#mainnav li:hover {
	color: #f7bf4e;
	background: none;
}

div#subnav {
	border-bottom: solid 2px  #1c449c;
	height: 23px;
}

div#subnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
}

div#subnav ul li {
	float: left;
	padding: 5px;
	background: #1c449c;
	color: #fff;
	margin-right: 2px;
}

html>body div#subnav ul  {
	margin-bottom: 0px;	
}

div#subnav ul li a {
	color: #fff;
}

div#subnav ul li:hover {
	opacity: 0.7;	
	filter:alpha(opacity=70);
	margin-bottom: -2px;

}

div#subnav ul li.on {
	opacity: 0.7;	
	filter:alpha(opacity=70);	

} 



#content {
	min-height: 450px;	
}

#footer {
	border-top: solid 20px #000;
	width: 100%;
	text-align:center;
}

#footer div.legal {
	/*width: 100%;*//*changed from 80% to 100% for new 2010 footer*/
	float: left;
	padding-top: 25px;
	padding-bottom: 30px;	
	padding-left: 10px;
	font-size: 0.8em;
	color: #a9aaac;

	
}

#footer div.footer_logo {
	float: left;
	padding: 5px 0 0 0;	
	width:110px;
}

#footer div.brand_logos {
	width: 20%;
	float: right;	
	
}

div.line {
	border-bottom: solid 1px #d9d9d9;	
}

/*********************************************
 MAIN HEADER */

div.header_s {
	border: solid 1px #d8d8d8;
	background: url(/images/shdr_bknd.gif) no-repeat;
	background-position: 570px;
}

div.header_b {
	border: solid 1px #d8d8d8;
}

div.header_s img, div.header_b img {
	float: left;
	margin-right: 10px;
}

div.header_s p, div.header_b p {
	padding-top: 20px;
	padding-bottom: 0;
	margin-bottom: 0;
}

/*********************************************
 MAIN HEADER */

div.selector {
	border-top: solid 2px #1c449c;
	border-bottom: solid 1px #d8d8d8;
	margin-top: 10px;
}

div.selector h1.price {
	font-size: 16px;
	color: #002e8e;
	padding-top: 30px;
	margin-left: 10px;
	line-height: 20px;	
	font-weight: 0;
}

div.selector h1.price span {
	font-size: 18px;
	font-wight: bold;	
}

div.selector ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-right: solid 1px #d8d8d8;
	
}

div.selector ul.row li {
	border-top: solid 1px #d8d8d8;
}	

div.selector ul li {
	float: left;
	padding-bottom: 15px;
	padding-top: 42px;
	width: 100px;
	text-align: center;
	border-left: solid 1px #d8d8d8;
	height: 35px;
	font-weight: bold;
	cursor: pointer;
}

div.selector ul.nolimit li {
	height: 200px;
	width: 140px;
	padding-top: 15px;
}

div.selector ul.nolimit li img {
	float: right;	
}

div.selector ul.nolimit li:hover {
	background: #fff;	
}

div.selector ul li.selected {
	background: #1c449c;
	color: #fff;
}

div.selector ul li.end {
	border-right: solid 1px #d8d8d8;
}

div.selector ul li.selected:hover {
	background: #1c449c;
	color: #fff;
}

div.selector ul li:hover {
	background: #f0f5f8;
	
}
div.selector ul li.nohover:hover {
	background: none;
}

div.selector ul li ul li {
	height: 50%;
	width: 100px;
}

div.selector button {
	margin-top: 25px;
	margin-left: 10px;
	float: left;
}

div.selector div.options {
	float: left;
}

div.selector img {
	float: left;
}

	
div.selector div.options ul.tight {
	border-left: none; 
	width: 450px;
}


div.selector div.options ul.tight li {
	border-lefT: none;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	height: auto;
	padding-top: 5px;
	margin-bottom: -1px;
}

div.selector div.options ul.tight li:hover {
	background: #fff;
}

div.selector div.options ul.tight li img {
	float: right;
}
	


/*********************************************
 PRODUCT PAGES */

div#product_pages {
	width: 750px;
}

div#product_pages div.side {
	width: 180px;
	float: right;	
}

div.social-icons-holder img {
	float: left; 
	margin-right: 4px;
	
}

div#product_pages div.side  ul.side-list {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 5px;
}

div#product_pages div.side  ul.side-list li {
	padding: 5px;	
	font-size: 11px;
	color: #c7c7c7;

}

div.side  ul.side-list li span {
	float: right;
}

div#product_pages div.side  ul.side-list li.header {
	background: #1c449c;
	color: #fff;
}

div#product_pages div.side  ul.side-list li.odd {
	background: #f5f5f5;
}


div#product_pages div.side a {
	color: #2c51a3;
	font-weight: bold;
	font-size: 11px;
}
	
	
div.model {
	font-size: 16px;
	color: #757575;
	border-bottom: solid 2px #9caed4;
	padding: 5px;
}



div.breadcrumb {
	padding: 5px;
	color: #c6c6c6;
	border-bottom: solid 2px #f9f9f9;
	margin-bottom: 10px;
}

div.image {
	float: left;
	width: 180px;
}

div.product-content {
	floaT: left;
	width: 380px;
	margin-left: 2px;
	
	
}

div.product-content h1 {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	color: #757575;
	font-size: 16px;
	text-transform: uppercase;
}

div.product-content h1 span {
	float: right;
	color: #043091;
}

div.product-content h2 {
	margin: 0;
	padding: 0;
	margin-top: 5px;
	color: #757575;
	font-size: 12px;
	
}

div.product-content h2 span {
	float: right;

	color: #043091;
}

/*********************************************
 HOMEPAGE */
 
div.box {
	background: url(/images/news/bknd.jpg) no-repeat;
	font-family: "Trade Gothic", Arial, sans-serif;
	color: #fff;
	padding: 18px;
	width: 196px; 
	height: 196px;
}

div.box p {
	color: #fff;
	font-size: 9px;

}

div.box h1, div.box h2 {
	font-size: 12px;
	margin: 0;
}
div.box h1 {
	margin-top: 55px;
}
div.box h2 {
	color: #000;
}


div.standard {
	width: 75%;
	margin-left: 5px;
}


/*********************************************
 FILTERS */
 
div.filter-holder {
	border-top: solid 3px #1C449C;
	background: #F2F2F2;
	padding: 5px;
	font-size: 10px;
}

div.filter-holder div {
	float: left;
	min-height: 200px;
	margin-left: 5px;
	border-left: solid 1px #ccc;
	padding: 10px;
}

div.filter-holder div a b {
	font-size: 12px;
	color: #1C449C;
}

div.filter-holder div h1 {
	font-size: 15px;
	color: #1C449C;
	margin: 0;
	padding: 0;
}
div.filter-holder div h2 {
	font-size: 12px;
	color: #58595B;
	margin: 0;
	padding: 0;
}

div.filter-holder div ol {
	list-style: none;
	margin-left: 0;
	padding: 0;
	width: 130px;
}

div.filter-holder div ol li {
	margin-top: 2px;
}



/*********************************************
 PRODUCT LIST */


div.product-list {
	margin-top: 5px;
	float: left;
	width: 80%;
	border-top: solid 2px #1C449C;
}

div.product-list div.holder {
	border:  solid 1px #cdd1d4;
}


div.product-list div.holder h1 {
	font-size: 14px;
	color: #1C449C;
	background: #f0f5f8;
	border-bottom:  solid 1px #cdd1d4;
	margin: 0;
	padding: 5px;


}

div.product-list div.holder h1 input {
	padding-top: 3px;
}

div.product-list div.holder h1 span {
	float: right;
	padding: 5px;
}

div.product-list div.holder img {
	border: solid 1px #1C449C;
	float: left;
}
div.product-list div.holder img.yale {
	border: none;
	float: right;
}

div.product-list div.holder div.area {
	padding: 10px;
}


div.product-list div.holder div.area div.finishes {
	margin-left: 10px;
	float: left;
}


div.product-list div.holder div.area h3 {
	
	font-size: 10px;
	margin: 0;
	padding: 0;
	color: #7f7f7f;
}


#finishes-description-holder img {
	border: 0;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}

div.product-list div.holder div.area div.button_holder {
	float: right;
	margin-top: 80px;
	margin-right: -20px;
}

div.product-list div.holder div.area div.button_holder div {
	float: left;
	padding: 5px;
}


/*********************************************
 PRODUCT GRID */
 
 
 
div.product-grid {
	margin-top: 5px;
	background: #f9f9f9;
	float: left;
	width: 80%;
	border-top: solid 2px #1C449C;
	border-right: solid 1px #cdd1d4;
	border-bottom:  solid 1px #cdd1d4;
}

div.product-grid div.holder {
	float: left;
	width: 180px;
	height: 180px;
	border-left: solid 1px #cdd1d4;
	border-bottom: solid 1px #cdd1d4;
	padding: 5px;
}

div.product-grid div.last {
	border-right: solid 1px #cdd1d4;
}


div.product-grid div.holder input {
	float: left;
}

div.product-grid div.holder h1 {
	margin: 0;
	padding: 6px;
	font-size: 12px;
	color: #1C449C;
	float: left;
}

div.product-grid div.holder h2 {
	margin-left: 27px;
	font-size: 10px;
	color: #999;
	padding: 0;
}

div.product-grid div.holder h3 {
	
	font-size: 10px;
	margin: 0;
	padding: 0;
	color: #7f7f7f;
	margin-top:40px;
}

div.product-grid div.holder img {
	border: solid 1px #1C449C;
	float: right;
}

div.product-grid div.holder:hover {
	background: #f0f5f8;
}

div.product-grid div.holder #finishes-description-holder img {
	border: 0;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}


div.product-grid div.holder img.yale {
	border: none;
	float: left;
	margin-top: 10px;
}