/* general and common settings for Front-End*/
body  {
	
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#000;
	margin: 0 auto; 
	padding: 0px;
	text-align: center; 
	color: #000000;

}
 #container { 
	width:960px;  
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	
	overflow:hidden;
	
	text-align: center;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
} 
#wrapper { 
	width:100%;  
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	
	overflow:hidden;
	
	text-align: center; 
	background-image:url(images/side_bg.png);
	background-repeat:repeat;
} 
 #header { 
	width:100%;
	background: #000;
	padding:0px 0px 0px 0px;
	
	color: #ffd31c;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
} 
.logo {
	float:left;
	width:192px;
	margin-top:0px;
	padding-bottom:12px;
	border: none;
	text-align:left;
	
	
}
.email {
	float:left;
	margin:0 auto;
	border: none;
	clear:left;
	width:192px;
	
	text-decoration:none;
	text-align:left;
}
.search {
	width:184px;
	height:32px;
	float:right;
	padding:0px 0px 0px 0px;
	margin-top:0px;
	overflow:hidden;
}

.search_field {
	border:2px solid #ffd31c;
	height:18px;
	width:110px;
	background: url(images/search_input_bg.png);  
	background-repeat: repeat-x;
	padding:2px 0px 0px 2px;
	font-size:11px;
	margin-right:12px;
	color:#000000;
}

.search_submit {
	background:url(images/search_submit.png); 

background-repeat: no-repeat;
	width:31px;
	height:28px;
	border:0;
	cursor:pointer;
	margin:0px 0px 0px 0px;
}

.search_submit:hover {
	background:url(images/search_submit.png) 0px -28px no-repeat;
	width:31px;
	height:28px;
}
.address_header {
	overflow:hidden;
	width:184px;
	float:right;
	display:inline;
	font-size:100%;
	padding-top:22px;
	padding-right:8px;
	font-weight:bold;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:100%;
	color:#ffd31c;

	
}
.top_text {
	width:50%;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:0px;
	padding-bottom:0px;
	padding-left:20px;
	padding-top:22px;
	float:left;
	display:inline;
	
}
.top_nav {
	width:850px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:5px;
	padding-left:0px;
	padding-right:0px;
	clear:both;
	height:auto;
	display:block;
	text-align:center;
	
	
	
}
#header h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:190%;
	margin-top:0px;
	font-weight:100;
	color:#ffd31c;
	
	
	
}
#header h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:150%;
	font-weight:normal;
	color:#ffd31c;
	
	
	
	
	
	
	
}
#header p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:100%;
	color:#ffd31c;
}
.rope_slide {
	background-color: #000;
	background-image:url(images/side_bg.png);
	background-repeat:repeat;
	width:100%;
	padding:0px 0px 0px 0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	overflow:hidden;
	clear:right;
	
	
	
}

a:link {color:#ffd31c;
text-decoration:underline;}      /* unvisited link */
a:visited {color: #0FF;
text-decoration:none;
}  /* visited link */
a:hover {color: #FF0; text-decoration:none;}  /* mouse over link */
a:active {color:#ffd31c; text-decoration:none;
}
.front_end_layout #sidebar1 {
	float: left; 
	width: 20%;
	
	padding: 0px 0px; /* top and bottom padding create visual space within this div  */
	background-image:url(images/side_bg.png);
	background-repeat: repeat;
	
}
.sidenav 
{ text-align:left;
margin:0 0 0 0;
padding-right:9px;
}
.sideimages 
{ text-align:left;
margin-top:30px;
margin-bottom:20px;
margin-left:0px;
margin-right:0px;
padding-left:0px;
border:none;
text-decoration:none;
width:100%;
overflow:hidden;
}

.front_end_layout #sidebar1 h3, .front_end_layout #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}


.front_end_layout #mainContent { 
	margin-right:auto;
	margin-left:auto;
	background-image:url(images/side_bg.png);
	background-repeat:repeat;
	text-align:left;
	width:80%;
	float:left;
	
	
}



