/* CSS DOCUMENT */
body {
background-color: #777;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#333; /*777*/
margin: 0 auto;}
/* CONTAINERS */
#container {width:790px; background-color:#fff; margin:0 auto; padding-bottom:20px; position:relative;}
#header {padding: 20px 20px 10px 20px; text-align:right;}
#mainNav {background-color:#f58025; height:35px; margin: 0px 18px; color:#fff;}
#mainContent {padding: 20px 20px 10px 20px;}
#footerNav {border-top: 1px #f60 solid; padding:  20px 20px 10px 20px;}
/* LOGO/HEADER IMAGE */
#logos {list-style-type: none; padding:0px; margin:0px;}

/* 1 COLUMN */
.oneCol {margin: 0 0 0 18px;}
/* 2 COLUMN LAYOUT */
#twoColLeft	{float: left; width: 48%}
#twoColRight {float: right; width: 48%}
/* 3 COLUMN LAYOUT */
#threeColLeft {float: left; width:260px;}
#threeColMiddle {float: left; width:280px; margin-left:10px;}
#threeColRight {float:right; width:190px; text-align:right;}
/* TWO THIRDS COLUMNS */
#twoThirdsLeft {float: left; width:530px;}
#twoThirdsRight {float: right; width:430px;}

/* MAIN NAVIGATION */
#mainNav ul {list-style-type:none; margin:0px; padding:0px; line-height:35px;}
#mainNav ul li {float: left;}
#mainNav ul li a {display:block; height:35px; text-align:center; border-right: 1px #fff solid; text-decoration:none; font-size:0.9em; color:#fff; padding: 0 10px; font-weight:normal;}
#mainNav ul li a:hover {background-color:#777; font-weight:normal; }
#mainNav ul li a.selected {background-color:#777; font-weight:bold; }
/* CONTROLLERS FOR WIDTHS OF EACH BUTTON */
/*a.home {width:66px}
a.about {width:113px}
a.shop {width:60px}
a.register {width:80px}
a.news {width:60px;}
a.forum {width:70px;}
a.route {width:115px;}
a.custom {width:125px;}
a.software{width:90px;}
a.planner{width:105px;}
a.route{width:100px;}
a.faqs {width:60px;}*/
/* SUB NAVIGATION */
#subNav {list-style-type: none; padding:0px; margin:0px; width: 188px; background-color:#999; background-image:url(i/subNavBG.jpg); background-repeat:repeat-x; float:right;}
#subNav li a {display:block; width: 186px; height: 25px; text-align:left; border-width: 1px; border-color: #e5e5e5 #666 #666 #666; border-style:solid; font-size:0.85em; color:#666666; text-decoration:none; line-height: 25px;}
#subNav a:hover {background-image:url(i/navBgOver.gif); background-repeat:repeat-x; color:#fff; font-weight:bold;}
#subNav li a span {margin-left:10px;}
#subNav .subNavTitle {text-align:left; border:none; background-image:url(i/moreInfoTitle.jpg); background-repeat:no-repeat; height:20px; font-size:0.8em;}
#subNav .subNavTitle span {margin-left:10px; color:#fff; font-weight:bold;}



#footerNav ul {list-style-type: none; padding:0px; margin:0px; text-align:/*center*/right;}
#footerNav ul li {display:inline;}
#footerNav ul li a {border-right: 1px #666 solid; font-size:0.8em; vertical-align:middle; text-decoration:none; padding:2px 4px 2px 1px; color:#666;}
#footerNav ul li a:hover {color:#f60;}
#footerNav ul li a.noBord {border-right: none;}

#footer2 {padding: 10px 5px 7px 5px; margin:10px 10px 0 10px; border-bottom: 1px solid #f60;}
#footer2 ul {list-style-type: none; margin:0px; padding:0px;}
#footer2 ul li {display: inline; margin:5px;}
#footer2 ul li a {text-decoration: none;}
#footer2 ul li a:hover {text-decoration: underline;}
#breadcrumb {float: right; text-align:right;} /*width:60%;*/
#breadcrumb {color:#666; font-size: 0.9em;}
#breadcrumb a {color: #f60;}
#breadcrumb {color:#666;}

#func {float: left; width: 35%; font-size: 0.9em;}
#func a {color: #f60;}



