/* - css info -
author: Mateusz Jastrzebski 
contact: contact.pordesign@gmail.com
- */

/* - general - */
body {	font: 11pt/130% Arial, Helvetica, sans-serif;margin: 0;	padding: 0;	color: #000;background: #fff url(../images/header-gr.png) 0 0 repeat-x;}
a {	color: #870c0c; }
a:visited {	color: #600000; }
a:hover,
a:focus {color: red !important; }
a:active { color: #000; }
a img {	border: none; }
	
form ul, form li { margin: 0; padding: 0; list-style: none; }
form, fieldset { margin: 0; padding: 0; }
fieldset { border: none; }	

label { padding: 0; margin: 0; }	

.clearfix:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }	

table { border-collapse: collapse; border: 1px solid #333;}
table td, table th { border: 1px solid #555; }
table td.today { background: #ddd; }

abbr { border: none; color: #c00; }

p.disclaimer2 { font-size: 11px; color: #777; margin: -10px 0 15px; line-height: 1em;width: 206px; text-align: right; left:0;}
p.disclaimer { font-size: 11px; margin:0 0 0 20px; padding:0; color: #777; width:auto; text-align:left; float:left; }

p { text-align: justify; }

/* containers  */
#container { width: 962px; margin: 0 auto; }

/* header > logo */
h1 { margin: 30px 0 22px; padding: 0; float: left; }
h3 { color: #900 !important; font-family: "MyriadPro-Semibold", "Myriad Pro Semibold", "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1em; margin: 0 15px 5px 0px; padding-top:2px; /*margin: 25px 15px 5px 0px;*/}
p { line-height: 1.2em; color: #666; margin: 0 15px 15px 0px; font-size: 13px;}
p.loose { line-height: 1.8em; }
ul { color: #666; font-size:13px; }
.article li {  }

/* header > nav */
ul#nav { margin: 0; padding: 0; list-style: none;float: left; width: 100%; position: relative; font-family: "MyriadPro-Semibold", "Myriad Pro Semibold", "Myriad Pro", Arial, Helvetica, sans-serif; z-index: 999;}
ul#nav li { margin: 0 1px; padding: 0; list-style: none; float: left; display: inline; width: auto; background: url(../images/nav-bg.gif) 0 0 no-repeat; position: relative; font-size: 15px;}
ul#nav li:hover,
ul#nav li:focus,
ul#nav li.active,
ul#nav li.selected {  background: url(../images/nav-bg.gif) 0 -58px no-repeat; }
ul#nav li a { margin: 0; padding: 0 9px 0 9px; float: left; height: 29px; line-height: 29px; color: #fff; text-decoration: none; background: url(../images/nav-bg.gif) 100% -29px no-repeat !important;}
ul#nav li a:hover,
ul#nav li a:focus { background: url(../images/nav-bg.gif) 100% -87px no-repeat !important; background: none; color: #cf1010;}
ul#nav li.active a,
ul#nav li.selected a { color: #cf1010; background: url(../images/nav-bg.gif) 100% -87px no-repeat !important;/* background: url(../images/nav-bg.gif) 100% -87px no-repeat;*/ }

ul#nav li a:active {}

ul#nav li#phone-number {background: url(../images/phone-number.gif) 0 0 no-repeat; position: absolute; top: -54px; right: 0;  height: 19px; width: 193px; text-indent: -9999px;}

/* header > nav > subnav */
ul#nav ul { display: none;font-family: "MyriadPro-light", "Myriad Pro", Arial, Helvetica, sans-serif; position: absolute; top: 29px; left: -3px; list-style: none; font-size: 14px; margin: 0; padding: 12px 0 20px; float: left; width: 240px; background: /*#fff url(../images/subnav-gr.png)*/ url(../images/subnav-bg.png) 0 100% no-repeat !important; background: url(../images/subnav-bg.gif) 0 100% no-repeat; z-index: 10000; /*border: 1px solid #c7c7c7;*//*-webkit-box-shadow:  2px 2px 5px #000;*/}
ul#nav ul ul{top:0;left:99% !important;left:auto;padding-top:0px;}
ul#nav ul .top-border{background:url(../images/subnav-top-bg.png) left top no-repeat;display:block;top:-1px;left:99%;width:240px;height:3px;position:absolute;z-index:101;display:none;}
ul#nav ul .active .top-border{display:block;}
ul#nav ul li.has_sub_nav, ul#nav ul li.has_sub_nav:hover{background:url(../images/nav-sub.jpg) right center no-repeat;}
ul#nav ul li { margin: 0; padding: 0; float: left; clear: left; width: 200px; margin: 0 16px; border-top: 1px solid #c7c7c7; background:none; line-height: 1.1em; height: auto; position:relative;}
ul#nav ul li:first-child { border: none; } 
ul#nav ul li.first { border: none; }
ul#nav ul li a { background: none !important; color: #8d8d8d !important; float: none; width: auto; padding: 0; margin: 0; line-height: 1.8em; height: auto; display:block;}
ul#nav ul li:hover { background: none !important; }
ul#nav ul li a:hover,
ul#nav ul li a.on,ul#nav ul li a:focus { background: none !important; color: #c00 !important; font-weight: bold;}
ul#nav li.selected ul li a,ul#nav li.active ul li a { background: none !important;}
ul#nav li ul li a { background: none !important; }

/* top panel */
#top-panel { float: left; width: 100%; margin: 10px 0 10px 0; background: url(../images/top-panel-bg.png) 0 0 no-repeat; padding: 1px;}

ul#hero { background: url(../images/hero-bg.gif) 100% 0 no-repeat; margin: 0; padding: 0; float: left; width: 100%; list-style:none; height: 161px; position: relative; overflow: hidden;}
ul#hero.alt { background: none; }
ul#hero li { list-style: none; margin: 0; padding: 0; float: left; width: 100%; height: 181px; position: absolute; top: 0; left: 0;}
ul#hero h2 { position: relative;color: #fff; font: 25px "MyriadPro-light", Arial, Helvetica, sans-serif; float: left; margin: 30px 0 0 430px; display: inline; font-weight: 100; padding: 0 0 3px; line-height: 1em;}
ul#hero.alt h2 { color: #8f0809; margin: 20px 0 0 40px; position: relative; z-index: 10; line-height: 1.1em; font-size: 25px; width: 500px;}
ul#hero h2 strong { font-family: "MyriadPro-Semibold", "Myriad Pro Semibold", "Myriad Pro", Arial, Helvetica, sans-serif; }
ul#hero li img { position: absolute; top: 0; left: 0; }
ul#hero.alt li { /*position: relative;*/ }
ul#hero.alt li img { position: absolute; left: auto; right: 0px;}
ul#hero a.read-more { position: absolute; right: 495px; bottom: 46px;background: url(../images/buttons.gif) 0 0 no-repeat; display: block; height: 29px; line-height: 29px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;  text-decoration: none; font-size: 15px;}
ul#hero a.read-more span { background: url(../images/buttons.gif) 100% -30px; line-height: 29px; height: 29px; text-align: center; font-size: 16px; color: #fff; display: block; padding: 0 8px; float: left; margin: 0 -5px 0 0; position: relative;}


ul#hero-nav { position: relative; border: 1px solid #323131; border-left: none; margin: -40px 15px 0 0; font-size: 11px; padding: 0; list-style: none; float: right;}
ul#hero-nav li { float: left; text-align: center; line-height: 15px; margin: 0; padding: 0; list-style: none;}
ul#hero-nav li a { float: left; width: 16px; line-height: 16px; text-align: center; color: #4a4a4a; text-decoration: none; background: #1c1c1c; border-left: 1px solid #323131;} 
ul#hero-nav li a:hover,
ul#hero-nav li a:focus,
ul#hero-nav li.active a { color: #fff; }
ul#hero-nav li a:active { color: #ccc; }

ul#hero-nav.alt { border: 1px solid #dedede; border-left: none; float: left; margin-left: 40px; display: inline;}
ul#hero-nav.alt li a { background: #fefefe; color: #a0a0a0; border-left: 1px solid #dedede; }
ul#hero-nav.alt li.active a { color: #333; }

/* read more button general rules */
a.more-button,
ul.gray-boxes ul.actions li { font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size: 13px; background: url(../images/buttons.png) 0 -59px no-repeat !important; background: url(../images/buttons.gif) 0 -59px no-repeat ; float: left; width: auto; margin: 0 5px; display: inline; text-decoration: none; height: 24px; line-height: 24px;}
a.more-button span,
ul.gray-boxes ul.actions li a { height: 24px; line-height: 24px; padding: 0 8px; float: left; width: auto;background: url(../images/buttons.png) 100% -83px no-repeat !important; background: url(../images/buttons.gif) 100% -83px no-repeat; color: #fff !important; text-decoration: none; float: left; margin: 0 -7px 0 0; position: relative; cursor: pointer; } 

/* content > breadcrumb */
ul#breadcrumb { float: left; margin: 8px 0 -2px; padding: 0; list-style: none; }
ul#breadcrumb li { margin: 0; padding: 0; list-style: none; display: inline; color: #870c0c;}
ul#breadcrumb ul { margin: 0; padding: 0; list-style: none; display: inline;}
ul#breadcrumb ul li { margin: 0; padding: 0; list-style: none; display: inline;}
ul#breadcrumb li.current { color: #666; }

/* content > page heading / Highlight */
h2#page-heading { line-height: 45px; margin: 10px 0 20px; padding: 0 0 0 15px; display: inline;border: 1px solid #eaeaea; float: left; width: 945px; background: url(../images/page-heading-gr.png) 0 0 repeat-x; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: normal; color: #666; font-size: 32px; position: relative;}
h2#page-heading span { display: block; width: 947px; color: #900; float: left; margin: 0 -1px -1px -16px; padding: 10px 0 0 15px; display: inline; font-size: 0.7em; background: #fff; border-top: 1px solid #eaeaea; position: relative; line-height: 30px;}
h2#page-heading img { position: absolute; top: 11px; right: 11px; }

h2#page-heading span.tn { text-transform: uppercase; font-size: 7px; display: inline; width: auto; color: inherit; margin: 0; padding: 0;border: none; position: static; float: none; vertical-align: top;}

#main p.highlight { font-size: 12px; color: #666; margin: 0px 15px 10px 0px; line-height: 20px;}
ul.child-fields { margin: -5px 0; padding: 0;}
ul.child-fields li.empty { display: none; }

/* main */
#main { width: 754px; float: left; display: inline; margin: 0;}

/* main > article */
.article { padding: 0 0 0 15px; overflow: visible;}
.article p { padding-right:10px;}

/* main > article > article intro*/
.article-intro { background: #fbfbfb url(../images/gray-gr-1.png) 0 0% repeat-x; padding: 20px 20px 20px 230px;  margin: 0 0 20px -15px; width: 480px; border: 1px solid #efefef; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -webkit-border-top-left-radius: 0;-webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0;}
.article-intro:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }
.article-intro img { border: 1px solid #bebebe; float: left; display: inline; margin: 0 0 0px -210px;}
.article-intro h3 { margin: 0 0 10px; font: 26px "Myriad Pro", Arial, Helvetica, sans-serif;}

.article-intro ul { list-style: none; margin: 0; padding: 0; }
.article-intro ul li { list-style: none; margin: 0; padding: 0 0 0 20px; background: url(../images/tick-small.png) 0 3px no-repeat;}


/* main > article > tooltip */
a.tooltip { text-decoration: none; }
a.tooltip span { border: 2px solid #b13b3b; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; display: block; position: absolute; bottom: 0px; left: 0; width: 300px; padding: 8px 12px; line-height: 1.3em; text-decoration: none !important; color: #555; -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.2); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,.2); display: none; z-index: 1000;}

/* main > article > gray-box-1 */
.gray-box-1 { float: left; display: inline;width: 740px; margin: 0 0 20px -15px; padding:35px 0 0px;background: #fbfbfb url(../images/gray-gr-2.png) 0 0 repeat-x; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -webkit-border-top-left-radius: 0;-webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; position: relative; z-index: 100;;}
.gray-box-1 h3 { font-size: 24px; margin: 0px 25px 20px; }
.gray-box-1 p { margin: 0px 25px 10px; padding: 0 0 5px; }
.gray-box-1 p span { color: #900; }
.gray-box-1 ul { margin: 10px; float: left; display: inline;}
.gray-box-1 img { margin: 0px 25px; display: inline; float: left; border: 1px solid #900;}

.gray-box-1  ul { list-style: none; margin: 0; padding: 0; width:480px;}
.gray-box-1 ul li { list-style: none; margin: 0; padding: 0 0 0 20px; background: url(../images/tick-small.png) 0 2px no-repeat; line-height: 20px; display: block; min-height: 20px;}


.countries { clear: both; padding: 8px 0 0px;}
.countries p { margin: 5px 20px; }
ul.countries-list { clear: both;margin: 0; padding: 8px 0 6px; list-style: none; text-align: center; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -webkit-border-top-left-radius: 0;-webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0;  width: 740px; margin: 0; background: #d7d7d7;}
ul.countries-list li { display: inline; margin: 0 27px; padding: 0; list-style: none; background:none; }
ul.countries-list li img { margin: 0; float: none; border: none;}
ul.countries-list a.tooltip span {width: 70px; z-index: 999 !important; font-size: 12px; line-height: 13px; padding: 5px 10px;}

/* main > article > highlights */
.article-content ul,ul.highlights { list-style: none; margin: 0; padding: 0; clear: left;}
.article-content ul li, ul.highlights li { list-style: none; margin: 0; padding: 0 0 2px 36px; background: url(../images/tick.png) 0 0px no-repeat; }


.simple-box{ height: 166px; width: 100%; float: left; display: inline; border: 1px solid #cdcdcd; position: relative; margin-bottom:10px;}
.simple-box  ul{ list-style: none; position: relative; padding-left:10px;}
.simple-box  ul a{text-decoration:none; }
.simple-box  h4{margin:10px; border-bottom:1px solid #CCCCCC;}

.rsslink{text-decoration:none; float:right;}
/* main > quote box */
#quote-box { height: 166px; width: 240px; float: left; display: inline; border: 1px solid #cdcdcd; position: relative;}
#quote-box ul { margin: 0; padding: 0; list-style: none; position: relative; }
#quote-box ul li { margin: 0; padding: 0; list-style: none; position: absolute; height: 138px; width: 240px; background: #fff; display: none;}
#quote-box blockquote { font: 25px "MyriadPro-light", "Myriad Pro", Arial, Helvetica, sans-serif; margin: 0; padding: 10px 0 0;}
#quote-box blockquote h2 { margin: 0; padding: 0; text-align: center; color: #980E0F; font-size: 25px; font-weight: normal; } 
#quote-box h3 { text-align: center; margin: 0; padding: 10px 0; }
#quote-box a.read-more { font-weight: bold;color: #ab0000; position: absolute; bottom: 2px; right: 10px;margin: 0; display: inline; font-size: 10px; text-transform: uppercase; text-decoration: none; }
#quote-box a.read-more:hover,
#quote-box a.read-more:focus { color: #201f1f; }

#quote-box.testimonials { padding: 0 20px; width: 200px; height: 166px;}
#quote-box.testimonials ul li { position: absolute; top: 0; left: 0; width: 200px; height: 100px;}

.feedback-box h2,#quote-box.testimonials h2 {color: #a71818; margin: 10px 0 0 0px; font: 20px "Myriad Pro", Arial, Helvetica, sans-serif; line-height: 25px; padding: 0;}
#quote-box.testimonials p { color: #636363; line-height: 1em; margin: 8px 0 0; padding: 0 0 1px; font-family: Arial, Helvetica, sans-serif; }
#quote-box.testimonials blockquote { margin: 0; padding: 0; line-height: 1em; font-size: 14px;}
#quote-box.testimonials p.quote-author { color: #a5a5a5; }

.feedback-box  h2{margin-left:10px;}
.feedback-box span{padding-left:10px; font-size:1.2em; font-weight:bold;}
.feedback-box  ul li {height:100px !important;}
.hp{ line-height:1em; margin-top:6px !important; }

.hp p {padding:4px 20px;margin:0; line-height:1em;}
/* main > highlight box */
.highlight-box { float: left; display: inline; width: 636px; padding: 5px 10px 0px 90px; height: 79px; background: url(../images/highlight-box-bg.png) 0 0 no-repeat; margin: 30px 0 25px 6px; position: relative; clear: both;position: relative; z-index: 1;}
.highlight-box h3 { font-size: 26px; margin: 0px 0 0 0px; line-height: 28px; padding: 0 0 0 90px; float: left; display: block; position: absolute; top: 6px; left: 0;height: 60px;}
.highlight-box p { line-height: 1.6em; margin: 32px 0 0;}
.highlight-box p strong { font-size: 1.2em; }
.highlight-box a.more-button { position: absolute; top: 30px; right: 40px; }
.highlight-box a.more-button span { padding: 0 30px; }

.get-quote h3 { background: url(../images/get-quote.gif) 20px 10px no-repeat;}
.open-account h3 { background: url(../images/open-account.gif) 20px 15px no-repeat;}

/* rside > quote box */
#rside #quote-box { margin: 20px 0 ; width: 205px; }
#rside #quote-box ul li { width: 205px; }

/* main > welcome box */
#welcome-box { float: left; width: 492px; margin: 0 0 10px 10px; display: inline; height: 168px; }
#welcome-box h2 {  font: 28px "MyriadPro-light", "Myriad Pro", Arial, Helvetica, sans-serif; margin: 4px 0 -5px; padding: 0px 0 8px; color: #9d1314; float: left;line-height: 30px; height: 37px;}
#welcome-box h2.fx { background: url(../images/fx-ico.png) 100% 3px no-repeat !important; background: url(../images/fx-ico.gif) 100% 38% no-repeat; padding-right: 30px; }
#welcome-box p { float: left; clear: left; margin: 4px 0 0; padding: 0 0 3px; color: #636363; font-size: 13px; line-height: 14px; width: 480px;}

/* main > clients & mortgages */
ul.gray-boxes { margin: 0 -10px 0 0; padding: 0; list-style: none; clear: left; }
ul.gray-boxes li.item { border: 1px solid #cdcdcd; background: url(../images/clients-gr.png) 0 0 repeat-x; float: left; width: 240px; margin: 0 9px -20px 0; height: 185px; list-style: none; padding: 0; position: relative;}
ul.gray-boxes a { text-decoration: none; }


ul.style-1 { padding: 0; list-style: none; margin: 0px 18px;width: 200px; padding: 10px 0; clear: left; }
ul.style-1 li { margin: 0; padding: 0; list-style: none; color: #980e0f; font-size: 11px; width: 200px; line-height: 16px;}
ul.two-columns li { float: left; width: 100px !important; }
ul.gray-boxes div { float: left; clear: left;}
ul.gray-boxes div ul{ float: left; clear: left; margin: 10px 0 0; padding: 0; list-style: none; font-size: 11px;}
ul.gray-boxes div ul li{float:left;width:100px; padding:0 ;margin: 0 0 0 20px; list-style: none; color: #980e0f; font-size: 12px; width: 200px; line-height: 19x;}
.red-list li{ list-style: none; background: url(../images/dot.gif) 0 7px no-repeat; color: #555; padding: 0 0 3px 10px; margin: 0 0 0 20px; width: 200px;}
ul.gray-boxes ul.actions { position: absolute; bottom: 10px; left: 16px; padding: 0; margin: 0; z-index:0;}

ul.gray-boxes li h2 { font: 20px "Myriad Pro", Arial, Helvetica, sans-serif; color: #fff; text-shadow: 0 2px 1px #111;margin: 0; line-height: 34px; padding: 0 0 0 20px; float: left; width: auto; }
ul.gray-boxes li h2.fx { background: url(../images/fx-ico.png) 100% 60% no-repeat !important; background: url(../images/fx-ico.gif) 100% 60% no-repeat; padding-right: 30px; }

ul.gray-boxes form#mg-calc { float: left; clear: left; display: inline; margin: 15px 0 0 18px; width: 200px; color: #474747;}
ul.gray-boxes form#mg-calc label { font-size: 12px ; }
ul.gray-boxes form#mg-calc select { width: 200px; } 
ul.gray-boxes form#mg-calc input { width: 100px; }

ul.gray-boxes form#mg-calc li.button { list-style: none; font-size: 13px; background: url(../images/buttons.png) 0 -59px no-repeat !important; background: url(../images/buttons.gif) 0 -59px no-repeat ; float: left; width: auto !important; margin: 0; display: inline; position: absolute; bottom: 10px; left: 16px; }
ul.gray-boxes form#mg-calc li.button input { font-family: "Myriad Pro", Arial, Helvetica, sans-serif; height: 24px; line-height: 24px; padding: 0 8px !important; float: left; display: inline; width: auto !important; width: 114px; background: url(../images/buttons.png) 100% -83px no-repeat !important; background: url(../images/buttons.gif) 100% -83px no-repeat; color: #fff; text-decoration: none; margin: 0 -7px 0 0; position: relative; border: none; font-size: 13px; font-weight: normal; } 
ul.gray-boxes form#mg-calc li.button input:hover,
ul.gray-boxes form#mg-calc li.button input:active { text-decoration: underline; }

/* main > latest rates */
#rates-box { border: 1px solid #ccc; background: url(../images/rates-gr.png) 0 0 repeat-x; float: left; width: 742px; color: #555; position: relative; margin: 30px 0 20px 0; }
#rates-box h2 { font-size: 14px; font-weight: normal; float: left; margin: 0; padding: 5px 5px 4px; line-height: 14px;}
#rates-box ul#rates { margin: 0; padding: 0; list-style: none; width: auto;}
#rates-box ul#rates li { float: left; width: 28%; text-align: center; margin: 0; padding: 5px 0 0; font-size: 14px; line-height: 14px; }
#rates-box p { position: absolute; bottom: -22px; right: -203px; font-size: 11px; margin: 0; padding: 0; line-height: 12px; color: #999;}

/* main > categories */
ul.categories { margin: 0px 0 10px 0px; padding: 0 0 20px; list-style: none; float: left; display: inline;}
ul.categories li {margin: 64px 15px 0px 0; padding: 0; list-style:none; border: 1px solid #dedede; background: #f6f6f6; float: left; width: 335px; height: 76px; position: relative;  display: inline;}
ul.categories li img { float: left; margin: -1px 10px 0 -1px; border: 1px solid #828181; }
ul.categories li h3 { font: 18px "Myriad Pro", Arial, Helvetica, sans-serif; color: #cf1010; position: absolute; top: -28px; left: 0; padding: 0 !important; margin: 0 !important; line-height: 24px;}
ul.categories li p {color: #636363; font-size: 12px; line-height: 14px !important; margin: 10px 10px 5px 0 !important; float: left; display: inline; width: 190px;}
ul.categories li p a { color: #980e0f; text-decoration: underline; }
ul.categories li p a:hover,
ul.categories li p a:focus { color: #cf1010; }

/* main > inner form */
form.inner { margin: 0 0 0 0px; padding: 0 0 50px 0;float: left; display: inline; font-size: 13px; color: #636363; position: relative; width: 720px !important; width: auto;}
form#quick-quote { margin-top: 10px; padding-bottom: 40px;}
form.inner fieldset { border: 1px solid #e0e0e0; float: left; clear: left; width: 690px; padding: 15px; display: inline; margin: 20px 0 0;}
form.inner ul, form.inner li { float: left; width: auto; }
form.inner ul li li {clear: left; margin: 5px 0;width: 680px;}

/* main > inner form > general */
form.inner fieldset ul { position: relative; margin: 10px 0 0; }
form.inner fieldset h3 {color: #636363 !important; margin: 0px; font-size: 16px; line-height: 18px; }
form.inner fieldset p {color: #636363 !important; margin: 5px 0px; font-size: 13px; line-height: 14px; }
form.inner label { float: left; width: 230px; }
form.inner label.long { width: 460px; margin-right: 5px;}
form.inner input { float: left;  width: 250px; }
form.inner input.checkbox { width: 16px; }
form.inner textarea { float: none; width: 240px; padding: 5px; height: 100px; margin: 0 0 16px;}
form.inner select { float: left; width: 254px;}
form.inner .short { width: 60px; margin: 0 5px 0 0; }
form#quick-quote label { width: 300px; }
form.inner label span { color: #ccc; }
form.inner a { line-height: 24px; padding: 0 5px;}

/* main > inner form > steps indicator */
form.inner #steps { float: left; margin: -50px 0 -14px; position: relative; padding: 55px 0 0}
form.inner #steps p { color: #cf1010; font: 18px "Myriad Pro", Arial, Helvetica, sans-serif; margin: 0; float: left; width: auto;}
form.inner #steps ul { float: left; clear: left; padding: 0; list-style: none; display: inline; margin: 5px 0 0 -10px; width: auto;}
form.inner #steps ul li { float: left; margin: 0; padding: 0; list-style: none;  width: 30px; height: 30px; line-height: 30px; text-align: center; margin: 0 10px; border: 1px solid #d09090; display: inline; color: #960d0e; }
form.inner #steps ul li.current {  background: url(../images/step-gr.png) 0 0 repeat-x; color: #fff; }
form.inner p.abbr { margin: 0 0 -20px; text-align: right; /*position: absolute; top: 0px; right: 0;*/ float: left; width: 720px; color: #870c0c !important; clear: both; padding: 0;}

/* main > inner form > help me icon */
form.inner p#help-me { /*position: absolute; top: 70px; right: 20px;*/ width: 720px; margin: 30px 0 -50px; padding: 0; line-height: 19px; float: left; position: relative;}
form.inner p#help-me a { float: right; width: auto; padding: 0 0 0 25px; color: #870c0c; background: url(../images/help-ico.gif) 0 50% no-repeat; margin: 0 10px 0 0;}
form.inner p#help-me a:hover,
form.inner p#help-me a:focus { color: red; }
form.inner p#help-me a:active { color: #000; }

/* main > inner form > tooltip */
form.inner p.tooltip { color: #9b1011 !important; font-size: 13px; width: 200px; position: absolute; right: 0; top: 0; line-height: 16px; display: none;}

/* main > inner form > button list item styling */
form.inner li.button { position: absolute; bottom: -70px; right: -23px;}
.butt,form.inner li.button span { font-family:"Myriad Pro", Arial, Helvetica, sans-serif; list-style: none; font-size: 13px; background: url(../images/buttons.png) 0 -59px no-repeat !important; background: url(../images/buttons.gif) 0 -59px no-repeat ; float: right; width: auto; margin: 0 5px; display: inline;height: 24px; line-height: 24px; font-size: 13px;}
.butt input,form.inner li.button span input { list-style: none; height: 24px; line-height: 24px; padding: 0 20px; float: left; width: auto;background: url(../images/buttons.png) 100% -83px no-repeat !important; background: url(../images/buttons.gif) 100% -83px no-repeat; color: #fff; text-decoration: none; margin: 0 -7px 0 0; position: relative; border: none;}
.butt input:hover,form.inner li.button span input:hover,
.butt input:active,form.inner li.button span input:active { text-decoration: underline; }
/*form.inner p.abbr { float: left; clear: left; width: 720px; padding: 0; text-align: right; color: #870c0c !important; line-height: 13px; font-size: 12px; display: inline; margin: -10px 0px 0 0 !important;}*/
.abbr1,form.inner li.button p.abbr { position: static; float: right; width: auto; text-align: left; margin: 0 !important; line-height: 24px; clear: none;}
form#quick-quote li.button { bottom: -54px; }

/* main > form > personalised quote */
li.applicants { display: none; }
li.applicants.first { display: block; }

/* main > table of contents */
ul.toc { font-family:"Myriad Pro", Arial, Helvetica, sans-serif; float: left; width:720px; margin: 5px 0 20px 0 !important; /*margin-left: 15px;*/ padding: 0; list-style: none; display: inline; background: url(../images/toc-gr.png) 0 100% repeat-x; border: 1px solid #eaeaea; font-size: 13px;}
ul.toc li.column { margin: 0 0 0 20px; padding: 12px 0; list-style: none; width: 340px; float: left; display: inline; background:none; }
ul.toc li.column ul { margin: 0; padding: 0; list-style: none; }
ul.toc li.column ul li { line-height: 1.2em; list-style: none; margin: 0; padding: 0; background: url(../images/red-dot.gif) 0 7px no-repeat; padding: 0 0 0 10px;}
ul.toc a { text-decoration: none; color: #900; }

/* rside */
#rside { width: 206px; float: left; display: inline; margin: 0; position: relative;}

/* rside > promo */
ul#promo { margin: 36px 0 0; padding: 0; float: left; list-style: none; background: url(../images/promo-gr.png) 0 100% repeat-x;}
ul#promo li { margin: 0; padding: 0; list-style: none; float: left; clear: left; display: inline; width: 205px; border: 1px solid #cecece; height: 180px;position: relative; }

ul#promo h2 { margin: 0; padding: 0 0 3px;  font: 20px "MyriadPro-light", "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1em; z-index: 999; position: absolute; bottom: 40px; left: 20px;color: #666;}
ul#promo h2 span { color: #a71818; }

ul#promo li a.more-button { position: absolute; bottom: 12px; right: 8px;}
ul#promo li img { position: absolute; bottom: 0; left: 0; }

/* rside > red box */
.red-box { width: 194px; height: auto !important; min-height: 100px; height: 100px; margin: 0px 0 15px; padding: 8px 0 20px 14px; background: #8d0708 url(../images/red-box-gr.png) 0 0 repeat-x; position: relative; overflow: hidden;}
.red-box h2 { font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 20px;font-weight: normal; margin: 0; color: #fff; background: url(../images/red-box-h2-bg.gif) 0 100% no-repeat; line-height: 1.2em; padding-bottom: 5px; position: relative; z-index: 100;}
.red-box p { font-family: "Myriad Pro", Arial, Helvetica, sans-serif;color: #fff; font-size: 13px; line-height: 1.2em; margin: 0; position: absolute; z-index: 99; top: 0; left: 0; width: 110px; height: 100px; padding: 40px 84px 0 15px; background: url(../images/red-mask.png) 0 0 no-repeat !important;  text-align: left;}
.red-box img { position: absolute; right: 0; top: 0;}
.red-box a.read-more { background: url(../images/arrow.gif) 0 50% no-repeat; padding-left: 18px; position: absolute; bottom: 5px; left: 10px; font-size: 12px; text-decoration: none; color: #fff; z-index: 101;}
.red-box a.read-more:hover,
.red-box a.read-more:focus { color: #ecb6b6 !important; text-decoration: underline; }
.red-box abbr { color: #fff; }

/* rside > photos */
ul#photos { margin: 0; padding: 0; list-style: none; }
ul#photos li { margin: 0px 0 20px; padding: 0; list-style: none; }

form#cr-converter { margin: 10px 0; }
form#cr-converter select { height: 22px; padding:0;}
form#cr-converter input { width: 100px; margin: 0;  }
form#cr-converter li { float: left; margin: 0 0px 3px 0;}
form#cr-converter li.from select { width: 65px; margin-left: 5px; }
form#cr-converter li.to { clear: left; }
form#cr-converter li.to select { width: 174px;}
form#cr-converter li.button { position: absolute; bottom: 5px; left: 10px;}
form#cr-converter li.button input { margin: 0; padding: 0 0 0 18px; text-align: left; background: url(../images/arrow.gif) 0 50% no-repeat; color: #fff; font-size: 12px; border: none; width: auto; display: block;}
form#cr-converter li.button input:hover { color: #ecb6b6; text-decoration: underline; }
form#cr-converter p#converted { margin: 0; padding: 8px 0; font-size: 14px; line-height: 16px; text-align: center; clear: left; margin-right: 14px;}

.converter-box { height: auto; }
.converter-box p { position: static; background: none !important; height: auto; width: auto;}

/* footer */
#footer { border-top: 1px solid #ccc; float: left; width: 100%; margin: 12px 0 30px; padding: 14px 0; position: relative;}

/* footer > nav */
ul#footnav { float: left; width: auto; display: inline; margin: 0; padding: 0; list-style: none; font-size: 11px; }
ul#footnav li { float: left; width: auto; margin: 0; list-style: none; padding: 0; line-height: 1em;} 
ul#footnav li a { float: left; width: auto; line-height: 1em; border-left: 1px solid #666; padding: 0 10px; text-decoration: none; color: #666;}
ul#footnav li a:hover,
ul#footnav li a:focus { color: #333; }
ul#footnav li:first-child a { border: none; padding: 0 10px 0 0; }
ul#footnav li.first a { border: none; padding: 0 20px 0 0; }

#footer p#copy { line-height: 1em; margin: 0; padding: 0;color: #666; font-size: 11px; text-align: right;}
#footer p#copy a { color: #666; }
#footer p#copy a:hover,
#footer p#copy a:focus { color: #333; }

.gallery_list {border:none;margin:0 0 10px 0;}
.gallery_list td {padding:0; border:1px solid #DEDEDE; color:#636363; background-color:#F6F6F6; vertical-align:top;}
.gallery_list td.white {background:none;width:15px;border:none;}
.gallery_list td.no_content {background:none;border:none;}
.gallery_list td.first{ padding-top:12px;border:none;background:none; width:335px !important;}
.gallery_list td.last { padding-bottom:12px;border:none;}

.gallery_list td  img{float:left; margin:-1px 10px 0 -1px;}
.gallery_list td  p{padding:10px 10px 2px 0; margin:0; font-size:12px; width:200px; float:left;text-align:left;}

ol.list {color:#666666;font-size:13px;padding-left:20px;}
.paging {padding-left:14px;}
.paging a {font-size:12px;text-align:center;}

.currency{width:25px!important; margin-left:-30px!important; float:left!important; text-align:right; padding-right:-5px !important; display:block; }