.front_end_layout #mainContent h1 {
font-size:125%;	
margin-top:0px;
margin-bottom:0px;
line-height:24px;
text-align:center;
}
.front_end_layout #mainContent p {
	font-weight:bold;
}
.front_end_layout #mainContent h2 {
font-size:115%;	
margin-top:0px;
margin-bottom:0px;
line-height:20px;
text-align:center;
clear:both;
}
.column_one {
	width:100%;
	display:block;
	margin:auto;
	overflow:hidden;
	text-align:center;
	
	
	
	
}
.search_dealer {
	width:100%;
	padding:4px 0px 0px 0px;
	margin-top:auto;
	overflow:hidden;
	font-size:12px;
	clear:both;
	display:block;
	font-weight: bolder;
	text-align:center;
	
	
}
.column_one_bag {
	width:100%;
	display:block;
	margin:auto;
	overflow:hidden;
	text-align:center;
	clear:both;
	
	
	
	
}
.column_front {
	width:50%;
	float:left;
	display:inline;
	margin:auto;
	overflow:hidden;
	
	
	
	
}
.column_front_right {
	width:50%;
	float:right;
	display:inline;
	margin: auto;
	
	
	
	
	
}
.column_front_right_bottom {
	width:50%;
	float:right;
	display:inline;
	margin: auto;
	clear:right;
	
	
	
	
	
}
.column_front_left_bottom {
	width:50%;
	float:left;
	display:inline;
	margin: auto;
	clear:left;
	
	
	
	
	
}
.image_prod {
	border:none;
	width:260px;
	text-align:center;
	margin:auto;
	padding-top:20px;
	padding-bottom:10px;
	overflow:hidden;
	
}
.image_prod_onecol {
	border:none;
	width:500px;
	text-align:center;
	margin:auto;
	padding-top:20px;
	padding-bottom:10px;
	overflow:hidden;
	
}
.prod_onecol_txt {
	width:80%;
	background-color:#ffffff;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
   margin:auto;
   padding-left:4px;
   padding-right:4px;
  }
.prod_col_txt {
	width:260px;
	background-color:#ffffff;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
   margin:auto;
   padding-left:4px;
   padding-right:4px;
  }
.prod_col_txt h1 {
	color:#000000;
 font-weight:400;
  text-align:center;
  font-size:115%;
  }
  .prod_col_txt p {
	color:#000000;
 font-weight:300;
  text-align:left;
 
  }
.column_margin {display:inline; margin-right:5%; }

 #footer {
	width:960px;
	overflow:hidden;
	margin:0 auto;
color: #ffd31c;
padding-top:10px;
padding-left:100px;
clear:both;
text-align:center;
}
 #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

