/* HTML TAGS
------------------------------------------- */

HTML {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: scroll;
}

BODY {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	background: #495778 url('images/bg_body.jpg') repeat-x top;
}

DIV {
	text-align: left;
	margin: 0;
	padding: 0;
}

FORM {
	padding: 0;
	margin: 0;
	border: 0;
}

INPUT, SELECT, OPTION, TEXTAREA, TABLE {
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
}

H1 {
	font-size: 170%;
}

H2 {
	font-size: 130%;
	margin: 0;
}

H3 {
	font-size: 120%;
	padding: 0;
	margin: 1em 0 0 0;
}

P {
	margin: 0;
	padding: 1em 0 0 0;
}

P.nopadding {
	padding-top: 0;
}

.content h2.title, .content h3 {
	color: #495778;
}


A:link, A:visited { color: #495778; }
A:hover, A:active { color: #e70000; }

UL { padding: 0 0 0 50px; margin: 8px 0 0 0; }

LI { padding: 0; margin: 0;}

IMG {
	margin: 0;
	padding: 0;
	border: 0;
}

TD {
	vertical-align: top;
}

FIELDSET {
	background: #e6ecf0;
	border: none;
	margin-bottom: 5px;
	padding: 0 10px 5px 10px;
}

LEGEND {
	background: #BECDD6;
}



/* LAYOUT
------------------------------------------- */

#page {
	width: 945px;
	margin: 10px auto 25px auto;
	background: #e6ecf0;
	display: block;
}

#header {
	background: url('images/bg_header.jpg') no-repeat top left;
	height: 215px;
}

#logo {
	float: left;
	position: absolute;
	z-index: 100;
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
}

#menubar {
	width: 945px;
	height: 40px;
	float: left;
	position: absolute;
	z-index: 101;
	margin: 175px 0 0 0;
}

#menubar A:link, #menubar A:visited, #menubox LI A:link, #menubox LI A:visited { text-decoration: none; }
#menubar A:hover, #menubar A:active, #menubox LI A:hover, #menubox LI A:active { text-decoration: underline; }

#menubar UL {
	width: 100%;
	margin: 0;
	padding: 0;
}

#menubar LI.menu-item {
	padding: 10px 53px 0 53px;
	float: left;
	list-style-type: none;
	font-size: 14px;
	background: url('images/bg_menubar_sep.png') no-repeat right;
	height: 30px;
}



#navibar {
	background: url('images/bg_navibar.gif') no-repeat top left;
	height: 25px;
}

#navibar UL.items {
	margin: 0 25px;
	padding: 5px 0 0 0;
}

#navibar LI.item {
	padding: 0 25px 0 25px;
	float: left;
	list-style-type: none;
	background: url('images/bg_navi_item.png') no-repeat right;
}






#leftcol {
	width: 170px;
	float: left;
	margin-right: 10px;
}


#main {
	width: 585px;
	float: left;
	margin:	0;
}


#rightcol {
	width: 170px;
	margin-left: 10px;
	float: left;
}


#front .wrap H3 {
	padding: 0;
	margin-top: 1em;
}


#front #calculator {
	clear: both;
}

#front #newsbox {
	clear: both;
	float: left;
}

#front #newsbox .lead {
	margin-top: 1.3em;
	text-align: left;
}

#front #newsbox img {
	margin: 1.3em 0 1.3em 1.3em;
}

#front ul {
	clear: both;
	margin: 1.3em 0 0 1em;
	padding: 0;
	list-style-type: square;
}

#front ul li {
	margin-bottom: 1.3em;
}



#front #news-recent {
	float: right;
}

#front #news-recent ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#front #news-recent ul li {
	margin-bottom: 1.3em;
}



/* SIDEBAR BOX STYLES */

#menubox {
	margin-left: 10px;
}

.wrap H2 {
	font-weight: normal;
	text-transform: uppercase;
	padding: 6px 10px 4px 10px;
	margin: 0;
}

.wrap .content {
	padding: 0 10px 0 10px;
}

.wrap .bottom {
	height: 10px;
	font-size: 0;
}


/* UNIT-BASED BOX STYLES */
/* the unit is 75px, the gutter is 10px */

.seven-unit {
	margin: 10px 0;
	width: 585px;
	background: url('images/bg_seven.gif') repeat-y left;
}
.seven-unit .wrap {
	background: url('images/bg_seven_top.gif') no-repeat top left;
}
.seven-unit .bottom {
	background: url('images/bg_seven_bottom.gif') no-repeat top left;
}

