@charset "utf-8";
/* CSS Document */

body.body { margin:0; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666; }
body.bodygrey { background: url(../images/bg_grey.gif) repeat-x #fff; }
body.bodyblack { background: url(../images/bg.gif) repeat-x #3f3937; }

div.spacer { height:14px; }
div.spacer7px { height:7px; }

/* HEADER PANEL */
div.headerpanel { position:relative; width:990px; height:82px; background:#fff; margin-left:auto; margin-right:auto; z-index:1; }
div.headerpanelblack { background:none; }
div.headerpanelgrey { background:none; }
div.headerpanel a { color:#E8a835; }
div.headerpanel a:hover { text-decoration:none; }
div.headerpanel div.login { position:absolute; top:20px; right:28px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666; font-weight:normal; }
div.headerpanel div.loginblack { color:#dedede; }
div.headerpanel div.login input.input { border:1px solid #666; padding:2px; width:90px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666; font-weight:normal; }
div.headerpanel div.login input.active { border:1px solid #E8a835; }
div.headerpanel div.login td.active { border:1px solid #E8a835; }
div.headerpanel div.login input.button { font-size:11px; cursor: pointer; }

/* MENU */
div.menupanel { width:990px; height:28px; background: url(../images/bg_menu.gif) repeat-x #fcb535; margin-left:auto; margin-right:auto; z-index:1; }
div.menupanel div.menu { position:relative; margin-left:28px; color:#000; z-index:1; }
div.menupanel div.menu div.mouseovercontainer { position:absolute; top:0px; left:0px; z-index:1; }
div.menupanel div.menu div.clickablescontainer { position:absolute; top:0px; left:0px; z-index:1; }
div.menupanel div.menu div.clickablescontainer div.maBox { position:absolute; top:28px; left:1px; visibility:hidden; z-index:1; }
div.menupanel div.menu div.clickablescontainer div.msaBox { position:absolute; top:-1px; left:200px; display:none; z-index:1; }
div.menupanel div.menu div.section { padding:7px 14px 7px 14px; color:#000000; font-weight:bold; cursor:pointer; font-size:11px; font-family:Arial, Helvetica, sans-serif; z-index:0; white-space:nowrap; }
div.menupanel div.menu table.menuArticleTable { border-bottom:1px solid #000000; }
div.menupanel div.menu table.menuArticleTable div.article { padding:5px 14px 6px 14px; color:#000000; font-weight:bold; font-family: Arial, Helvetica; font-size: 11px; line-height:140%;}
div.menupanel div.menu table.menuArticleTable td.article a { text-decoration:none }
div.menupanel div.menu table.menuArticleTable td.menuArticleBright {  background-color:#f6ce65; border-top:1px solid #000000; cursor:pointer; }
div.menupanel div.menu table.menuArticleTable td.menuArticleDark { background-color:#f0ac00; border-top:1px solid #000000; cursor:pointer; }

/* SPLASH */
div.splashcontainer { width:990px; height:260px; background:#666; margin-left:auto; margin-right:auto; z-index:0; }

/* MINISPLASH */
div.minisplash { background: url(../images/minisplash.png) no-repeat #333; position:relative; width:990px; height:120px; margin-left:auto; margin-right:auto; z-index:0; }

/* ORIENTATIONPANEL */
div.orientationpanel { width:990px; background:#555555; height:28px; margin-left:auto; margin-right:auto; color:#fff; }
div.orientationpanel a { color:#fff; text-decoration:none; }
div.orientationpanel a:hover { color:#FF9C00; }

/* CONTENT */
div.contentcontainer { width:990px; background:#fff; margin-left:auto; margin-right:auto; z-index:0; color:#000; line-height:170%; }

/* HOME PAGE (START) */
div.contentcontainer table.start { padding:0; }
div.contentcontainer table.start td.left { width:220px; vertical-align:top; }
div.contentcontainer table.start a { color:#e47e19; text-decoration:none; }
div.contentcontainer table.start a:hover { color:#222; }
div.contentcontainer table.start td.middle { width:428px; vertical-align:top; }
div.contentcontainer table.start td.right { width:220px; vertical-align:top; }
div.contentcontainer table.start td.padding { width:28px; vertical-align:top; }
div.contentcontainer table.start span.h1 { color:#e47e19; font: 18px Arial, Verdana; }
div.contentcontainer table.start span.h2 { color:#e47e19; font: 15px Arial, Verdana; }

	/* COOLBOXES */
	div.contentcontainer div.coolbox { padding:14px; padding-top:25px; margin-top:12px; border:1px solid #c6c6bf; background:url(../images/bg_coolbox_gradient.gif) bottom repeat-x #fff; }
	div.contentcontainer div.coolbox div.coolboxheadercontainer { position:relative;  }
	div.contentcontainer div.coolbox div.coolboxheadercontainer img.coolboxheader { position:absolute; top:-38px; left:-7px; }

	
/* CONTENT PAGES */
div.contentcontainer table.content { padding:0; }
div.contentcontainer table.content td.left { width:220px; vertical-align:top; }
div.contentcontainer table.content td.right { width:676px; vertical-align:top; }
div.contentcontainer table.content td.padding { width:28px; vertical-align:top; }
div.contentcontainer table.content span.h1 { color:#000; font: 18px Arial, Verdana; }
div.contentcontainer table.content span.h2 { color:#e47e19; font: 15px Arial, Verdana; font-weight:bold; }
div.contentcontainer table.content span.h3 { color:#222; font: 12px Arial, Verdana; font-weight:bold; }

	/* LEFTCOL */
	div.quicklinkcontainer { background:url(../images/bg_coolbox_gradient.gif) bottom repeat-x #fff; border:1px solid #c6c6bf; }
	div.contentcontainer table.content td.left div.quicklinkcontainer a { color:#000; text-decoration:none; }
	div.contentcontainer table.content td.left div.quicklinkcontainer a:hover { color:#e47e19; }

	/* CONTENT */
	div.contentcontainer table.content td.right div.coolbox { padding:14px; padding-top:25px; margin-top:12px; border:1px solid #c6c6bf; }
	div.contentcontainer table.content td.right div.coolbox div.coolboxheadercontainer { position:relative; }
	div.contentcontainer table.content td.right div.coolbox div.coolboxheadercontainer img.coolboxheader { position:absolute; top:-38px; left:-7px; }
	div.contentcontainer table.content td.right a { color:#e47e19; text-decoration:none; }
	div.contentcontainer table.content td.right a:hover { color:#222; }
	
/* CAPTIONS */
div.caption { color:#aaa; padding:7px; padding-top:1px; line-height:120%; }

	
/* FORMS */
form.form { display:inline; }
form.form td.label { text-align:right; width:120px; vertical-align:middle; }

form.form select { border:1px solid #666; background: #fffcf8 url(../images/bg_input.gif) no-repeat top left; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:2px; } 
form.form select.focus { border: 1px solid #c47b1e; }

form.form textarea { border:1px solid #666; background: #fffcf8 url(../images/bg_input.gif) no-repeat top left; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:2px; }
form.form textarea.focus { border: 1px solid #c47b1e; }
form.form textarea.error { border: 1px solid #ad0000; }

form.form input { border: 1px solid #666; background: #fffcf8 url(../images/bg_input.gif) no-repeat top left; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:3px;}
form.form input.focus { border: 1px solid #c47b1e; }
form.form input.error { border: 1px solid #ad0000; }
form.form input.none { border:none; background:none; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:0px; }

form.form tr.seperator { height:7px; } 
span.grey { color:#666; }

/* FOOTER */
div.footerpanel { width:990px; background:#fff; margin-left:auto; margin-right:auto; z-index:0; }
div.footerpanel a { color:#666 }
div.footerpanel a:hover { text-decoration:none }

/* ERRORDISPLAY */
div.errordisplay { width:inherit; background-color:#f1f0b8; border:1px solid #ad0000; padding:14px; margin-top:7px; margin-bottom:7px; }
div.errordisplay td { color:#ad0000; font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:140%; }

/* SUCCESSDISPLAY */
div.successdisplay { width:inherit; background-color:#b5e6bd; border:1px solid #1f6130; padding:14px; margin-top:7px; margin-bottom:7px; }
div.successdisplay td { color:#1f6130; font-family: Arial, Helvetica; font-size: 11px; line-height:140%; }

/** AJAX INTERFACE **/
#ajaxoverlay { position:absolute; top:0px; left:0px; width:100%; height:0px; background-color:#000; z-index:15000; visibility:hidden; }
#ajaxloader { position:absolute; top:220px; z-index:17500; visibility:hidden; }
#ajaxloaderimg { z-index:17500; padding:21px; background-color:#000000; border:1px solid #fcbf2c; }
#ajaxinterfacecontainer { position:absolute; width:100%; top:90px; z-index:20000; margin:auto; visibility:hidden; }
#ajaxinterfacecontainer div.draghandler { height:22px; cursor:move; }
#ajaxinterfacecontainer img.closeicon { cursor:pointer; }
#draggable { position:relative; margin-bottom:28px; background:#dedede; }
#ajaxinterface { visibility:hidden; position:relative; background:#fff; padding:14px; border:1px solid #c6c6bf;}
#ajaxinterface a { color:#FF9C00; }
#ajaxinterface a:hover { color:#FF9C00; text-decoration:none; }

#ajaxinterface span.h1 { color:#e47e19; font:bold  15px Arial, Verdana; } 
#ajaxinterface span.subtitle { color:#aaa; font-weight:bold; }

/** ACCORDION **/
div.toggler { padding-left:7px; padding-right:7px; height:21px; vertical-align:middle; margin:0px; cursor:pointer; background:#E6E6E7; font-weight:bold; border-bottom:1px solid #D1D2D4; }
div.expander { padding-left:7px; padding-right:7px; margin:0px; overflow:hidden; }

/** NEWS ACCORDION **/
#newsaccordion a { color:#e47e19; }
#newsaccordion a:hover { text-decoration:none; }

/** MP3 Player **/
.playbutton { background-image: url("../images/icon_play.png"); background-repeat: no-repeat; height: 20px; width: 20px; cursor: pointer; }
.pausebutton { background-image: url("../images/icon_pause.png"); background-repeat: no-repeat; height: 20px; width: 20px; cursor: pointer; }

/** for customers' quotes **/
span.quote{ font-style: italic;  font-size: 14px; }