@charset "UTF-8";

/* #################################################
Tags
################################################## */

a img 
{
	border:none;
}

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

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

body {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	background: #343a37;
	/*background-image:url(../images/gl-bg.jpg);*/
	background-repeat:repeat;
	margin: 0; 
	padding: 0;
	text-align: center;
	color:#999;
}

h1
{
	font-size:24px;
	font-weight:normal;
	color:#909572;
	margin:0;
}

h2
{
	font-size:18px;
	font-weight:normal;
	color:#909572;
	margin:0;
}

/* #################################################
Classes
################################################## */

.clear 
{
	clear:both;
}

.clearpad 
{
	clear:both;
	padding-bottom:1px;
}

.clearline
{
	clear:both;
	border-bottom: dotted 1px #666;
	padding-top:12px;
	margin-bottom:12px;
}

.dropmenu
{
	padding:20px;
	/*background-image:url(../images/menu-bg.gif);*/
	background-repeat:repeat-x;
	background-color:#5E6640;
	text-align:left;
	color:#FFF;
    display: none;
    position: absolute;
    z-index: 2;   
}

.landingmenu h3
{
	color:#B6C55C;
}

.dropmenu .clearline
{
	clear:both;
	border-bottom: dotted 1px #fff;
	padding-top:12px;
	margin-bottom:12px;
}

.dropmenu .linkcolumn,
.dropmenu .linkcolumnlast
{
	float:left;
	width:160px;
	padding-left:20px;
	padding-right:20px;
	border-right:dotted 1px #fff;
}

.dropmenu .linkcolumnlast
{
	border-right:none;
}

.dropmenu .single-column {
	float:left;
	width:160px;
}

.dropmenu ul
{
	/*list-style-image: url(../images/bullet-arrow.gif);*/
	padding-left:5px;
	line-height:1.6em;
}

.dropmenu a,
.dropmenu a:link,
.dropmenu a:active,
.dropmenu a:visited
{
	color:#FFF;
}

.dropmenu a:hover
{
	color:#B6C55C;
}

.bg_btn
{
	height:20px;
	padding-right:9px;
	padding-top:4px;
	padding-bottom:5px;
	/*background-image:url(../images/searchbtn2_right.gif);*/
	background-repeat:no-repeat;
	background-position: right top;
	font-size:10px;
}

.bg_btn a,
.bg_btn a:link,
.bg_btn a:visited,
.bg_btn a:active,
.bg_btn a:hover
{
	height:inherit;
	/*background-image:url(../images/searchbtn2_left.gif);*/
	background-repeat:no-repeat;
	color:#FFF;
	border:none;
	font-size:inherit;
	padding-left:9px;
	padding-right:0px;
	padding-top:4px;
	padding-bottom:5px;
	margin-right:0px;
}

.search_btn
{
	height:20px;
	padding-right:9px;
	padding-top:4px;
	padding-bottom:5px;
	/*background-image:url(../images/searchbtn_right.gif);*/
	background-repeat:no-repeat;
	background-position: right top;
	font-size:10px;
}

.search_btn a,
.search_btn a:link,
.search_btn a:visited,
.search_btn a:active,
.search_btn a:hover
{
	height:inherit;
	/*background-image:url(../images/searchbtn_left.gif);*/
	background-repeat:no-repeat;
	color:#FFF;
	border:none;
	font-size:inherit;
	padding-left:9px;
	padding-right:0px;
	padding-top:4px;
	padding-bottom:5px;
	margin-right:0px;
}


/* #################################################
Global Structure
################################################## */

#header
{
	width: 900px; 
	height:110px;
	margin: 0 auto; 
	position: relative;
}

#content
{
	width: 900px; 
	margin: 0 auto; 
    z-index: 1;
}

.content_mid
{
	/*background-image:url(../images/content_mid.gif);*/
	background-repeat:repeat-y;
	padding-left:18px;
	padding-right:18px;
	padding-bottom:12px;
	margin-top:0px;
	text-align:left;
	
	color:#333;
}

.content_mid a
{
	color:#686f3f;
}

.content_mid h1
{
	width:450px;
}

