html *{
	margin:0;
	padding: 0;
}

html{
	background-color: #FFFFFF;
	background-position: 0 0;
}

body{
	font-family: Helvetica;
	font-size: 12px;
	color: #000000;
	font-weight: lighter;
}

img{ border: none;}

p{ line-height: 17px; padding-bottom: 15px;}
#featured h1{
	font-family: Helvetica;
	font-size: 26px;
	letter-spacing: 1px;
	color: #00CCFF;
	font-weight: lighter;
}
h2{
	font-size: 36px;
	font-weight: lighter;
	letter-spacing: 0px;
	color: #000000;
	padding-bottom: 20px;
}
h3{
	font-size: 21px;
	font-weight: lighter;
	letter-spacing: 0px;
	color: #333333;
	padding-bottom: 5px;
}
h4{
	font-size: 14px;
	font-weight: lighter;
	color: #333333;
	padding-bottom: 5px;
}

/* Clearing floats without extra markup  */

.clearfloat { display: inline-block; }

.clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .clearfloat { height: 1%; }

.clearfloat { display: block; }

/* End Clearing floats without extra markup  */

/*///////////////// LINKS ///////////////////////*/
a{outline: none;}
	
a:link, a:visited{
	color: #000000;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

a.readMore:link, a.readMore:visited{}

#free-quote a:link, #free-quote a:visited{
	color: #0000FF;
	text-decoration: none;
}

#free-quote a:hover { text-decoration: underline; }

#main-content a.button1{
	display: block;
	width: 130px;
	height: 23px;
	padding-left: 30px;
	padding-top: 2px;
	color: #FFFFFF;
	margin-left: 80px;
	background-position: 10px 0px;
	background-image: url(../images/order.png);
	background-repeat: no-repeat;
}
#main-content a.button1:hover{
	text-decoration: none;
	background-image: url(../images/order.png);
	background-repeat: no-repeat;
	background-position: 10px -25px;
}
/*///////////////// END LINKS ///////////////////////*/

/*///////////////// LISTS ///////////////////////*/
ul{ margin-bottom: 20px; margin-left: 20px; list-style: none;}
ul li{ padding: 5px 5px 5px 15px; background: url(../images/li_icon.png) no-repeat center left;}
#main-content ul.buttons{width: 99%; margin: 15px 0;}
#main-content ul.buttons li{float: left; margin-right: 5px; background-image: none; height: 25px; padding: 0;}
#main-content ul.buttons li.order a {
	background: url(../images/order.png) no-repeat 0 0;
	display: block;
	width: 103px;
	height: 20px;
	padding-left: 15px;
	padding-top: 5px;
	color: #FFFFFF;
}
#main-content ul.buttons li.order a:hover {background: url(../images/order.png) no-repeat 0 -25px ; display: block; width: 103px; height: 20px; padding-left: 15px; padding-top: 5px; color: #fff; text-decoration: none;} 
#main-content ul.buttons li.enlarge a {
	display: block;
	color: #CCCCCC;
	background-position: 0 0;
}
#main-content ul.buttons li.enlarge a:hover {
	display: block;
	color: #fff;
	text-decoration: none;
} 
/*///////////////// END LISTS ///////////////////////*/

/*///////////////// LAYOUT  ///////////////////////*/
#header{
	margin-top: 20px;
}

* html div#wrapper { padding-top: 48px; }

#wrapper{
	width: 900px;
	margin-top: 48px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#slider-container{
	width: 920px;
	padding: 0px;
	background-position: left top;
}
#featured{
	float: left;
	padding-left: 26px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	width: 326px;
}
#slider-bottom{
	width: 940px;
	height: 0px;
	margin-bottom: 0px;
	background-position: left top;
}
#content{
	width: 940px;
	background-repeat: no-repeat;
}
#sidebar{
	float: left;
	width: 150px;
	margin-right: 15px;
	display: inline;
}
.sidebar-element{
	background-position: left top;
	padding-top: 9px;
	padding-bottom: 0;
	padding-left: 70px;
	float: none;
	width: 150px;
	padding-right: 9px;
}
.sidebar-bottomelement{
	width: 150px;
	height: 0px;
	margin-bottom: 0px;
	background-position: left top;
}
#free-quote{
	padding: 9px 22px;
	padding-bottom: 0;
	background-image: url(../images/free_quote_top.png);
	background-repeat: no-repeat;
	background-position: left top;
} 
#main-content-wrapper{
	float: right;
	width: 550px;
	margin-right: 80px;
	
}
#main-content{
	width: 500px;
	background-position: left top;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	
}
#main-content-bottom{
	width: 635px;
	height:17px;
	background-position: left top;
	
	
}
#free-quote-bottom{
	width: 290px;
	height: 17px;
	margin-bottom: 10px;
	background-position: left top;
}
#footer{
	margin-top: 100px;
	background-color: none;
}

