/* COLOR PALETTE:
	
	GREEN MEDIUM DARK: 	#4a5135
	GREEN MEDIUM:      	#778748
	GREEN MEDIUM LIGHT:	#b9bfb1
	GREEN LIGHT:       	#d6dbd0

*/
/*=======================================================================
		 GENERAL 
 =======================================================================*/
 
body {
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
}
a {
	color:#778748;
}
div#main_wrapper {
	width:800px;
	margin:0 auto;
	background:url(../ns_images/header.jpg) no-repeat;
}
div#header {
	height:100px;
}
div#the_gate_source_banner {
	background:url(../ns_images/the_gate_source_banner.jpg) no-repeat;
	height:40px;
	widows:800px;
}
div#demand_the_very_best_banner {
	background:url(../ns_images/demand_the_very_best_banner.jpg) no-repeat;
	height:40px;
	widows:800px;
}
div#content {
	width:800px;
	margin-bottom:10px;
}			
div#content_with_bg_image {
	background:url(../ns_images/homepage_photo_sc.jpg) no-repeat;
	height:370px;
}
div#content_without_bg_image {
	height:370px;
	position:absolute;
	z-index:2000;
}

div#diagonal_banner {
	position:absolute;
	width:152px;
	height:152px;
	top:0px;
	left:0px;
	background:url(../ns_images/diagonal_banner_green.gif) no-repeat top left;
}
br.clear_fix {
	clear:both;
	line-height:1px;
}
div.hr {
	border-top:1px dotted #999b91;
	height:1px;
}
a.strong_link {
	color:#6fa500;
	font-size:14px;
	font-weight:bold;
}

/*=======================================================================
		LOGIN 
 =======================================================================*/
#home_buttons {
	background:#343226;
	border:2px solid #B0AD9A;
	display:none;
	float:left;
	margin-top:288px;
	padding:5px;
	width:375px;
}
div#home_right_slice {
	background:url(../ns_images/homepage_right_slice_sc.jpg) no-repeat right top;
	width:290px;
	height:360px;
	float:right;
	text-align:center;
}
input#passcode_field{
	margin-right:5px;
	border:2px solid;
	border-color:#918972 #b0ad9a #b0ad9a #918972;
	height:23px;
}
input#passcode_field {
	font-size:16px;
	padding:0 10px;
	width:120px;
}
input#login_button {
	background:#336600;
	border:1px solid  #357D27;
	color:white;
	font-size:14px;
	padding:3px 6px;
}
div#home_right_slice label {
	color:white;
	height:15px;
	background:#343226;
	font-size:13px;
}
a#code_request_link {
	color: #778748;
	line-height:20px;
	text-align:center;
}
img#home_buttons_img {
	margin-bottom:40px;
}

/*=======================================================================
		NAVIGATION 
 =======================================================================*/
div#nav_container {
	height:25px;
}
ul#nav_list {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
ul#nav_list li {
	width:125px;
	height:20px;
	float:left;
	text-align:center;
	margin-left:10px;
}
ul#nav_list li.small {
	width:96px;
}
ul#nav_list li.very_small {
	width:65px;
}


ul#nav_list li a {
	display:block;
	width:100%;
	height:20px;
	text-decoration:none;
	color:#343926;
	background:url(../ns_images/bg_nav_button.gif) no-repeat top left;
	padding-top:4px;
}
ul#nav_list li.small a {
	display:block;
	width:96px;
	height:20px;
	text-decoration:none;
	color:#343926;
	background:url(../ns_images/bg_nav_button_small.gif) no-repeat top left;
}

ul#nav_list li.very_small a {
	display:block;
	width:65px;
	height:20px;
	text-decoration:none;
	color:#343926;
	background:url(../ns_images/bg_nav_button_very_small.gif) no-repeat top left;
}
ul#nav_list li.large a {
	display:block;
	width:135px;
	height:20px;
	text-decoration:none;
	color:#343926;
	background:url(../ns_images/bg_nav_button_large.gif) no-repeat top left;
}
ul#nav_list li.extra_large a {
	display:block;
	width:165px;
	height:20px;
	text-decoration:none;
	color:#343926;
	background:url(../ns_images/bg_nav_button_extra_large.gif) no-repeat top left;
}

