﻿/* CSS Document */
html {min-height:101%}
.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;width:45px}
.QuoteBBL { background: url(images/cw_borderBL.gif) no-repeat left bottom;width:45px}
.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; }

.textredline { border: 1px solid #f00; }
.text { color: #000; border:1px solid LightSlateGray; }
.forms { color: #333;}
.star{color:#f00}

.mediabug {padding-top:10px;padding-bottom:10px; font-size:9px; color:#333}
.mediabug a:link, .mediabug a:visited {color:#333; text-decoration:underline; font-weight:bold}
.mediabug a:hover {color:#39f}