.four-unit { margin: 0 0 10px 0; width: 330px; background: url('images/bg_four.gif') repeat-y left; }
.four-unit .wrap { background: url('images/bg_four_top.gif') no-repeat top left; }
.four-unit .bottom { background: url('images/bg_four_bottom.gif') no-repeat top left; }

.three-unit { margin: 0 0 10px 0; width: 245px;	background: url('images/bg_three.gif') repeat-y left; }
.three-unit .wrap {	background: url('images/bg_three_top.gif') no-repeat top left; }
.three-unit .bottom { background: url('images/bg_three_bottom.gif') no-repeat top left; }

.panel { margin-top: 0; width: 245px; background: url('images/bg_three_panel.gif') repeat-y left; }
.panel .wrap { background: url('images/bg_three_panel_top.gif') no-repeat top left; }
.panel .bottom { background: url('images/bg_three_panel_bottom.gif') no-repeat top left; }

.two-unit { margin: 10px 0; width: 160px; background: url('images/bg_two.gif') repeat-y left; }
.two-unit .wrap { background: url('images/bg_two_top.gif') no-repeat top left; }
.two-unit .bottom {	background: url('images/bg_two_bottom.gif') no-repeat top left; }






/* GENERAL STYLES */


.morelink {
	clear: both;
	display: block;
	text-align: right;
	margin: 0.3em 0;
}

.notice {
	padding: 0.5em;
	margin: 1em 0;
	white-space: nowrap;
	display: block;
}

.error {
	margin: 5px;
	padding: 10px;
	border: 1px solid #D00000;
	text-align: center;
	color: #D00000;
}

.warning {
	margin: 5px 0;
	padding: 4px;
	border: 1px solid #D00000;
	color: #D00000;
	font-size: 11px;
	vertical-align: middle;
}

.pale {
	color: #AAA;
}

.small {
	font-size: 9px;
}

.clear { clear: both; font-size: 0; }

.sep {
	clear: both;
	width: 100%;
	font-size: 0;
	padding: 10px 0;
	border-bottom: 1px solid #CED6E7;
}


/* MENUBOX STYLES */

#menubox ul {
	margin: 0 0 0 -10px;
	padding: 0;
}

#menubox ul li {
	background: url('images/bg_menubox_item.gif') no-repeat top left;
	list-style-type: none;
	height: 25px;
	padding: 5px 0 0 10px;
	font-size: 120%;
	font-family: "Lucida Sans Unicode",arial,verdana;
	white-space:nowrap;
}

#menubox ul li.active, #menubox ul li:hover {
	background: url('images/bg_menubox_item_active.gif') no-repeat top left;
}

#menubox ul.submenu {
	z-index: 5;
	float: left;
	width: 180px;
	position: absolute;
	margin: -30px 0 0 129px;
	padding: 0;
}

#menubox ul.submenu a {

}

#menubox ul.submenu li {
	background: url('images/bg_menubox_sub_item.gif') no-repeat top right;
	text-align: right;
	padding: 5px 15px 0 0;
	margin: 0 0 0 0;
}

#menubox ul.submenu li.active, #menubox ul.submenu li:hover {
	background: url('images/bg_menubox_sub_item_active.gif') no-repeat top right;
}



/* FUNCBOX STYLES */

#login-submit {

}


/* PARTNERS PAGE STYLES*/

.partnerlink {
	height: 40px;
	float: left;
	width: 33%;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	text-align: center;
}


/* FINANCIAL GLOSSARY STYLES */

.abc_index a {
	float: left;
	padding: 1em;
	margin: 0 0.5em 0.5em 0;
	background: url('images/bg_abc_index.gif') no-repeat 50% 50%;
}




/* CALCULATOR STYLES */


#row-1 .col-1 {
	float: left;
	width: 290px;
	margin-right: 10px;
	background: url('images/bg_calc.jpg') no-repeat top left;
	padding: 10px;
}

#row-1 .col-2 {
	float: left;
	width: 235px;
}


#monthlyrate {
	padding: 4px;
	background: #fff;
	border: solid 1px #abadb3;
	font-size: 140%;
	font-weight: bold;
	color: #485778;
}

#row-1 fieldset {
	background: #becdd6;
	border: solid 1px #b8c8d3;
}

#row-1 fieldset legend {
	color: #485778;
	padding: 2px 6px;
}



/* NEWS PAGE STYLES */

#news .lead {
	font-weight: bold;
	margin-bottom: 1.3em;
}