ul#nav_list li a.active, ul#nav_list li a:hover {
	color:#FFFFFF;
	background:url(../ns_images/bg_nav_button_hover.gif) no-repeat top left;
}
ul#nav_list li.small a.active, ul#nav_list li.small a:hover {
	color:#FFFFFF;
	background:url(../ns_images/bg_nav_button_hover_small.gif) no-repeat top left;
}
ul#nav_list li.very_small a.active, ul#nav_list li.very_small a:hover {
	color:#FFFFFF;
	background:url(../ns_images/bg_nav_button_v_small_hover.gif) no-repeat top left;
}
ul#nav_list li.large a.active, ul#nav_list li.large a:hover {
	color:#FFFFFF;
	background:url(../ns_images/bg_nav_button_hover_large.gif) no-repeat top left;
}
ul#nav_list li.extra_large a.active, ul#nav_list li.extra_large a:hover {
	color:#FFFFFF;
	background:url(../ns_images/bg_nav_button_hover_extra_large.gif) no-repeat top left;
}

/*=======================================================================
		INTERIOR PAGES 
 =======================================================================*/
 div.semitransparent {
 	background:white;
	padding:20px;
}
 h1 {
 	color:#4a5135;
	font-size:20px;
	text-align:left;
 }
 h2 {
 	color:#343926;
	font-size:14px;
	margin:0;
	padding:5px 0;
	background:#b9bfb1;
 }
 div#bottom_banner {
 	background:url(../ns_images/bg_bottom_banner.jpg) no-repeat top left;
	float:left;
	width:630px;
	height:71px;
	padding:5px 10px;
	color:#333300;
	text-align:center;
	font-size:14px;
	line-height:18px;
 }
 div#bottom_banner strong {
 	font-size:16px;
 }
 div#brochures_banner {
	float:right;
	width:145px;
	height:71px;
	color:#333300;
	text-align:justify;
	font-size:14px;
	line-height:18px;
 }
 div#view_brochure_banner {
 	float:right;
	width:145px;
	
 }
 div#hardware_left_col {
 	width:350px;
	float:left;
 }
 div#hardware_right_col {
 	width:450px;
	float:left;
 }
 div#hardware_right_col img {
	float:right;
 }
 div#hardware_right_col p {
 	text-align:left;
	float:right;
	width:200px;
 }
/*=======================================================================
		HOME 
 =======================================================================*/
div#bottom_banner_no_pricing {
	float:left;
	width:630px;
	background:url(../ns_images/bg_bottom_banner_no_pricing.jpg) top left no-repeat;
	height:40px;
	color:#333300;
	font-size:14px;
	padding:8px 10px;
	text-align:center;
}
div#dealers_home_right_slice {
	background:url(../ns_images/dealers_home_right_slice_sc.jpg) no-repeat right top;
	width:290px;
	height:360px;
	float:right;
	text-align:center;
}
div#dealers_home_right_slice div {
	text-align:right;
	padding-right:10px;
}

ul#home_nav {
	float:left;
	height:55px;
	margin:255px 0 0 20px;
	padding:0;
}
ul#home_nav li {
	list-style:none;
	margin:0 0 8px 0;
	padding:0;
	width:300px;
}
ul#home_nav li a {
	display:block;
	height:87px;
    overflow: hidden;
	position:relative;
	text-indent: -9000px;
}
ul#home_nav li#consumer_showroom_btn a {
	display:none;
}
ul#home_nav li#industry_entrance_btn a {
	background:url(../ns_images/collections_buttons.png) no-repeat 0 0;
}
ul#home_nav li#consumer_showroom_btn a:hover {
	background:url(../ns_images/collections_buttons.png) no-repeat 0 -102px;
}
ul#home_nav li#industry_entrance_btn a:hover {
	background:url(../ns_images/collections_buttons.png) no-repeat 0 -88px;
}

/* '31 years' message and Todd photo */

div#todd {
	background:url(../ns_images/31_years_05_081217.jpg) no-repeat;
	clear:both;
	height:96px;
	margin:5px 0 10px;
}							

ul#coll_nav {
	background:url(../ns_images/collections_buttons.jpg) no-repeat;
	float:left;
	height:193px;
	margin:147px 0 0 18px;
	padding:0;
}
ul#coll_nav li {
	list-style:none;
	margin-bottom:7px;
	padding:0;
	width:203px;
}
ul#coll_nav li a {
	display:block;
	height:43px;
    overflow: hidden;
	position:relative;
	text-indent: -9000px;
}
ul#coll_nav li#industry_entrance_btn a:hover {
	background:url(../ns_images/collections_buttons.jpg) no-repeat 0 -157px;
}


