@charset "utf-8";
/* Visible vertical scrollbar which disables correctly and allows normal horizontal scrollbar behaviour. */
html {
 min-height: 101%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	/*background: #eee;*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
}

ol.decimal {
	list-style: inside decimal;
	margin:10px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.twoColFixCtrHdr #container, .oneColFixCtrHdr #container {
	
}

.twoColFixCtrHdr #header, .oneColFixCtrHdr #header {
	height:60px;
	background: none; 
	padding: 0;
	margin-bottom:12px;
	margin-left:0px;
}
.twoColFixCtrHdr #header h1, .oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.twoColFixCtrHdr #header-logo, .oneColFixCtrHdr #header-logo {
position:relative;
top:0px;
left:0px;
width:241px;
height:60px;
margin-right:7px;
float:left;
}

.twoColFixCtrHdr #header-tagline, .oneColFixCtrHdr #header-tagline {
position:relative;
top:0px;
left:0px;
width:462px;
height:60px;
margin-right:10px;
float:left;
}

.twoColFixCtrHdr #header-dealer-locator, .oneColFixCtrHdr #header-dealer-locator {
	position:relative;
	top:0px;
	left:0px;
	width:222px;

}

.twoColFixCtrHdr #header-dealer-locator table, .oneColFixCtrHdr #header-dealer-locator table {
padding:0;
margin:0;
width:180px;
height:60px;
border-collapse:collapse;
}

.twoColFixCtrHdr #header-dealer-locator p, .oneColFixCtrHdr #header-dealer-locator p {
	font-stretch:extra-condensed;
	letter-spacing:-0.5px;
	color:#666;
	font-weight:700;
	margin:0;
	padding:0;
}

.twoColFixCtrHdr #header-dealer-locator table .dealer-locator-textfield, .oneColFixCtrHdr #header-dealer-locator table .dealer-locator-textfield {
	width:175px; /*146*/
	height:18px;
	border:1px solid #CCC;
	margin-right:4px;
	padding-left:2px;
	color:#666;
	font-size:11px;
	font-stretch:extra-condensed;
}

.twoColFixCtrHdr #header-dealer-locator table .dealer-locator-textfield:focus, .oneColFixCtrHdr #header-dealer-locator table .dealer-locator-textfield:focus {
	background-color:#eaeaea;
}

.twoColFixCtrHdr #leftContent {
	min-height:500px;
	width: 220px;
	padding: 0 0 0 12px;
	margin-bottom:12px;
	background: #FFF;
	float:left;
}

.twoColFixCtrHdr #leftContent-navWrapper {
	margin:6px 0 12px 0;
	padding:10px 0 10px 0;
	width: 220px;

}

.twoColFixCtrHdr #leftContent-adWrapper {
	width: 220px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
}

.twoColFixCtrHdr #leftContent-adWrapper img {
	padding:10px;
	width:200px;
	height:200px;
}

.twoColFixCtrHdr #leftContent-dealerLogin, .twoColFixCtrHdr #leftContent-dealerLogout {
	margin:10px 0;	
}

.twoColFixCtrHdr #leftContent-dealerLogin table, .twoColFixCtrHdr #leftContent-dealerLogout table {
	padding:0;margin:0;width:220px;height:60px;border-collapse:collapse;
}

.twoColFixCtrHdr #leftContent-dealerLogin p, .twoColFixCtrHdr #leftContent-dealerLogout p {
	margin:0;
	padding-left:10px;
	font-size:10px;
	color:#999;
}

.twoColFixCtrHdr #leftContent-dealerLogin p a:link, .twoColFixCtrHdr #leftContent-dealerLogin p a:visited, 
.twoColFixCtrHdr #leftContent-dealerLogout p a:link, .twoColFixCtrHdr #leftContent-dealerLogout p a:visited {
	color: #666; /* green */
	text-decoration:none;
}

.twoColFixCtrHdr #leftContent-dealerLogin p a:hover, .twoColFixCtrHdr #leftContent-dealerLogin p a:active,
.twoColFixCtrHdr #leftContent-dealerLogout p a:hover, .twoColFixCtrHdr #leftContent-dealerLogout p a:active{
	text-decoration:underline;
}

.twoColFixCtrHdr #leftContent-dealerLogin table .dealerLogin-user, .twoColFixCtrHdr #leftContent-dealerLogin table .dealerLogin-pass {
	width:165px;
	height:18px;
	border:1px solid #CCC; /* green */
	margin: 0 6px 8px 10px;
	padding-left:2px;
	color:#666;
	font-size:11px;
	font-stretch:extra-condensed;
}

.twoColFixCtrHdr #leftContent-dealerLogin table .dealerLogin-user {
	width:195px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 10px;
}