#footer p{
	text-align: center;
	color: #999999;
	
}
.spacer-line{
	width: 99%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-top: 250px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
.spacer-line2{ width: 99%; margin-bottom: 20px; border-bottom: 1px solid #999999;}
.service{ width: 99%; padding-top:5px;}
.service-description{ float: left; width: 80%;}
.product-description{ float: left; width: 60%;}
/*/////////////////END LAYOUT ///////////////////////*/

/*///////////////// IMAGES  ///////////////////////*/
.icon-left{ float: left; margin-right: 25px; display: inline;} /* icon floated left */
.icon-right{ float: right; margin-left: 25px; display: inline;} /* icon floated right */
.image-left{
	float: left;
	margin: 0 25px 20px 0;
	display: inline;
} /* image floated left */
.image-right{
	float: right;
	margin: 0 0 20px 25px;
	display: inline;
	border: 5px solid #FF0000;
} /* image floated right */
/*///////////////// END IMAGES  ///////////////////////*/

/*///////////////// SUBMENU ///////////////////////*/
ul#submenu{
	width: 99%;
	margin: 0;
	margin-top: 15px;
	padding-top: 2px;
	background-image: url(../images/news_divider.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
ul#submenu li{
	background: url(../images/news_divider.png) bottom left repeat-x;
	padding:0;
	height: 30px;
}
ul#submenu li a{
	display: block;
	height: 21px;
	padding-left: 15px;
	padding-top: 7px;
	color: #fff;
	background-position: 1% 50%;
}
ul#submenu li a:hover{
	color: #CC6600;
	text-decoration: none;
}
/*///////////////// END SUBMENU ///////////////////////*/

/*///////////////// SIDEBAR NEWS ///////////////////////*/
.news{
	margin-top: 15px;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(../images/news_divider.png);
}

.bold{
	
	font-weight: bold;
	
	
	
}

p.date{
	color: #333333;
	padding-bottom: 7px;
	font-weight: bold;
}
p.news-text{
	color: #000000;
}
p.news-archive{
	padding-top: 10px;
	padding-bottom: 0px;
	color: #333333;
}
/*///////////////// END SIDEBAR NEWS ///////////////////////*/

/*///////////////// FREE QUOTE ///////////////////////*/
#free-quote{
	padding: 9px 22px;
	padding-bottom: 0;
	background-color: #999999;
	background-image: url(../images/free_quote_top.png);
	background-repeat: no-repeat;
	background-position: left top;
} 
#free-quote p{
	color: #1d292f;
	padding-right: 40px;
	background-position: 100% 50%;
}
/*///////////////// END FREE QUOTE ///////////////////////*/

/*///////////////// LOGO AND SEARCH ///////////////////////*/
#logo-container{
	float: left;
	width: 216px;
	margin-left: 15px;
	display: inline;
	height: 55px;
}
#logo-container small{ padding: 0; margin: 0;}
h1#logo {
	width: 372px;
	height: 50px;
	text-indent:-9000px;
	background: url(../images/logo.png) no-repeat 0 0;
}
h1 a { height:40px; width: 216px; display:block; text-decoration:none;}
h1 a:hover { text-decoration:none; background:transparent;}

/*///////////////// END LOGO AND SEARCH ///////////////////////*/

/*///////////////// NAVIGATION ///////////////////////*/
#navigation{
	width: 940px;
	height: 46px;
	line-height: 42px;
	background-position: 0 0;
	margin-bottom: 8px;
	top: 100px;
}
#navigation ul{ list-style: none;}
#navigation ul li{
	display: inline;
	height: 42px;
	text-transform: uppercase;
	background: transparent;
	padding: 0;
}
#navigation ul li a{
	float: left;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	background-image: url(../images/menu_divider.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#navigation ul li a:hover, #navigation ul li a.current{
	color: #FFFFFF;
	text-decoration: underline;
}
/*///////////////// END NAVIGATION ///////////////////////*/

