/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Liquid Blue Stylesheet
Author : Wes Smith / wes.smith@mediarock.co.uk / Mediarock Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#272e38 url(../images/bg.gif) top center repeat-y; color:#ffffff; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- IDS ----- */
#container { width:939px; margin:0 auto; text-align:left; font-size:110%;}   
#header { position:relative; width:938px; height:112px; background:url(../images/headerBg.gif) no-repeat;}
#header #logo { position:absolute; top:10px; left:25px;}
#header #tagline { position:absolute; top:47px; left:235px;}
#header2 { position:relative; width:938px; height:112px; background:url(../images/headerBg2.gif) no-repeat;}
#header2 #logo { position:absolute; top:10px; left:25px;}
#header2 #tagline { position:absolute; top:47px; left:235px;}
#pageTitleBar { position:relative; width:885px; height:33px; padding:17px 0 0 53px; background:url(../images/pageTitleBarBg.gif) top left repeat-x;}
#pageTitleBar .title { position:absolute; top:8px; left:55px; color:#ffffff; font-size:180%; padding:0; font-weight:normal;}
#pageTitleBar .newTitle { position:absolute; top:8px; left:30px; color:#ffffff; font-size:180%; padding:0; font-weight:normal;}
#introRow { width:938px; border-bottom:1px solid #83a5c5; background:#5f768b;}
#introRow #introBox { width:515px; min-height:110px; padding:45px 55px 35px 55px; float:left; border-right:1px solid #83a5c5; font-size:150%; line-height:22px;}
#introRow #introBox p { padding:0 0 10px 0;}
#introRow #introBox2 { width:515px; min-height:110px; padding:45px 55px 35px 55px; float:left; font-size:150%; line-height:22px;}
#introRow #introBox2 p { padding:0 0 10px 0;}
#introRow #newDesignsBox { float:right; width:252px; padding:10px 30px;}
#introRow #newDesignsBox .title { font-size:180%; padding:0 0 5px 0;}
#introRow #newDesignsBox .smallThumbBorder { float:left; border:4px solid #ffffff; margin-right:10px;}
#introRow #newDesignsBox p { clear:both; font-size:110%; padding:5px 0; margin-bottom:20px;}
#introRow #newDesignsBox .designsBtn { width:142px; height:22px; display:block; background:url(../images/designsBtn.gif) top left no-repeat;}
#introRow #newDesignsBox .designsBtn:hover { background:url(../images/designsBtn.gif) 0 -22px no-repeat;}
#jumpsRow { width:938px; height:225px; border-bottom:1px solid #83a5c5; background:url(../images/jumpsRowBg.jpg) top left no-repeat;}
#jumpsRow .title { color:#80d6fe; font-size:150%; padding:0;}
#jumpsRow p { padding:0 0 10px 0; height:30px; font-size:120%; line-height:16px;}
#jumpsRow .thumbBorder { float:left; border:5px solid #ffffff; margin:0 5px 10px 0;}
#jumpsRow #designsJump { float:left; width:250px; height:185px; padding:20px 30px; border-right:1px solid #83a5c5;}
#jumpsRow #designsJump .allDesignsBtn { width:142px; height:22px; display:block; background:url(../images/allDesignBtn.gif) top left no-repeat; clear:both;}
#jumpsRow #designsJump .allDesignsBtn:hover { background:url(../images/allDesignBtn.gif) 0 -22px no-repeat;}
#jumpsRow #plaquesJump { float:left; width:254px; height:185px; padding:20px 30px; border-right:1px solid #83a5c5;}
#jumpsRow #plaquesJump .plaquesBtn { width:142px; height:22px; display:block; background:url(../images/plaquesBtn.gif) top left no-repeat; clear:both;}
#jumpsRow #plaquesJump .plaquesBtn:hover { background:url(../images/plaquesBtn.gif) 0 -22px no-repeat;}
#jumpsRow #noticeBoardsJump { float:left; width:252px; height:185px; padding:20px 30px;}
#jumpsRow #noticeBoardsJump .boardsBtn { width:142px; height:22px; display:block; background:url(../images/noticeBoardsBtn.gif) top left no-repeat; clear:both;}
#jumpsRow #noticeBoardsJump .boardsBtn:hover { background:url(../images/noticeBoardsBtn.gif) 0 -22px no-repeat;}
#jumpsRow #noticeBoardsJump .tablePlansBtn { width:142px; height:22px; display:block; background:url(../images/tablePlansBtn.gif) top left no-repeat; clear:both;}
#jumpsRow #noticeBoardsJump .tablePlansBtn:hover { background:url(../images/tablePlansBtn.gif) 0 -22px no-repeat;}

ul.list { padding:0; margin:0 0 10px 12px;}
ul.list li { font-size:110%;}
.subTitle { font-size:160%; font-weight:bold;}

