/* Main */

* {margin: 0px; padding: 0px;} /* Removes Browser Defaults */

body {background-color: #FFFFDE;}
h1 {font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #000000; margin-bottom: 10px; letter-spacing: 1px;}
h2 {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #003888; margin-bottom: 5px; letter-spacing: 1px;}
h3 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #003888; letter-spacing: 1px;}
h4 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #003888; margin-bottom: 9px; margin-top: 5px; letter-spacing: 1px;}
p {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #003888; line-height: 15px;}

/* Typography
---------------------------------*/
.boldTxt {font-weight: bold;}
.italicTxt {font-style: italic;}

.white {color: #FFFFFF;}
.purple {color: #9900CC;}
.black {color: #000000;}
.yellow {color: #FFE21F;}
.linkSep {color: #97C0FF;}

.relatedHead {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #003888;}
.prodCode {font: 9px Verdana, Arial, Helvetica, sans-serif; color: #648AC4;}
.prodShortTxt {font: 9px Verdana, Arial, Helvetica, sans-serif; color: #648AC4; line-height: 15px;}
.priceText {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #648AC4;}
.priceNos {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.smlWhite {font: 9px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;}

.subTitle {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; line-height: 14px;}
.footerAddress {color: #000000;}
.howDoSub {color: #FFE21F;}

.efLine1 {font: 14px Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.efLine2 {font: 13px Verdana, Arial, Helvetica, sans-serif; color: #002864;}

/* List Styles
---------------------------------*/
ul {margin-left: 15px;}
li {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; list-style-position: outside; list-style-type: disc; margin-bottom: 5px;}

ul.faq {margin-left: 15px;}
li.faq {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #003888; list-style-position: outside; list-style-type: disc; margin-top: 2px; margin-bottom: 2px;}

/* Link Styles
---------------------------------*/
a {color: #000000; text-decoration: underline;}
a:hover {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: underline;}
a:visited:hover {color: #000000; text-decoration: none;}

a.blue {color: #003888; text-decoration: underline;}
a.blue:hover {color: #003888; text-decoration: none;}
a.blue:visited {color: #003888; text-decoration: underline;}
a.blue:visited:hover {color: #003888; text-decoration: none;}

a.white {color: #FFFFFF; text-decoration: underline;}
a.white:hover {color: #FFFFFF; text-decoration: none;}
a.white:visited {color: #FFFFFF; text-decoration: underline;}
a.white:visited:hover {color: #FFFFFF; text-decoration: none;}

a.sub {color: #000000; text-decoration: none; font-size: 9px; line-height: 12px;}
a.sub:hover {color: #000000; text-decoration: none; font-size: 9px; line-height: 12px;}
a.sub:visited {color: #000000; text-decoration: none; font-size: 9px; line-height: 12px;}
a.sub:visited:hover {color: #000000; text-decoration: none; font-size: 9px; line-height: 12px;}

/* Float Styles
---------------------------------*/
.subFloatLft {float: left; margin: 1px 5px 0px 10px;}
.relatedFloatLft {float: left; margin-right: 3px;}
.smFloat {float: left; margin-top: 3px; margin-right: 7px;}

/* Main Structure
---------------------------------*/
#wrapper {width: 955px; background: #FFFFFF; text-align: left;} 
#wrapper2 {width: 713px; background: #FFFFFF; text-align: left;} 
#topbar {height: 116px;}
#topData {height: 116px; width: 460px; float: right;}
#topProd {width: 175px; vertical-align: top; text-align: left; padding: 10px 5px 5px 10px}
#topStrap {width: 460px; vertical-align: top; text-align: right; padding: 10px 10px 0px 5px;}
#topLinks {text-align: right; padding-bottom: 6px; vertical-align: bottom;}
#topInner {width: 386px; float: right;}
#navTop {height: 38px; background-color: #003888; background-image: url(../images/topBarBg.gif); background-repeat: repeat-x;}
#main {vertical-align: top; border-right: 1px solid #003888;}
#main01 {vertical-align: top; border-right: 1px solid #003888; background-image: url(../images/productListBg3.gif); background-repeat: repeat-y; background-position: left;}
#main02 {vertical-align: bottom; border-right: 1px solid #003888; background-image: url(../images/productListBg3.gif); background-repeat: repeat-y; background-position: left;}
#mainProd {vertical-align: top; background-image: url(../images/productListBg.gif); background-repeat: repeat-y; background-position: left; border-right: 1px solid #003888;}
#mainProd2 {vertical-align: top; background-image: url(../images/productListBg2.gif); background-repeat: repeat-y; background-position: left; border-right: 1px solid #003888;}
#mainProd3 {vertical-align: top; border-right: 1px solid #003888;}
#subNav {width: 240px; background: #648AC4; border-left: 1px solid #003888; border-right: 1px solid #003888; vertical-align: top;}

#footLeft {width: 536px; background: #003888; border-bottom: 1px solid #003888; padding: 10px 10px 0px 10px; vertical-align: top;}
#footLeft p {color: #FFE21F; font-size: 11px;}
#footRight {width: 378px; background: #FFE21F; border-right: 1px solid #003888; border-top: 1px solid #003888; border-bottom: 1px solid #003888; padding: 10px 10px 0px 10px;  vertical-align: top;}
#footRight p {color: #003888; font-size: 11px;}

.footLeftCell {width: 121px; vertical-align: top; border-right: 1px dotted #FFFFFF; padding-left: 10px;}
.footLeftCell2 {width: 121px; vertical-align: top; padding-left: 10px;}
.footRightCellL {width: 206px; vertical-align: top; padding-top: 3px;}
.footRightCellR {width: 161px; vertical-align: top; padding-left: 10px; padding-top: 3px;}
.thawte {margin: 6px 10px 0px 0px;}

#dhaus {height: 30px; background-color: #FFFFDE; text-align: right; padding-top: 10px; padding-bottom: 10px;}

/* Sub Naviagtaion
---------------------------------*/
#specialOffers {background: #003888;}
#specialOffers p {color: #FFFFFF;}
#spText {padding: 5px 10px 10px 10px;}
#spBttn {padding: 0px 10px 10px 10px;}
#navInner tr {background: #648AC4;  height: 59px;}
#navInner tr:hover {background-image: url(../images/subAni.gif); background-repeat: no-repeat; background-position: left;}

.subItem {padding-right: 7px; border-bottom: 1px solid #003888;}

/* Home Columns
---------------------------------*/
.col01 {width: 313px; vertical-align: top; border-right: 1px solid #003888;}
.col01a {width: 313px; vertical-align: top;}
.col01a01 {width: 483px; vertical-align: top; border-bottom: 1px solid #003888;}
.col01b {width: 313px; vertical-align: top; border-right: 1px solid #003888; border-bottom: 1px solid #003888;}
.col01b1 {width: 313px; vertical-align: top;}
.col01b01 {width: 313px; vertical-align: top; border-bottom: 1px solid #003888;}
.col01c {width: 264px; vertical-align: top;}
.col02 {width: 215px; vertical-align: top; border-right: 1px solid #003888;}
.col02a {width: 215px; vertical-align: top;}
.col02b {width: 215px; vertical-align: top; border-bottom: 1px solid #003888;}
.col02b01 {width: 215px; vertical-align: top; /*border-bottom: 1px solid #003888; border-left: 1px solid #003888;*/}
.col02c {width: 264px; vertical-align: top;}
.col03 {width: 182px; vertical-align: top;}

.colMini01 {width: 156px; vertical-align: top; border-right: 1px solid #003888; border-top: 1px solid #003888;}
.colMini01aWide {width: 314px; vertical-align: top;}
.colMini02 {width: 156px; vertical-align: top; border-right: 1px solid #003888; border-top: 1px solid #003888;}
.colMini02a {width: 156px; vertical-align: top; border-top: 1px solid #003888;}
.colMini03 {width: 215px; vertical-align: top; border-right: 1px solid #003888; border-top: 1px solid #003888;}
.colMini03a {width: 216px; vertical-align: top;}
.colMini04 {width: 182px; vertical-align: top; /* border-right: 1px solid #003888;*/ border-top: 1px solid #003888;}
.colMini04a {width: 183px; vertical-align: top;}

#contactMap {border-left: 1px solid #003888; border-bottom: 1px solid #003888;}

/* Title Headers & Text
---------------------------------*/
.col01Txt {padding: 10px 10px 5px 10px;}
.col02Txt {padding: 10px 10px 5px 10px;}

.blueHead {height: 29px; background: #003888; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; border-bottom: 1px solid #003888; padding-left: 10px;}
.blueHead2 {height: 29px; background: #648AC4; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; border-bottom: 1px solid #003888; padding-left: 10px;}
.yellowHead {height: 29px; background: #FFE21F; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000000; border-bottom: 1px solid #003888; padding-left: 10px;}

.fenceTxt {padding: 7px 10px 5px 10px;}
.accText {padding: 5px 10px 5px 10px; border-top: 1px solid #003888}
.suppText {padding: 5px 10px 5px 10px; border-top: 1px solid #003888}

/* Flash Pictures
---------------------------------*/
#picFlash {height: 346px;}
#picTitle {background: #FFE21F; border-top: 1px solid #003888; border-bottom: 1px solid #003888; padding-left: 18px}
#picIndex {background: #FFE21F; border-bottom: 1px solid #003888; padding: 5px 10px 5px 10px;}
#picIndex {font: 9px Verdana, Arial, Helvetica, sans-serif; color: #003888;}
#picText {padding: 5px 10px 5px 10px;}

.cellLeft {width: 80px; padding: 2px 0px 2px 10px;}
.cellMiddle {width: 83px; padding: 2px 0px 2px 10px;}
.cellRight {width: 105px; padding: 2px 0px 2px 0px;}

/* How do you
---------------------------------*/
#howTitle {background: #003888;}
#howPic {height: 143px;}
#howId {background: #003888; padding: 5px 10px 5px 10px;}
#howId p {color: #FFFFFF;}
#howTextArea {padding: 5px 10px 5px 10px;}
#howText {padding-bottom: 5px;}
#relatedProd {padding-top: 5px; border-top: 1px dotted #003888;}

.thumbBorder {border: 1px solid #003888;}


/* Easter Message - Stu 05/04/07
---------------------------------*/
#easterMessage
{
	padding: 5px;
	border: 1px #003888 solid;
	background-color: #FFE21F;
}

.header-01,
.header-02 {
    position:absolute;
    
    width:630px;
    height:115px;
    z-index:1;
}
.header-01 {
    background:url(../images/header-01.jpg) no-repeat left top;
}
.header-02 {
    background:url(../images/header-02.jpg) no-repeat left top;
    z-index:100;
}