/***** Body and main container *****/
body {
	font-family: verdana, arial, sans-serif; padding: 0px; margin: 0px; font-size: .68em; padding-bottom: 20px; 
	background:#6F7A86 url(../images/bg.jpg) top center repeat-y; color:#D3D3D3;
}

p { margin: 0px; padding: 0px 0px 9px 0px; line-height: 1.7em; }

h1 { font-family: verdana, arial, sans-serif; letter-spacing: .1em; background: transparent; color: #000000; }

img { border: 0px; }


table { 
	font-family: Verdana,Tahoma,Arial,sans-serif; font-size: 1em; 
	border: 0px; padding: 0px; /*border-spacing: 0px;*/  
}

a { 
	text-decoration:none; font-weight:bold; color:darkslategray; background-color:inherit; 
}
a:hover { 
	text-decoration:none; color:darkslategray; background-color:inherit; 
}

#wrap { 
	background:white; color:black; margin:0 auto; width:1000px; 
}
.header_image {
	margin:0 auto; 
	background: #6F7A86;
	height: 100px;
	width: 1000px;
}
.banner {
	margin:0 auto; 
	margin: 0 10px 30px 10px;
	text-align:center;
}
.skyscraper {
	height: 600px;
	width: 120px;
	clear: none;
	margin-top: 100px;
}
.small_ad {
	clear: left;
	float: left;
	padding-top: 20px; padding-left:8px; padding-bottom: 10px;
	text-align:center;
}

/* form layout */
form { margin-top: 0px; }

input, textarea, select {
	padding:0.15em;
	border:1px solid #ddd;
	background:#fafafa;
	font-family: verdana, arial, sans-serif; font-size: 100%;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 

/***** Left sidebar *****/
#leftside { 
	float:left; width:170px; margin:0 0 5px 0; padding:110px 0 0 3px; 
	background-image: url(/images/falls_left.png);
	background-repeat:no-repeat;
}
#bookmark { 
	clear:left; float:left; width:170px; margin:0 0 5px; 
	padding-top: 20px; padding-left:8px; padding-bottom: 10px;
}

/***** Main menu *****/
ul.menu { 
	width:160px; margin:0 0 18px; padding:0; list-style:none; 
}
ul.menu li { 
	width:160px; padding:0; line-height:.9em; display:inline; 
}
ul.menu li a {
	background-color:whitesmoke; color:darkslategray; font-weight:bold; width:150px; float:left;
	margin-bottom:2px; padding:5px 1px 5px 5px; border-left:4px solid orange; text-decoration:none;
}
ul.menu li a:hover, ul.menu li a.current {
	background-color:#eaeaea; border-left:4px solid lightskyblue; color:darkslategray;
}

/***** Main content *****/
#content {
	margin:0 0 5px 170px; padding:7px 7px 0 7px; line-height:1.5em;
}
#content td {
	padding: 2px 5px 1px 5px;
}
/*
#content img {
	padding:0px; display:inline; color:#303030; border:0px solid #f0f0f0;
}
*/
#content ul, #content ol { margin:0 0 16px 20px; padding:0; }
#content li { margin:0; padding:0 0 0 5px; }
#content ul ul, #content ol ol { margin:0 0 0 16px; padding:0; }

/***** Footer *****/
#footer {
	clear:both; margin:0 auto; padding:15px 0; border-top:4px solid #f0f0f0; 
	width:1000px; text-align:center; color:#808080; background:#ffffff;
}
			
/***** Various classes *****/
.headerText { 
	font-size:1.4em;  font-weight: bold; margin:0 0 10px; 
	padding-bottom: 5px; border-bottom: 1px black solid;
}
.smallHeaderText { 
	font-size:1em; font-weight: bold; margin:0 0 8px; 
	padding-bottom: 3px; border-bottom: 1px black solid;
}
.smallHeaderTextExpand { 
	font-size:1em; font-weight: bold; margin:0 0 8px; 
	padding-bottom: 3px; border-bottom: 1px black solid;
	cursor:hand; cursor:pointer;
}
.smallText { 
	font-size:.9em; 
}
.smallBoldText { 
	font-size:.8em; font-weight: bold;
}
.requiredText { 
	font-size:1em; color: #ff0000; text-align: right; 
}
.genericLine {
	font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 2px; 
	padding-bottom: 1px; border-top: 1px black solid;
}
.headerRow {
	padding: 2px 10px 2px 10px;
	background-color: whitesmoke;
}
.catLink { 
	font-size:.8em; text-decoration:underline;
}
.catHeader { 
	font-size:1em; font-weight: bold; margin:0 0 3px; 
}
.catHeaderText { 
	font-size:1.2em; font-weight: bold; margin:10px 0 0 0; 
	padding-bottom: 3px;
}
.catText { 
	font-size:.8em; font-weight: bold; margin:10px 0 0 0; 
}
.catCountText { 
	font-size:.7em; font-weight: bold; margin:10px 0 0 0; 
}
.productHeaderText { 
	font-size:1em; font-weight: bold; margin:0 0 2px;
}
.commentBox { 
	font-size:.8em; 
	border: solid 1px;
	padding:5px;
}