#newJumpsRow { width:938px; height:225px; border-bottom:1px solid #83a5c5; background:url(../images/jumpsRowBg.jpg) top left no-repeat;}
#newJumpsRow .title { color:#80d6fe; font-size:150%; padding:0 0 10px 0;}
#newJumpsRow p { padding:0 0 10px 0; height:30px; font-size:120%; line-height:16px;}
#newJumpsRow #jumpLeft { float:left; width:250px; height:185px; padding:20px 30px; border-right:1px solid #83a5c5;}
#newJumpsRow #jumpMiddle { float:left; width:254px; height:185px; padding:20px 30px; border-right:1px solid #83a5c5;}
#newJumpsRow #jumpRight { float:left; width:252px; height:185px; padding:20px 30px;}

#internalContentBox { width:828px; min-height:290px; padding:20px 55px; border-bottom:1px solid #83a5c5; background:#5f768b;}
#internalContentBox p { font-size:110%; padding:0 0 10px 0; width:500px;}

#internalContentBox2 { width:918px; min-height:290px; padding:20px 10px; border-bottom:1px solid #83a5c5; background:#5f768b;}
#internalContentBox2 #leftCol { float:left; width:180px;}
#internalContentBox2 #leftCol .productsNav { width:161px; height:21px; display:block; background:url(../images/productsNavItem.gif) top left no-repeat; clear:both; margin-bottom:2px;}
#internalContentBox2 #leftCol .productsNav:hover { background:url(../images/productsNavItem.gif) 0 -21px no-repeat;}
#internalContentBox2 #leftCol .productsNavActive { width:161px; height:21px; display:block; background:url(../images/productsNavItem.gif) 0 -21px no-repeat; margin-bottom:2px;}
#internalContentBox2 #leftCol .designsNav { width:161px; height:21px; display:block; background:url(../images/designNavItem.gif) top left no-repeat; clear:both; margin-bottom:2px;}
#internalContentBox2 #leftCol .designsNav:hover { background:url(../images/designNavItem.gif) 0 -21px no-repeat;}
#internalContentBox2 #leftCol .designsNavActive { width:161px; height:21px; display:block; background:url(../images/designNavItem.gif) 0 -21px no-repeat; margin-bottom:2px;}
#internalContentBox2 #leftCol .plansNav { width:161px; height:21px; display:block; background:url(../images/plansNav.gif) top left no-repeat; clear:both;}
#internalContentBox2 #leftCol .plansNav:hover { background:url(../images/plansNav.gif) 0 -21px no-repeat;}
#internalContentBox2 #leftCol .plansNavActive { width:161px; height:21px; display:block; background:url(../images/plansNav.gif) 0 -21px no-repeat; margin-bottom:2px;}
#internalContentBox2 #rightCol { float:right; width:705px; padding-right:20px;}
#internalContentBox2 #rightCol p { font-size:110%; padding:0 0 10px 0; width:500px;}
#internalContentBox2 #rightCol .prdsTitle { font-size:180%; padding:0 0 5px 0; border-bottom:1px solid #83a5c5; width:100%; margin-bottom:5px;}
#internalContentBox2 #rightCol #prdsContainer { width:705px;}
#internalContentBox2 #rightCol #prdsContainer .product { position:relative; width:255px; padding-left:85px; min-height:140px; margin-bottom:10px;}
#internalContentBox2 #rightCol #prdsContainer .product .prdThumb { position:absolute; top:5px; left:0; border:4px solid #ffffff;}
#internalContentBox2 #rightCol #prdsContainer .product .title { color:#80d6fe; font-size:140%; padding:0;}
#internalContentBox2 #rightCol #prdsContainer .product p { width:200px; line-height:14px;}
#internalContentBox2 #rightCol #prdsContainer #left { float:left; width:340px; padding:0;}
#internalContentBox2 #rightCol #prdsContainer #right { float:right; width:340px; padding:0;}
#internalContentBox2 #rightCol #prdsContainer .enlargeText { width:250px; padding:0 0 5px 0;}