/* QUOTE PAGE STYLES */

#quote .FieldsetBlock {
	float: left;
	width: 100%;
	background:;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #bbb;
}
#quote .FieldsetBlock H2{
	float:left;
	width: 100%;
	padding: 1em 0 1em 0;
	font-size: 16px;
	text-align: center;
}

#quote .lead {
	font-weight: bold;
	margin: 2em 0;
}

#quote fieldset input, #quote textarea {
	padding: 0.3em 0;
}

#quote fieldset input.fullwidth, #quote textarea.fullwidth, #quote select.fullwidth  {
	width: 97%;
}

#quote FIELDSET {
	margin: 1em 0 0 0;
	float: left;
	width: 100%;
}

#quote legend {
	padding: 0.3em 0.5em;
	border: 1px solid #abadb3;
	background: #f5f6f8;
}

#quote FIELDSET.fullwidth {
	float:left;
	width: 540px;
}
#quote fieldset.halfwidth {
	width: 45%;
	float: left;
}

#quote select {
	padding: 2px;
}

#quote #submit {
	margin: 1em 0;
}

#quote .form {
	background: #e6ecf0;
	border: 1px solid #e6ecf0;
}



/* BANNER STYLES */

.banner { margin: 10px 0; }

#promo .content {
	
}




















/* NEWSLIST STYLES */

#newslist UL, #newslist LI {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#newslist LI {
	margin-bottom: 10px;
}

#newslist .pic {
	float: left;
	width: 130px;
}

#newslist .text {
	float: right;
	width: 435px;
}
	




/* NEWS PAGE STYLES */






/* PRODUCT BOX STYLES */


.boxprod {
	width: 105px;
	padding: 10px 25px 10px 25px;
	float: left;
	font-size: 10px;
}

.boxprod DIV {
	text-align: center;
}

.boxprodpic {
	height: 75px;
	vertical-align: middle;
}

.manufact {
	font-weight: bold;
}

.prodname {}

.price { font-weight: bold; }






/* NEWSBOX STYLES */

.newsitem { 
	margin: 12px 0 20px 0;
	padding: 0 25px 10px 25px;
}

.boxpic {
	float: right;
	padding: 0 0 10px 10px;
}

.title { font-weight: bold; }

.time {
	font-size: 10px;
	color: #38589A;
	padding: 0.5em 0;
}

.lead {
	text-align: justify;
}




/* SEARCHBOX STYLES */

.searchbox {
	background: #EAEAEA;
	height: 20px;
	padding: 12px 25px;
}

#advanced DIV {
	margin: 4px 0
}




/* BRANDBOX STYLES */

.branditem {
	width: 155px;
	float: left;
	text-align: left;
	margin-top: 5px;
}


/* CATBOX STYLES */

#catbox .boxcontainer {
	padding: 12px 25px;
	background: #EAEAEA;
	font-size: 1.3em;
	line-height: 1.2em;
}

#catbox A {
	text-decoration: none;
}

.cat A:link, .cat A:visited {
	font-weight: normal;
}

.currcat {
	font-weight: bold;
}

.thiscat A:link, .thiscat A:visited {
	color: #9f3800;
	font-weight: bold;
}



/* CATEGORY PAGE STYLES */

#category H1 {
	margin: 25px 0 15px 110px;
}

.categorybox, .prodlistbox, .prodbox {
	clear: both;
	width: 100%;
}

.categorybox .container, .prodlistbox .container, .prodbox .container {
	width: 475px;
	background: url("images/bg_categorybox.gif") no-repeat bottom left;
	padding: 10px 10px 10px 0;
	margin: 10px 0 0 75px;
}

.categorybox .container H2, .prodlistbox .container H2, .prodbox .container H2 {
	margin: 0 0 0 35px;
}

.boxpadding {
	padding: 10px;
}

#category .maincat {
	padding: 0 0 5px 0;
}

#category .children {
	padding: 0 0 0 50px;
}

#category #sel_subcat {
	margin: 0 0 0 110px;
}



/* PRODUCTS PAGE STYLES */

#products H1 {
	margin: 25px 75px 15px 75px;
}

#products .prodpic {
	margin: 0 10px 0 10px;
	float: left;
	width: 75px;
}

#products .prodinfo {
	float: left;
	width: 199px;
	margin: 10px 8px; 0 0;
}

#products .prodinfo .notice {
	font-size: 9px;
	text-align: center
}

#products .prodinfo .notice A {
	text-decoration: none;
}

