/* CSS Document */
* { padding: 0; margin: 0;}

body { text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:62.5%; color:#333; background-color:#13181E;}
#frame { width: 852px; margin: auto; background-color:#293341;}
#fb_frame { width: 100%; margin: auto; background-color:#FFF;}

/* =============================================================*/

#header { background-image:url(../images/header_bg.jpg); background-repeat: repeat-x; height:99px; text-align:left; position:relative;}
#sp_logo { margin: 10px;}
#shopping_cart { position:absolute; top: 20px; right: 20px;}

/* =============================================================*/

#navigation { background-image:url(../images/menu_bg.jpg); width:100%; height: 40px;}
#navigation li { list-style:none; float: left;}
#navigation li img { padding: 12px 5px 0;}
#navigation li a { display: block; padding: 0 10px; line-height:40px; font-size: 1.8em; color:#fff; text-decoration:none;}
#navigation li a:hover { color: #FFCC00;}

/* =============================================================*/

#main {background:#293341 url(../images/page_bg.jpg) repeat-y;}
#lhc { float: left; width: 200px; background-color:#293341;}
#rhc { float: left; width: 652px; background-color:#fff;}

/* =============================================================*/

.panelbox { }
.panelbox h1 { background-image:url(../images/group_hdr_bg.jpg); line-height:32px; font-size:1.6em; color:#fff; width: auto; text-align:left; padding: 0 20px; margin: 0 auto 10px;}
.panelbox h1 img { padding: 0!important;}

.panelbox h2 { line-height:20px; font-size:1.3em; color:#fff; width: auto; text-align:left; padding: 0 20px; margin: 5px auto 10px;}


.panelbox li 		{ list-style:none; text-align:left; padding: 5px 20px; }
.panelbox li a  { display: block; color:#CCCCCC; text-decoration:none; font-size: 1.2em; }
.panelbox li a:hover  { color:#FFFFFF; }
.panelbox ul 		{ margin: 0 auto 10px;}

.panelbox p  { line-height:14px; font-size:1.1em; color:#fff; width: auto; text-align:left; padding: 0 20px; margin: 0 auto 10px;}

.panelbox a.readmore  { line-height:14px; font-size:1.1em; color:#fff; width: auto; text-align:right; padding: 0 20px; margin: 0 auto 10px; float: right;}

/* =============================================================*/

#rhc > div { margin: 20px auto; width: 604px;}

#rhc > div h1 { background-image:url(../spacer.php?w=604&h=50&r=10&fg=ECF3F5&bg=FFFFFF&t=0&f=1); width: auto; line-height:50px; font-size: 1.5em; color:#002759; text-align:left; padding: 0 20px; margin: 10px auto;}

#rhc > div h2 { background-image:url(../spacer.php?w=604&h=50&r=10&fg=F0EFE1&bg=FFFFFF&t=0&f=1); width: auto; height: 50px; line-height:30px; font-size: 1.5em; color:#002759; text-align:left; padding: 0 20px; margin: 10px auto;}
#rhc > div h2 > div { line-height:10px; font-size: .8em; color:#333; text-align:left; padding: 0; font-weight:normal }

#rhc > div h3 { line-height:30px; font-size: 1.3em; color:#002759; text-align:left; padding: 0 20px; margin: 10px auto;}
#rhc > div h4 { line-height:30px; font-size: 1.3em; color:#002759; text-align:left; padding: 0 20px; margin: 10px auto;}


#rhc > div p { line-height:1.4em; font-size: 1.0em; color:#333; text-align:left; padding: 5px 20px; }
#rhc > div a.readmore  { line-height:14px; font-size:1.1em; color:#002759; width: auto; text-align:right; padding: 0 20px; margin: 0 auto 10px; float: right; }

#rhc > div ul { margin: 0px 50px; }
#rhc > div li { line-height:1.4em; font-size: 1.0em; color:#333; text-align:left; padding: 5px 10px; list-style:outside; }

.imageleft { margin: 0px 10px 0px 0; float: left;}
.imageright { margin: 0px 0px 0px 10px; float: right;}


/* =============================================================*/

.showcase { float: left; width: 33%; margin: 10px auto; }
.showcase h1 { width: auto; line-height:30px!important; font-size: 1.6em; color:#002759; text-align:left; padding: 0 10px!important; margin: 0  auto!important; background:none!important;}
.showcase p { line-height:1.4em; font-size: 1.0em; color:#333; text-align:left; padding: 5px 10px!important; }
.showcase a.readmore  { line-height:14px; font-size:1.1em; color:#002759; width: auto; text-align:right; padding: 0 20px; margin: 0 auto 10px; float: right; }

/* =============================================================*/

#footer { background-color:#505A67;  border-top: 4px solid #5C6672; position:relative; text-align:center;}
#footer ul {list-style:none; position:relative;  left: 10px;}
#footer li { float: left; padding: 3px 3px; color: #AAA}
#footer a {  display:block; text-decoration:none; color: #eee!important; font-weight:normal;}
#footer a:hover { text-decoration: underline;}

/* =============================================================*/

#fb_main { background-color:#fff;}
#fb_main img.floatright { float: right; margin: 10px;}
#fb_main h1 { width: auto; line-height:30px!important; font-size: 1.6em; color:#002759; text-align:left; padding: 0 10px!important; margin: 0  auto!important; background:none!important;}
#fb_main h2 { width: auto; line-height:30px!important; font-size: 1.3em; color:#002759; text-align:left; padding: 0 10px!important; margin: 0  auto 20px!important ; background:none!important;}
#fb_main p { line-height:1.4em; font-size: 1.0em; color:#333; text-align:left; padding: 5px 10px!important; }
#fb_main a.readmore  { line-height:14px; font-size:1.1em; color:#002759; width: auto; text-align:right; padding: 0 20px; margin: 0 auto 10px; float: right; }
#fb_main > div h2 > div { line-height:10px; font-size: .9em; color:#333; text-align:left; padding: 0; font-weight:bold; font-style:italic; }
/* =============================================================*/
.quote_top		{ background-image:url(../images/quote_bg.png); background-position:top;    width:500px;
								margin: 10px auto 0!important; text-align:center;}
.quote_top p	{ font-size: 1.2em!important; color:#111!important; padding: 10px 35px 0!important; font-style:italic; letter-spacing:.1em; margin: 0!important; text-align:center!important;}
.quote_bot		{ background-image:url(../images/quote_bg.png); background-position:bottom; width:500px;
								margin: 0 auto 10px!important; text-align:right;}
.quote_bot img{ margin: 5px; }	

/* =============================================================*/

#suppliers { margin: 5px auto;}
#suppliers a { margin: 5px 3px; display:inline-block;}

.divide { background-color:#293341; width: 100%; height: 10px;}
.dotted { width: 100%; height: 5px; border-bottom: 2px dotted #003D66;}
.clear { clear: both;}
.center { float: none; margin: auto!important; text-align:center!important;}