#content_top
{
	display:block;
	margin:0;
}

#content_btm
{
	display:block;
	margin:0;
}

#crumb_trail
{
	float:right;
	text-align:right;
	width:400px;
}

#footer
{
	text-align:left;
	/*background-image:url(../images/footer.gif);*/
	background-repeat:no-repeat;
	width: 860px; 
	height:60px;
	margin: 0 auto; 
	margin-top:16px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
}

#footer_menu
{
	float:right;
	text-align:right;
	width:350px;
}

#header_logo
{
	display:block;
	position:absolute;
	top:10px;
	left:15px;
}

#legal
{
	padding:24px;
	font-size:10px;
}

#nav
{
	/*background-image:url(../images/navbar.gif);*/
	background-repeat:repeat-x;
	height:26px;
	padding-top:9px;
	margin-bottom:24px;
}

a.tab
{
	padding-left:10px;
	padding-right:10px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}

a.tab:hover
{
	text-decoration:none;
	background-color:#9ca28b;
}

#nav .on
{
    text-decoration:none;
    background-color:#9ca28b;
}


#search_bar
{
	height:30px;
	padding-top:8px;
	/*background-image:url(../images/searchbar_left.gif);*/
	background-repeat:no-repeat;
	padding-left:14px;
	float:right;
}

#search_bar_cap
{
	height:38px;
	width:14px;
	/*background-image:url(../images/searchbar_right.gif);*/
	background-repeat:no-repeat;
	float:right;
}

#search_form
{
	margin:0;
	padding:0;
	float:right;
	width:675px;
	color:#333;
}

#side_menu
{
	width:210px;
	float:right;
	margin-left:12px;
	margin-top:12px;
}

#site_select
{
	text-align:right;
	padding:6px;
	color:#FFF;
}


/* #################################################
Splash Page
################################################## */


#entry_conv,
#entry_logo,
#entry_fly,
#choose_left,
#choose_one,
#choose_right
{
	display:block;
	position:absolute;
}

#entry_conv
{
	left:0px;
	top:65px;
}

#entry_logo
{
	left:244px;
	top:160px;
}

#entry_fly
{
	left:465px;
	top:65px;
}

#choose_left
{
	top:395px;
	left:244px;
}

#choose_one
{
	top:395px;
	left:307px;
}

#choose_right
{
	top:395px;
	left:412px;
}

#splash {
	width: 712px; 
	margin: 0 auto; 
	position:relative;
}

#splash_footer
{
	padding-top:480px;
	text-align:left;
}


/* #################################################
Home Page
################################################## */

#home
{
	height:430px;
	position:relative;
}

#home .main
{
	position:absolute;
	top:0;
	left:0;
}

#home .side-top
{
	position:absolute;
	top:0;
	left:715px;
	width:185px;
	height:144px;
	/*background-image:url(../images/home_side-top.jpg);*/
	background-repeat:no-repeat;
}

#home .side-mid
{
	position:absolute;
	top:144px;
	left:715px;
	width:161px;
	height:120px;
	padding:12px;
	/*background-image:url(../images/home_side-mid.jpg);*/
	background-repeat:no-repeat;
	
	color:#433f2c;
	text-align:left;
}

#home .side-btm
{
	position:absolute;
	top:288px;
	left:715px;
	width:185px;
	height:142px;
	/*background-image:url(../images/home_side-btm.jpg);*/
	background-repeat:no-repeat;
}

/* #################################################
Landing Page
################################################## */

.content_landing
{
	/*background-image:url(../images/content_mid.gif);*/
	background-repeat:repeat-y;
	margin-top:0px;
	text-align:left;
	padding-bottom:12px;	
	color:#333;
}

.content_landing .photo-bg
{
	background-repeat:no-repeat;
	padding-left:18px;
	padding-right:18px;
	padding-top:12px;
	min-height:450px;
}


.landingmenu
{
	padding:20px;
	text-align:left;
	color:#000;
}

.landingmenu h3
{
	color:#576854;
}

.landingmenu .clearline
{
	clear:both;
	border-bottom: dotted 1px #666;
	padding-top:12px;
	margin-bottom:12px;
}

