﻿/* CSS Document */
.red {color: #c00}
.text {color: #333333}
.textbox {border-style: Solid;border-width: 1px;border-color: LightSlateGray;color: #333333}
.textred {color: Red}
.borderred {border: 1px solid #f00}

h1 {font-size: 18px;color: #39f;font-weight: bold;margin: 0}
h2 {font-size: 16px;color: #39f;font-weight: bold;margin: 0}
body {font: 12px Arial, Helvetica, sans-serif;color: #3F3F3F;margin: 0 auto 0 auto}
.language {font-size: 11px;color: #333}
.txt {padding: 10px 0 0 5px}
.title {font-size: 18px;color: #39567E;padding: 5px;font-weight: bold;padding-right: 100px}
.titleother {font-size: 18px;color: #39f;padding: 20px 0 0 5px;font-weight: bold}
.titlend {font-size: 18px;color: #666;font-weight: normal}
.subtitle {font-size: 12px;color: #3F3F3F;padding: 10px 100px 10px 5px}
.blue {color: #39f;font-size: 12px}
.smalltick {list-style-image: url(images/tick2.gif);font-size: 13px;line-height: 24px;font-weight: bold}
.benefits {font-size: 14px;padding: 5px}
.phone {font-size: 16px;color: #39567E;font-weight: bold}
.formtext {font-size: 11px;color: #333;font-weight: bold;padding-bottom: 5px}
.footer, .footer a:link, .footer a:visited {font-size: 10px;background: #B2B2B2;color: #fff;padding: 5px;border-bottom: solid 3px #666;text-decoration: none}
.footer a:hover {text-decoration: underline}
/*Border*/
.MidLeft {border-left: 2px solid #65b1fe}
.MidRight {border-right: 2px solid #65b1fe}
.Bottom {border-bottom: 2px solid #65b1fe}
.BottomLeft {background: no-repeat left bottom url(images/lineBL.gif)}
.BottomRight {background: no-repeat right bottom url(images/lineBR.gif)}
/*Border Register*/
.reMidLeft, .BenLeft {border-left: 1px solid #39f}
.reMidRight, .BenRight {border-right: 1px solid #39f}
.reTop, .BenTop {border-top: 1px solid #39f;vertical-align: top}
.reTopR {background: no-repeat top right url(images/relineTR.gif);vertical-align: top}
.reBottom, .BenBottom {border-bottom: 1px solid #39f}
.reBottomLeft {background: no-repeat left bottom url(images/relineBL.gif)}
.reBottomRight {background: no-repeat right bottom url(images/relineBR.gif)}
/*BorderBenefits*/
.BenBottomLeft {background: no-repeat left bottom url(images/BBT_BL.gif)}
.BenBottomRight {background: no-repeat right bottom url(images/BBT_BR.gif)}
.BenTopLeft {background: no-repeat left top url(images/BBT_TL.gif)}
.BenTopRight {background: no-repeat right top url(images/BBT_TR.gif)}
/*Default Page*/
.titleBl {font-size: 22px;font-style: normal;color: #39f;padding: 0 0 5px 70px}
.titleRed {font-size: 22px;font-style: italic;color: #BF0000;padding: 0 0 20px 280px;font-weight: bold}
.bg {background: url(images/boxgirl.gif) no-repeat}
.links, .links a:link, .links a:visited {text-decoration: none;color: #39f}
.links a:hover {text-decoration: underline}
.links2, .links2 a:link, .links2 a:visited, .links2 a:hover {text-decoration: underline;color: #39f}
.newcust {font-weight: bold;font-size: 14px;color: #fff;background: #090;padding: 8px;border-top: solid thin #ccc;border-left: solid thin #ccc;border-right: solid thin #ccc}
.newbrok {font-weight: bold;font-size: 14px;color: #fff;background: #3465B4;padding: 8px;border-top: solid thin #ccc}
.regis {font-weight: bold;font-size: 14px;color: #fff;background: #83009D;padding: 8px;border-top: solid thin #ccc;border-left: solid thin #ccc;border-right: solid thin #ccc}
.txtSections {font-size: 12px;color: #3F3F3F;padding: 20px 30px 10px 5px}
.txtcolum {font-size: 12px;color: #3F3F3F;padding: 10px 15px 10px 0}
.logbrok, .logbrok a:link, .logbrok a:visited {color: #3465B4;font-size: 14px;font-weight: bold;text-decoration: none;padding: 10px 5px 10px 5px}
.logbrok a:hover {text-decoration: underline}
.logcust, .logcust a:link, .logcust a:visited {color: #090;font-size: 14px;font-weight: bold;text-decoration: none;padding: 10px 5px 10px 5px}
.logcust a:hover {text-decoration: underline}
.bgsection {background: url(images/greyBG.gif) no-repeat;border-bottom: solid thin #CCCCCC}
.space {padding: 10px 10px 20px 5px}
.space5 {padding: 5px}
/*Benefits*/
.QSearchText {font-size: 11px;padding: 4px 0 5px 4px}
.QSearchTL {background: url(images/imlooking-TL.gif) no-repeat left top;font-size: 11px;color: #666}
.QSearchTM {background: url(images/imlooking-TM.gif) repeat-x top;font-size: 14px;font-weight: bold;height: 20px;padding-top: 8px}
.QSearchTR {background: url(images/imlooking-TR.gif) no-repeat right top;vertical-align: bottom;font-size: 11px;color: #666}
.QSearchML {border-left: 1px solid #ccc;font-size: 11px;color: #666}
.QSearchM {font-size: 11px;color: #666}
.QSearchBL {background: url(images/imlooking-BL.gif) left bottom}
.QSearchBM {border-bottom: 1px solid #ccc;text-align: right}
.QSearchBR {background: url(images/imlooking-BR.gif) right bottom}
.QSearchMR {border-right: 1px solid #ccc}
/*Customer*/
.QuoteBB {border-bottom: 3px solid #666}
.QuoteTT {border-top: 3px solid #666}
.QuoteBL {border-left: 3px solid #666}
.QuoteBR {border-right: 3px solid #666}
.QuoteBBR {background: url(images/cw_borderBR.gif) no-repeat right bottom}
.QuoteBBL {background: url(images/cw_borderBL.gif) no-repeat left bottom}
.QuoteTTR {background: url(images/cw_borderTR.gif) no-repeat right top}
.QuoteTTL {background: url(images/cw_borderTL.gif) no-repeat left top}
.QuoteTxt {font: 12px Arial, Helvetica, sans-serif;vertical-align: middle}
.fee {font-size: 36px;color: #39f;padding: 0 0 0 5px}
.feedetails {font-size: 10px;font-style: italic;font-weight: bold;color: #fff;background: #39f;padding: 0 0 0 2px}
/*Charges Detailed*/
.ChHeader {font-size: 12px;color: #39f;text-decoration: underline;font-weight: bold;padding: 5px}
.ChBody {font-size: 11px;color: #333;padding: 8px;text-align: justify}
.total {border-top: #39f solid 1px;font-size: 12px;width: 287px;padding-top: 5px}
.totalbig {border-top: #39f double 3px;padding-top: 5px;font-size: 14px;color: #39f}
/**/
.instant, .instant a:link, .instant a:visited {color: #f00;font-weight: bold;text-decoration: none}
.instant a:hover {text-decoration: underline}
/*InstructPage Box*/
.InstructTL {background: url(images/instruct-TL.gif) no-repeat left top}
.InstructTM {background: url(images/instruct-TM.gif) repeat-x top}
.InstructML {background: url(images/instruct-ML.gif) repeat-y left}
.InstructMR {background: url(images/instruct-MR.gif) repeat-y right}
.InstructTR {background: url(images/instruct-TR.gif) no-repeat right top}
.InstructBR {background: url(images/instruct-BR.gif) no-repeat right bottom}
.InstructBL {background: url(images/instruct-BL.gif) no-repeat left bottom}
.InsTitle {padding-bottom: 5px;color: #39F;padding-left: 5px;font-weight: bold;font-size: 14px}
.ifhappy {padding-left: 5px;padding-right: 50px;padding-bottom: 5px;padding-top: 5px;font-family: Arial;color: #333;font-size: 11px}
.quotation {color: #39F;font-family: Arial, Helvetica, sans-serif;padding: 5px;font-size: 12px}
.formtextS {font-size: 11px;font-family: Arial, Helvetica, sans-serif}
.colour {color: #39f}
.feetitle {color: #CC0000;font-size: 14px;text-decoration: underline}
.active {color: #39f;font-weight: bold}
.emailme {background-color: #3399ff;color: #FFFFFF;padding: 5px;font-family: Arial, Helvetica, sans-serif;font-size: 11px;width: 402px}
.emailmebottom {border-top: 1px solid #39F;width: 402px;padding-left: 5px;padding-top: 5px;color: #666}
/*Logged in*/
.submenu, .submenu a:link, .submenu a:visited {font-size: 11px;color: #3F3F3F;text-decoration: none}
.submenu a:hover {font-size: 11px;color: #39f;text-decoration: underline}
/*FAQs*/
.redTitleSmall, .redTitleSmall a:link, .redTitleSmall a:visited {text-decoration: none;color: #3f3f3f;font-weight: bold}
.redTitleSmall a:hover {text-decoration: underline;color: #39f}
/* -- MENU -- */
.menu01 {font: 13px/21px "Century Gothic" , Arial;display: block;color: #fff;background: url(images/menubg01.gif) no-repeat center #fff;text-decoration: none;width: 115px;height: 23px;text-align: center}
.menu01 a:hover {background: url(images/menubg01.gif)}
.menu a:link, .menu a:visited {font: 13px/21px "Century Gothic" , Arial;display: block;color: #fff;background: url(images/menubg.gif) no-repeat center #fff;text-decoration: none;width: 115px;height: 23px;text-align: center}
.menu a:hover {background: url(images/menubg01.gif)}
/* -- END MENU -- */
.menub01 {font: 13px/21px "Century Gothic" , Arial;display: block;color: #fff;background: url(images/menubgb01.gif) no-repeat center #fff;text-decoration: none;width: 98px;height: 23px;text-align: center}
.menub01 a:hover {background: url(images/menubgb01.gif) no-repeat}
.menub a:link, .menub a:visited {font: 13px/21px "Century Gothic" , Arial;display: block;color: #fff;background: url(images/menubgb.gif) no-repeat center #fff;text-decoration: none;width: 98px;height: 23px;text-align: center}
.menub a:hover {background: url(images/menubgb01.gif) no-repeat}
/* -- EMAIL -- */
.phonebig {color: #3399ff;font-size: 18px}
.quoteinfo {color: #3399ff;font-size: 14px;font-weight: bold;text-decoration: underline}
.tabletitle {color: #3399ff;font-weight: bold;font-style: italic}
.mailtotal {padding-top: 5px;border-top: 1px solid #3399ff}
.mailbigtotal {padding-top: 5px;font-size: 14px;border-top: 1px solid #3399ff;color: #3399ff}
.mailbody {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666;padding-left: 15px}
a:link {color: #39f;text-decoration: none}
a:visited {color: #39f;text-decoration: none}
a:active {color: #39f;text-decoration: none}
a:hover {color: #39f}
/* -- EMAIL END -- */
.res {background: url(Images/res_tb.gif) no-repeat top}
.ress {background: url(Images/res_tbs.gif) no-repeat}

/* -- ARTICLES CMS -- */
.articlesHeader {background: url(images/art-bg.gif) repeat-x top;font: 14px "Century Gothic" , Arial;color: #fff;padding-left: 5px;vertical-align: top;height: 22px}
.articlesTitle, .articlesTitle a:link, .articlesTitle a:visited {font: bold 11px Arial, Helvetica, sans-serif;padding-top: 5px;text-decoration: none;color: #333}
.articlesTitle a:hover {text-decoration: underline}
.articlesbody {font: normal 11px Arial, Helvetica, sans-serif;color: #333;vertical-align: top;padding: 0}
.articlesbody a:link, .articlesbody a:visited {font-weight: bold;text-decoration: none}
.articlesbody a:hover {text-decoration: underline}
.articlesbullet img {padding: 10px 5px 5px 5px}
.articlesmore, .articlesmore a:link, .articlesmore a:visited {font: 11px "Century Gothic" , Arial;color: #39f;text-align: right;padding: 0 5px 0 0;text-decoration: none}
.articlesmore a:hover {text-decoration: underline}
.GuidesHead {font: normal 12px Arial, Helvetica, sans-serif;background: url(images/cw_guides.gif) no-repeat top;height: 25px;border-bottom: 1px solid #999}
.GuidesBody {padding: 8px;text-align: left;padding: 8px 0 0 3px}
.GuidesBody a {font: 12px Arial, Helvetica, sans-serif;color: #39f;text-decoration: none}
.GuidesBody a:hover {text-decoration: underline}

/* -- END ARTICLES CMS -- */
.cal {background: url(images/calendar/calendar.gif) no-repeat center;width: 16px;height: 20px;border: 0;cursor: pointer;margin-left: 5px;vertical-align: middle}
#calendarDiv {position: absolute;width: 213px;border: 1px solid #000;background: #FFF;font: 10px 'lucida sans unicode' , 'lucida grande' , 'Trebuchet' , 'Verdana';padding-bottom: 20px;visibility: hidden}
#calendarDiv span, #calendarDiv img {float: left}
#calendarDiv .selectBox, #calendarDiv .selectBoxOver {line-height: 12px;padding: 1px;cursor: pointer;padding-left: 2px}
#calendarDiv .selectBoxTime, #calendarDiv .selectBoxTimeOver {line-height: 12px;padding: 1px;cursor: pointer;padding-left: 2px}
#calendarDiv td {padding: 3px;margin: 0;font-size: 10px;text-align: center;cursor: pointer}
#calendarDiv .selectBox {border: 1px solid #3464b4;color: #000;background: #fff;position: relative}
#calendarDiv .selectBoxOver {border: 1px solid #FFF;background-color: #3464b4;color: #FFF;position: relative}
#calendarDiv .selectBoxTime {border: 1px solid #317082;color: #317082;position: relative}
#calendarDiv .selectBoxTimeOver {border: 1px solid #216072;color: #216072;position: relative}
#calendarDiv .topBar {height: 16px;padding: 2px;background-color: #3464b4}
#calendarDiv .activeDay {color: #fff;font-weight: bold;background: #c00}
#calendarDiv .todaysDate {height: 19px;line-height: 18px;font-weight: bold;background: #efefef;border-top: 1px solid #000;color: #3464b4;text-align: center;position: absolute;bottom: 0;width: 213px}
#calendarDiv .todaysDate div {float: left}
#calendarDiv .timeBar {height: 17px;line-height: 17px;background: #3464b4;width: 72px;color: #FFF;position: absolute;right: 0}
#calendarDiv .timeBar div {float: left;margin-right: 1px}
#calendarDiv .monthYearPicker {background: #fff;border: 1px solid #000;position: absolute;color: #3464b4;left: 0;top: 15px;z-index: 1000;display: none}
#calendarDiv #monthSelect {width: 70px}
#calendarDiv #yearSelect {width: 60px}
#calendarDiv .monthYearPicker div {float: none;clear: both;padding: 1px;margin: 1px;cursor: pointer}
#calendarDiv .monthYearActive {background: #3464b4;color: #fff}
#calendarDiv .topBar img {cursor: pointer}
#calendarDiv .topBar div {float: left;margin-right: 1px}

