/* BODY */
body {margin-top:40px; margin-left: 0px; margin-right:0px; margin-bottom:20px;  font-family:arial,helvetica,sans-serif; font-size:13px; color:#333333; background-color:#333333; text-align:left;}

/* IMAGES */
img.right {float: right}
img.RightPad10 {float: right; padding-left:10px; padding-bottom:10px}
img.RightPad10Top {float: right; padding-left:10px; padding-bottom:10px; padding-top:10px}
img.left {float: left}
img.LeftPad10 {float:left; padding-right:10px}
img {border:0px}



/* BANNER/S */
#Tip {width:320px; height:219px; background-image:url(images/default.gif); background-repeat:no-repeat; padding-bottom:10px; margin-top:15px}
#Tip2 {width:714px; height:221px; background-image:url(images/default2.jpg); background-repeat:no-repeat;}
.step {padding:0px 0px 0px 0px; width:75px;height:51px; background-image:url(images/step_on.jpg); background-repeat:no-repeat; background-position:bottom}

a.step:link{color:#ffffff; font-weight:bold; font-size:18px; font-family:arial-narrow,helvetica,sans-serif; background-image:url(images/step_off.jpg); width:75px;height:51px; line-height:51px; vertical-align:middle; white-space:nowrap; text-align:center; float:right;} 
a.step:visited{color:#ffffff; font-weight:bold; font-size:18px; font-family:arial-narrow,helvetica,sans-serif; background-image:url(images/step_off.jpg); width:75px;height:51px; line-height:51px; vertical-align:middle; white-space:nowrap; text-align:center; float:right} 
a.step:hover{color:#ffffff; font-weight:bold; font-size:18px; font-family:arial-narrow,helvetica,sans-serif; background-image:url(images/step_on.jpg); width:75px;height:51px; line-height:51px; vertical-align:middle; white-space:nowrap; text-align:center; float:right}



/* LINKS */
a { text-decoration:none }
a:link{color:#e9491f} a:visited{color:#e9491f} a:hover{color:#ff0000;}
a.blue:link{color:#336699} a.blue:visited{color:#336699} a.blue:hover{color:#ff0000}
a.blk:link{color:#333333} a.blk:visited{color:#333333} a.blk:hover{color:#ff0000}



/* FOOTER LINKS */
#footernav td {border-top:1px solid #999999; border-bottom:1px solid #999999}
#footernav a {font-size:12px; color: #333333; padding: 3px 8px 3px 8px;text-decoration: none; display:block; text-align:center; white-space:normal; background-color:#eeeeee; font-weight:bold}
#footernav a:hover {color:#cc0000; background-color:#eeeeee}



/* TOP-DROPDOWN Menu Bar links and formatting */
.TopNav {width:750px; height:25px; background-image:url(images/blank_button.jpg); repeat:repeat-x; background-color:#e00020}
#Home, #HButton {background-image:url(images/Home_Button.jpg); height:25px; width:125px; background-repeat:no-repeat;}
#HowWork, #HWButton {background-image:url(images/HW_Button.jpg); height:25px; width:125px; background-repeat:no-repeat;}
#GetStart, #GSButton {background-image:url(images/GS_Button.jpg); height:25px; width:125px; background-repeat:no-repeat;}
#WhyHT, #WhyHTButton {background-image:url(images/WhyHT_Button.jpg); height:25px; width:125px; background-repeat:no-repeat;}
#Guide, #GuideButton {background-image:url(images/Guide_Button.jpg); height:25px; width:125px; background-repeat:no-repeat;}
#Contact, #ContactButton {background-image:url(images/Contact_Button.jpg); height:25px; width:125px; background-repeat:no-repeat;}


/* HIGHLIGTING / footer styles / header styles */
.highlightbox     {color: #333333; background-color: #eeeeee; border: 1px solid #cccccc; padding: 3px}
.FooterLinks {border-top:1px solid #666666; border-bottom:1px solid #666666; padding:3px; text-align:center; font-weight:bold; background-color:#f7f7f7; font-size:12px}



/* FONT SIZES ff3300 alternative color */
h1 {font-size:18px; color:#ee731f}
h2 {font-size:14px; color:#484848}
.color {font-size:14px;  color:#ee731f}
h3 {font-size:12px;}


.small {font-size:11px;}
.smallcenter {font-size:10px; text-align: center;}

.ten {font-size:10px;}
.tenc {font-size:10px; text-align: center;}

.eleven {font-size:11px;}
.elevenc {font-size:11px; text-align: center;}

.twelve {font-size:12px;}
.twelvec {font-size:12px; text-align: center;}

.fourteen {font-size:14px;}
.fourteenc {font-size:14px; text-align: center;}

.sixteen {font-size:16px;}
.sixteenc {font-size:16px; text-align: center;}




/* STYLES */
.red {color:#cc0000}
.white {color:#ffffff}
.grey {color:#666666}
.bold {font-weight: bold}
.right {text-align: right}
.center {text-align: center}
.left {text-align:left}
.underline {text-decoration:underline}
.PaddingLeft20 {padding-left:20px}
.PaddingLeft10 {padding-left:10px}
.FloatStop {clear:both; width:1px; height:1px}
.FloatStop2 {clear:both; display:none}
.FloatRight {float: right}
.FloatLeft {float: left}
.nowrap {white-space: nowrap}
.inline {display:inline}
.NotBold {font-weight:normal}

/* COLUMNS */
#ColumnLeft {width:540px; float:left; padding: 0px 10px 15px 0px;}
#ColoumnRight {width:180px; float:right; padding: 0px 0px 15px 10px;}


/* DIV'S */

/* main conStruction */
div.TopofWindow {margin-left:auto; margin-right:auto; background-image:url(images/contentbackground_top2.jpg); background-repeat:no-repeat; width:796px; height:23px; background-color:#333333}
div.BottomofWindow {margin-left:auto; margin-right:auto; background-image:url(images/contentbackground_bottom2.jpg); background-repeat:no-repeat; width:796px; height:23px;}
div.ContentWindow {margin-left:auto; margin-right:auto; background-color:#ffffff; width:750px; padding:0px 20px 1px 20px;  border-left:3px solid #999999; border-right:3px solid #999999;}

/* header */
div.HeaderContainer {margin-left:auto; margin-right:auto; width:750px; height:123px; background-image:url(images/HeaderTop.jpg); background-repeat:no-repeat}
div.HeaderText {background-color:#e00020; color:#ffffff; font-size:13px; padding:0px 3px 0px 19px; width:728px;  height:27px; line-height:27px; vertical-align:middle; letter-spacing:1px; font-weight:normal; white-space:nowrap}
div.UnderHeader {width:750px; height:13px; background-image:url(images/HeaderBottom.jpg); background-repeat:no-repeat}

/* page title bar and content */
div.Title {width:750px; height:68px; padding:0px 0px 1px 0px; background-image:url(images/title_background.jpg)}
div.ContainerMid {width:714px; border-left:3px solid #e00020; border-right:3px solid #e00020; padding:15px 15px 1px 15px}
div.ContainerBot {width:750px; height:22px; background-image:url(images/BotContentCurve.jpg);background-repeat:no-repeat; padding-bottom:20px}

/* search formatting */
div.SearchContainer {float:right; width:231px;}
div.SearchBox {float:left; width: 160px; height:33px; padding-top:68px; text-align:right;}
.searchformat {border:1px solid #000000; background-color:#ffffff; font-family:arial narrow; font-size:12px; height:18px; width:135px;}
div.SearchButton {float:right; width:71px}

/* Right aligned box */
div.RightBox {float:right; padding-left:20px; padding-bottom: 10px}
div.RightBox2 {float:right; padding:0px 0px 0px 10px; text-align:right}
div.OrderCode {float:right; width:261px; text-align:center; padding:5px 0px 0px 0px}

/* BORDERS */
.border {border:1px solid #cccccc}
.borderacce {border:1px solid #cccccc; width:25%}
.BorderCenter {border:1px solid #cccccc; text-align: center}


/* TABLES */
table.center {margin-left: auto; margin-right: auto;} 
table.CenterBorder {margin-left: auto; margin-right: auto; border:1px solid #cccccc}


/* LISTS */
ul {list-style-type: disc;}
ul.small {list-style-type: disc; font-size:10px;}
ol {list-style-type: decimal;}
ol.small {list-style-type: decimal; font-size:10px;}