body { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, "sans-serif"; text-align: center; font-size: 11px; background: url("/images/body-background.png") repeat-x top left; }
img { border: none; }
form { margin: 0px; padding: 0px; }
input, textarea, select { font-family: Verdana, Arial, Helvetica, "sans-serif"; font-size: 11px; }
form label b, form label strong { color: #f00; }

.clear { clear: both; }
.blur { color: #999; }

#container { width: 990px; margin: 0px auto; text-align: left; padding: 0px 5px; background: #fff; }

#header { position: relative; margin: 0px; padding: 0px; height: 82px; }
#header .blur { color: #999; }
#header #logo { position: absolute; top: 0px; left: 0px; }
#header #logo a { display: block; float: left; padding: 16px 11px; }
#header #links { position: absolute; top: 0px; right: 5px; color: #fc0; line-height: 30px; }
#header #links a { color: #000; text-decoration: none; }
#header #links a:hover { text-decoration: underline; }
#header #search { position: absolute; top: 35px; right: 5px; }
#header #search .input { float: left; padding: 2px; border: 1px solid #999; font-size: 13px; margin: 0px 4px 0px 0px; height: 15px; }
#header #clockcontainer { float: left; width: 200px; height: 30px; overflow: hidden; margin-right: 20px; }
#header #clockcontainer #clock { position: absolute; left: 0px; top: 0px; width: 200px; height: 30px; overflow: hidden; }
#header #clockcontainer #clock span { display: block; line-height: 30px; margin: 0px 0px 0px 15px; font-size: 15px; color: #333; width: 200px; height: 30px; text-align: center; }
#header #clockcontainer #clock span small { font-size: 11px; }
#header #clockcontainer #clock span b { font-size: 15px; }

#nav { font-weight: bold; }
#nav .container { height: 22px; }
#nav > .container { height: auto; }
#nav ul { list-style: none; padding: 0px; margin: 0px; }
#nav li { float: left; padding-right: 1px; }
#nav a { text-decoration: none; display: block; float: left; }
#nav li.selected a { background: url('/images/nav-grey-center.gif') left top repeat-x; font-size: 13px; color: #fff; }
#nav li.unselected a { background: #fc0 url('/images/nav-yellow-center.gif') left top repeat-x; font-size: 12px; color: #000; }
#nav span { cursor: pointer; }
#nav span.left { display: block; height: 22px; width: 4px; overflow: hidden; float: left; }
#nav li.selected span.left { background: url('/images/nav-grey-left.gif') left top repeat-x; }
#nav li.unselected span.left { background: #fc0 url('/images/nav-yellow-left.gif') left top repeat-x; }
#nav span.middle { float: left; padding: 3px 6px 0px 6px; }
#nav span.right { display: block; height: 22px; width: 4px; overflow: hidden; float: left; }
#nav li.selected span.right { background: url('/images/nav-grey-right.gif') left top repeat-x; }
#nav li.unselected span.right { background: #fc0 url('/images/nav-yellow-right.gif') left top repeat-x; }

#page { clear: both; }

#homeleft { position: relative; padding-top: 230px; width: 750px; background: #fff; float: left; }
#homeleft #offerheader { position: absolute; top: 0px; left: 0px; margin: 0px; width: 750px; background: #515151; height: 225px; padding-top: 4px; }
#homeleft #offerheader .arrow { display: none; }
#homeleft #offerheader .content { float: left; width: 750px; height: 225px; padding: 0px; background: #f5f5f5; overflow: hidden; border-top: 1px solid #3c3c3c; }
#homeleft #offerheader ul { margin: 0px; padding: 0px; }
#homeleft #offerheader li { margin: 0px; padding: 0px; }
#homeleft #offerheader #offerheadercontent { width: 3660px; }
#homeleft #offerheader .content .item { position: relative; float: left; display: block; width: 750px; height: 225px; }
#homeleft #offerheader .content .item .inner { padding: 30px 40px; }
#homeleft #offerheader .content .item .heading { color: #fff; font-size: 30px; font-family: "Arial Black", Arial, Helvetica, "sans-serif"; line-height: 36px; }
#homeleft #offerheader .content .item .link { position: absolute; right: 40px; bottom: 30px; font-size: 20px; }
#homeleft #offerheader .content .item .link a { color: #fc0; text-decoration: none; }
#homeleft #offerheader .content .item .link a b { font-weight: normal; color: #fff; }
#homeleft #offers { text-align: left; margin: 0px; padding: 0px; background: url("/images/hp-bg.jpg") repeat-x top left; }
#homeleft #offers .item { position: relative; float: left; width: 249px; z-index: 150; height: 245px; border-right: 1px solid #fff; }
#homeleft #offers .first h1 { background: url("/images/hp-mid-grey.jpg") no-repeat top left; }
#homeleft #offers .first { background: url("/images/hp-left.jpg") no-repeat bottom left; }
#homeleft #offers .second h1 { background: url("/images/hp-grey.jpg") no-repeat top left; }
#homeleft #offers .second { background: url("/images/hp-mid.jpg") no-repeat bottom left; }
#homeleft #offers .third h1 { background: url("/images/hp-black.jpg") no-repeat top left; }
#homeleft #offers .third { background: url("/images/hp-right.jpg") no-repeat bottom left; }
#homeleft #offers .item h1 { font-size: 20px; margin: 0px; padding: 0px 0px 0px 15px; line-height: 35px; }
#homeleft #offers .item h1 a { text-decoration: none; color: #fff; }
#homeleft #offers .item .body { padding: 10px; }
#homeleft #offers .item ul { list-style: url("/images/bullet-yellow.gif"); margin: 10px 0px 0px 15px; padding: 0px 0px 0px 15px; }
#homeleft #offers .item li { padding: 2px 0px; }
#homeleft #offers .item li a { display: block; text-decoration: none; font-weight: normal; color: #000; }
#homeleft #offers .item li a:hover { text-decoration: underline; }
#homeleft #offers .item .link { position: absolute; bottom: 12px; left: 12px; }
#homeleft #offers .item .link a { background: url("/images/moreinfo.gif") no-repeat center left; color: #000; font-weight: bold; display: block; line-height: 20px; padding-left: 26px; text-decoration: none; }
#homeleft #offers .bottom { margin: 2px 0px 0px 0px; line-height: 40px; background: url("/images/hp-bottom-bg.jpg") no-repeat top left; width: 747px; }
#homeleft #offers .bottom h1 { float: left; padding: 0px 40px 0px 90px; font-size: 18px; margin: 0px; }
#homeleft #offers .bottom h1 a { background: url("/images/hp-bottom-link.jpg") no-repeat right; padding-right: 28px; text-decoration: none; color: #000; }
#homeleft #offers .bottom ul { position: relative; float: left; list-style: url("/images/bullet-yellow.gif"); margin: 0px; padding: 0px; width: 475px; height: 37px; overflow: hidden; }
#homeleft #offers .bottom ul li { float: left; margin: 0px 15px; }
#homeleft #offers .bottom ul li a { text-decoration: none; color: #000; }

#content { float: left; width: 750px; margin: 0px; padding: 0px; position: relative; }

#content #secnav { color: #999; background: #555; }
#content #secnav .tl { background: url("/images/secnav-tl.gif") no-repeat top left; }
#content #secnav .bl { background: url("/images/secnav-bl.gif") no-repeat bottom left; }
#content #secnav .inner { padding: 5px 10px; }
#content #secnav a { color: #fff; text-decoration: none; font-weight: normal; }
#content #secnav .selected { font-weight: bold; }
#content #secnav a:hover { text-decoration: underline; }

#content .pad { margin: 0px 10px; color: #666; }

#accordion { position: relative; margin: 0px 0px 20px 0px; }
#accordion div.content { padding: 15px 0px 15px 15px; }
#accordion div.content p { margin: 0px 0px 15px 0px; }
#accordion div.content img { display: block; float: right; padding: 5px; border: 1px solid #ccc; margin: 0px 0px 15px 15px; }

#content .navblock { position: relative; height: 29px; line-height: 29px; }
#content .navblock .tl { position: absolute; background: url('/images/subnav-tl.png') no-repeat left top; top: 0px; left: 0px; width: 5px; height: 5px; } 
#content .navblock .tr { position: absolute; background: url('/images/subnav-tr.png') no-repeat left top; top: 0px; right: 0px; width: 5px; height: 5px; } 
#content .navblock .bl { position: absolute; background: url('/images/subnav-bl.png') no-repeat left top; bottom: 0px; left: 0px; width: 5px; height: 5px; } 
#content .navblock .br { position: absolute; background: url('/images/subnav-br.png') no-repeat left top; bottom: 0px; right: 0px; width: 5px; height: 5px; } 

#content .ui-tabs { background: url("/images/tabs-content-bg.gif") no-repeat right 29px; }
#content .ui-tabs-nav { list-style: none; margin: 0px; padding: 0px; height: 29px; line-height: 29px; background: #555 url('/images/subnav-bg.png') left top repeat-x; }
#content .ui-tabs-nav li { position: relative; float: left; margin: 0px; padding: 0px; height: 29px; overflow: hidden; }
#content .ui-tabs-nav a { position: relative; color: #fff; background: url("/images/subnav-divider.png") no-repeat right center; cursor: pointer; margin: 0px 1px 0px 0px; font-weight: normal; padding: 6px 12px; text-decoration: none; line-height: 29px; width: auto; height: 17px; }
#content .ui-tabs-nav a.last { background: none; }
#content .ui-tabs-nav a:hover { color: #fff; text-decoration: underline; }
#content .ui-tabs .ui-tabs-hide { display: none; }
#content .ui-tabs-panel { position: relative; padding: 0px 15px 0px 0px; margin: 0px 0px 15px 0px; }
#content .ui-tabs-selected a { font-weight: bold; }

#content .boxed { position: relative; margin: 15px 0px; border: 1px solid #ccc; background: #f5f5f5; padding: 0px 15px 15px 15px; }
#content .boxed label { font-weight: normal; }

#gallery { float: right; width: 250px; height: 250px; margin: 0px 0px 20px 20px; padding: 0px; overflow: hidden; list-style: none; }

#content fieldset { display: none; float: left; margin: 0px 30px 30px 0px; width: 300px; }
#content fieldset legend { font-size: 12px; font-weight: bold; padding: 0px 5px; color: #000; }

#content .infobox { float: left; width: 225px; margin: 0px 0px 15px 0px; padding: 0px; }
#content .infobox img { display: block; width: 225px; height: 225px; overflow: hidden; }
#content .infobox .inner { padding: 10px; background: url("/images/body-background.png") repeat-x top; }
#content .rightmargin { margin-right: 15px; }
#content .infobox h2 { font-size: 14px; margin: 0px 0px 10px 0px; }
#content .infobox ul { list-style: url("/images/bullet-yellow.gif"); margin: 10px 0px 0px 7px; padding: 0px 0px 0px 7px; }
#content .infobox li { padding: 2px 0px; }
#content .infobox .moreinfo { background: url("/images/moreinfo.gif") no-repeat center left; color: #000; font-weight: bold; display: block; line-height: 20px; padding-left: 26px; text-decoration: none; font-size: 11px; }

#content h1 { font-size: 26px; color: #000; }
#content h2 { font-size: 18px; font-weight: normal; border-bottom: 1px solid #fc0; color: #000; }
#content h2 small { color: #666; font-size: 14px; }
#content h3 { font-size: 14px; color: #000; }
#content h4 { font-size: 12px; color: #000; padding: 3px 8px; background: #fc0 url('/images/nav-yellow-center.gif') left top repeat-x; margin: 0px 0px 1px 0px; cursor: pointer; }
#content h4 a { color: #000; text-decoration: none; }
#content h4 a:hover { color: #000; }
#content p { line-height: 1.6em; color: #666; }
#content ol, #content ul { margin-bottom: 15px; }
#content li { line-height: 1.6em; }
#content li a { font-weight: normal; }
#content a { color: #666; text-decoration: underline; }
#content a:hover { color: #000; }
#content label { font-weight: bold; }
#content table p { margin: 0px; padding: 0px; background: none; }

#content form label small { font-weight: normal; }

#content .table { border: 0px; padding: 10px; margin: 0px; background: #f5f5f5; }
#content .table th { font-weight: bold; text-align: right; padding: 1px 5px; vertical-align: top; background: #d5d5d5; }
#content .table td { text-align: right; padding: 1px 5px; vertical-align: top; }
#content .table .alt { background: #eee; }
#content .table .left { text-align: left; }
#content .table {}

#content .submitcontinue { position: relative; display: block; float: left; height: 24px; text-decoration: none; line-height: 24px; color: #000; font-weight: bold; font-size: 12px; }
#content .submitcontinue .left { position: relative; display: block; float: left; background: url("/images/button-left.png") no-repeat top left; width: 12px; height: 24px; }
#content .submitcontinue .middle { position: relative; display: block; float: left; background: #fc0; height: 24px; }
#content .submitcontinue .right { position: relative; display: block; float: left; background: url("/images/button-right.png") no-repeat top left; width: 12px; height: 24px; }

#right { position: relative; float: left; width: 240px; }
#right h1 { position: relative; line-height: 24px; font-size: 18px; margin: 0px 0px 10px 0px; }
#right label { font-weight: bold; }
#right #currency { color: #fff; background: #555 url("/images/right-currency-bg.gif") no-repeat top right; }
#right #currency .inner { padding: 15px; }
#right #currency h1 a { background: url('/images/icon-foreign_exchange.gif') no-repeat left; padding-left: 32px; line-height: 24px; font-size: 18px; display: block; text-decoration: none; color: #fff; }
#right #currency h2 { margin: 0px 0px 10px 0px; font-size: 13px; color: #fff; }
#right #currency p { font-size: 11px; margin: 5px 0px 0px 0px; }
#right #currency input { padding: 2px; border: 1px solid #999; width: 60px; }
#right #applynow { background: #ececec url("/images/right-apply-now-bg.gif") no-repeat top right; }
#right #applynow .inner { padding: 15px; }
#right #applynow h1 a { background: url('/images/apply-tick.png') no-repeat left; padding-left: 32px; line-height: 24px; font-size: 18px; display: block; text-decoration: none; color: #000; }
#right #applynow ul { list-style: url("/images/bullet-yellow.gif"); margin: 10px 0px 0px 7px; padding: 0px 0px 0px 7px; }
#right #applynow li { padding: 0px; }
#right #applynow li a { display: block; text-decoration: none; font-weight: normal; color: #000; margin-bottom: 4px; }
#right #applynow li a:hover { text-decoration: underline; }
#right #erateform { background: #fc0; }
#right #erateform .tl { background: url("/images/curreny-box-tl.png") no-repeat top left; }
#right #erateform .tr { background: url("/images/curreny-box-tr.png") no-repeat top right; }
#right #erateform .bl { background: url("/images/curreny-box-bl.png") no-repeat bottom left; }
#right #erateform .br { background: url("/images/curreny-box-br.png") no-repeat bottom right; }
#right #erateform .pad { padding: 15px; }
#right #erateform h1 a { background: url('/images/icon-e-rate.gif') no-repeat left; padding-left: 32px; line-height: 24px; font-size: 18px; display: block; text-decoration: none; color: #000; }
#right #erateform input { width: 200px; padding: 2px; }
#right #erateform input.box { border: 1px solid #999; }
#right #erateform input.submit { width: auto; }

#nextprev { background: #eee; color: #000; text-align: center; }
#nextprev a { color: #000; }
#nextprev a:hover { color: #666; }

#footer { clear: both; padding: 10px 0px; margin: 0px; border-top: 1px solid #eee; font-size: 10px; }
#footer a { color: #666; text-decoration: none; }
#footer a:hover { color: #666; text-decoration: none; }
#footer #phoneus { float: right; bottom: 10px; right: 0px; padding-left: 25px; background: url("/images/uk-flag.png") no-repeat left; }

.ui-dialog { color: #f00; border: 10px solid #f00; padding: 10px; text-align: center; background: #ffdcdc; }
.ui-dialog .ui-dialog-titlebar-close { display: none; }
.ui-dialog .ui-dialog-title { font-size: 18px; font-weight: bold; }
.ui-dialog .ui-dialog-content { font-size: 14px; }