.twoColFixCtrHdr #leftContent-dealerLogin table .dealerLogin-user:focus, .twoColFixCtrHdr #leftContent-dealerLogin table .dealerLogin-pass:focus {
	background-color:#f7ffe4;
}

.twoColFixCtrHdr #leftContent-dealerLogin table .dealerLogin-go {
	vertical-align:top;
}

.twoColFixCtrHdr #mainContent, .oneColFixCtrHdr #mainContent {
	min-height:680px;
	padding: 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-bottom:12px;
	background: #FFF;
}

.twoColFixCtrHdr #mainContent {
	float:right;
	margin-right:4px;
}

.twoColFixCtrHdr #mainContent #home-vid-left {
	float:left;	
}

.twoColFixCtrHdr #mainContent #home-vid-right {
	float:right;	
}

/* sitewide definitions */
#colorbar_admin { /* red bar across top of screen that shows when admin is logged in */
	width:100%;
	height:22px;
	background-color:#C00;
	border-top:#A00 outset 2px;
	border-bottom:#A00 outset 2px;
	position:fixed;
	top:0px;
	left:0px;
	z-index:1001;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#colorbar_admin p {
	padding:4px 0px;
	margin:0px;
}

#colorbar_admin_padding { /* Pushes website down by 22px while admin logged in */
	width:100%;height:26px;background-color:#A00;position:relative;top:0px;left:0px;z-index:1000;
}

#colorbar_save { /* bar across bottom of screen that shows during editing */
	width:100%;
	height:25px;
	background-color:#3B3;
	border-top:#3D3 outset 3px;
	border-bottom:#3D3 outset 3px;
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:1001;
	text-align:center;
	color:#FFF;
}

/* TinyMCE specific rules */
/* the tinyMCE object includes the <html> and <body> tags, and if these are not overridden, they will inherit the overall site styles. */
body.mceContentBody {
	background: #FFF;
	text-align:left;
}

.mceContentBody p {
	font-size:1em;
	margin-bottom:15px;
}

.mceContentBody a {
   color: red !important; /* FF requires a important here */
}

/*
------------------------------------------------------------------------------------------
    messages 
------------------------------------------------------------------------------------------
*/
.red { color: #ed1c24; } /* lequip red */
.blue { color: #0076c0; } /* lequip blue */
.orange { color: #f47d30; } /* lequip orange */
.yellow { color: #ffc425; } /* lequip yellow */
.green { color: #78a22f; } /* lequip green */
.purple { color: #850c70; } /* lequip purple */

.bold { font-weight: bold; }

#message, p.message
{
	display: block;
	margin: 0.15em auto 1.2em;
	padding: 0.5em 0.5em 0.5em 2.8em;
	width:85%;
	text-align: left;
	line-height: normal !important;
}

/* ---------- Tip messages ---------- */
#message.tip, p.message.tip {
	background: #f0f8ff url(../assets/images/sitewide/messages/tip.png) no-repeat 0.5em 0.4em;
	border: 1px solid #53b2f8;
	/*color: #777;*/
}

/* ---------- Info messages ---------- */
#message.info, p.message.info {
	background: #f0f8ff url(../assets/images/sitewide/messages/info.png) no-repeat 0.5em 0.4em;
	border: 1px solid #53b2f8;
	/*color: #777;*/
}

/* ---------- Error messages ---------- */
#message.error, p.message.error {
	background: #fff1ed url(../assets/images/sitewide/messages/error.png) no-repeat 0.5em 0.4em;
	border: 1px solid #900;
	/*color: #900;*/
}

/* ---------- Alert messages ---------- */
#message.alert, p.message.alert {
	background: #ffffe0 url(../assets/images/sitewide/messages/alert.png) no-repeat 0.5em 0.4em;
	border: 1px solid #daa520;
	/*color: #EFEFEF;*/
}

/* ---------- Success messages ---------- */
#message.success, p.message.success {
	background: #f4fdef url(../assets/images/sitewide/messages/success.png) no-repeat 0.5em 0.4em;
	border: 1px solid #3f9305;
	/*color: #3F9305;*/
}

/*
------------------------------------------------------------------------------------------
    main catalog product containers 
------------------------------------------------------------------------------------------
*/

#product-filter-wrapper {
	position:relative;
	top: 0px;
	left: 0px;
	/*margin:20px 10px 10px 0px;*/
	padding: 0px;
	/*float:right;*/
	text-align:right;
	margin-top:6px;
}

#prodWrapper, #prodHeader {
	position:relative;
	top: 0px;
	left: 0px;
	margin:0px;
	padding: 0px;
	/* max-width:530px; */
	float:left;
}

#prodWrapper {

}