/* Railings Button */

ul#coll_nav li#railings_designs_btn a:hover {
	background:url(../ns_images/collections_buttons.jpg) no-repeat 0 -293px;
}

/* Entrance Gates Button */

ul#coll_nav li#gate_designs_btn a:hover {
	background:url(../ns_images/collections_buttons.jpg) no-repeat 0 -193px;
}

/* Pedestrian Gates Button */

ul#coll_nav li#ped_designs_btn a:hover {
	background:url(../ns_images/collections_buttons.jpg) no-repeat 0 -243px;
}
/* Immediate Ship Button */

ul#coll_nav li#immediate_ship_btn a:hover {
	background:url(../ns_images/collections_buttons.jpg) no-repeat 0 -343px;
}

/* Entrance Gates Dropdown */

ul#collections_list {
	background:#FFF url(../ns_images/collections_list_bg.jpg) no-repeat;
	float:left;
	list-style-type:none;
	margin-top:146px;
	padding:3px 0 18px 12px;
	text-align:left;
	width:222px;
}
ul#collections_list li {
	background:url(../ns_images/arrow_right_bullet.gif) no-repeat left center;
	margin-left:8px;
}
ul#collections_list li a {
	display:block;
	color:#848f76;
	font-size:16px;
	text-decoration:none;
	margin-top:8px;
	padding-left:20px;
}
ul#collections_list li a strong {
	color:#4a5135;
}
ul#collections_list li a:hover strong {
	color:#778748;
}


/* Custom Designs Button */

ul#coll_nav li#custom_designs_btn a:hover {
	background:url(../ns_images/collections_buttons.jpg) no-repeat 0 -293px;
}



/*=======================================================================
		COLLECTION PAGE 
 =======================================================================*/

/* Entrance Gates */
div.gate_container {
	width:397px;
	height:250px;
	margin-bottom:10px;
	text-align:center;
	background:url(../ns_images/bg_gate_options.jpg) no-repeat left bottom;
}
div.gate_container img {
	width:100%;
	height:190px;
}
div.gate_container p {
	color:#4a5135;
	margin-top:5px;
	padding:0;
}
div.gate_container p a, div.gate_container h2 a {
	display:block;
	margin-top:3px;
	color:#4a5135;
}

/* Pedestrian Gates */
div.pedestrian_gate_container {
	width:260px;
	float:left !important;
	height:250px;
	margin:10px 2px 0 2px;
	padding:8px 0 0 0;
	text-align:center;
	background:url(../ns_images/bg_gate_options.jpg) no-repeat center bottom;
	border:1px solid #D3D3D1;
}
div.pedestrian_gate_container img {
	height:190px;
}
div.pedestrian_gate_container p {
	color:#4a5135;
	margin-top:5px;
	padding:0;
}

div.pedestrian_gate_container p a, div.pedestrian_gate_container h2 a {
	display:block;
	margin-top:3px;
	color:#4a5135;
}
/* Railings */
div.railing_container {
	width:397px;
	height:250px;
	margin-bottom:10px;
	text-align:center;
	background:url(../ns_images/bg_gate_options.jpg) no-repeat left bottom;
}
div.railing_container img {
	height:190px;
}
div.railing_container p {
	color:#4a5135;
	margin-top:5px;
	padding:0;
}
div.railing_container p a, div.railing_container h2 a {
	display:block;
	margin-top:3px;
	color:#4a5135;
}
a.no_underline {
	text-decoration:none;
	display:inline !important;
}
a.inline {
	display:inline !important;
}
div.clear {
	height:25px;
}
div.finish_browsing_button {
	float:right;
	width:180px;
	height:20px;
	text-align:center;
	font-size:14px;
	background:#d6dbd0;
	padding-top:5px;
	margin-left:10px;
}
div.finish_browsing_button a {
	color:#4a5135;
}
div#collections_heading_message {
	text-align:left;
    padding:10px 25px 20px;
    font-size:14px;
    color:#778748;
}
div#collections_heading_message em {
    color:#CC9966;
    font-weight:bold;
}

/*=======================================================================
		PAGINATION 
 =======================================================================*/

div.pagination {
	clear:both;
	height:20px;
	margin:10px 0;
}
div.pagination span {
	display:block;
	float:left;
	padding:2px 5px;
	margin-right:5px;
}
div.pagination a {
	display:block;
	float:left;
	padding:2px 5px;
	border:1px solid #b9bfb1;
	margin-right:5px;
}
div.pagination a:hover {
	background:#4a5135;
	color:white;
}
div.pagination a.current_page, div.pagination a.current_page:hover {
	font-weight:bold;
	border:0 none;
	text-decoration:none;
	background:#778748;
	color:white;
}

