/* 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; }


/* 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%;}
ul { list-style-type:disc; margin-left:20px; }
.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:750px;
}
#left_content
{
    float:left;
    width:165px;
    margin-bottom:2px;
	margin-right: 10px;
}
#middle_content_full
{
    float:right;
	width:570px;
    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-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.title,a:visited.title,a:link.title{
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
DIV.userguide a:hover.title{
	color: #f58025;
}

	
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;
}
