@import url("lookfeel.css");

/* Utilities */

.box {background: #FFF url('../img/css/shadow_down.jpg') repeat-x bottom; padding:1.5em; position: relative;}
	.box:last-child {margin-bottom: -15px;} /* jquery script for cross-browser */

	.sidebar {font-size: 90%;}
	.sidebar_info {padding:20px 0 0; clear:both;}
	

/* Content Styles */

#content h1.title {}
	#content h1.title span {color:#FFF; background-color:#A19384; text-transform: uppercase; border: 1px solid #FFF; border-bottom: none; padding: .4em 2em; float: left; letter-spacing: .1em; margin-top: 1.5em; margin-left: 1.25em; position: relative;}
	#content h1.title span {
		-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;
		-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;
	}
#content p {font-size:85%; margin: 1.5em 0 2.5em;}

#pages #content h3 {text-align: center;}

	/* Product Tab Navigation ex : New Litter Line */
	#tab_nav {}
		#tab_nav ul {position:absolute; z-index:2; top:34px; left:340px;}
		#tab_nav li {display: inline-block; margin: 0 5px;}
		#tab_nav a { margin:.5em; padding:0.4em 2em; text-decoration: none; font-size: 90%; background-color: #000; color: #FFFFFF !important; }
			#tab_nav a:hover {background-color: #A21D27; color: #FFF;}
			#tab_nav a:link {color: #FFF;}
			
			#tab_nav li.ui-tabs-selected a {background-color: #FFF !important;}
				#tab_nav li.ui-tabs-selected a:hover {color: #000 !important;}
				#tab_nav li.ui-tabs-selected a:link {color: #000;}
			#tab_nav li ui-tabs-selected a {color: #FFF;}
				
	#independent {margin-bottom: 8px !important;}
	a.independent {color: #FFF;}
		.ui-tabs-selected a.independent {color:#000 !important;}
	
	#master a, #independent a {background-color: #A21D27; color:#FFF; font-size:85%;border: 1px #FFF solid; text-decoration: none; padding:0.25em 0.5em 0.5em; min-width: 150px; display: inline-block; text-align: center;}
	
	/* Product Overview */
	.product_overview {overflow: hidden; text-align: center; margin-bottom:0.5em;}
		
		.product_overview img { float: left; margin: 0 1em 1em 0;border: 4px solid #A19384; width: 377px; }
		.product_overview p {text-align: left;}
	
		a.button {color:#FFF;background-color:#A21D27;font-size:85%;border: 1px #FFF solid; text-decoration: none; padding:0.25em 0.5em 0.5em; min-width: 150px; display: inline-table;}
			a.button:hover {background-color:#000;}
	
	/* Product Feature */	
	
	#content h5.title {text-align: center;}
	#content h5.title span {color:#000; background-color:#FFF; border: 1px solid #FFF; border-bottom: none; padding: .4em 2em; margin-top: 1.5em; position: relative; z-index: 100;}
	#content h5.title span {
		-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;
		-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;
	}	
		
		/*Next Feature Button*/
	
	.scrollButtons {cursor:pointer; position:absolute; top:150px;}
	.scrollButtons.left {left:-20px;}
	.scrollButtons.right {right:250px; top:205px; text-align: center;}
	.hide {display:none;}
	
		/*Slider*/
	
	.product_feature h3 {margin-bottom: 1.5em;}
	
	#feature_slider {margin:0 auto; position:relative; width:700px;}

	.feature_scroll {background:#FFF url(http://lancoequipment.com/template/css/images/content_pane-gradient.gif) repeat-x scroll left bottom; clear:left; overflow-x:hidden; overflow-y:auto; position:relative; width:700px; height:225px;}
	.product_feature {overflow: hidden; padding: 1em 0 0 2em; }
	.product_feature div.panel {width:660px; padding-right: 25px;}
	.product_feature div.panel p {width:75%; float: left;}
	.panel img {float: right; border:3px solid #000000; margin:-10px 5px 10px;}


	/* Easy Slider */
	
/* OLD....

	#hightlight_slider {width: 100%;}
	
		#hightlight_slider ul, #hightlight_slider li{
			margin:0;
			padding:0;
			list-style:none;
			}
		#hightlight_slider li{ 
			/* 
				define width and height of list item (slide)
				entire slider area will adjust according to the parameters provided here
			*/ 
/*			width:652px;
			
			overflow: hidden;
			}
		#hightlight_slider li p {float: left; width: 70%;}
		#hightlight_slider li img {float: right; border:3px solid #000000; margin:20px 5px 10px;}
		
		span#prevBtn a.button, span#nextBtn a.button {text-align: center;}
		
		span#prevBtn, span#nextBtn{position: absolute; bottom:4px;}
		span#prevBtn{left:100px;}
		span#nextBtn{left:300px;}	
*/
		
		
		#hightlight_slider{width: 600px !important; height: 165px !important; background:#EEEEEE none repeat scroll 0 0; border:2px solid #000; padding:1em; margin-bottom:15px; margin-left:8px;}	
		
			
				#hightlight_slider ul, #hightlight_slider li{
					margin:0;
					padding:0;
					list-style:none;
					text-align: center;
					}
				#hightlight_slider li{ 
					width:200px;
					/* height:241px; */
					overflow:hidden; 
					}	
				#prevBtn, #nextBtn{ 
					display:block;
					width:30px;
					height:77px;
					position:absolute;
					left:12px;
					top:95px;
					}	
				#nextBtn{ 
					left:664px;
					}														
				#prevBtn a, #nextBtn a{  
					display:block;
					width:36px;
					height:77px;
					background:url('../img/css/btn_prev.gif') no-repeat 0 0;
					text-indent: -9999px;	
					}	
				#nextBtn a{ 
					background:url('../img/css/btn_next.gif') no-repeat 0 0;	
					}		
	
	/*styles*/
		#hightlight_slider h3 {font-size:75%; text-align:left;}
		#hightlight_slider img {border: 2px #000 solid;}
		#hightlight_slider a {cursor:alias;}				
	
	/* // Easy Slider */
	
	/*Tool Tip */
	
	#easyTooltip{padding:5px;border:1px solid #ccc;	background:#000;color: #FFF}