/*=======================================================================
		CUSTOM QUOTE 
 =======================================================================*/
div#custom_quote {
	height:125px;
	margin:10px auto;
	background:#d6dbd0;
	border:1px solid #b9bfb1;
	color:#4a5135;
	clear:both;
}
div#custom_quote h3 {
	margin:2px 0;
	padding:0px;
}
div#quote_result_container {
	height:35px;
	padding:5px 0 0 0;
	margin:5px 0;
	background:#b9bfb1;
	font-weight:bold;
}
div#quote_result_container strong {
	color:#FF0000;
	background:white;
}

div#custom_quote label {
	padding:0 10px;
}
input.small_input {
	width:40px;
}
input#get_quote_button {
	margin-left:10px;
}
div#custom_quote_link {
	width:180px;
	float:left;
	margin-bottom:10px;
	text-align:right;
	margin-right:10px;
}
div#custom_quote_link a {
	color:#4a5135;
}
div.note {
	font-size:11px;
	color:#CC3300;
	padding:2px 0px;
}
div#begin_order_button {
	width:144px;
	float:right;
	margin-right:20px;
}
div#begin_order {
	float:right;
	width:570px;
	font-size:16px;
}
div#line_drawing_button {
	width:163px;
	float:left;
	margin-right:10px;
}


/*=======================================================================
		ENTRANCE DETAILS PAGE 
 =======================================================================*/
 
div#details_container {
	text-align:center;
}
div#sample_price {
	padding:10px 0px;
}

/*=======================================================================
		PEDESTRIAN DETAILS PAGE 
 =======================================================================*/
div#pedestrian_container {
	height:580px;
	margin-bottom:10px;
}
div#pedestrian_details {
	width:460px;
	float:left;
	margin-top:100px;
	text-align:center;
}

/*=======================================================================
		ABOUT US 
 =======================================================================*/

div#about_us_text_container {
	float:left;
	width:500px;
	text-align:justify;
	line-height:15px;
}
div#about_us_logos_container {
	float:left;
	width:300px;
	text-align:center;
	padding-top:70px;
}
div#about_us_logos_container img {
	margin-bottom:15px;
}

/*=======================================================================
		CUSTOM DESIGNS 
 =======================================================================*/
table#custom_designs_table {
	width:600x;
	margin:10px auto;
}
table#custom_designs_table td {
	background:#b9bfb1;
	text-align:center;
}
/*=======================================================================
		REQUEST CODE FORM 
 =======================================================================*/
div#request_code_form_container {
	width:500px;
	float:right;
	height:370px;
	background:white;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}
div#message {
	background:#090;
	color:#FFF;
}
div.form_row {
	margin-top:10px;
}
div.form_row label {
	display:block;
	float:left;
	margin-right:10px;
	text-align:right;
	width:150px;
}
input#submit_button {
	width:86px;
	margin-left:180px;
}

/*=======================================================================
		FENCE (PANELS) 
 =======================================================================*/
div#fence_container .left {
	width:50%;
	float:left;
}
div#fence_container .right {
	width:50%;
	float:right;
} 
h5 {
	color:#006699;
	font-size:13px;
	margin-top:2px;
}
div.billboard {
	border:1px solid #BDC8A4;
	padding:2px;
}
div.billboard p {
	background:#BDC8A4;
	margin:0px;
	padding:5px;
}
div.sample_dealer {
	width:70%;
	margin:10px auto;
	border:1px solid #88856D;
}
div.sample_dealer span.price {
	color:#990000;
	font-size:16px;
}

/*=======================================================================
		Shipping
 =======================================================================*/

table#shipping {
	border-collapse:collapse;
	margin:10px auto;
	width:400px;
}
table#shipping tr td, table#shipping tr th {
	border:1px solid #c2c7b0;
	padding:5px 10px;
}
table#shipping tr th {
	color:#254345;
	text-align:right;
}

/*=======================================================================
		Pedestrian Gates Pages
 =======================================================================*/
 
