@import 'reset.css';

body {margin:0; padding:0; font-family:Tahoma, Verdana, Geneva, sans-serif; font-size:14px; color:#000; background:url(body-bg.gif) repeat-x #FFF;}
.font13 {font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#000; }


a { text-decoration: none; 
 color:#197ab4;}
 
a:hover {
	color: #ff9900;
	text-decoration: underline}

a:visited {
	text-decoration: none;
	color: #069;
}

<!--A {color:#f398bf; text-decoration:underline; }
<!--A:hover {color:#f398bf; text-decoration:none;}

.container{width:1109px; margin:0 auto; display:table; background:url(main-bg.jpg) no-repeat top;}

#header{float:left; display:block; width:1109px; border-top:10px solid #dfe7f4 }

#main-container {width:1109px; float:left; display:block; clear:both; padding-bottom:30px;}
#main-container div{padding:30px;}

.logo{width:281px; float:left; height:169px; padding:27px 0 0 0;}

.nav{float:left; width:980px; height:37px; background:url(menu-bg.gif) repeat-x top; text-align:center;}
.nav ul{list-style:none; margin:0; padding:7px 0 0 0;}
.nav ul li{list-style:none; display:inline; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#FFF; text-transform:uppercase; padding:0 20px;}
.nav ul li a{text-decoration:none; color:#FFF;}
.nav ul li a:hover{text-decoration:none; color:#FFF; }

.left-panal{width:252px; float:left; display:table; line-height:17px; padding:7px 0 0 0;}
.left-panal h2{font-size:18px; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; color:#bc0315; font-weight:bold;}
.left-panal h2 span{color:#444444;}

.right-panal{width:686px; float:left; display:table; line-height:17px; padding:25px 0 0 10px;}

.nav-left{width:155px; padding-left:10px; float:left; border-bottom:1px solid #3b3b3b; padding-bottom:7px; padding-top:7px; text-transform:uppercase; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#cccccc;}
.nav-left a{font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#cccccc; font-weight:bold; text-decoration:none;}
.nav-left a:hover{font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#e64106; text-decoration:none;}
.nav-left ul {display:none; list-style:none; margin:0px; padding:0px; padding-left:6px;}
.nav-left ul li {background-image:url(bullet-2.gif); background-position:0 12px; background-repeat:no-repeat; padding:8px 0px 6px 9px; border-bottom:1px solid #3b3b3b; font-size:11px;}

.bd-none{border-bottom:none !important;}
.active{color:#e64106 !important;}

.top-right{width:369px; float:right;}
.top-right a{font-size:11px; text-decoration:underline; color:#808080;}
.top-right a:hover{font-size:11px; text-decoration:none; color:#808080;}

.sep{position:absolute; left:0; top:256px;}

.input-header{width:152px; background-color:#999999; margin-left:15px;}
.input{width:195px; height:24px; border:#666 1px solid;}
.input-2{width:195px; border:#666 1px solid;}
.input-3{width:220px; height:28px; border:#CCC 1px solid;}

.bg-search{background:url(bg-search.gif) no-repeat; height:26px;}

.box-1{background:url(bg-1.gif) no-repeat; width:780px; float:left;}
.box-1 > div{padding:55px 20px 20px 20px; line-height:18px;}

.box-2{background:url(bg-left.gif) repeat-x top; width:199px; float:left;}

.box-4{background:url(bg-left-2.gif) repeat-x top; width:199px; float:left;}

.box-3{background:url(box-product.gif) no-repeat; width:182px; height:269px; float:left;}

.box-right{width:200px; float:left; background-color:#d5d5d5;}
.box-right > div{padding:10px;}

h1{font-size:30px !important; color:#4a477e !important; font-family:Verdana, Geneva, sans-serif; padding-bottom:10px; font-weight:normal;}
h1 span{color:#121c64 !important; font-size:30px !important;}

h2{font-size:19px; font-family:Verdana, Geneva, sans-serif; margin-bottom:6px; color:#197ab4  !important; font-weight:normal;}
h2 span{color:#197ab4  !important;}

h3{font-size:26px; font-family:Verdana, Geneva, sans-serif; color:#514e86; padding:0; margin:0 0 10px 0; font-weight:normal;}

h4{font-size:16px; font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; color:#000; font-weight:bold; padding-bottom:7px;}

.text {
	font-family: Tahoma, Verdana, Geneva, Arial, sans-serif;
	font-size:14px;
	line-height: 20px;
	color: #000000;}

ul, ol, form {margin:0px; padding:0px;}
img { border:none;}
.imgV {vertical-align:middle;}
.bold {font-weight:bold;}

UL.ulB1 {list-style:none; margin:0px; padding:0px; padding-left:15px;}
UL.ulB1 LI {background-image:url(bullet.gif); background-position:0 14px; background-repeat:no-repeat; padding:10px 0 0px 13px; color:#4a477e; font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; font-weight:bold; font-size:17px;}

UL.ulB2 {list-style:none; margin:0px; padding:0px; padding-left:5px;}
UL.ulB2 LI {background-image:url(bullet-2.gif); background-position:0 5px; background-repeat:no-repeat; padding:0 0 0px 10px;}

UL.ulB3 {list-style:none; margin:0px; padding:0px; padding-left:15px;}
UL.ulB3 LI {background-image:url(bullet-1.gif); background-position:0 4px; background-repeat:no-repeat; padding:0 0 3px 11px;}


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

/* ========================================= Fonts Classes ========================================= */
.fh{font: Helvetica}
.fv09 { font-size:9px;}
.fv10 { font-size:10px;}
.fv11 { font-size:11px;}
.fv12 { font-size:12px;}
.fv13 { font-size:13px !important;}
.fv14 { font-size:14px !important;}
.fv15 { font-size:15px !important;}
.fv16 { font-size:16px !important;}
.fv17 { font-size:17px;}
.fv18 { font-size:18px;}
.fv20 { font-size:20px;}
.fv21 { font-size:21px;}
.fv22 { font-size:22px;}
.fv26 { font-size:26px;}
.fv27 { font-size:27px;}
.fv28 { font-size:28px;}
/* =================================================================================================== */

/* ========================================= Color Classes ========================================= */
.orange {color:#ffac15;}
.blue{color:#05529d;}
.blueL	{color:#0000ff;}
.purple	{color:#514e86;}
.brown{color:#8b6700;}
.black	{color:#000000;}
.green	{color:#006600;}
.white	{color:#FFF !important;}
.maroon{color:#bc0315;}
.blue-lite{color:#039bca;}
.lite-maroon{color:#e3cee2;}
.gray-dark{color:#4a4a4a;}
.gray{color:#cccccc;}
.red{color:#df1515;}
.yellow{color:#ffff05;}
.cyan{color:#45b8c3;}

/* =================================================================================================== */
.lh-17{line-height:17px;}
.lh-18{line-height:18px;}
.lh-19{line-height:19px;}
.lh-20{line-height:20px;}
.lh-21{line-height:21px;}
.lh-27{line-height:27px;}
/* ========================================= Header Classes ========================================= */
.p-15{padding-right:15px; padding-bottom:15px;}

.bd {border:1px solid #898f94;}
.bdt {border-top:1px solid #898f94;}
.bdb {border-bottom:1px solid #898f94;}
.bdr {border-right:1px solid #898f94;}
.bdl {border-left:1px solid #898f94;}
/* =================================================================================================== */
#footer {display:table; clear:both !important; background:url(footer-bg.gif) repeat-x; width:100%;}
#footer > div{color:#000 !important; text-align:left; width:1109px; margin:0 auto; font-size:11px; line-height:43px; padding:15px 0 55px 0; font-family:Arial, Helvetica, sans-serif; margin-left:130px;}
#footer > div A {color:#000 !important; text-decoration: none !important; padding-left:5px; padding-right:5px;}
#footer > div A:hover {text-decoration:underline !important; color:#000 !important; }
#footer > div > span{color:#a7a7a7; font-size:10px;}
#footer > div > img{padding:10px 0;}


.clearfix {clear: both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}