body {
	font-size: 12px;
	font-weight: normal;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	text-align:left;
	margin:0 auto; 
	padding:0;
}

.body {
	background:#eef2f5 url(/images/furuno/dec08template/bg.gif) center top repeat-y;
}

div#container {
	margin: 0 auto;
	line-height:20px;
	padding:0;
	text-align:left;
	width:990px;
}

div#content-area {
	background-color:#FFF;
	margin:0 auto;
	width:950px;
}

#printLogo { display:none; }

p, table, td {
	font-family: verdana, arial, helvetica;
	font-size:11px;
	color:#999999;
}

h1 {
	color:#036;	
	line-height:30px;
	font-size:24px;	
	padding:4px 0;
}
h2 {
	font-size:18px;	
	color:#004791;
	padding:4px 0;
}
h3 {
	font-size:14px;	
	color:#004791;
	padding:4px 0;
}
h4 {
	font-size:12px;	
	color:#014694;
	padding:4px 0;
}

#masthead-furuno { width:990px; height:80px; }
#masthead-furuno h1 {background:transparent url('/images/furuno/dec08template/dec08_banner.jpg') no-repeat scroll 0 0;
float:left;
height:66px;
margin:0 20px;
padding:0;
width:950px;}
#masthead-furuno h1 a { display:block; line-height:50px; outline:0 none; border:0 none;}
#masthead-furuno h1 span { display:none; }
#masthead-furuno #masthead_search { width:300px; display:inline-block; float:right; text-align:right; }
#masthead-furuno #masthead_search span { display:none; }
#masthead-furuno #masthead_search .masthead_search_box { border:1px solid #7f9db9; width:200px; height:14px; margin:0; padding:0; color:#003366; font-size:12px; vertical-align:middle; }
#masthead-furuno #masthead_search .masthead_search_button { vertical-align:middle; margin:25px 30px 25px 0;}

#navigation { background-color: #E3E8EE; width:950px; height:35px; margin:0 20px 20px; padding:0; text-align:left; }

.furunoprods {
	font-size:18px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	color:white;
	padding-left:15px;
	background:#336799;
	line-height:30px;
}

.home_vdots {
	background-image:url(/images/furuno/dec08template/home_vsep.jpg);	
	background-repeat:repeat-y;
}

.navbg {
	background-image:url(../images/furuno/dec08template/nav_bg.gif);	
	background-repeat:repeat-x;
}

.leftshader {
	background-image:url(../images/furuno/dec08template/dec08_leftshader.jpg);
	background-repeat:repeat-y;
}
.rightshader {
	background-image:url(../images/furuno/dec08template/dec08_rightshader.jpg);
	background-repeat:repeat-y;
}

.tmpl_form {
	width:180px;
	height:15px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div#footer { width:auto; clear:both; color:#999; text-align:left; font-size:11px; line-height:12px; margin:10px 0; padding:10px 30px; font-family:Arial,sans-serif; height:40px; }

div#footer div#left {
	float:left;
	margin:14px 0;
}

div#footer div#footerlinks {
	margin:14px 0;
	text-align:center;
}

div#footer div#footerlinks a.footerlinks {
	margin:0 5px;
}

div#footer div#right {
	float:right;
	margin:14px 0;
	text-align:right;
}

a.footerlinks, a.footerlinks:visited {
	color:#999;
	text-decoration:none;
}
a.footerlinks:hover, a.footerlinks:visited:hover {
	color:#bbb;
	text-decoration:underline;
}

#footer a { color:#999; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

/*************
Middle
*************/

div#middlediv table, div#middlediv th, div#middlediv td
{
	vertical-align:top;
}

div#middlediv > h1,div#middlediv > h2,div#middlediv > h3 { margin:0 15px; }
div#middlediv > p { margin:15px; }

div#middlediv.rhsenabled
{
}

/*************
RHS
*************/

div#rightdiv
{
	float:right;
	clear:none;
	margin:0 0 0 20px;
}


.rhsitem ul { color:#a20b1a; }
.rhsitem ul a { color:#a20b1a; text-decoration:none; }
.rhsitem ul a:hover { text-decoration:underline; }

.crumbs { color:#747474; margin:10px 15px; }
.crumbs a { color:#747474; text-decoration:none; }
.crumbs a:hover { text-decoration:underline; }

.registration tr td { vertical-align:middle !important; color:#777; font-size:11px; padding:0 !important;  }
.registration tr td.input input   { width:167px;    vertical-align:middle !important; background-color:#eeeeee; border:solid 2px #cccccc; padding:5px; color:#777; font-size:11px; }
.registration tr td select  { width:50px;  vertical-align:middle !important; background-color:#eeeeee; border:solid 2px #cccccc;  padding:4px; color:#777; font-size:11px; }

.validation { background-color:#9f0c1e !important; border:solid 2px #9f0c1e !important; color:#FFF !important; }


/*************
Form Styling
*************/

.formstable td
{
	padding:2px;
}

.TextAreaForm, .TextAreaWidth, .TextAreaNoWidth
{
	background-color:#EEEEEE;
	border:2px solid #CCCCCC;
	color:#777777;
	font-size:11px;
	padding:5px;
	vertical-align:middle !important;
	width:175px;
}

.FormQuestion, .Form-Field
{
	color:#777777;
	font-size:11px;
	padding:0 !important;
	vertical-align:middle !important;
	width:100px;
}

.redcomment
{
	color:#A00C1A;
}

/***************
	Dealers
***************/

div#clickablemap
{
	float:left;
	width:315px;
	height:427px;
	margin:10px 0 0 0;
}

div#dealerresults
{
	float:right;
	width:360px;
	height:427px;
	margin:10px 0 0 15px;
}

div#dealerresults div.scrollabledealers
{
	overflow:auto;
	height:370px;
}

/**************
	Products
**************/

/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
	/* required settings */ 
	position:relative;
	margin-top:5px; 
	overflow:hidden; 
	width: 240px; 
	height:80px; 
} 
 
div.scrollable div.items { 
	/* this cannot be too large */ 
	width:20000em; 
	position:absolute; 
	left:0;
} 

/* single scrollable item */
div.scrollable div.items a{
	float:left;
	margin:0;
	background-color:##fff;
	padding:0;
	cursor:pointer;
	width:80px;
	height:80px;
}

 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
	border:1px inset ##ccc; 
	background-color:##fff; 
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	width:23px;
	height:23px;
	margin:0;
	cursor:pointer;
	display:inline-block;
}

/* right */
a.right
{
	background:url(/images/template/next-horizontal.png) 0 0 no-repeat;
}

/* left */
a.left
{
	background:url(/images/template/prev-horizontal.png) 0 0 no-repeat;
}

a.disabled
{
	visibility:hidden !important;
}

div#viewonline
{
	position:absolute;
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(/images/template/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	
	width:640px;		
	*/
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
	overflow:auto;

}

div#viewonline div.close
{
	background-image:url(/images/template/overlay/apple-close.png);
	background-repeat:no-repeat;
	position:absolute;
	top:10px;
	right:10px;
	width:28px;
	height:28px;
	cursor:pointer;
}

/***********
	Search
************/

div.searchresultbox
{
	padding:10px;
}