ul#ped_images {
	height:295px;
	margin:0 0 20px 0;
	padding:0;
	list-style-type:none;
}
ul#ped_images li {
	float:left;
}
ul#ped_images li a {
	border:1px solid #CCC;
	cursor:pointer;
	display:block;
	height:271px;
	overflow:hidden;
	text-indent:-9000px;
}
ul#ped_images li a:hover {
	border:1px solid #3d5d61;
}
ul#ped_images li span {
	font-weight:bold;
}
/* Left Image */
 
ul#ped_images li#left_image {
	width:190px;
}
ul#ped_images li#left_image a {
	background:url(../ns_images/pedestrian_left_img.jpg) no-repeat;
}
ul#ped_images li#left_image a:hover {
	background:url(../ns_images/pedestrian_left_img.jpg) 0px -271px no-repeat;
}
 
/* Center Image */

ul#ped_images li#center_image {
	margin:0 4px;
	width:393px;
} 
ul#ped_images li#center_image a {
	background:url(../ns_images/pedestrian_center_img.jpg) no-repeat;
}
ul#ped_images li#center_image a:hover {
	background:url(../ns_images/pedestrian_center_img.jpg) 0px -271px no-repeat;
}
   
/* Right Image */

ul#ped_images li#right_image {
	width:190px;
} 
ul#ped_images li#right_image a {
	background:url(../ns_images/pedestrian_right_img.jpg) no-repeat;
}
ul#ped_images li#right_image a:hover {
	background:url(../ns_images/pedestrian_right_img.jpg) 0px -271px no-repeat;
}
 
/*=======================================================================
		ORDER CATALOGUES AND CDs (notification messages)
 =======================================================================*/
#notification {
	margin-bottom:20px;
}
#notification h2{
	background:none !important;
	margin-bottom:10px;
}
#notification a {
	padding:5px 10px;
	color:#006699;
	font-size:14px;
	text-decoration:none;
}
 
/*=======================================================================
		PERSONALIZE SHOWROOM
 =======================================================================*/

div#p_showroom_text_container {
	text-align:justify;
	line-height:15px;
}
div#p_showroom_btn_container {
	text-align:center;
	padding-top:30px;
}
div#p_showroom_btn_container img {
	margin-bottom:15px;
}
div#showroom_login {
	padding: 5px 10px;
	margin: 50px 0;
	text-align:center;
	font-size:14px;
}
div#showroom_login label {
	font-size:18px;
	color:#58613F;
	font-weight:bold;
}
div.footer {
	background:url(../ns_images/showroom_footer_bg.jpg) no-repeat;
	height:40px;
	text-align:center;
	font-size:22px;
	color:#313720;
	padding-top:10px;
}
span.powered_by {
	display:block;
	float:right;
	width:100px;
	text-align:right;
	font-size:12px;
	font-style:italic;
	position:relative;
	right:10px;
	top:5px;
}
div#showroom_contact {
	padding-left:200px;
	font-size:16px;
	line-height:20px;
}
div#logout_button {
	float:right;
	width:100px;
	padding:4px;
	font-size:14px;
	text-align:right;
}

.immediate_ship .gate_container {
	height: 265px !important;
}
 
/*=======================================================================
=========================================================================
		ORDER PROCESS, TO BE CLEANED
=========================================================================
=========================================================================*/
.inciso {background-color:#FFFFFF;border:1px solid #87B232;color:#000000;font-weight:bold;padding-right:3px;padding-left:3px}

.row_odd {
 	background-color:#E0EFF3;
 }
 #pedestrian_fields {
 	font-size:10px
 }
 .servicios {
 	text-align:center;
	border: 1px solid #CCCCCC;
 }
 .fondogris {
 	text-align:left;
	background:#d6dbd0;
 }
 .error {
 	color:red;
 }
 #black {background-color:#000;border:1px solid #AAA;padding-right:10px;padding-left:6px;float:left;width:20px;height:30px}
#white {background-color:#FFF;border:1px solid #AAA;padding-right:10px;padding-left:6px;float:left;width:20px;height:30px}
#fgreen {background-color:#1a3c1c;border:1px solid #AAA;padding-right:10px;padding-left:6px;float:left;width:20px;height:30px}
#mbrown {background-color:#46250f;border:1px solid #AAA;padding-right:10px;padding-left:6px;float:left;width:20px;height:30px}
#bronze {background-color:#866344;border:1px solid #AAA;padding-right:10px;padding-left:6px;float:left;width:20px;height:30px}

.hiddenField {
 	display:none;
}
 .editLink, .saveLink {
 	color:#778748;
	cursor:pointer;
 }