/*
Title:      Master styles for screen media
Author:     Paul Sivers, Keywave [http://www.keywave.com]
Created:	10/03/09
Updated:    10/03/09
*/

html { margin:0; padding:0; width:100% }
body { margin: 0; padding: 0 0 30px 0; border: 0; font: 12px arial, verdana, tahoma, arial, Trebuchet, "Trebuchet MS", sans-serif; text-align: center; min-width: 840px; color: #666; background: #edede3; }

/* ---[ links ]------------------------------- */

a:link { color: #660033; }
a:visited { color: #660033; }
a:hover { color: #000; }
a.more { background: url(/images/rightarrowteal.png) no-repeat right; padding: 0 15px 0 0; font-weight: bold; text-decoration:none; }
a.more:hover { background: url(/images/rightarrowblue.png) no-repeat right; padding: 0 15px 0 0; font-weight: bold; text-decoration:none; }
a.morewhite { display: block; background: url(/images/rightarrowwhite.png) no-repeat right 3px; color: #f0f0f0; padding: 0 15px 0 0; font-weight: normal; text-decoration:none; }
a.morewhite:hover { background: url(/images/rightarrowteal.png) no-repeat right 3px; color:#108e9f; padding: 0 15px 0 0; font-weight: normal; text-decoration:none; }
a.moreleft { background: url(/images/rightarrowteal.png) no-repeat left; padding: 0 0 0 15px; font-weight: bold; text-decoration:none; }
a.moreleft:hover { background: url(/images/rightarrowblue.png) no-repeat left; padding: 0 0 0 15px; font-weight: bold; text-decoration:none; }
a.back { background: url(/images/leftarrowteal.png) no-repeat left; padding: 0 0 0 15px; font-weight: bold; text-decoration:none; }
a.back:hover { background: url(/images/leftarrowblue.png) no-repeat left; padding: 0 0 0 15px; font-weight: bold; text-decoration:none; }


/* ---[ common elements ]--------------------- */

p { margin: 0 0 10px 0; padding: 0; }
h1 { font-size: 18px; font-weight: normal; color: #666; margin: 0 0 15px 0; padding: 0;}
h2 { font-size: 14px; font-weight: bold; padding: 0; margin: 0 0 14px 0; color: #666; }
h2 a { text-decoration: none; }
h3, h4, h5 { font-size: 90%; font-weight: bold; padding: 0; margin: 0 0 10px 0; }
blockquote { font-size: 88%; color: #777; padding-left: 23px; background: url(../images/quotemarks.gif) no-repeat 0 3px; }
blockquote.praise { padding: 0 0 10px 23px; border-bottom: 1px solid #eee; }
code { color: #7B9905; font-size: 110%; line-height: 1.2em; text-align: left; }
code strong { color: #4E6200; }
abbr, acronym, .popup { font-style: normal; border-bottom: 1px dotted; }
em { font-style: italic; }
strong { font-weight: bold; }
strike { text-decoration: line-through; }
form { display: inline; position: relative; margin: 0; padding: 0; }
.smaller { font-size: 11px; }
.topright { float: right; text-align: right; vertical-align: bottom; padding: 4px 0 10px 10px; }
.toprightwithborder { float: right; text-align: right; margin: 0 0 10px 10px; border: 1px solid #336;}
.withborder { border: 1px solid #0c2b73;}

/* ---[ top ]------------------------------- */

#outer { z-index: 10; height: 100%; min-height: 100%; width: 800px; margin: 0 auto; padding: 0 20px 0 20px; text-align: left; background: #fff url(/images/bottomcurve.gif) no-repeat bottom center; }

#header { background: url(/images/headerbg.png) no-repeat; width: 800px; margin: 0; padding:0; height: 170px; }
#strapline p { text-align:right; margin: 40px 20px 0 0; font-size:16px; color: #c49696; font-style:italic; line-height:1.5em; }
#hpwelcome { background: url(/images/welcomebg.gif) no-repeat; float:left; width:195px; height: 300px; padding: 20px 25px 20px 20px; }
#hpwelcome p { font-size: 14px; line-height: 1.3em; } 
#right { float:left; margin: 0 0 0 0; width:256px; min-height: 400px; overflow:visible; }
#hpcontent { position:relative; height:100%; background: #000; }
#content { margin: 0 0 0 0; padding: 20px 20px 1px 20px; background: #edede3 url(/images/topcurve.gif) no-repeat; }
#contentfooter { margin: 0; padding: 0; height: 20px; background: #edede3 url(/images/endcurve.gif) no-repeat; }
#content ul { padding: 0; margin: 0; }
#content li { margin: 0 0 0 20px; padding: 0 0 10px 0; }
.clearer2 { clear: both; }
.clearer { clear: both; height:1px; overflow:hidden; margin-bottom:-1px;}

.calmonth { color: #333; text-align:left; }
#tariff { margin: 20px 0 20px 0; }
#tariff td { padding: 0 20px 10px 0; }

/* navigation */

#nav { padding: 0 0 0 0; margin: 0 0 0 10px; height: 100%; }
#nav ul { padding: 0; margin: 0; list-style: none;}
#nav li { margin: 0; padding: 0; float: left;}
#nav a { display:block; margin: 0; color: #333; font-size:14px; padding: 15px 8px 15px 8px; text-decoration:none;}
#nav a:hover { background: #edede3; text-decoration:none;}

/* ---[ footer ]----------------------------------- */

#footer { width: 840px; margin: 30px 0 0 0; padding:0 0 30px 0; height:100%; }
#footerleft a { color: #666; }
#footerleft a:hover { color: #06476e; }
#footerleft p { font-size: 11px; color: #999; margin: 0; padding: 0; vertical-align:middle; }


/* ---[ forms ]------------------------------------ */

#enquiryform { padding: 0; margin: 0; }
#enquiryform .input { width: 200px; padding: 4px; background-color: #f5f5f5; border: none; border: 1px solid #f0f0f0; }
#enquiryform textarea { width: 340px; padding: 4px; background-color: #f5f5f5; border: none; border: 1px solid #f0f0f0; }
#enquiryform label { float: left; width: 100px; padding: 5px 10px 0 0; }


/* ---[ misc. ]---------------------------------------- */

hr { border: 0; color: #ccc; background-color: #ccc; height: 1px; margin: 10px 0 10px 0; }
.center { text-align: center; }
a img { border: none; }
.hide { display: none; }

.showit { display: block; }
.hideit { display: none; }
#frmsubject27 { visibility:hidden; display:none; }
.cmslinks { position:absolute; right: 10px; top: 5px; }
.cmstitle { position:relative; }