/*"Specification Tables"*/

#specs_wrapper {font-size:85%; padding-left: 0; padding-right: 0; padding-top: 0;}


	/* Spec Tabs */
		
		div#tabs {position: relative;}
		div#tabs > div {padding:25px 10px;}
		div#tabs > div h2 {}
	
		#first {}
		#second {}
		#third {}
	
		ul.tabNavigation {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:3px 0 0 25px;font-weight:bold;border-bottom:solid #FFF 1px;}
		
		ul.tabNavigation li {display:inline-block;}
		
		ul.tabNavigation li a, ul.tabNavigation li a.selected, ul.tabNavigation li a:hover {color:#FFFFFF;font-weight:bold;font-size:110%;padding:3px 25px 5px 25px; border:solid #FFF 1px;border-bottom:0px; text-decoration: none; display: inline-block;

		-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;
		-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;
		}
		
		
		ul.tabNavigation li a {background-color:#A19384; color: #FFF;}
		ul.tabNavigation li a.selected{background-color:#A21D27;}
		ul.tabNavigation li a:hover, ul.tabNavigation li.ui-state-active a {background-color:#000;}
		ul.tabNavigation li a:focus {outline-color:-moz-use-text-color;outline-style:none;outline-width:0;}
		ul.tabNavigation li a:visited {color: #FFF;}
		
		
		.ui-tabs-hide {display:none;}
		
		li.ui-tabs-selected a {background-color:#A21D27 !important;}

	
	/* Spec Tables */	
		
		table {width: 100%; border-color: #CCC;}
			table.specs_table {}
		tbody {border: 1px solid #CCC;}
		td, th {padding: 10px; text-align: center; vertical-align: middle;}
			th {background-color:#A21D27; color: #FFF;}
			th.specs_header {}
		tr.even {background-color:#EFEFEF;}
			.hover {background-color: red;}
			tr td {text-align: left;}
			
		td.narrow {width: 200px;}
		
		.table_spacer {background-color:white; width:10px;}
		.lanco {width:25%;background-color: #CEC7A8; padding: 0;}
		.lanco_table {background: #CEC7A8 url('../img/css/table_background_lanco.gif') repeat-x bottom; width: 315px;}
		.grey_table {background: #EFEFEF url('../img/css/table_background_grey.gif') repeat-x bottom;}
		
		div.fiveinone thead th { text-align: left; }
		
		
	/*Standdard Features*/
	
	table.features_table_data, table.comparisons_table_data {margin: .5em 0;}
	
	
		.vert_tab {width: 30px; height:100px; text-indent: -9999px; padding:0; margin:0; background-color:#A21D27; background-repeat: no-repeat;}
			.drive {background-image:url(../img/css/tabs/tabs_drive.gif);}
			.apron {background-image:url(../img/css/tabs/tabs_apron.gif);}
			.bodies {background-image:url(../img/css/tabs/tabs_body.gif);}
			.chassis {background-image:url(../img/css/tabs/tabs_chassis.gif);}
			.spinners {background-image:url(../img/css/tabs/tabs_spinners.gif);}
			.remote {background-image:url(../img/css/tabs/tabs_remote.gif);}
			.tires {background-image:url(../img/css/tabs/tabs_tires.gif);}
			.conveyor {background-image:url(../img/css/tabs/tabs_conveyor.gif);}
			.hopper {background-image:url(../img/css/tabs/tabs_hopper.gif);}
			.powerunit {background-image:url(../img/css/tabs/tabs_powerunit.gif);}
			.safety {background-image:url(../img/css/tabs/tabs_safety.gif);}

		
		/*
		table#drive, table#apron, table#body, table#spinners, table#chassis, table#remote {background: url('../img/table_tab.jpg');}
		table#drive tr, table#apron tr, table#body tr, table#spinners tr, table#chassis tr, table#remote tr {padding-left: 25px;}
		*/
		
		
		
/* Extra Shadows */

span.shadow {background: transparent url('../img/css/shadow.png') repeat-x; width:980px; height: 15px; display: block; position: absolute;}
#home span.shadow {top:0; left: 0;} /*home under slider*/
#pages span.shadow {width:278px; right: 0;}
span.shadow_up {background: transparent url('../img/css/shadow_up.jpg') repeat-x bottom; width:701px; height: 60px; display: block; position: absolute;} /*title*/ 
#specs_wrapper span.shadow_up {width:980px; height: 31px; background-color:#CEC7A8}

/*"Homepage"*/

#productline_slide span {width: 100%; background-color: #000; height: 150px; border: 2px solid #FFF; display: block; margin-top: 85px; border-right: none; border-left:  none;

	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#slider	{ background: transparent url(http://lancoequipment.com/template/images/slider-bg.jpg); height: 315px; /* overflow: hidden */; position: relative; margin: 50px 0; top:-300px; overflow: hidden; }
	#mover { width: 2880px; position: relative; }
	.slide {padding: 40px 30px; width: 980px; float: left; position: relative;}
	.slide h1 {font-family: Helvetica, Sans-Serif; font-size: 22px; text-transform: uppercase; letter-spacing: .05em; color: #FFF; position:absolute; left:0px; top:60px; display:block; width: 80%; text-align: right;}
	.slide ul {color: #FFF; font-size: 16px; line-height: 26px; position:absolute; left:640px; top:130px; width:500px; list-style: disc;}
	.slide img {max-width: 377px; height: 226px;}
	.slide a {position:absolute; top:35px; left: 100px; margin:1em; background: #FFF; border: solid 1px white; color: white; padding: .5em;}
	.slide a.next {background: #ac0000 !important;left:700px;position:relative;top:175px; text-align: center;}
		.slide a.next:hover {background-color: #000;}
	.slide a.all {}
	#slider-stopper { position: absolute; top: 1px; right: 20px; background: #ac0000; color: white; padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; display: none; }
								  
/*
.slide {width: 700px; margin: 0 auto; position: relative; top:-155px;}
	.slide h2 {position: absolute; color:#FFF; right: 0; text-transform:uppercase; top:-40px; letter-spacing: .1em; font-size: 125%;}
	.slide ul {position: absolute; color:#FFF; right: 130px; top:40px; }
	.slide a {color:#FFF;background-color:#A21D27;font-size:85%;position:absolute;right:0;top:109px; border: 1px #FFF solid; text-decoration: none; padding:0.25em 0.5em 0.5em;}
		.slide a:hover {background-color:#000;}
	.slide img {float:left; border: 6px solid #FFF; position: absolute; top:-40px;}
	
*/

/*"Users"*/

	/* Login */
	#login_wrapper {width: 100%;}
	
	#user_create {width:45%; float: left;}
	
	#user_login {width:45%; float: left;}
	

/*"Dealers"*/
	
	/** Drop Down Menu **/
	
	#dealer_nav {/* set width of menu */} 
	
	#dealer_nav ul { /* remove bullets and list indents */ list-style: none; margin: 0; padding: 0;}
	
	/* style, color and size links and headings to suit */
	#dealer_nav a, #dealer_nav h2 {display: block;}
	
	#dealer_nav h2 {}
	
	#dealer_nav a {text-decoration: none;}
	
	#dealer_nav a:hover {}
	
	#dealer_nav li {/* make the list elements a containing block for the nested lists */ position: relative;} 
	
	#dealer_nav ul ul { 
	position: absolute;
	top: 27px;
	right: 0px; /* to position them to the right of their containing block */
	width: 114px; /* width is based on the containing block */
	}
	
	div#dealer_nav ul ul,
	div#dealer_nav ul ul li:hover ul ul
	{display: none; border: solid 2px #FFF; border-top:none; border-right: none; background-color: #B7B7B7; }
	
	div#dealer_nav ul li:hover ul,
	div#dealer_nav ul ul ul li:hover ul
	{display: block;}
	
	div#dealer_nav ul li:hover ul li a 
	{display: block; padding-top: 5px;}
	
	/** Dealer Tabs **/
	
	div#five ul.tabNavigation {background-color: black; margin:-26px -10px 0px -10px; text-align: right;}
		div#five ul.tabNavigation li a {background-color: #000; border: #000;}
		div#five ul.tabNavigation li a:hover {background-color: #000; border: #000; text-decoration: underline;}
		
	ul.tabNavigation li a.dealer_active {background-color: #000 !important;}
	
	div#five > div {padding:25px 10px;}
	
	div#five li.ui-tabs-selected a {background-color: #FFF !important; color: #000; margin-top: 1em;}
	
	
/*"Sidebar"*/

	#sidebar #locate_rep {border-bottom:1px solid #FFFFFF; overflow:hidden; padding-bottom:2em;}
		
	
	#sidebar #testimonials {}
		#sidebar #testimonials p {font-size: 90%;}
			.testimonial {line-height:1.5em; margin-top:3em; text-align:right;}
			.name {text-align: right; margin-top: 1em; font-weight: bold;}
			.location {text-align: right; font-weight: bold; font-style: italic;}


	/*Search*/
	
		select#search { border: none; margin-bottom:2em; margin-top:1em; width:100%;}
			
	
		#results {font-size: 90%;}
			#results ul  {border-top:1px solid #FFFFFF; margin-top:2em; padding-top:2em;}
			#results a {color: #FFF;}
				#results li.email a {background-color:#A21D27; display:block; float:right; font-size:80%; padding:0.25em 1.5em; text-align:center; text-decoration:none; margin: .25em; }
				#results li.email a:hover {background-color:#777777;}
				
			#results .noresults {color:#A21D27; font-weight: bold; text-align: center;}
	
	/*Rep Locate Contact */
	
	#rep_locator_contact {margin-top: 2em;}
	#rep_locator_contact p {margin: .5em 0;}
	#submit {color: #FFF; background-color: #777; border: none; padding: .25em 1.5em; display: block; float: right; cursor:pointer;}
	
	
		
			
/*"Shopping List"*/

	.shoppinglist {overflow: hidden;}
		.shoppinglist span {display: block; float: right; border:1px solid #000000; margin-right:5em; padding:0.5em;}
			.shoppinglist span:hover {background-color:#EFEFEF;}
		.shoppinglist span img {display: block;}
		.shoppinglist a.button {font-size: 100%; padding: .5em; width:94%; text-align: center;}
		.shoppinglist h4 {font-size:125%; position:relative; text-align:center; top:25px;}
		.shoppinglist p {width: 50%; margin: 5em;}