h1 {font-size: 1.5em; color:#333; margin-bottom: 20px;}
h1 span {font-size: 2em; color:#f58025;}
h2 {color: #f58025; font-size:1.2em; margin: 10px 0 10px 0;}
h2.access {position:absolute; top:-300em; left:-300em; display:none;}
h1.access {position:absolute; top:-300em; left:-300em; display:none;}
h3 {color: #000; font-size:1em;}
h3.tagline {color: #000; font-size:0.9em; font-weight:normal;}
p, ul , ol{line-height: 150%;}
.bigger {font-size: 1em; font-weight:bold; line-height:200%;}
.smaller {color:#333; font-size:0.8em;}
.orange {color: #f58025;}
.centre {text-align:center;}
.left {text-align: left;}
.right {text-align: right;}
.bt10 {margin-top: 10px;}
.mt30 {margin-top:30px;}
.mt10 {margin-top:10px;}
.ml25 {margin-left:25px;}
.taLeft {text-align: left;}
.taRight {text-align: right;}
abbr {text-decoration: none; border:none;}
.question {color: #f60; margin-bottom:0px; font-weight:bold;}
.answer {margin-top: 0px;}
.download {float:right; display:block; width:100px; text-align:center;}

a{
	color:#f58025;
}

a img {border: none;}
#mainContent a {color: #f60;}

.cB {clear:both;}
.flLeft {float:left;}
.flRight {float:right;}
.normal {font-weight: normal;}
.black { color:#555}

#whereToBuy {}
#whereToBuy td, #whereToBuy th { vertical-align:top;padding: 10px 10px 10px 0px; text-align:left;}

#letters {list-style-type: none;margin-left: 0px; padding-left: 0px;}
#letters li {display: inline;}

/* Jason's CSS */

	#global_content
	{
		margin:15px 20px;
		margin-top: 20px;
	    width:755px;
	}

	#left_content
	{
	    float:left;
	    width:165px;
	    margin-bottom:2px;
		margin-right: 10px;
	}
	#middle_content_full
	{
	    float:right;
		width:580px;
	    margin-bottom:2px;
	}
	#middle_content
	{
	    float:left;
		width:410px;
	    margin-bottom:2px;
		margin-right: 7px;
	}
	#right_content
	{
	    float:left;
	    width:165px;
		
	    margin-bottom:2px;
	}
	
.content_item_head
{
	background-color:#f58025;
	width:165px;
	height:20px;
	font-size:10px;
	color:#fff;
}
	
	.content_item_info
	{
		border-right: 1px solid #999999;
		border-bottom: 1px solid #999999;
		border-left: 1px solid #999999;
		width:153px; /*165*/
		margin-bottom: 10px;
		padding: 5px;
	}
	
	.content_item_info ul {padding:0px; margin:0px;}
	.content_item_info ul li {list-style: none; margin-top: 3px; margin-bottom: 3px;}
	.content_item_info ul li a , .content_item_info ul li a:link , .content_item_info ul li a:visited{text-decoration:none; color:#333 !important;}
	.content_item_info ul li a:hover {color:#f60 !important;}
	
	/* SUB NAVIGATION */
	#subNav.orange {list-style-type: none; padding:0px; margin:0px; width: 188px; background-color:#fff; background-image:none; background-repeat:repeat-x; float:none;}
	#subNav.orange  li a {display:block; width: 186px; height: 25px; text-align:left; border-width: 1px; border-color: #e5e5e5 #666 #666 #666; border-style:solid; font-size:0.85em; text-decoration:none; color:#333; line-height: 25px;}
	#subNav.orange  a:hover {background-image:none; background-repeat:repeat-x; color:#f60; font-weight:normal}
	#subNav.orange  li a span {margin-left:10px;}
	#subNav.orange  .subNavTitle {text-align:left; border:none; background-color:#f58025; background-image:none; background-repeat:no-repeat; height:20px; font-size:0.9em;}
	#subNav.orange  .subNavTitle span {margin-left:5px; color:#fff; font-weight:normal;}
	/* FOOTER NAVIGATION */
	
	.content_item_info_noborder
	{
		width:163px; /*165*/
		margin-bottom: 5px;
	}
	
	#middle_content_full .content_item_info
	{
		width:564px; /*165*/
	}
	
	
	#middle_content_full .content_item_info_noborder
	{
		width:564px; /*165*/
	}
	
	.content_centre
	{
		border: 1px solid #a8a8a8;
		/*background-image:url('i/content_grad.png');*/
		background-repeat: repeat-x;
		width:100%;
		margin-bottom: 5px;
	}
	
	.content_item_head p
	{
		font-size:11px;
		margin-top:0;
		color:#fff;
		margin-left:5px;
	}
	
	.content_item_info p, .content_centre p, .content_item_info form, .content_item_info input
	{
		font-size:11px;
		color:#333;
		padding:0px;
		margin:0px;
		margin-left:5px;
		margin-right:5px;
	}
	.content_item_info a:link, .content_item_info a:hover, .content_item_info a:visited, .content_centre a:link, .content_centre a:hover, .content_centre a:visited
	{
		color:#f58025;
	}
	.morelink{text-align: right;}
	.morelink  a:link{font-size:10px; text-decoration:none;}
	
	hr
	{
		padding:0px;
		margin:0px;
	}
	
	.bold
	{
		font-weight: bold;
	}
	
	.quote
	{
		font-style: italic;
		text-align: right;
	}
	
	.sponsor_image_right
	{
		width: 120px;
		text-align: center;
		float: right;
		margin: 10px;
	}
	
	input.searchbutton{
	font-size: 84%;
	width: 50px;
	}
	
	input.searchbox{
	font-size: 84%;
	width: 100px;
	color: #777;
	}
	
	
	#languages{
		width: 400px;
		text-align: right;
		margin-top: 50px;
		margin-bottom: 5px;
		padding: 0px;
		float: right;
	}
	#languages p{
		margin: 0px;
		padding: 0px;
	}
	#languages a:link, #languages a:visited, #languages a:active{
		color: #f58025;
		text-decoration: none;
	}
	#languages a:hover{
		color: #333;
		text-decoration: none;
	}
	
	h2.headline{
		font-size: 11px;
		line-height: 150%;
		font-weight: normal;
	}
	
	h3.tagline{
		font-size: 11px;
		line-height: 150%;
	}
	
	/* Styles for the user guides section*/
	#bottomnav{
		border-top: 1px solid #666;
		padding-top:5px;
		height:32px;
		margin-bottom:0;
		margin-top:40px;
	}
	
	#bottomnavtext{
		height:32px;
		margin-bottom:30px;
	}
	
	DIV.userguide {
		width: 550px;
		margin-bottom: 15px;
	}
	
	DIV.userguide IMG.pdficon{
		float: left;
		margin-right:10px;
	}
	
	DIV.userguide DIV.guidetext{
		float: right;
		width:515px;
	}
	
	DIV.userguide p{
		margin: 0;
	}
	
	DIV.userguide a:link.title{
		font-weight: bold;
		text-decoration: none;
		color: #333;
	}
	
	DIV.userguide a:hover.title{
		color: #f58025;
	}
	
	DIV.userguide a:visited.title{
		font-weight: bold;
		text-decoration: none;
		color: #333;
	}
	
	DIV.userguide p.filesize, DIV.userguide SPAN.filesize{
		font-weight:normal;
		font-style:italic;
		color:#666;
	}
	
	
	
/* Gift CSS */
#xmasProducts td IMG{
	width: 90px;
	height: 120px;
	margin: 0 7px 5px 7px;
	vertical-align:text-top;
	
}
#xmasProducts table{
	width: 100%;
}

#xmasProducts td{
	width: 20%;
	height: 200px;
	line-height: 18px;
	padding: 5px;
	vertical-align:text-top;
}

#xmasProducts td a{
	text-decoration: none;
}

.xmasContent{
  width: 600px; /* 480 */
  height: 100%;
  background: #fff;
  float: right;
  margin-left: 20px;
}

.xmasLeft{
  width: 135px;
  height: 100%;
  background: #fff;
  float: left;
}

.xmasLeft UL{
	width: 135px;
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

.xmasRight{
  width: 135px;
  height: 1200px;
  background: #fff;
  margin-right: 20px;
  float: right;
}

xmasContent td, .xmasContent th {
border: none 0;
margin:0;
padding:0;
text-align: left;
padding-top: 10px;
}

.xmasContent img{
  margin: 0;
  border: none 0;
}


/* Route Planner */
	a.planner{
		text-decoration: none;
		color:white;
		font-weight: bold;
		padding: 10px;
	}
	
	#comments
	{
	    clear:both;
	    width:750px;
		
	    margin-top:2px;
	    margin-bottom:2px;
	}
	#comments_small
	{
	    width:100%;
		
	    margin-top:3px;
	    margin-bottom:2px;
	}
	.error
	{
		border: 1px solid #990000;
	}
	.route-image
	{
		width:120px;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:5px;
	}
	.right
	{
		text-align:right;
	}
	.container
	{
		margin-bottom:5px;
		border-bottom: #ff9900 1px solid;
		padding:0px;
	}
	#display
	{
		font-family:Arial;
		font-weight: bold;
	    font-size:11px;
	    color:#000000;
	    padding:0px;
	    margin:0px;
	    margin-left:5px;
		margin-right:5px;
	}
	#route_planner_nav  a:link, #route_planner_nav  a:hover, #route_planner_nav  a:visited,#route_planner_nav p
	{
		font-size: 15px;
		padding-top: 2px;
		color: #ffffff;
	}
	/* Thumb Viewer */
	#thumbBox{ /*Outermost DIV for thumbnail viewer*/
		position: absolute;
		left: 0;
		top: 0;
		width: auto;
		padding: 10px;
		padding-bottom: 0;
		background: #313131;
		visibility: hidden;
		z-index: 10;
		cursor: hand;
		cursor: pointer;
	}
	#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
		font: bold 12px Tahoma;
		letter-spacing: 5px;
		line-height: 1.1em;
		color: white;
		padding: 5px 0;
		text-align: right;
	}
	#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
		background-color: white;
	}
	#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
		position: absolute;
		visibility: hidden;
		border: 1px solid black;
		background-color: #EFEFEF;
		padding: 5px;
		z-index: 5;
	}
	/* End thumb Viewer */
	#advanced_search form select
	{
		width: 110px;
	}
	.red
	{
		color:#ff0000;
	}
	.side_bar_content
	{
		border: 1px #ff9900 solid;
		margin-bottom: 10px;
	}
	.bold
	{
		font-weight: bold;
	}
	.user_view_menu
	{
		padding: 3px 0;
		margin-left: 3px;
		margin-top: 1px;
		margin-bottom: 0;
		font: bold 12px Verdana;
		list-style-type: none;
		text-align: left; /*set to left, center, or right to align the menu as desired*/
	}
	.user_view_menu li
	{
		display: inline;
		margin: 0;
	}
	.user_view_menu li a
	{
		text-decoration: none;
		position: relative;
		z-index: 1;
		padding: 3px 7px;
		margin-right: 3px;
		border: 1px solid #778;
		color: #2d2b2b;
		background: white url(../images/user_view_menu_grad.png) top left repeat-x;
	}
	.user_view_menu li a:visited
	{
		color: #2d2b2b;
	}
	.user_view_menu li a:hover
	{
		text-decoration: underline;
		color: #2d2b2b;
	}
	.user_view_menu li a.selected
	{ 
		/*selected main tab style */
		position: relative;
		top: 1px;
	}
	.user_view_menu li a.selected
	{ 
		/*selected main tab style */
		background-image: url(../images/user_view_menu_grad.png);
		border-bottom-color: white;
	}
	.user_view_menu li a.selected:hover
	{ 
		/*selected main tab style */
		text-decoration: none;
	}
	
	
/* GERMAN */
.halfboxLeft, .halfboxRight{
width: 280px;
border: 0;
}
		
.halfboxLeft{
float: left;
}
		
.halfboxRight{
margin-left: 5px;
float: right;
}
		
.halfboxLeft h2, .halfboxRight h2{
background-color: #f58025;
color: #fff;
padding-left: 5px;
margin: 0;
line-height: 150%;
font-size: 1em;
font-weight: normal;
}	
		
.halfboxContent{
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
height: 115px;
padding:5px 5px 0 0;
}
.halfboxContent ul{
line-height:20px;
margin:0;
}