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

Title : PolyBilt
Author : Darren Lynch / darren.lynch@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet Polybilt site

Created : 29/11/2007
Modified : 29/11/2007

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

/* COMMON AND GLOBAL */
html {height:100% !important;}
body {height:100% !important;  font:62.5%/1.6 verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#000000; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:100% verdana, arial, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */

/* ----- IDS ----- */
#container { margin:0 auto; text-align:left; font-size:100%; min-height:100%; } 
#container2 { width:850px; margin:0 auto;}  
#header { background:url(../images/layup/headerBg.gif) top left repeat-x; height:87px;}
#headerInner { width:850px; margin:0 auto; position:relative; border-right: 1px solid #00ffff;}
#headerTelephone { position:absolute; top:20px; left:676px;}
#slogan { position:absolute; top:46px; left:228px;}
#topNav {  background:url(../images/layup/topNavBg.gif) top left repeat-x; height:42px;}
#topNavInner { width:850px; margin:0 auto; }

#list { padding:0; margin:-10px 0 0 0; list-style:none;}
#list .listImage { position:relative; display:block; width:164px; height:126px; float:left;}
#list .listImage .frame { position:absolute; top:0px; left:-7px;}
#list .listImage .image { padding-top:8px; padding-left:0px;}
#list .listText { float:left; width:430px; display:block; padding-top:10px;}
#list .listText span { display:block; padding-bottom:13px;}
#list a { color:#eb0d0d; font-weight:bold;}
#list a .bullet { position:absolute; top:4px; left:54px;}
#list li { background:url(../images/layup/dotsH.gif) bottom left repeat-x; min-height:140px; padding-top:10px;}


#gallery { padding:0; margin: 0; list-style:none; }
#gallery li { display:inline; width:198px; float:left; padding-bottom:10px; height: 160px;}
#gallery .listImage { position:relative; display:block; width:164px; height:126px;}
#gallery .listImage .frame { position:absolute; top:0px; left:-7px;}
#gallery .listImage .image { padding-top:8px; padding-left:0px;}
#gallery .listText { float:left; width:430px; display:block; padding-top:10px;}
#gallery .listText span { display:block; padding-bottom:13px;}
#gallery a { color:#eb0d0d; font-weight:bold;}
#gallery .imageTitle { display:block; width:160px;}

#faqs { margin:0; padding:0; list-style:none;}
#faqs li { padding:0 0 5px 0;}

/* ----- LEFT COL ----- */
#leftCol { width:225px; float:left;}
#leftColInner { position:relative; top:-125px;}
#leftColGradient { position:absolute; top:0px; left:0px; z-index:0;}
#leftColContent { position:relative; z-index:1;}
#latestNewsTitle { margin-left:12px;}
#leftNavTop { margin-left:12px;}
#logo { padding:15px 0 0px 20px;}
.leftColImage { position:relative;}
.leftColImage .frame { position:absolute; top:8px; left:23px;}
.leftColImage .image { padding-top:14px; padding-left:30px;}
.leftNews { line-height:120%; padding:15px 30px;}
.leftNews a { color:#eb0d0d; font-weight:normal; position:relative;}
.leftNews a .bullet { position:absolute; top:4px; left:54px;}

/* ----- RIGHT COL ----- */
#rightCol { width:625px; float:left;}
#rightCol .padding { padding: 1px 5px 0 5px; line-height:120%;}
#homeFlash { width:612px; height:209px;}
#homeJumps a { display:block; width:200px; height:105px; color:#FFFFFF; font-weight:normal; text-decoration:none;}
#homeJumps span { display:block; padding:66px 10px 0 20px;}
#homeJumpDistributor { float:left; width:200px; height:105px; margin-right:7px; background:url(../images/layup/homeJumpDistributor.gif) top left no-repeat;}
#homeJumpWhatIsPolyBilt { float:left; width:200px; height:105px; margin-right:6px; background:url(../images/layup/homeJumpWhatIsPolyBilt.gif) top left no-repeat;}
#homeJumpGallery { float:left; width:200px; height:105px; background:url(../images/layup/homeJumpGallery.gif) top left no-repeat;}
#homeContent { padding:15px 20px 0 20px;}
#internalContent { padding:14px 10px 0px 10px;}
#cmsImage { position:relative; float:right; margin:15px 0 10px 15px;}
#cmsImage .image { padding:8px 0 10px 8px;}
#cmsImage .frame { position:absolute; top:0px; left:0px;}
#distributorFlash { margin: 10px 0 0 0px;}

/* ----- FOOTER ----- */
#footerFixLeft { padding-top:74px;}
#footerFixRight { padding-top:10px;}
#footerTelephone { position:absolute; top:-250px; left:25px; }
#relatedSites { position:absolute; top:-180px; left:-8px; background:url(../images/layup/relatedLinksBg.gif) top left no-repeat; width:229px; height:132px;}
#relatedSites #johnDennis { position:absolute; top:28px; left:50px;}
#relatedSites #polyBiltUSA { position:absolute; top:70px; left:120px;}
#relatedSites #strongs { position:absolute; top:28px; left:130px;}
#footer { text-align:left; color:#434343; clear:both; background:url(../images/layup/footerBg.gif) top left repeat; height:84px; position:relative; margin-top:-84px;}
#footerInner { width:810px; margin:0 auto; position:relative; padding-top:10px; padding-left:30px;}
#footer a { font-weight:normal; color:#434343; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#footer p { padding-bottom:0px; padding-top:5px;}

/* ----- 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;}

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

/* ----- TOP NAVIGATION ----- */
#topNav ul { margin:0 0 0 220px; padding:0; list-style:none;}
#topNav li { display:block; float:left; background:url(../images/layup/topNavDivider.gif) top right no-repeat; }
#topNav a { display:block; float:left; color:#FFFFFF; text-decoration:none; }
#topNav a { display:block;  padding:8px 16px 11px 14px;} 
#topNav a:hover { background:url(../images/layup/topNavHover.gif) bottom center no-repeat;}
#topNav a.active { background:url(../images/layup/topNavHover.gif) bottom center no-repeat;}
#topNav .last { background:none;}
#topNav .last a {  padding-right:0px;}

/* ----- LEFT NAVIGATION ----- */
#leftNav { padding:0; margin:0; list-style:none;}
#leftNav li { padding:0 23px 0 12px; min-height:1px; line-height:120%;}
#leftNav a { background:url(../images/layup/leftNavBg.gif) top left no-repeat; text-decoration:none; display:block; min-height:14px; padding:11px 20px 10px 24px;}
#leftNav a:hover { color:#e80101;}
#leftNav .active { color:#e80101;}
#leftNav ul { margin:0; padding:3px 0; list-style:none; background:#f0f0f0 url(../images/layup/leftNabSubBg.gif) bottom left no-repeat; border-top:1px solid #e8e8e8;}
#leftNav ul li { padding:0;}
#leftNav ul li a { background:url(../images/layup/bulletBlack.gif) 35px 7px no-repeat; padding:4px 20px 3px 50px;}
#leftNav ul li a:hover { background:url(../images/layup/bullet.gif) 35px 7px no-repeat;}
#leftNav ul li .active { background:url(../images/layup/bullet.gif) 35px 7px no-repeat; color:#e80101;}

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

/* ----- BREADCRUMBS ----- */
#pageTop { background:url(../images/layup/dotsH.gif) bottom left repeat-x; height:25px;}
#breadcrumbs { font-size:90%; padding:2px 0 0 10px; }
#breadcrumbs a { font-weight:normal; text-decoration:none;}
#breadcrumbs a:hover { text-decoration:underline;}
.pagination { float:right; padding-right:10px; font-size:90%; padding-top:5px;}
.pagination ul { margin:0; padding:0; list-style:none;}
.pagination li { display:inline; padding-left:2px;}
.pagination a { font-weight:normal; text-decoration:none; padding:0px 2px;}
.pagination a:hover { background:#000000; color:#FFFFFF;}
.pagination .active a { background:#000000; color:#FFFFFF;}
.iePaginationHeightFix { margin-right:-12px;}

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

/* ----- DISTRIBUTOR MAP ----- */
.locator, .locator span { display: block; }
.locatorBg { width:586px; height:232px; }
.locatorBg { background: url(../images/layup/flashHolderDistributor.jpg) no-repeat; }

/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; }
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;}
.requiredLabel { color:#eb0d0d;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px;}

/* ----- Prototype 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; }
table p { padding:0px; }

/* ----- PRINT STYLES ----- */
#printHeader { display:none;}