#internalContentBox2 #rightCol #prdsContainer .designsTitle { font-size:180%; padding:0 0 5px 0; border-bottom:1px solid #83a5c5; width:340px; margin-bottom:5px;}
#internalContentBox2 #rightCol #prdsContainer .designsPara { width:340px;}
#internalContentBox2 #rightCol #prdsContainer #designsContainer { width:340px; margin-bottom:20px; padding:0;}
#internalContentBox2 #rightCol #prdsContainer #designsContainer .design { float:left; margin-right:15px; width:70px;}
#internalContentBox2 #rightCol #prdsContainer #designsContainer .design p { padding:0 0 5px 0; width:70px;}
#internalContentBox2 #rightCol #prdsContainer #designsContainer .design .thumb { border:4px solid #ffffff;}
#internalContentBox2 #rightCol #prdsContainer #embellishedDesignsContainer { width:340px; margin-bottom:20px; padding:0;}
#internalContentBox2 #rightCol #prdsContainer #embellishedDesignsContainer .design { float:left; margin-right:15px; width:70px;}
#internalContentBox2 #rightCol #prdsContainer #embellishedDesignsContainer .design p { padding:0 0 5px 0; margin:0; width:70px;}
#internalContentBox2 #rightCol #prdsContainer #embellishedDesignsContainer .design .thumb { border:4px solid #ffffff;}
#internalContentBox2 #rightCol #prdsContainer #standsContainer { width:340px; margin-bottom:20px; padding:0;}
#internalContentBox2 #rightCol #prdsContainer #standsContainer .design { margin-bottom:10px;}
#internalContentBox2 #rightCol #prdsContainer #standsContainer .design p { padding:0 0 5px 0; margin:0; width:220px; float:left;}
#internalContentBox2 #rightCol #prdsContainer #standsContainer .design .thumb { border:4px solid #ffffff; float:left; margin:0 20px 0 0;}
#internalContentBox2 #rightCol #prdsContainer #coloursContainer { width:340px; padding-top:5px;}
#internalContentBox2 #rightCol #prdsContainer #coloursContainer .colour { float:left; margin-right:15px;}
#internalContentBox2 #rightCol #prdsContainer #coloursContainer .colour p { padding:0 0 5px 0; margin:0; width:70px;}
#internalContentBox2 #rightCol #prdsContainer #coloursContainer .colourClear { width:62px; height:30px; border:4px solid #ffffff; background:#e4e4e4;}
#internalContentBox2 #rightCol #prdsContainer #coloursContainer .colourIceBlue { width:62px; height:30px; border:4px solid #ffffff; background:#9abfce;}
#internalContentBox2 #rightCol #prdsContainer #coloursContainer .colourAmber { width:62px; height:30px; border:4px solid #ffffff; background:#ff5c00;}
#internalContentBox2 #rightCol #prdsContainer #coloursContainer .colourSmoked { width:62px; height:30px; border:4px solid #ffffff; background:#596c6a;}
#internalContentBox2 #rightCol #prdsContainer #coloursContainer .colourAqua { width:62px; height:30px; border:4px solid #ffffff; background:#a9d2fe;}
#internalContentBox2 #rightCol #prdsContainer #coloursContainer .colourViolet { width:62px; height:30px; border:4px solid #ffffff; background:#8a81ec;}
#internalContentBox2 #rightCol #prdsContainer #coloursContainer .colourPink { width:62px; height:30px; border:4px solid #ffffff; background:#fad7d5;}
#internalContentBox2 #rightCol #prdsContainer #coloursContainer .colourRed { width:62px; height:30px; border:4px solid #ffffff; background:#ff2904;}
#internalContentBox2 #rightCol #prdsContainer #coloursContainer .colourBlue { width:62px; height:30px; border:4px solid #ffffff; background:#2e33c2;}
#internalContentBox2 #rightCol #prdsContainer #coloursContainer .colourGreen { width:62px; height:30px; border:4px solid #ffffff; background:#00c393;}
#internalContentBox2 #rightCol #prdsContainer #coloursContainer .colourArctic { width:62px; height:30px; border:4px solid #ffffff; background:#7ad6ff;}

#internalQuoteBox { width:828px; min-height:290px; padding:20px 55px; border-bottom:1px solid #83a5c5; background:#ffffff;}
#internalQuoteBox p { color:#000000; padding:0 0 10px 0; font-size:110%; width:500px;}
#internalQuoteBox .blueText { color:#4288c6; font-size:140%; font-weight:bold;}

#internalContentBox .package { width:828px; margin-bottom:20px; text-align:center;}
#internalContentBox .package .packageTitle { font-size:18px;}
#internalContentBox .package p { margin:0 auto;}
#internalContentBox .package .image { border:4px solid #ffffff; margin-right:10px;}


/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.submitBtn { width:77px; height:22px;}


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}


/* ----- TOP NAVIGATION ----- */
#topNav { position:absolute; top:88px; left:52px;}
#topNav ul { list-style:none; padding:0; margin:0;}
#topNav li { display:block; float:left; padding:0;}
#topNav li a { display:block; float:left; padding:0 26px 0 0; color:#060a47; font-size:110%; font-weight:bold; text-decoration:none;}
#topNav li a:hover { color:#1371c3;}
#topNav li a.active { color:#1371c3;}


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}


/* ----- FOOTER ----- */
#footer { width:938px; height:90px; padding-top:25px; background:url(../images/footerBg.gif) no-repeat; color:#FFFFFF; text-align:center;}
#footer p { padding:0 0 5px 0;}
#footer a { color:#FFFFFF; font-weight:normal; text-decoration:underline; outline:none;}
#footer a:hover { text-decoration:none;}


/* ----- GLOBAL ----- */
img { border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#ffffff; font-weight:normal; text-decoration:underline; outline:none;}
a:hover { text-decoration:none; }


/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.inputSmall { width:100px; font-size:11px !important;}
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px; border:none;}


/* ----- FORM VALIDATION ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; }


/* ----- TABLES ----- */
table { border-collapse:collapse; color:#000000; font-size:110%;}
table td { padding:12px 0 4px 0; border-bottom:1px solid #dae4ed;}

.altTable { border-collapse:collapse; color:#000000; font-size:110%;}
.altTable th { padding:12px 0 4px 0; border-bottom:1px solid #dae4ed; color:#4288c6; font-size:120%; font-weight:bold; text-align:left;}
.altTable td { padding:6px 0; border:none;}
.altTable .divider { border-bottom:1px solid #dae4ed;}