/* Lamking 2010 */

body.home-2010 {
	background: #006c38 url(images/home_background_2010.jpg) no-repeat center top;
}

.footer-2010, .footer-2010 A {
	color: #fff !important;
}

.footer-2010 A:hover {
	color: #000 !important;
}

/* End new site classes */

BODY {
				behavior:url(csshover.htc);
				background-image: url(images/bg_home.jpg);
				background-repeat: repeat-x;
				background-position: 0 bottom;
				background-color: #D7D7D7;
				font-family: Arial;
				color: #4c4c4c;
				margin: 0;
				background-color: #D7D7D7;
			}
			#wrapper {
				width: 977px;
				margin: 0 auto;
			}
			.clearleft {
				clear: left;
			}
			.clearright {
				clear: right;
			}
			.clearboth {
				clear: both;
			}
			a {
				margin: 0;
				outline: none;
			}
			
			#header {
				height: 108px;
				width: 977px;
			}
			#header .leftside {
				float: left;
				width: 269px;
				display: inline;
				background-image: url(images/logo.png);
				background-repeat: no-repeat;
				background-position: 34px 26px;
				height: 108px;
			}
			#header .rightside {
				float: left;
				width: 706px;
				display: inline;
				height: 108px;
			}
			#main_nav {
				height: 37px;
				width: 977px;
			}
			#main_nav ul {
				padding: 0;
				margin: 0;
				list-style-type: none;
			}
			#main_nav ul li {
				float: left;
				margin: 0;
				padding: 0;
				position: relative;
			}
			#flash_promo {
				width: 975px;
				height: 400px;
				padding-left: 1px;
				padding-right: 1px;
				margin-top: 5px;
				margin-bottom: 21px;
			}
			
			.home_promos {
				float: left;
				display: inline;
			}
			
			#nav-home {
				background-image: url(images/main_nav_home.png);
				background-position: 0 0;
				background-repeat: no-repeat;
				height: 37px;
				width: 84px;
			}
			#nav-grips {
				background-image: url(images/main_nav_our-grips.png);
				background-position: 0 0;
				background-repeat: no-repeat;
				height: 37px;
				width: 110px;
			}
			#nav-regrip {
				background-image: url(images/main_nav_regripping.png);
				background-position: 0 0;
				background-repeat: no-repeat;
				height: 37px;
				width: 139px;
			}
			#nav-about {
				background-image: url(images/main_nav_about-lamkins.png);
				background-position: 0 0;
				background-repeat: no-repeat;
				height: 37px;
				width: 132px;
			}
			#nav-ask {
				background-image: url(images/main_nav_find-out-more.png);
				background-position: 0 0;
				background-repeat: no-repeat;
				height: 37px;
				width: 146px;
			}
			#nav-contact {
				background-image: url(images/main_nav_contact.png);
				background-position: 0 0;
				background-repeat: no-repeat;
				height: 37px;
				width: 97px;
			}
			
			#main_nav a img:hover {
				background-position: 0 -40px;
			}
			#main_nav a .active {
				background-position: 0 -80px;
			}
			
			#home_bottom {
				height: 120px;
			}
			
			#catalog_button {
				margin-top: 21px;
				float: right;
				margin-left: 15px;
			}
			#newsletter_signup {
				margin-top: 21px;
				height: 32px;
				float: right;
				background-image: url(images/newsletter_bg.png);
				background-repeat: no-repeat;
				width: 289px;
				text-align: center;
				padding-top: 10px;
			}
			.email_textbox {
				margin-right: 10px;
				margin-left: 10px;
				width: 195px;
				font-family: Arial;
				font-size: 9px;
				color: #999;
				height: 17px;
			}
			.search_textbox {
				margin-right: 10px;
				margin-left: 10px;
				width: 152px;
				font-family: Arial;
				font-size: 10px;
				color: #999;
				height: 17px;
			}
			#footer {
				border-top: 1px solid #B0B0B0;
				height: 62px;
				font-family: Arial;
				font-size: 10px;
				color: #666;
				line-height: 160%;
				padding-top: 10px;
			}
			#footer A {
				color: #666;
				text-decoration: none;
				padding-left: 2px;
				padding-right: 2px;
			}
			#footer A:hover {
				color: #339933;
				text-decoration: underline;
			}
			#footer .leftside {
				width: 500px;
				float: left;
				display: inline;
			}
			#footer .rightside {
				width: 477px;
				float: left;
				display: inline;
				text-align: right;
			}
			
			#left_column {
				width: 200px;
				margin-right: 50px;
				margin-top: 45px;
				float: left;
				display: inline;
			}
			#content_area {
				width: 726px;
				min-height: 300px;
				margin-top: 35px;
				margin-bottom: 30px;
				float: left;
				display: inline;
			}
			#content_area A, #cart_content_area A {
				color: #339933;
				text-decoration: underline;
			}
			#content_area A:hover, #cart_content_area A:hover {
				color: #339933;
				text-decoration: none;
			}
			#content_area h2, #cart_content_area h2 {
				margin: 0;
				padding-top: 12px;
				margin-bottom: 18px;
				color: #196937;
				font-size: 22px;
				line-height:130%;
				font-weight: bold;
				text-transform: uppercase;
			}
			#content_area h3, #cart_content_area h3 {
				color: #196937;
				font-size: 14px;
				font-weight: bold;
				text-transform: uppercase;
			}
			#content_area h4, #cart_content_area h4 {
				color: #666666;
				font-size: 12px;
				font-weight: bold;
				text-transform: uppercase;
			}
			#content_area h5, #cart_content_area h5 {
				color: #196937;
				font-size: 11px;
				font-weight: bold;
				text-transform: uppercase;
			}
			#content_area h5.wizard {
				margin: 0;
				padding: 4px;
			}
			#content_area h6, #cart_content_area h6 {
				color: #196937;
				font-size: 18px;
				font-weight: bold;
				margin-top: 0px !important;
				margin-bottom: 15px !important;
			}
			#content_area, #content_area TD, #cart_content_area TD {
				font-size: 12px;
				line-height: 145%;
			}
			#cart_content_area {
				width: 800px;
				margin: 0 auto;
			}

			#main_nav li ul {
				position: absolute;
				left: 0px;
				top: 33px;
				display: none;
				width:165px;
				border:1px #ccc solid;
				z-index: 600;
				background-color: #FFF;
			}
			
			#main_nav li:hover ul { display: block; }
			#main_nav .over ul { display: block; }
			
			#main_nav .level0 {
				/*padding-top:7px;*/
				display:block;
				height:32px;
				width:165px;
				border-top:1px #ccc dotted;
				font-family: Arial;
				font-size: 10px;
			}
			
			#main_nav .level0 A {
				color: #666666;
				text-decoration: none;
				display: block;
				padding: 4px 0 4px 22px;
				line-height: 25px;
			}
			#main_nav .level0 A:hover {
				color: #339933;
				text-decoration: underline;
			}
			
			#main_nav .level0:hover {
				background-color:#FFF;
			}
			
			#main_nav .dropdown.over {
				background-color:#FFF;
			}
			#main_nav .droptop {
				border-top:0px;
			}
			
			
			#left_column ul {
				margin: 0 0 10px 0;
				padding: 0;
				list-style-type: none;
				font-weight: bold;
				text-transform: uppercase;
			}
			#left_column ul ul {
				border: 0;
			}
			#left_column ul ul ul{
				border: 0;
			}
			#left_column ul li.level0 {
				padding: 0;
			}
			
			#left_column ul li.level0 a.linklevel0 {
				background-color: #009933;
				display:block;
				padding:0 15px;
				color: #FFF;
				font-size:10px;
				text-decoration:none;
				font-weight: bold;
			}
			#left_column ul ul {
				margin: 0;
				padding: 0;
				font-size: 10px;
			}
			#left_column li.level1 {
				/*background-color:#FFF;*/
				color: #666;
				text-decoration:none;
				font-size:10px;
			}
			#left_column li.last {
				border-bottom: 0px;
			}
			
			#left_column li li.last {
			
			}
			
			#left_column li.level1 a {
				display: block;
				padding:7px 0 7px 13px;
				margin: 2px 0 0 0;
				text-decoration:none;
				color:#999;
				line-height: 99%;
				border: 1px solid #CCC;
			}
			#left_column li.level1 a:hover {
				color: #009933;
				text-decoration: underline;
			}
			#left_column li.level1 a.selected {
				color: #196937;
				border: 1px solid #009933;
			}
			
			#left_column li.level2 {
				border: 0;
			}
			#left_column li.level2 a {
				background-image: none;
				/*background-color: #FFF;*/
				padding:7px 0 7px 13px;
				margin:0;
				color: #666;
				text-decoration: none;
				border: 0;
			}
			#left_column li.level2 a.selected {
				color: #009900;
				border: 0;
				background-image: url(images/carrot.png);
				background-repeat: no-repeat;
				padding-left: 20px;
				background-position: 13px 9px;
			}
			#left_column li.level2 a:hover {
				color: #666;
				text-decoration: underline;
			}
			
			#left_column li.level3 {
				border: 0;
			}
			#left_column ul ul ul ul li.last {
				margin-bottom: 8px;
			}
			#left_column li.level3 a {
				background-image: none;
				/*background-color: #FFF;*/
				padding:4px 0 4px 28px;
				margin:0;
				color: #666;
				text-decoration: none;
				border: 0;
			}
			#left_column li.level3 a.selected {
				color: #009900;
				border: 0;
				background-image: url(images/carrot.png);
				background-repeat: no-repeat;
				padding-left: 35px;
				background-position: 28px 7px;
			}
			#left_column li.level3 a:hover {
				color: #666;
				text-decoration: underline;
			}
			
			
			#content_area .breadcrumbs, .breadcrumbs A {
				color: #999;
				text-decoration: none;
				font-size: 8px;
				text-transform: uppercase;
			}
			#content_area .breadcrumbs A {
				color: #999;
				padding-right: 3px;
				padding-left: 3px;
				text-decoration: none;
			}
			#content_area .breadcrumbs A:hover {
				color: #009933;
				text-decoration: underline;
			}
			#content_area .breadcrumbs {
				margin-left: -3px;
			}
			
			.promo_box {
				background: url(images/promo_box_bg.jpg);
				background-position: center bottom;
				background-repeat: repeat-y;
				width: 205px;
			}
			.promo_box_top {
				background: url(images/promo_box_top.jpg);
				height: 4px;
				width: 205px;
				background-repeat: no-repeat;
			}
			.promo_box_inner {
				width: 182px;
				padding-top: 9px;
				padding-left: 12px;
				padding-right: 11px;
				padding-bottom: 9px;
			}
			.promo_box h3 {
				color: #196937;
				margin: 0;
				padding-bottom: 10px;
				font-size: 10px;
				text-transform: uppercase;
			}
			.promo_box h4 {
				color: #666;
				margin: 0;
				padding-top:5px;
				padding-bottom: 10px;
				font-size: 10px;
			}
			.promo_box input.text {
				width: 176px;
				margin-bottom: 6px;
				color: #999;
				font-size: 10px;
			}
			
			a.tech_specs {
				background-image: url(images/icon_tech-specs.jpg);
				background-repeat: no-repeat;
				background-position: 0 1px;
				padding-left: 15px;
				font-size: 11px;
				color: #666;
				text-decoration: underline;
			}
			a.backlink {
				background-image: url(images/icon_view-all.jpg);
				padding-left: 9px;
				background-position: 0 1px;
				background-repeat: no-repeat;
				font-size: 11px;
				color: #666;
				text-decoration: underline;
			}
			a.tech_specs:hover, a.backlink:hover {
				color: #009933;
			}
			
			blockquote {
				margin-left: 10px;
			}
			
			#blog_content {
				float: left;
				width: 470px;
				margin-right: 30px;
			}
			#sidebar {
				float: left;
				width: 200px;
			}
			#sidebar ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
			#sidebar h2 {
				font-size: 18px;
			}
			#grip-text {
				font-size:10px;
				font:Arial;
			}
			#grip-text a {
				color:#666;
				font-weight:bold;
				text-decoration: none;
			}
			#grip-text a:hover {
				color:#009933;
				text-decoration:none;
			}
			img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}


