/*Copyright 2009 www.bottomlineacct.com*/

/* LOAD DEFAULT STYLING */
@import url('base.css');
@charset "iso-8859-1";

.green {color: #006600;}
.red {	color: #FF0000;}
.bold {font-weight: bold;}
.white {color: #FFFFFF;}
.blackbld {color: #000000; font-weight: bold;}

/* --------------- HEADER -------------- */
#masthead {background-image: url('../images/bg-top.jpg'); background-color: #000000; background-repeat: no-repeat; background-position: top; width: 990px; height: 145px; margin-right: auto; margin-left: auto;}
#logo {border-style: none; width: 215px; height: 78px; padding-top: 5px; float: left; text-align: right;}
#titlebox {float: right; width: 758px; height: 78px;text-align: center; padding-top: 10px;}
#titlebox h1 {font-family: Verdana, Arial, Helvetica, sans-serif;	color: #FFFFFF;	font-size: 2.0em; font-weight: bold; height: 15px;}
#titlebox h2 {padding: 0px; margin: 8px; color: #FFFFFF; font-size: 1.3em; font-weight: bold; line-height: 1.7em;}
#menu-box {height: 55px; width: 990px; float: left;}
 
/* -------------  TOP MENU  --------------- */
#menu{font-size:11px;position:relative;z-index:100;float:left;margin-top:15px;line-height:21px;width: 730px;margin-left: 20px;display:inline;}
#menu ul{list-style:none;} 
#menu li {float:left;position:relative;padding:0px;margin:0px;background-image: url('../images/menu-sign.gif');background-repeat: no-repeat;background-position: left center;}
#menu #menu-first{background-image:none;}
#menu ul ul {visibility:hidden;position:absolute;left:0px;top:42px;background-image: url('../images/bg-submenu-title-bottom.png');padding-bottom: 3px;background-repeat: no-repeat;background-position: left bottom;}
#menu table {position:absolute;top:0;left:0px;}
#menu ul li:hover ul,#menu ul a:hover ul{visibility:visible;}
#menu a{display:block;padding:0px 14px 6px 14px;margin:0px; margin-left:2px; margin-top:7px;line-height:29px;color:#fff;text-decoration:none;}
#menu a:hover{color: #003366; background-image: url('../images/bg-menu-hover.gif'); background-repeat: repeat-x; background-position: top;}
/* --- SUB MENU --- */
#menu ul ul a{background-image: url('../images/bg-submenu.png');background-repeat:no-repeat; background-position: left;color:#000000;}
#menu ul ul li {clear:both;text-align:left; background:none;}
#menu #submenu-title{width:200px;line-height:28px;padding:1px 5px 1px 10px;color:#FFF;background-image: url('../images/bg-submenu-title.png');background-repeat:no-repeat;color:#000000;background-position: left;font-weight: bold;}
#menu #submenu-title a{ background-image:none; padding-left:0px; color:#000066;}
#menu ul ul li a{display:block;width:200px;line-height:23px;margin:0;border:0;padding:1px 5px 1px 10px;}
#menu ul ul li a:hover{background-image: url('../images/bg-submenu-hover.png');background-repeat: repeat-y;background-position: left;}
/*--Top nav--*/
#nav{padding: 10px 0px 10px 20px; color: #000000; background-color: #D8DFE4; width: 970px; float: left; }
#email-box{	background-position: left center; float: right; width: 120px; background-color: #D8DFE4; background-image: url('../images/icon_email.gif'); background-repeat: no-repeat; padding-left: 20px; padding-top: 10px; padding-bottom: 10px;}
/*--- google Search ---*/
#search-box {float: right;width: 230px;margin-top: 24px;}
#search {	width: 200px; float: right; margin-right: 10px;}
#searchTextDiv {float: left; background-image: url(../images/bg-search.gif);	background-repeat: no-repeat; background-position: left top; width: 163px; height: 22px; padding-left: 3px;}
#q{background:none; border:none; height:20px; width:155px; padding-top:2px;}

/* ---------------- MAIN PAGE ------------------- */
#page-content {width: 990px; background-color: #FFFFFF; background-image: url('../images/bg-container.bmp');background-repeat : repeat-x; height: auto; clear: both;}
#left-column {float: left; width: 155px; margin-right: 4px; margin-left: 13px;}
#content {float: left; width: 613px; margin-left: 13px; margin-bottom: 15px;}
#right-column {float: left; width: 160px; margin-left: 13px;}

/* ---- Left Menu --- */
#left-menu {float: left; background-image: url('../images/bg-left-menu-box.gif'); background-repeat: repeat-x; background-position: top; width: 135px; border: 1px solid #CCCCCC; background-color: #fbfdfc; margin-bottom: 10px; padding-left: 10px;	padding-right: 10px;}
#left-menu ul, ol {margin: 0 0 12px 0;	padding: 0;}
#left-menu li {margin: 0 0 0 5px; padding-left: 15px; list-style: none; font-size: 11px; color: #000000;	font-weight: bold;}
#left-menu ul ul li {padding: 0px 0px 0px 15px; margin: 0px; list-style: none; font-size: .95em; color: #000000; font-weight: normal;}
.left-selector {background-image: url('../images/bullet-li-bg-dark.gif'); background-position: 0 8px;	background-repeat: no-repeat; height: 48px;}
/* ---- Right Content --- */
.right-box1 {float: left;width: 160px; background-color: #FFFFFF; background-image: url('../images/bg-content-style1.gif'); background-repeat: repeat-x; background-position: left top; border: 1px solid #cccccc; display: inline; text-align: center; line-height: 15px; margin-bottom: 10px;}
.right-box2 {
padding: 6px;
margin: 0px 13px 10px 0px;
float: left;
width: 146px;
background-color: #fbfdfc;
background-image: url('../images/bg-content-style1.gif');
background-repeat: repeat-x;
background-position: left top;
border: 1px solid #cccccc;
display: inline;
text-align: center;
line-height: 15px;
}
.addthis {width: 125; height: 16; alt: Bookmark and Share; border: 0; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; }
.right-info {padding: 6px; margin: 0px 13px 10px 0px; float: left; width: 146px; background-color: #fbfdfc; background-image: url('../images/bg-right-box.gif'); background-repeat: repeat-x; background-position: left top; border: 1px solid #cccccc; display: inline; text-align: center; line-height: 15px;}

/* ---- page class ---- */
.widthbox {border: 1px solid #CCCCCC;float: left;width:960px;background-color: #fbfbfb;background-image: url(/style/style_blue/images/bg-leftproduct-title.gif);background-repeat: repeat-x;background-position: top;margin: 8px 0px 0px 13px;display:inline;}


/* ---- Center Content Column ----*/
.center-box1{width: 610px; float: left; background-color: #FFFFFF; background-image: url('../images/bg-content-style1.gif'); background-repeat: repeat-x; background-position: left top; border: 1px solid #cccccc; display: inline; margin-bottom: 10px; padding-top: 4px;}
.center-box2 {
padding: 0px 10px 0px 10px;
float: left;
width: 590px;
background-color: #FFFFFF;
background-image: url('../images/bg-product-title.gif');
background-repeat: repeat-x;
background-position: left top;
border: 1px solid #cccccc;
display: inline;
text-align: left;
line-height: 25px;
margin-bottom: 10px;
}
.center-box2 ul,p {margin: 0px 10px 10px 10px;	padding: 0px;}
.center-box2 li {background-image: url('../images/arrow_26.gif'); background-repeat: no-repeat; background-position: left center; padding-left: 15px; margin-left: 15px;}

.product-image-box {padding-bottom: 25px; font-size: 10px; font-weight: bold; margin-bottom: 5px; float: left; width: 25%; vertical-align: top; text-align: center;}
.product-feature-box{padding-bottom: 25px; font-size: 10px; font-weight: bold; margin-bottom: 5px; float: right; width: 74%; vertical-align: top; text-align: left;}
.product-feature-box ul li{
color: #000000;
font-weight: lighter;
list-style-type: disc;
list-style-position: inside;
line-height: 9px;
padding-left: 3px;
}

.more-info {float: right; width: 74%; }
.special-box {float: right; width: 74%; }
.buy-now {
float: right;
width: 100%;
text-align: center;
padding-top: 9px;
}
.buy-now-text{
padding: 5px 5px 5px 10px;
float: left;
width: 100%;
text-align: left;
}
.merchant {
width: 400px;
background-repeat: repeat-x;
background-position: left top;
line-height: 25px;
margin-bottom: 10px;
margin-top: 10px;
margin-left: 100px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
}
.merchant tr td {
line-height: 30px;
padding-left: 30px;
margin-right: 100px;
width: 400px;
}
.newslist {padding-bottom: 0px; padding-right: 8px;	padding-left: 8px;}
.newslist h1 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #00486E; font-size: 14px; text-decoration: underline; padding-top: 0px; padding-bottom: 0px; line-height: 22px;}
.newslist li {padding: 0px; margin: 0px 0px 0px 40px; list-style-type: disc; list-style-position: outside; list-style-image: none; background-image: none;}

.product-box{padding-bottom: 25px; font-size: 10px; font-weight: bold; margin-bottom: 5px;}
.product-listbox{padding-bottom: 25px; font-size: 10px; font-weight: bold; margin-bottom: 5px; float: left; width: 50%;}
.product-listbox p{}

.feature-box{
	float: left;
	text-align: center;
	padding: 10px 18px 10px 18px;
	width: 160px;
}
#bottom-box{clear: both;}

/* --- Monthly Tips --- */
#tip-box{
	background-image: url('../images/ck-box.png');
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	padding-left: 42px;
	margin-bottom: 5px;
}
#tip-box p {
	text-align: left;
	font-weight: normal;
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #00486E;
	width: 150px;
	margin-bottom: -5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-left: -35px;
}
#tip-box p img{float: left; text-align: center; vertical-align: middle; padding-top: 2px; padding-right: 8px;}
#error-box-404 {
	background-color: #FFFFFF;
	height: 670px;
	margin-bottom: 10px;
}
#error-message {
	float: right;
	height: 415px;
	display: inline-block;
	width: 305px;
	padding-top: 0px;
	margin-top: 10px;
}
#error-message li{
	line-height: 10px;
	list-style-position: inside;
	list-style-type: circle;
	margin-left: 15px;
}
/* -------------- FOOTER -------------- */
#footer {width: 100%; float: left; clear: both; background-color: #000000; height: 165px; color: #FFFFFF;}
#footer-box {width: 990px; height: 143px; margin-right: auto; margin-left: auto; background-image: url('../images/bg-footer.jpg'); background-repeat: no-repeat; background-position: 50% top;}
#footer-logo {width: 172px; height: 101px; float: left; text-align: center; color: #C0C0C0; font-size: small; padding-top: 40px;}
#footer-info {display: inline; float: left; width: 450px; height: 101px; color: #FFFFFF; padding-top: 20px; padding-left: 150px;}
#footer-links {display: inline; float: right; background-image: url('../images/bg-bottom-line.png'); background-repeat: no-repeat; background-position: left center; padding-top: 40px; padding-right: 35px; height: 100px; width: 160px; text-align: right;}
#footer-info a {text-decoration: none;color:#FFFFFF; border-bottom:dotted 1px #FFFFFF; margin:0px 10px 0px 0px; line-height:12px;} 
#footer-info a:hover {text-decoration: none;color:#00FF00; border-bottom:dotted 1px #00FF00; margin:0px 10px 0px 0px;}

.bullet-check {background-position: 15px 10px; vertical-align: text-bottom; margin-left: 0px; margin-right: 0px; margin-top: 0px; background-image: url('../images/btn-ncmap1.png'); background-repeat: no-repeat; text-indent: 60px; padding-left: 10px;}
.align-left{text-align: left;width: 150px;}
.form {padding-bottom: 10px;padding-left:20px; height: 8px;}
.imgwrap{}
.line{
border-top-style: dotted;
border-top-width: 2px;
border-top-color: #808080;
margin-top: 4px;
}