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

/*GENERAL CLASSES*/
* {margin: 0; padding: 0; }
td{margin: 0; padding: 3px;}
ol, ul { list-style: none; }
img { border: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; margin: 0px; padding: 0px; }
table { border-collapse:collapse; border-spacing:0; }

body { font: 12px Arial, Helvetica, sans-serif; line-height: normal; color: #676767; /*BACKGROUND -> in HTML, TO BE CHANGED FROM CMS (OWNER)*/ }
a { color: #049ba1; text-decoration: none; }
a:hover { color: #f09007; text-decoration: underline; }

p{margin: 5px 0px;}

/*STYLE CLASSES*/
#wrapper { width: 1020px; margin: 0 auto; padding-top: 37px; } 
#main { background: url(../images/main.png) top left repeat-y; position: relative; padding: 0px 22px; margin:  0; } 
#mainTop { background: url(../images/mainTop.png) top left no-repeat; position: absolute; height: 20px; width: 1020px; top: -20px; left: 0; }
#mainBottom { background: url(../images/mainBottom.png) top left no-repeat; position: absolute; height: 20px; width: 1020px; bottom: -20px; left: 0; }
#head { width: 976px; height: 175px; position: relative;}
#logoRow{width: 976px; height: 120px; position: absolute; top: 0px;}
#logo { height: 85px; width: 220px; position: absolute; left: 0px; top: 0px; }
#righthead{height: 120px; width: 756px; position: absolute; right: 0px; top: 0px;  /*BACKGROUND -> in HTML, TO BE CHANGED FROM CMS (OWNER)*/ }

#menuRow{width: 976px; height: 50px; position: absolute; bottom: 0px; background: url(../images/menu.jpg) repeat-x;} 
#menuRowLeft{position: absolute; width: 15px; height: 50px; top: 0px; left: 0px; background: url(../images/menuLeft.jpg) no-repeat top left;}
#menuRowRight{position: absolute; width: 15px; height: 50px; top: 0px; right: 0px; background: url(../images/menuRight.jpg) no-repeat top right;}
ul.topMenu { float: right; width:auto; padding-right: 15px; } 
ul.topMenu li { background: url(../images/menuitem.jpg) top left no-repeat; float: left; height: 50px; padding: 9px 15px 0px 45px; }
ul.topMenu li a { display: block; height: 50px; position: relative; font-size: 14px; color: #494848; text-align: center; } 
ul.topMenu li a:hover { color: #f09007; }

.content { float: left; width: 660px; position: relative; padding: 20px;}
.content h1 { text-align: left; font-size: 18px; color: #049ba1; font-weight: normal; padding-bottom: 10px; } 
.content h2 { text-align: left; font-size: 13px; color: #676767; font-weight: normal; padding-bottom: 10px; } 
.content td { text-align: left;}

.side { float: right; width: 246px; position: relative; background: url(../images/sidetop.jpg) no-repeat 0px 0px; padding: 15px;}
.side .liveHelp{ float: right; width: 152px; height: 72px; margin: 0px 0px 20px 0px;}
.side .sideButton{ display: block; width: 219px; height: 83px; background: url(../images/sideButton.jpg) no-repeat;}
.side .sideButton a{font-size: 17px; color: #209ba0; line-height: 55px;}
.side .sideButton a:hover{color: #f09007;}
.side h3{color: #f09007; font-size: 15px; font-weight: bold; margin: 10px 0px;}
.side li { font-size: 12px; padding: 2px 0px 2px 15px; background: url(../images/list.png) left 8px no-repeat; }

#footer { width: 978px; height: auto; position: relative; background: url(../images/footer.jpg) repeat-y;  padding: 15px 22px; margin:  0; font-size: 12px; color: #717171;}
#footerTop{position: absolute; top: 0px; left: 0px; width: 978px; height: 9px; background: url(../images/footerTop.jpg) no-repeat;}
#footerBottom{position: absolute; bottom: 0px; left: 0px; width: 978px; height: 9px; background: url(../images/footerBottom.jpg) no-repeat;}
#footer a{color: #717171; padding: 0px 15px 0px 0px;}
#footer a:hover{color: #049ba1;}

/* CUSTOM CONTENT CLASSES */
.steps{margin: 10px 0px 15px 0px; position: relative;}
.block{ float: left; width: 208px; height: 131px; background: url(../images/block.jpg) no-repeat; position: relative;}
.block h3{color: #049ba1; font-size: 24px; font-weight: bold; position: absolute; top:12px; left: 19px;}
.block div{width: 145px; height: 88px; position: absolute; top: 30px; left: 52px;}

#searchForm{position: relative;}
#searchForm .searchCol{float: left; width: 213px; margin: 10px 0px 0px 10px;}
#searchForm .searchCol .item{width: 208px; background: url(../images/button.jpg) no-repeat; margin: 2px 0px; position: relative; text-align:left;}
#searchForm .searchCol .item .icon{position: absolute; width: 16px; height: 20px; top:3px; left: 7px;}
#searchForm .searchCol .item a{line-height: 27px; margin-left: 30px;}
#searchForm .searchCol .item ul{padding: 5px 0px 5px 30px;}
#searchForm .searchCol .item li {font-size: 12px; padding: 0px 0px 0px 10px; background: url(../images/list.png) left 6px no-repeat; text-align:left;  }
#searchForm .searchCol .item li a{margin: 0px; line-height: 16px;}

/* CLEAR */
.clear{clear: both; height: 1px; display: block; line-height: 0px; font-size: 0px;}
* html .clearfix { height: 1%; /* IE5-6 */ }
.clearfix { display: inline-block; /* IE7xhtml*/ }
html[xmlns] .clearfix { display: block; }
.clearfix:after { /* FF, O, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.category li { font-size: 12px; padding: 2px 0px 2px 15px; background: url(../images/list.png) left 8px no-repeat; text-align:left }