/* MAGNIFY */
#retina{
	/* The Retina effect */
	background:url('images/crossline-standard.jpg') no-repeat center center white;
	border:2px solid white;

	/* Positioned absolutely, so we can move it around */
	position:absolute;
	height:180px;
	width:180px;

	/* Hidden by default */
	display:none;

	/* A blank cursor, notice the default fallback */
	cursor:url('/images/blank.cur'),default;
	
	/* CSS3 Box Shadow 
	-moz-box-shadow:0 0 5px #777, 0 0 10px #aaa inset;
	-webkit-box-shadow:0 0 5px #777;
	box-shadow:0 0 5px #777, 0 0 10px #aaa inset;
	
	CSS3 rounded corners
	-moz-border-radius:90px;
	-webkit-border-radius:90px;
	border-radius:90px;*/
}


/* LOOPED SLIDER ALL GRIPS */
.container {
    width:724px;
    height:450px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
  }
  .slides {
  	width:724px;
    height:450px;
    position:absolute;
    top:0;
    left:0;
    z-index: 1;
  }
  .slides div {
    position:absolute;
    top:0;
    width:724px;
    display:none;
    height: 450px;
    background:url('images/grip-slider-bg.gif') no-repeat center center white;
  }
#arrows {
	display: block;
	width: 724px;
	height: 43px;
	z-index: 10;
	position: absolute;
	top: 175px;
	padding-left: 10px;
}
.ie7 #arrows {
	display: block;
	width: 724px;
	height: 43px;
	z-index: 10;
	position: relative;
	top: 200px;
	padding-left: 10px;
}
a#previous {
	text-indent: -5000px;
	width: 20px;
	height: 43px;
	margin: 0 665px 0 0;
	background: url('/images/arrow-previous.png') no-repeat;
	overflow: hidden;
	display: inline-block;
	position: relative;
}
.ie7 a#previous {
	text-indent: -5000px;
	width: 20px;
	height: 43px;
	margin: 0 0 0 0;
	background: url('/images/arrow-previous.png') no-repeat;
	position: absolute;
	z-index: 20;
	top: 0;
	left: 10px;
}
a#next {
	text-indent: -5000px;
	width: 20px;
	height: 43px;
	background: url('/images/arrow-next.png') no-repeat;
	overflow: hidden;
	display: inline-block;
	position: relative;
}
.ie7 a#next {
	text-indent: -5000px;
	width: 20px;
	height: 43px;
	background: url('/images/arrow-next.png') no-repeat;
	position: absolute;
	z-index: 10;
	top: 0;
	right: 15px;
}

a#previous:hover, a#next:hover {
	background-position: left bottom;
}