#prodHeader {
	height: 30px;
	border-bottom:2px ridge #999;
}

#prodWrapper table {
	border-collapse:collapse;
	border:0px;
	width:100%;
}

#prodWrapper td {
	vertical-align:top;
}
	
#prodWrapper h3 {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	margin-top:3px;
	margin-bottom:5px;
	clear:both;
}

.prodBoxWrapper {
	margin-bottom:14px;
	margin-right:10px;
	min-width:110px;
	max-width:110px;
	height:130px;
	min-height:130px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#ffffff;
	/*border:1px solid #555; */
	text-align:center;
	float:left;
}

.prodBoxFooter {	
	height:20px;
	color:#666;
}

.prodBoxFooter a:link, .prodBoxFooter a:visited {
	color:#666;
	text-decoration: none;
	font-weight:normal;
}

.prodBoxFooter a:hover, .prodBoxFooter a:active {
	color:#666;
	text-decoration: underline;
	font-weight:normal;
}

prodBoxWrapper p.prod-title {
	margin:0px;
	padding-bottom:0px;
	font-size:10px;
	font-weight:normal;
}

.prodBoxWrapper p.prod-price {
	margin:0px;
	padding-bottom:0px;
	font-size:9px;
	font-weight:normal;
}

.prodBoxImage {
	height:auto;
	margin-bottom:2px;
}

/* ------------- misc -------------*/
.clear {
	clear:both;	
}

/* ------------- Dealer Locator --------------*/

#map {
	width:630px;
	height:500px;
	margin-bottom:14px;
}

#dealerDetails-wrapper h2 {
	font-size:14px;
	color:#666;
}

#dealerDetails ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;	
}

#dealerDetails img {
	margin:4px 4px -4px 0;	
}

#dealerDetails {
	width:630px;
	margin-top:5px;
	padding-top:5px;
	border-top:1px solid #999;
}

/***** LOGIN BOX *****/

#loginBoxWrapper {
	position:relative;
	background:none;
  	height:180px;
}

#loginBox {
	font-family:Tahoma, Geneva, sans-serif;
  	position:relative;
  	width:400px;
  	height:120px;
  	top:20px; /* 1/2 loginBoxWrapper height minus 1/2 loginBox height */
  	margin:0px auto;
	background-color:#eee;
	border:#333 ridge 2px;
}

#loginBox input.textfield {
	width:120px;
	font-size:14px;
	margin-right: 6px;
}

#loginBox input.button {
	margin-top:0px;
}

#loginBoxHeader {
	/*background-image:url(../../assets/images/sitewide/lequip_login_header.jpg);	*/
}

#loginBoxHeader, .cpBoxHeader {
	position:relative;
	top:0px;
	left:0px;
	height:30px;
	margin:0px;
	padding:0px;
}

#loginBoxHeader h1, #cpHeader h1 {
	background-color: #DDDDDD;
    border-bottom: 1px solid;
	font-size:18px;
	font-weight:bold;
	padding:6px 5px 5px 12px;
	margin:0px;
}

#loginBoxContent {
	position:relative;
	top:0px;
	left:0px;
	height:90px;
}

#loginBoxContent table {
	width:300px;
	border:0px;
	border-collapse:collapse;
	margin:15px auto;
}

#loginBoxContent td.fieldLabel, td.field {
	font-size:14px;
	padding-bottom:4px;
}

#loginBoxFooter {
	font-size:10px;
	position:relative;
	top:0px;
	left:0px;
	text-align:right;
	padding:5px 7px;
	height:15px;
}

#loginBoxFooter a:link, a:visited {
	color:#777766;
	text-decoration:none;
}

#loginBoxFooter a:hover, a:active {
	color:#777766;
	text-decoration:underline;
}

/******** Dealer Test Controls *********/
#videoDiv {
	margin-right: 3px;
	width:600px;
	height:400px;
	border:1px solid #000;
}
#videoInfo {
	margin-left: 3px;
}

.vidButton{
	background: url('../../assets/images/sitewide/button_red_play.png') no-repeat top;
	border: none;
	cursor: pointer;
	margin: 0;
	overflow: visible;
	padding: 0;
	width: 32px;
	height: 32px;		
}
#button {
	width:150px;
	height:32px;
	float:left;
}
#status {
	float:left;
	width:300px;
	height:20px;
	text-align:center;
	padding-top:12px;
}
#timecode {
	float:right;
	width:150px;
	height:20px;
	text-align:right;
	padding-top:12px;
}
#controls {
	width:600px;
	background: url('../../assets/images/sitewide/video_controller_bg.jpg') no-repeat top;
	font-size:0.8em;
	vertical-align:middle;
	color:#999;
}

.clear {
	clear:both;	
}