/*Compact css for a fast download*/
html,body{ margin: 0; padding: 0; }
body{ background-color: #FFFFFF; font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: center; }

/*Main site container*/
#container,#head,navigation{ text-align: left; }
div#container{ width: 800px; background-color: #F0F0F1; margin: 0 auto; margin-left: auto; margin-right: auto; border-width: 2px 1px 2px 1px; border-color: #cccccc; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; }

/*Header*/
#head { color: #5882d4; border-bottom: 0px solid #000; background: url(../images/header.gif) no-repeat; }
#head{ background-color: #FFFFFF; padding: 15px 10px 5px 10px; border-bottom: 8px solid #00baff; }

/* Content layout */
#content_container{ width: 550px; background-color: #FFFFFF; padding: 0px 10px 10px 10px; border-width: 1px 0px 1px 0px; border-color: #cccccc; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; margin: 0; /* False margin value for all versions of IE Win, including 6.0 */ margin: 10px 0px 0px 205px; }
#content_container p { color: #000000; font-weight: normal; line-height: 18px; }
#content_container a { font-weight: normal; letter-spacing: 0px; text-decoration: none; }
#content_container a:hover.text-hdr { text-decoration: underline; color: #cbcbcb; }
#content_container .text-hdr { background: #F0F0F1 url(../images/icon/windows/smn1br7.gif) no-repeat center left; display: block; font-size: 11px; font-weight: normal; letter-spacing: 0px; color: #000000; padding: 8px 3px 8px 20px; margin: 0px 20px 10px 0px; border-top: 0px solid #a7a6a6; border-bottom: 1px solid #a7a6a6; }
#content_container a.services { font-weight: bold; letter-spacing: 0px; font-size: 12px; text-decoration: underline; }
#info_container{ width: 400px; padding: 0px 0px 0px 10px; border: 0; margin: 0; }

/* Footer */
#footer{ clear: both; background-color: #ffffff; color: #757575; /*height; 100px;*/ margin: 25px 15px 10px 15px; padding: 0px 5px 0px 5px; font-size: 11px; font-weight: bold; border-width: 1px 0px 1px 0px; border-color: #cccccc; border-top-style: solid; border-bottom-style: solid; border-left-style: dotted; border-right-style: dotted; }
#small{ margin-left: 12px; width: 450px; }
#small p{ line-height: 20px; font-size: 11px; font-weight: normal; }
#small a { color: #2f6aa5; text-decoration: none; }
#small a:hover { color: #95c1f3; text-transform: uppercase; text-decoration: underline; }
table.footer{ margin: 0px 20px 0px 20px; }
td.footer { text-align: center; border-width: 0px 0px 0px 0px; border-color: #000000; border-style: groove; margin-top: 2px; margin-bottom: 2px; }

/*Content areas*/
table.content{ margin: 0px 10px 0px 0px; }
td.content { border-width: 0px 0px 0px 0px; border-color: #000000; border-style: groove; margin-top: 2px; margin-bottom: 2px; }
#content-left{ width: 290px; margin: 0px 0px 0px 0px; text-align: left; padding: 0px 0px 0px 0px; background-color: #FFFFFF; border-width: 0px 0px 0px 0px; border-color: #000000; border-style: groove; }
#content-left p { color: #2f6aa5; text-align: left; font-weight: normal; line-height: 15px; margin: 0px 0px 10px 0px; }
#content-left p.right-align { color: #000000; text-align: right; font-weight: normal; line-height: 15px; margin: 0px 20px 10px 0px; }
#content-left p.warn { line-height: 13px; color: #000000; font-size: 12px; font-weight: normal; text-align: right; }
#content-left p.box-hdr{ font-weight: normal; }

#content-right{ width: 220px; text-align: left; padding: 0px 0px 10px 0px; background-color: #FFFFFF; border: 0px solid #B9B7B7; margin: 0px 0px 0px 0px; }
#content-right p { color: #5882d4; letter-spacing: 0px; font-weight: normal; font-size: 11px; line-height: 15px; margin: 0px 0px 6px 0px; }
#content-right p.right-align { color: #000000; text-align: right; font-weight: normal; }
#content-right p.info-error { color: #5882d4; letter-spacing: 0px; font-weight: bold; font-size: 12px; line-height: 15px; margin: 0px 0px 2px 0px; }
#content-right a { color: #5882d4; font-size: 11px; text-decoration: underline; letter-spacing: 0px; }
#content-right a:hover { color: #000000; }


/*Generics Links*/
a{ color: #2f6aa5; text-decoration: none; }
a:hover { color: #cbcbcb; text-decoration: underline; }
a img{ border: none;}
a.faq{ color: #2f6aa5; font-size: 11px; font-weight: bold; margin-left: 2px; padding-top: 2px; text-decoration: none; }
a:hover.faq{ color: #95c1f3; text-decoration: underline; }
a.top-nav { color: #ff6a08; font-size: 11px; font-family: sans-serif; text-decoration: none; font-weight: normal; }
a:hover.top-nav { color: #95c1f3; text-decoration: none; }
a.content-nav { color: #a7a6a6; font-size: 10px; text-decoration: none; font-weight: normal; }
a:hover.content-nav { color: #95c1f3; text-decoration: none; }
a.services { color: #5882d4; }
a:hover.services { text-decoration: none; }
hr{ border: 1px dotted #000; }
.hr{ padding-bottom: 15px; border-bottom: 1px solid #ddd; }
span.red{ visibility: visible; color: #fff; background-color: #5882d4; padding: 3px; padding-left: 5px; padding-right: 5px; font-weight: bold; font-size: 13px; letter-spacing: -1px; margin-left: 25px; border-bottom: 2px solid #000; border-right: 2px solid #000; }
span.subheader {color: #000000; font-size: 11px; font-weight: normal; letter-spacing: 0px; }
.supno{ font-size: 9px; text-align: right; align: top; }
address a, .blk { color: Black; }
ul {line-height: 15px; }

/* Headers */
h1 { color: #a7a6a6; font-size: 18px; font-style: italic; letter-spacing: 0px; padding: 0px 0px 0px 280px; margin: 20px 0px 40px 0px; }
h2{ color: #e61000; letter-spacing: 0px; font-size: 14px; font-weight: bold; text-decoration: none; padding-left: 10px; padding-top: 10px; }
h2:first-letter{ color: #e61000; font-size: 16px; }
h3{ color: #e61000; letter-spacing: 0px; font-size: 13px; font-weight: bold; text-decoration: none; padding-left: 10px; padding-top: 10px; }
#logo { visibility: visible; }
sup{ letter-spacing: -1px; visibility: visible; }
.white { color: #eeeeee; font-size: 16px; }

/* Fonts */
p{ line-height: 19px; text-align: left; margin-left: 15px; }
p.p2{ line-height: 13px; }
acronym { font-weight: bold; text-decoration: none; color: #000000; }
#subtitle{ margin: 4px 0px 0px 280px; padding: 0px 0px 0px 0px; }
#content-nav{ text-align: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
blockquote p{ font-style: italic; background: url(../images/blockbg.gif) no-repeat 10px 0px; text-indent: 35px; margin: -5px; line-height: 14px; padding: 8px 0px 0px 5px; width: 100%; }

.form-right { margin-top: 4px; margin-bottom: 5px; margin-left: 0px; margin-right: 20px; text-align: right; }

/* Set table layout for displaying stuff. ---is this used anywhere??? */
table.display-table { width: 100%; border-width: 0px 0px 0px 0px; border-color: #000000; border-style: groove; padding: 0px 6px 0px 6px; text-align: left; }
.display-table { font-weight: normal; letter-spacing: 0px; color: #000000; font-size: 11px; line-height: 16px; }
.display-table th { background-color: #F0F0F1; color: #000000; text-align: left; font-size: 11px; font-weight: normal; padding: 4px 3px 4px 3px; border-top: 0px solid #a7a6a6; border-bottom: 1px solid #a7a6a6; }
.display-table td { border-bottom: 2px solid #F0F0F1; padding: 4px 3px 4px 3px; }

table.display-table-small { width: 240px; border-width: 0px 0px 0px 0px; border-color: #000000; border-style: groove; padding: 0px; margin: 0 auto; margin-left: auto; margin-right: auto; text-align: left; }
.display-table-small { font-weight: normal; letter-spacing: 0px; color: #000000; font-size: 11px; }

table.display-table-prices { margin: 0px; padding: 0px; text-align: left; }
.display-table-prices th { font-weight: bold; text-decoration: none; color: #000000; }
.display-table-prices td { border-top: 2px solid #F0F0F1; padding: 4px 10px 4px 0px; }

#submit{ text-align: left; padding: 0px 10px 10px 10px; border: 0px solid #000000; margin: 0px 0px 0px 0px; }
#submit input { color: #FFFFFF; background-color: #00baff; width: 150px; height: 30px; font-size: 12px; font-weight: bold; font-style: normal; letter-spacing: 0px; border-style: outset; border-width: 3px; }

/* Set size of input boxes. */
.input-box { width: 262px; }
.input-area { height: 120px; width: 264px; }
.input-area-small { height: 100px; width: 264px; }
.select-box { width: 265px; margin: 0; padding: 0; }
.message-count { background-color: transparent; text-align: right; border: 0; color: #000000; font-size: 10px; font-weight: bold; }

/*Preload images hover*/
#themes{ width: 200px; height: 50px; }
#cs01,#cs02,#cs03{ float: left; width: 40px; }

/*Change Skin*/
#cs01 a{ background: url(../images/buttons/theme_red_blue.gif) no-repeat; display: block; margin: 0px 5px 0px 0px; padding: 0px; width: 30px; height: 30px; }
#cs01 a:hover { background: url(../images/buttons/theme_red_blue_hover.gif) no-repeat; margin: 0px 5px 0px 0px; }
#cs02 a{ background: url(../images/buttons/theme_green_blue.gif) no-repeat; display: block; margin: 0px 5px 0px 0px; padding: 0px; width: 30px; height: 30px; }
#cs02 a:hover { background: url(../images/buttons/theme_green_blue_hover.gif) no-repeat; margin: 0px 5px 0px 0px; }
#cs03 a{ background: url(../images/buttons/theme_blue_blue.gif) no-repeat; display: block; margin: 0px 5px 0px 0px; padding: 0px; width: 30px; height: 30px; }
#cs03 a:hover { background: url(../images/buttons/theme_blue_blue_hover.gif) no-repeat; margin: 0px 5px 0px 0px; }
/*End c_skin*/

/* Images */
.photo{ float: right; margin-top: 20px; margin-left: 8px; margin-bottom: 8px; }
.photo_hdr{ margin-top: 0px; margin-left: 8px; margin-bottom: 4px; }
.logo{ float: left; margin-top: 20px; margin-left: 8px; margin-bottom: 8px; }
.picture{ float: left; margin-top: 0px; margin-left: 4px; margin-right: 6px; margin-bottom: 0px; }
.messageicon{ margin-top: 1px 1px 1px 1px; }



/*Left Navigation Menu*/
#navigation{ float: left; width: 180px; position: relative; margin: 0px 10px 0px 8px; padding-bottom: 10px; border-width: 0px 0px 0px 0px; border-color: #cccccc; border-top-style: solid; border-bottom-style: solid; border-left-style: dotted; border-right-style: dotted; }
#navigation ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 1px; list-style-type: none; font-size: 11px; font-weight: bold; }
#navigation a { display: block; padding: 6px 10px 8px 20px; width: 140px; font-size: 12px; font-weight: normal; line-height: 15px; text-decoration: none; color: #2f6aa5; background-color: #FFFFFF; border-top: 1px solid #2f6aa5; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; }
#navigation a:hover { text-decoration: none; font-weight: bold; color: #ffffff; background-color: #2f6aa5; border-top: 1px solid #F0F0F1; border-bottom: 1px solid #F0F0F1; border-right: 1px solid #F0F0F1; border-left: 1px solid #F0F0F1; }
ul#navlist { margin-top: 10px; }

/*Centre Navigation Menu*/
#centrenavigation{ width: 280px; position: relative; margin: 0px 10px 0px 10px; background-color: #ffffff; padding-bottom: 10px; border-width: 1px 1px 1px 1px; border-color: #cccccc; border-top-style: solid; border-bottom-style: solid; border-left-style: dotted; border-right-style: dotted; }
#centrenavigation ul { margin: 3px 0px 0px 4px; padding: 0px 0px 0px 1px; list-style-type: none; font-size: 11px; font-weight: normal; }
#centrenavigation a { display: block; padding: 6px; width: 255px; color: #2f6aa5; font-size: 12px; font-weight: normal; background-color: #ffffff; border-top: 0px solid #F0F0F1; border-bottom: 1px solid #F0F0F1; border-right: 0px solid #666666; border-left: 0px solid #666666; line-height: 20px; text-decoration: none; }
#centrenavigation a:hover { background-color: #95c1f3; color: #ffffff; border-top: 0px solid #666666; border-bottom: 1px solid #666666; border-right: 1px solid #F0F0F1; border-left: 1px solid #F0F0F1; }
ul#centrenavlist { list-style-type: none; margin: 5px 0px 0px 0px; padding: 0px; }

/*Right Navigation Menu*/
#rightnavigation{ width: 235px; position: relative; margin: 10px 10px 0px 10px; background-color: #ffffff; padding-bottom: 10px; border-width: 0px 0px 0px 0px; border-color: #cccccc; border-top-style: solid; border-bottom-style: solid; border-left-style: dotted; border-right-style: dotted; }
#rightnavigation ul { text-align: left; margin: 3px 0px 0px 4px; padding: 0px 0px 0px 1px; list-style-type: none; color: #2f6aa5; font-size: 10px; font-weight: bold; }
#rightnavigation a { width: 170px; line-height: 15px; text-decoration: none; padding: 6px 2px 6px 4px; color: #2f6aa5; font-size: 10px; font-weight: normal; background-color: #ffffff; border-top: 0px solid #F0F0F1; border-bottom: 1px solid #F0F0F1; border-right: 0px solid #666666; border-left: 0px solid #666666; }
#rightnavigation a:hover { color: #000000; text-decoration: underline; }
ul#rightnavlist { margin-top: 5px; }


.box{ text-align: left; padding: 2px 2px 5px 5px; background-color: #ffffff; margin: 10px 0px 0px 0px; border-width: 0px 0px 0px 0px; border-color: #cccccc; border-top-style: solid; border-bottom-style: solid; border-left-style: dotted; border-right-style: dotted; }
.box p{ font-size: 11px; margin-left: 10px; margin-right: 10px; margin-top: 1px; line-height: 16px; }