/* BODY */
body {background-color:#e0e0e0;background-image:url(images/background_main.jpg); background-repeat:repeat-x;font-family:arial,helvetica,sans-serif; font-size:13px; color:#333333;margin:40px 0px 20px 0px;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 */
#BannerRoll {width:320px; height:219px; background-image:url(images/default.gif); background-repeat:no-repeat; padding-bottom:10px; margin-top:15px}
#BannerRoll2 {width:714px; height:221px; background-image:url(images/default2.jpg); background-repeat:no-repeat;margin:auto;text-align:right}
.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:914px; 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:152px; background-repeat:no-repeat;}
#HowWork, #HWButton {background-image:url(images/HW_Button.jpg); height:25px; width:152px; background-repeat:no-repeat;}
#GetStart, #GSButton {background-image:url(images/GS_Button.jpg); height:25px; width:152px; background-repeat:no-repeat;}
#WhyHT, #WhyHTButton {background-image:url(images/WhyHT_Button.jpg); height:25px; width:154px; background-repeat:no-repeat;}
#Guide, #GuideButton {background-image:url(images/Guide_Button.jpg); height:25px; width:152px; background-repeat:no-repeat;}
#Contact, #ContactButton {background-image:url(images/Contact_Button.jpg); height:25px; width:152px; 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 {background-color:#333333; background-image:url(images/contentbackground_shade_top.jpg); background-repeat:no-repeat;height:23px; margin:auto; width:960px;}
div.BottomofWindow {background-image:url(images/contentbackground_shade_bottom.jpg); background-repeat:no-repeat; height:23px; margin:auto; width:960px;}
div.ContentWindow {background-color:#ffffff;border-left:3px solid #999999; border-right:3px solid #999999;margin:auto; padding:0px 20px 1px 20px; width:914px;}

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

/* page title bar and content */
div.Title {width:914px; height:68px; padding:0px 0px 1px 0px; background-image:url(images/title_background.jpg)}
div.ContainerMid {width:878px; border-left:3px solid #e00020; border-right:3px solid #e00020; padding:15px 15px 1px 15px}
div.ContainerBot {width:914px; 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;}

/* SELECTION GUIDE STYLES */
/* corner */
.TopLine {background: url(images/dot.jpg) 0 0 repeat-x; width: inherit; margin-left:auto; margin-right:auto; background-color:#ffffff}
.BottomLine {background: url(images/dot.jpg) 0 100% repeat-x}
.LeftLine {background: url(images/dot.jpg) 0 0 repeat-y}
.RightLine {background: url(images/dot.jpg) 100% 0 repeat-y}

.BottomLeft {background: url(images/Corners_BottomLeft.jpg) 0 100% no-repeat ; width: inherit; margin-left:auto; margin-right:auto;}
.BottomRight {background: url(images/Corners_BottomRight.jpg) 100% 100% no-repeat; margin:0px}
.TopLeft {background: url(images/Corners_TopLeft.jpg) 0 0 no-repeat; margin:0px}
.TopRight {background: url(images/Corners_TopRight.jpg) 100% 0 no-repeat; padding:20px;}

.LeftColumn {float:left; width:520px;  padding:0px 10px 0px 0px}
.RightColumn {float:left; width:210px; padding:0px 0px 0px 10px}

table.Selection {margin-right:auto; margin-left:auto;}
.Selection td {padding-left:10px}

td.SelectionRight {width:210px; text-align:center}
td.SelectionSubmit {width:648px; text-align:right;padding-top:10px}
td.SelectionRight2 {width:210px; background-image:url(images/background-box.jpg); background-repeat:repeat-y; text-align:center}
td.SelectionLeft {width:648px;}
td.SelectionLeft2 {width:608px; background-image:url(images/background-box2.jpg); background-repeat:repeat-y;}
td.MidCell {width:20px}
div.SelectionPadd {padding:0px 20px 0px 20px}
.SelectionColour {color:#ee731f; font-weight:bold}
.SelectionSubTitle {color:#000000;font-size:13px;font-weight:normal}
/* END SELECTION GUIDE STYLES */