/***** Popup hints *****/
#hintbox {
	position:absolute; top: 0; background-color: #f0f0f0; 
	width: 200px; padding: 3px; border: 1px solid black;
	font: normal .9em Verdana, Tahoma, Arial, sans-serif; 
	color: #000000; z-index: 100; visibility: hidden;
}

/* a area */
#a_left { float: left;  margin-right: auto; padding: 10px 5px 10px 5px; width: 280px; }
#a_right { float: right; margin-left: auto; margin-right: auto; padding: 10px 5px 10px 5px; width: 280px; }
.sortable-list { list-style-type : none; margin : 0px; }
.sortable-list li { border : 1px solid #000; cursor : move; margin : 2px 0 2px 0; padding : 3px; background : #f7f7f7; border : #ccc; }

.button {
	margin-right: 10px;
	padding: 4px 8px 4px 8px;
	border: 2px solid #eaeaea;
	background: whitesmoke;
	color: darkslategray;
}
.button:hover {
	background: whitesmoke;
}
a.button:visited {
	text-decoration: none;
}

#deals_block {
	clear:left; float:left; 
	margin:20px 1px 5px 1px; 
	padding: 10px 8px 8px 8px;
	border: 1px solid black; 
}
#main_block {
	float: left; width: 580px;
}

.post {
	padding: 3px 0px 0px 0px;
	border-bottom: 1px solid lightblue;
	margin-bottom: 20px;
}
.post_header {
	font-weight: bold; font: 1.3em Verdana, Tahoma, Arial, sans-serif; 
}
.post_date {
	font-weight: bold; font: 1em Verdana, Tahoma, Arial, sans-serif;
}

#blog_block {
	width: 220px; float:right; 
	margin:20px 1px 5px 1px; 
	padding: 10px 8px 8px 8px;
	border: 1px solid orange; 
}
#blog_block h4, #gear_lists_block h4 {
	padding: 2px;
	margin: 2px;
}

#gear_lists_block {
	width: 300px; float:left; 
	margin:20px 1px 5px 1px; 
	padding: 10px 8px 8px 8px;
	border: 1px solid orange; 
}

/***** sub menu *****/
ul.sub_menu { 
	width:140px; margin:0 0 18px; padding:0; list-style:none; 
}
ul.sub_menu li { 
	width:140px; padding:0; line-height:.9em; display:inline; 
}
ul.sub_menu li a {
	background-color:whitesmoke; color:darkslategray; font-weight:bold; width:130px; float:left;
	margin-bottom:2px; padding:5px 1px 5px 5px; border-left:4px solid #cccccc; text-decoration:none;
}
ul.sub_menu li a:hover, ul.sub_menu li a.current {
	background-color:#eaeaea; border-left:4px solid lightskyblue; color:darkslategray;
}

#gubadge {
	display:none;
}

.btn { display: block; position: relative; background: #aaa; padding: 4px 5px 4px 5px; margin: 0px 5px 5px 5px; float: right; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(/images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -4px;  top: 0; left: 0; width: 5px; height: 4px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 4px 10px; margin-bottom: -4px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -4px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: lightskyblue; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #fff; }
.btn:active { background-color: #aaa; }
.btn[class] {  background-image: url(/images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: lightskyblue; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

/*             styles for the star rater                */	
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	overflow:hidden;
	background: url(/images/alt_star.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	width:20px;
	height:25px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:20px;
	height: 25px;
	line-height:25px;		
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow:hidden;
}
.star-rating li a:hover{
	background: url(/images/alt_star.gif) left bottom;
	z-index: 2;
	left: 0px;
	border:none;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:25px;
}
.star-rating a.two-stars{
	left:25px;
}
.star-rating a.two-stars:hover{
	width: 50px;
}
.star-rating a.three-stars{
	left: 50px;
}
.star-rating a.three-stars:hover{
	width: 75px;
}
.star-rating a.four-stars{
	left: 75px;
}	
.star-rating a.four-stars:hover{
	width: 100px;
}
.star-rating a.five-stars{
	left: 100px;
}
.star-rating a.five-stars:hover{
	width: 125px;
}
.star-rating li.current-rating{
	background: url(/images/alt_star.gif) left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

/* remove halo effect in firefox   */
a:active{
	outline: none;
}

/* for breadcrumbs */
.breadcrumb{
	font-size:1.2em;  margin:0 0 5px; 
}
.breadcrumb a{
	background: transparent url(/images/breadcrumb.gif) no-repeat center left;
	text-decoration: none;
	padding-left: 21px; /*adjust bullet image padding*/
	padding-bottom: 3px;
}
.breadcrumb a:hover{
	text-decoration: underline;
}
.categoryLink {
	background: transparent url(/images/breadcrumb.gif) no-repeat center left;
	text-decoration: none;
	padding-left: 21px; /*adjust bullet image padding*/
	padding-bottom: 3px;
}