/*///////////////// TESTIMONIALS ///////////////////////*/
blockquote{ padding-bottom: 15px;}
blockquote div {
	padding-right: 10px;
	padding-top: 15px;
	background-color: #000000;
	background-image: url(../images/quote_right.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
blockquote p.text{
	padding-left: 10px;
	text-indent: 30px;
	color: #00CCFF;
	font-style: italic;
	background-image: url(../images/quote_left.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.testimonial-name {padding-left: 10px; padding-bottom: 0;}
/*///////////////// END TESTIMONIALS ///////////////////////*/

/*///////////////// TABLES ///////////////////////*/
table { border-collapse: collapse; width: 99%; margin: 20px 0;}
th {
	color: #fff;
	font-weight: bold;
	padding: 2px 11px;
	text-align: left;
	border-right: 1px solid #fff;
	line-height: 1.2;
	background-color: #333333;
}
td {
	padding: 6px 11px;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b60050;
}
td * { padding: 6px 11px;}
tr.alt td {
	background-color: #000000;
}
tr.over td, tr:hover td {
	background-color: #00CCFF;
}
/*///////////////// END TABLES ///////////////////////*/

/*///////////////// CONTACT FORM ///////////////////////*/
fieldset{ border: none; width: 550px; margin-top: 10px; }
fieldset legend { display: none}
form p{ padding-bottom: 0;}
/* Label */
label{ width: 140px; margin: 5px; text-align: left;}
.required{
	color: #b60050;
}
/* Input, Textarea */
input, textarea{
	border: 1px solid #999999;
	background: #fff;
	color: #b60050;
	width: 300px;
	margin: 5px;
	padding: 3px;
}
textarea{width: 400px; height: 150px; margin-bottom: 10px;}
input:focus, textarea:focus{border: 1px solid #999999;}
input.button{ background: url(../images/button1-hover.png) no-repeat; width: 130px; height: 25px; padding-bottom: 15px; border: none; color: #fff; cursor: pointer; }
input.button:hover{ border: none;}
.notification_error{
	padding: 5px;
	color: #FF0000;
	font-size: 13px;
	font-weight: bold;
}
.notification_ok{
	padding: 5px;
	color: #66FFFF;
	font-size: 13px;
	font-weight: bold;
}
/*///////////////// END CONTACT FORM ///////////////////////*/

/*///////////////// CONTACT DETAILS ///////////////////////*/
.contact-info{ padding-top: 15px;}
.contact-info p.contact-details{
	color: #CCCCCC;
}
.contact-info p.contact-details span{
	color: #CCCCCC;
}
/*///////////////// END CONTACT DETAILS ///////////////////////*/

/*///////////////// CODA SLIDER ///////////////////////*/
#slider {
	float: left;
	width: 520px;
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
}
.scroll {
	height: 40px;
	width: 520px;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
}
.scrollContainer div.panel {
	height: 100px;
	width: 520px; /* change to 560px if not using JS to remove rh.scroll */
}
.scrollContainer div.panel img { float: left; margin-right: 20px; margin-left: 10px; display: inline;}
.scrollContainer div.panel div.panel-text {
	width: 75%;
	float: left;
	color: #FFFFFF;
}
.scrollContainer div.panel div.panel-text p.more{ float: right; width:103px;}
.scrollContainer div.panel div.panel-text p.more a{ background: url(../images/read-more-button.png) no-repeat 0 0 ; display: block; width: 103px; height: 23px; padding-top: 2px; color: #fff; padding-left: 20px; margin-top: 10px;}
s    { background: url(../images/read-more-button.png) no-repeat 0 -25px ; text-decoration: none;}
.scrollButtons { position: absolute; top: 75px; cursor: pointer;} .scrollButtons.left { left: -30px;}
.scrollButtons.right { left: 540px;}
/*///////////////// END CODA SLIDER ///////////////////////*/
#home #wrapper {
	background-image: url(../images/homepage.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height: 900px;
}
#news #wrapper {
	background-image: url(../images/newspg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#range #wrapper {
	background-image: url(../images/productpg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#contact #wrapper {
	background-image: url(../images/contactpg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#leathers #wrapper {
	background-image: url(../images/leatherspg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#safety #wrapper {
	background-image: url(../images/safetypg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#guarantee #wrapper {
	background-image: url(../images/guaranteepg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#comfort #wrapper {
	background-image: url(../images/comfortpg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#socks #wrapper {
	background-image: url(../images/sockspg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#footbeds #wrapper {
	background-image: url(../images/footbedspg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}




#home #content #main-content-wrapper #main-content a:link {
	color: #990000;
}
#home #content #main-content-wrapper #main-content a:visited {
	color: #990000;
}
#home #content #main-content-wrapper #main-content a:hover {
	color: #990000;
}



#clickhere{
position: relative;
	background: none;
	top: -20px;
	left: 20px;
	width: 300px;
}

#waterproof{
	position:relative;
	background: none;
	top: 30px;
	left: 400px;
	width: 100px;
	float: right;
	background-color: red;
}

#test{
	position:relative;
	z-index: 10;
	top: 512px;
	width: 600px;
	height: 24px;
	left: 10px;
	text-align: left;
	background-color: none;
}

#test_inner_logo{
	position: absolute;
	z-index: 10;
	top: 0px;
	right: 170px;
	width: 24px;
	height: 24px;
	background-color: none;
}

#test_inner_text{
	position: absolute;
	z-index: 10;
	top: 4px;
	right: 0px;
	width: 160px;
	height: 24px;
	background-color: none;
	font-size: 5pt; 
	line-height: 6pt;
	font-weight: bold;
}

.small_black4 {	
		font-size: 5pt;
		font-family: arial;
		font-weight: bold;
		line-height: 6pt;	
		color: black;
}


a.vital:link {color:#999999;      /* unvisited link */
				font-size: 5pt; 
				line-height: 6pt;
				font-weight: bold;}			

a.vital:visited {color:#999999;
				font-size: 5pt; 
				line-height: 6pt;
				font-weight: bold;}	
				
a.vital:hover {color:#000000;
				font-size: 5pt; 
				line-height: 6pt;
				font-weight: bold;}	
				 
a.vital:active {color:#999999;
				font-size: 5pt; 
				line-height: 6pt;
				font-weight: bold;}