td {margin:0px;	padding:0px; font-size:12px; color:#000000; font-family:Arial, sans-serif;}
p {margin:0px; padding:0px;	margin-bottom:10px;	font-size:12px;	color:#000000; font-family:Arial, sans-serif;}
div {margin:0px; padding:0px; font-size:12px; color:#333333; font-family:Arial, sans-serif;}

form {padding:0px;margin:0px;}
input.submit {padding-left:40px; padding-right:40px; margin-top:10px;}

img {border:none; align:absmiddle;}

/* headlines */



/* tab navigation */

table.nav_menu {width:70%; margin:auto; border:0px; padding:0px;}


.tab_off {padding:0px; margin:0px; font-weight:bold; font-size:12px; font-family:Arial, sans-serif; color:#000000; text-decoration:none;}
.tab_off:hover {color:#025191; text-decoration:none; background-color:#F7F7F7;}

.usa {background-color:#E6F7FF; border-top:1px solid #cccccc; padding:0px; margin:0px; font-weight:bold; font-size:14px; font-family:Arial, sans-serif; color:#025191; text-decoration:none;}
.canada {background-color:#CCFFCC; border-top:1px solid #cccccc; padding:0px; margin:0px; font-weight:bold; font-size:14px; font-family:Arial, sans-serif; color:#025191; text-decoration:none;}
.international {background-color:#FFFFCC; border-top:1px solid #cccccc; padding:0px; margin:0px; font-weight:bold; font-size:14px; font-family:Arial, sans-serif; color:#025191; text-decoration:none;}
.online {background-color:#FFFFCC; border-top:1px solid #cccccc; padding:0px; margin:0px; font-weight:bold; font-size:14px; font-family:Arial, sans-serif; color:#025191; text-decoration:none;}

/* search entry forms */

table.usa_search {background-color:#E6F7FF; width:960px%; margin-left:15%; margin-right:15%; border:0px solid #65810A; padding:15px;}
table.usa_search tr th {font-weight:bold; padding:5px; text-align:left;}
table.usa_search tr td {padding:5px;}

table.canada_search {background-color:#CCFFCC; width:70%; margin-left:15%; margin-right:15%; border:0px solid #65810A; padding:15px;}
table.canada_search tr th {font-weight:bold; padding:5px; text-align:left;}
table.canada_search tr td {padding:5px;}

table.international_search {background-color:#FFFFCC;width:70%; margin-left:15%; margin-right:15%; border:0px solid #65810A; padding:15px;}
table.international_search tr th {font-weight:bold; padding:5px; text-align:left;}
table.international_search tr td {padding:5px;}

table.online_search {background-color:#FFFFCC;width:960px; margin-left:15%; margin-right:15%; border:0px solid #65810A; padding:15px;}
table.online_search tr th {font-weight:bold; padding:5px; text-align:left;}
table.online_search tr td {padding:5px;}




/* index table settings */

table.index {width:60%; margin:auto; border:1px solid #F0F0F0; padding:3px; text-align:center;}
table.index tr td {padding:2px;}

/* search form settings (including advanced search) */

table.zip_search {width:960px; margin-left:15%; margin-right:15%; border:0px solid #65810A; padding:3px;}
table.zip_search tr th {font-weight:bold; padding:5px; text-align:left;}
table.zip_search tr td {padding:5px;}
table.zip_search tr td.small {font-size:11px;}

/* ranked locations background color */ 

table.results tr.rank_bg {background-color:#feffcb;}

/* results list table settings */ 

table.results {border:none; margin:0px;}
table.results tr td {padding:5px;border-bottom:1px solid #dddddd;}
table.results tr td.last {text-align:right; font-weight:none}
table.results tr td p a:link {font-weight:bold;}
table.results tr td p a:visited {font-weight:bold;}
table.results tr td p a:hover {font-weight:bold;}

/* page navigation settings */

div.page {padding-bottom:3px;}
div.page table tr td {padding:2px; font-size:11px;}

/* info table in detailed results */

table.detailsinfo { border:none; margin:0px; float:left;}
table.detailsinfo tr td {padding:5px;border-bottom:1px solid #dddddd;}
table.detailsinfo tr td.last {text-align:right; font-weight:none}
table.detailsinfo tr td p a:link {font-weight:bold;}
table.detailsinfo tr td p a:visited {font-weight:bold;}
table.detailsinfo tr td p a:hover {font-weight:bold;}

/* email form table in detailed results */

table.emailform  {border:1px solid #dddddd; padding:1px;}
table.emailform tr th {text-align:left; padding-top:10px; padding-bottom:10px; padding-right:10px; padding-left:20px; font-weight:bold; background-color:#eeeeee; border:1px solid #dddddd;}
table.emailform tr td {padding-top:10px; padding-bottom:10px; padding-left:10px;padding-right:20px;}

/* user fields table in detailed results */

table.userfieldtable  {border:1px solid #dddddd; padding:1px;}
table.userfieldtable tr th {text-align:left; padding-top:10px; padding-bottom:10px; padding-right:10px; padding-left:20px; font-weight:bold; background-color:#eeeeee; border:1px solid #dddddd;}
table.userfieldtable tr td {padding-top:10px; padding-bottom:10px; padding-left:10px;padding-right:20px;}

/* Visitor Add table */

table.vadd  {border:1px solid #dddddd; padding:1px;}
table.vadd tr th {text-align:left; padding-top:10px; padding-bottom:10px; padding-right:10px; padding-left:20px; font-weight:bold; background-color:#eeeeee; border:1px solid #dddddd;}
table.vadd tr td {padding-top:10px; padding-bottom:10px; padding-left:10px;padding-right:20px;}

/* the rest */

div.user_add {width:70%; margin-left:15%; margin-right:15%; text-align:right; padding:10px;}
div.main_content {padding:10px;}

div.sub_navigation {float:right; margin-bottom:5px; padding:5px;}
div.dropdown_sort {float:right; margin-bottom:5px; padding:5px;}

div.no_match_found {margin:0px; padding:3px; font-size:14px; font-weight:bold; color:#FF0000; font-family:Arial, sans-serif; background-color:#FFFFCC;}
div.no_zip_entered {margin:0px; padding:3px; font-size:14px; font-weight:bold; color:#FF0000; font-family:Arial, sans-serif; background-color:#FFFFCC;}

hr {width:100%;color:#dddddd; margin:0px; padding:0px;}

.message_fail {color:#FF0000;}

.message_sent {color:#0000FF;}