/* Coded By : Wes Smith / wes.smith@mediarock.co.uk / Mediarock Ltd */

/* --- GLOBAL STYLES --- */
body { font-size:12px; line-height:16px; font-family:Arial, Helvetica, Verdana, sans-serif; margin:0; padding:0; background:#ffffff; color:#000000; text-align:left;}
img { display:block; border:0;}
p { padding:0 0 20px 0; margin:0; line-height:20px;}
address { font-style:normal;}

#tansitionMessage { width:500px; height:300px; margin:200px auto 0 auto;}

/* --- GENERAL IDS --- */
/* MIN HEIGHT HACK - height:auto !important; height:1px; min-height:1px;*/
#headerContainer { width:100%; background:url(../images/headerBg.gif) 0 0 repeat-x;} 
#headerContainer #header { width:960px; height:156px; margin:0 auto; position:relative; z-index:100;}
#headerContainer #header #logo { position:absolute; top:20px; left:20px;}
#headerContainer #header #liveChat { position:absolute; top:28px; right:20px;}
#contentContainer { width:100%; background:url(../images/dotsBg.gif) 0 0 repeat;}
#contentContainer .containerPadding { padding:20px 0;} 
#contentContainer #content { width:960px; margin:0 auto;}  
#contentContainer #content #banner { width:960px; height:300px; margin-bottom:20px; z-index:0;}
#contentContainer #content #pageBanner { width:960px; height:100px; margin-bottom:20px; background:#00aeef; color:#FFFFFF;}
#contentContainer #content #contentArea { width:960px; border:1px solid #d4d3d4; background:#FFFFFF; font-size:14px;}
#contentContainer #content #contentArea .contentPadding { padding:20px;}
#contentContainer #content #contentArea #leftCol { float:left; width:700px;}
#contentContainer #content #contentArea #rightCol { float:right; width:200px;}
#contentContainer #content #contentArea ul { list-style:none; padding:0; margin:0 0 20px 0;}
#contentContainer #content #contentArea ul li { padding:0; margin:0 0 10px 0; background:url(../images/listArrow.gif) 10px 2px no-repeat; padding:0 0 0 25px;}
#contentContainer #content #contentArea #backLink a { font-size:14px; background:url(../images/backArrow.gif) 0 2px no-repeat; padding:0 0 0 12px;}

/* --- GENERAL CLASSES --- */
.clear { clear:both; font-size:0 !important; height:1px; padding:0;}
.left { float:left;}
.right { float:right;}
.blue { color:#00aeef;}
.imageLeft { float:left; margin:0 20px 20px 0;}
.imageRight { float:right; margin:0 0 20px 20px;}
.error { color:#FF0000; margin-bottom:20px;}
.logoRight { float:right; margin:0 0 0 20px; padding:4px; border:1px solid #cccccc;}
.testimonial { padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #cccccc;}
.testimonial p { padding:0;}

/* --- PAGINATION --- */
.blogPagination { padding:0;}
.blogPagination .paginationInfo { float:left;}
.blogPagination .paginationInfo span { padding:0; margin:0;}
.blogPagination .paginationLinks { float:right;}
.blogPagination span { padding:0px 3px; margin-right:5px;}
.blogPagination a { color:#00aeef; font-weight:normal; text-decoration:none; padding:0px 3px; margin-right:5px;}
.blogPagination a:hover { background:#00aeef; color:#FFFFFF; text-decoration:none;}
.blogPagination .ditto_view_pages { padding-right:5px;}
.blogPagination .ditto_currentpage { background:#00aeef; color:#FFFFFF; padding:0px 3px;}

/* --- BLOG LISTINGS --- */
.blogItem { padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #cccccc;}
.blogItem .blogDate { font-weight:bold; margin-bottom:5px;}
.blogItem .blogTitle { margin-bottom:5px;}
.blogItem .blogImage { float:right; margin:0 0 0 20px; padding:4px; border:1px solid #cccccc;}
.blogItem .blogSummary { line-height:20px;}

/* --- HEADINGS & PARAGRAPHS --- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size:12px; line-height:16px; font-weight:bold;}
#pageBanner h1 { color:#ffffff; font-size:32px; line-height:32px; border-bottom:none; padding:32px 0 0 20px; margin:0;}
h1 { color:#009fdb; font-size:22px; line-height:22px; border-bottom:3px solid #c5c7c7; padding:0 0 8px 0; margin:0 0 20px 0;}
h2 { color:#009fdb; font-size:22px; line-height:22px; border-bottom:3px solid #c5c7c7; padding:0 0 8px 0; margin:0 0 20px 0;}
h3 { color:#009fdb; font-size:22px; line-height:22px; border-bottom:3px solid #c5c7c7; padding:0 0 8px 0; margin:0 0 20px 0;}

/* ----- TOP NAVIGATION ----- */
#topNav { width:960px; height:35px; position:absolute; top:119px; left:0;}
#topNav ul { margin:0; padding:0; list-style:none;}
#topNav ul li { display:inline; float:left; margin-right:1px; position:relative;}
#topNav ul li a { font-size:14px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:11px 20px 10px 20px; display:block;}
#topNav ul li a:hover { background:url(../images/topNavActiveBg.gif) 0 0 repeat-x;}
#topNav ul li.active a { background:url(../images/topNavActiveBg.gif) 0 0 repeat-x;}
#topNav li ul {display: none; position: absolute; top:37px; left:0px; margin:0; width:199px; padding:0; background:#353636;}
#topNav li ul li { display:block; float:none; width:179px; background:none; padding:0;}
#topNav li ul li a { display:block; float:none; width:179px; color:#ffffff; padding:10px 0px 11px 20px !important; background:#353636 !important; font-weight:bold; font-size:12px;}
#topNav li ul li a:hover { text-decoration:none; background:#0c9acf !important;}
#topNav li ul li.active a { text-decoration:none;}
#topNav li.active ul li a { text-decoration:none;}
#topNav li:hover ul, #topNav li.over ul { display: block;}

/* --- FOOTER --- */
#footer { width:960px; margin:0 auto; color:#FFFFFF; font-size:11px;}
#footer .footerPadding { padding:20px;}
#footer a { color:#ffffff; font-weight:normal; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/* ----- LINKS ----- */
a { color:#000000; font-weight:normal; text-decoration:underline;}
a:hover { text-decoration:none;}
a:focus, a:hover, a:active { outline:none;}
#contentArea a { color:#00aeef;}
#contentArea a:hover { text-decoration:none; cursor:pointer;}

/* ----- FORMS ----- */
form { padding:0; margin:0;}
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
textarea, input, select { font-size:12px !important; font-family:Arial, Helvetica, Verdana, sans-serif;}
label { width:150px; display:block; margin-bottom:5px; float:left; line-height:22px;}
.input { border:1px solid #999999; width:288px; padding:5px; float:left; margin-bottom:10px;}
#message { border:1px solid #999999; width:288px; height:100px; padding:5px; float:left; margin-bottom:10px; font-size:12px !important;}
#contactForm { width:450px; margin-bottom:20px;}
#btnSubmit { width:78px; height:30px; display:block;}