.landingmenu .linkcolumn,
.landingmenu .linkcolumnlast
{
	float:left;
	width:160px;
	padding-left:20px;
	padding-right:20px;
	border-right:dotted 1px #666;
}

.landingmenu .linkcolumnlast
{
	border-right:none;
}

.landingmenu ul
{
	/*list-style-image: url(../images/bullet-arrow-green.gif);*/
	padding-left:5px;
	line-height:1.6em;
}

.landingmenu ul a,
.landingmenu ul a:link,
.landingmenu ul a:active,
.landingmenu ul a:visited
{
	color:#000;
}

.landingmenu ul a:hover
{
	color:#576854;
}


.landing_text
{
	padding:20px;
}


/* #################################################
Product & Accessories Page
################################################## */


.access_img
{
	width:500px;
	border: solid 1px #808968;
}

.access_desc
{
	width:500px;
	padding-bottom:12px;
	padding-top:12px;
}

.lifestyle_img
{
	width:623px;
	height:227px;
	padding-left:3px;
	padding-top:3px;
	
	/*background-image:url(../images/lifestyle.gif);*/
	background-repeat:no-repeat;
}

.product_chart
{
	float:left;
	margin-left:12px;
}

.access_data
{
	width:500px;
}

.product_data
{
	width:650px;
}

.access_data,
.product_data
{
	float:left;
	padding-bottom:12px;
	border-bottom: dotted 1px #666;
}

.access_data .headrow, 
.product_data .headrow
{
	background-color:#909572;
	color:#fff;
	font-weight:bold;
}

.access_data .even,
.product_data .even 
{
	background-color:#e6e7de;
}


.access_data .odd,
.product_data .odd
{
	background-color:#fff;
}

.product_desc
{
	float:left;
	width:630px;
	padding-bottom:12px;
	padding-left:12px;
}

.product_gallery
{
	padding-left:20px;
	width:620px;
}

.product_gallery .product_thumb
{
	float:left;
	padding-right:8px;
	margin-bottom:12px;
	text-align:center;
}

.product_gallery .product_thumb img
{
	border: solid 1px #808968;
}


.product_head
{
	padding-bottom:12px;
}

.product_vert
{
	float:left;
	width:218px;
	height:353px;
	padding-left:3px;
	padding-top:3px;
	
	/*background-image:url(../images/product_vert.gif);*/
	background-repeat:no-repeat;
}

#thumbnail_col
{
	width:330px;
	float:right;
	background-color:#A4A986;
	padding:8px;
}

#thumbnail_col h2
{
	font-weight:bold;
	color:#fff;
	border-bottom:solid 1px #424B21;
}

#thumbnail_col .thumb
{
	display:block;
	float:left;
	margin:5px;
}

/* #################################################
Tech Page
################################################## */

#tech_mid
{
	/*background-image:url(../images/content_tech.jpg);*/
	background-repeat:repeat-y;
}

.tech_content
{
	width:640px;
	float:left;
}

.tech_content p
{
	padding-left:20px;
	padding-right:20px;
}

.tech_head
{
	padding-bottom:12px;
}

.tech_img
{
	/*background-image:url(../images/tech_img.jpg);*/
	background-repeat:no-repeat;
	width:630px;
	height:350px;
	padding-top:10px;
	padding-left:10px;
}


/* #################################################
Video Page
################################################## */

.video_area {
	
}

#side_menu.video {
	margin-left:3px;
	margin-top:0;
}

.video_thumbs h3 {
	padding:6px;
	font-size:14px;
	text-align:center;
	font-weight:bold;
}

.video_thumbs #thumblist {
	height:372px; 
	overflow:auto;
	background-color:#D1D7C0;
	border-bottom:solid 1px #999;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
}

.video_thumbs #thumblist .thumb {
	display:block;
	padding:6px;
	font-weight:bold;
}

.video_thumbs #thumblist a:hover {
	text-decoration:none;
}

.video_thumbs #thumblist .thumb img {
	border: solid 1px #666;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
    width: 210px !important; /* for video page */
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #BFC4B0;
}
.jScrollPaneDrag {
	position: absolute;
	background: #A0A98C;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}