#products .cartelements {
	float: left;
	width: 150px;
	height: 75px;
	font-size: 9px;
	background: url("images/bg_cartelements.gif") no-repeat top left;
}

#products .container {
	padding: 10px 10px 20px 0;
}

#products .cartbar { padding: 4px 0; }
#products .qnty { float: left; }
#products .button { float: left; margin: 0 0 0 0.5em; padding: 0.4em; }






/* PRODUCT PAGE STYLES */

#product H1 {
	margin: 25px 75px 15px 75px;
}

#product .prodpic {
	margin: 0 10px 0 10px;
	float: left;
	width: 130px;
}

#product .prodinfo {
	float: left;
	width: 300px;
	margin: 10px 8px; 0 0;
}

#product .prodinfo .notice {
	font-size: 9px;
	text-align: center
}

#product .prodinfo .notice A {
	text-decoration: none;
}

#product .cartelements {
	clear: both;
	float: right;
	width: 150px;
	height: 75px;
	font-size: 9px;
	margin: 0 1px 0 0;
	background: url("images/bg_cartelements.gif") no-repeat top left;
}

#product .container {
	padding: 10px 10px 20px 0;
}

#product .cartbar { padding: 4px 0; }
#product .qnty { float: left; }
#product .button { float: left; margin: 0 0 0 0.5em; padding: 0.4em; }

.prodvars {
	margin: 10px 0;
}

.prodvars .specprice {
	font-size: 11px;
}

.prodvar {
	padding: 0 0 5px 0;
}

.prodvar .varprice {
	clear: both;
	margin: 20px 0 0 2em;
	text-align: right;
}

.varprice .price, .varprice .specprice {
	font-size: 11px;
}

#product H3 {
	padding: 0;
	margin: 0;
}

#product UL {
	margin: 0;
	padding: 0 0 0 20px;
}




/* CART STYLES */

#cart {
	margin: 10px 25px;
}

#cart TD { padding: 2px 0 6px 0; }

#cart #sumbar { padding: 10px 0; }

#cart .button {
	display: inline;
	margin: 20px 0 0 0;
}


/* EDITCART STYLES */

#editcart H1 {
	margin-left: 25px;
}

#editcart .container {
	padding: 0 25px 25px 25px;
}

#editcart TD, #editcart TH {
	padding: 5px 0;
	border-bottom: 1px solid #16233D;
	border-bottom: 1px solid #CED6E7;
}

#editcart TH {
	font-size: 10px;
}


#editcart .button {
	float: left;
}



/* USER PAGE */

#user .container {
	margin: 0 25px 0 25px;
}

#user TABLE {
	width: 100%;
}

#user H1 {
	margin-left: 25px;
}

#user TH {
	text-align: center;
}

#user .button {
	text-align: center;
	margin: 0 230px;
}



/* STATIC PAGE STYLES */


#static .container {

}

#static P {
	text-align: justify;
}

#static .lead {
	font-weight: bold;
}

#static .descr H2 {
	padding: 0 0 0.2em 0;
    margin: 2em 0 0 0;
	border-bottom: solid 1px #b8c8d3;
}




.pages {
}

.pages_fullwidth {
	width: 100%;
	text-align: center;
	padding: 10px 0;
	line-height: 2.5em;
}

.pages_left {
	float: left;
	padding: 17px 10px 10px 25px;
	font-size: 9px;
}

.pages_right {
	float: right;
	padding: 10px 25px 10px 10px;
	font-size: 9px;
}

.pages .thispage {
	background: #EAEAEA;
	padding: 5px;
	font-weight: bold;
	white-space: nowrap;
}

.pages .pages_button {
	background: #1F3359;
	color: #FFF;
	padding: 5px;
	font-weight: bold;
	white-space: nowrap;
}

.pages_button A:link, .pages_button A:visited {
	color: #FFF;
	text-decoration: none;
}

.pages_item {
	padding: 5px 0 5px 0;
}


#footer {
	clear: both;
	height: 75px;
	background: url('images/bg_footer.gif') repeat-x bottom;
	font-size: 10px;
}

#footer A:link, #footer A:visited { color: #fff }
#footer A:hover, #footer A:active { color: #e70000 }

#footer .content {
	display: block;
	text-align: center;
	padding: 13px 13px 13px 13px;
}

#footer .content A {
	padding: 0 5px;
}


#showpic TD {
	background: #EAEAEA;
}

#ad_160x600 {
	width: 160px;
	height: 160px;
	border: 1px solid #ddd;
}