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

Title : 
Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet for Prism Alarms & Security site

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

/* COMMON AND GLOBAL */
html { height:100% !important; }
body { height:100% !important; font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff url(../images/layup/bodyBg.gif) top left repeat-x; 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% arial, verdana, 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 { min-height:100%; width:875px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; }
* html #container{ height: 100%; } 
#printHeader { display:none;}
#header { position: relative; height: 116px; z-index: 2; }
#header #logo { position: absolute; top: 0px; left: 0px; }
#header #contactDetails { position: absolute; top: 11px; right: 47px; }
#header #camera { position: absolute; top: 70px; right: -4px; } 
#header #alarm { position: absolute; top: 0; right: -65px; z-index:100;} 

#leftCol { float: left; margin-top: 11px; margin-right: 13px; width: 673px; }
#leftCol #mainImage { margin-bottom: 11px; }
#leftCol #primaryJumps { margin-bottom: 20px; }
#leftCol #primaryJumps .box { position: relative; }
#leftCol #primaryJumps .box .btn { position: absolute; bottom: -15px; right: 41px; }
#leftCol #mainContent { padding: 0px 12px 15px 20px; }

/* ----- CMS INTERNAL ----- */
#leftCol .cmsImage { float: right; margin: 0px 0px 20px 20px; position: relative; z-index: 0; }
#leftCol .cmsImage .frame { position: absolute; top: 0px; left: 0px; z-index:9999; }
#leftCol .point1 { background: url(../images/layup/1.gif) no-repeat; display: block; height: 28px; padding-left: 47px; padding-top: 10px; }
#leftCol .point2 { background: url(../images/layup/2.gif) no-repeat; display: block; height: 35px; padding-left: 47px; padding-top: 3px;  }
#leftCol .point3 { background: url(../images/layup/3.gif) no-repeat; display: block; height: 28px; padding-left: 47px; padding-top: 10px;  }

#rightCol { float: left; margin-top: 11px; padding:0; width: 189px; position: relative; z-index: 1; }
#rightCol .jumpBox { margin-bottom: 12px; }

/* ----- CLASSES ----- */
#boxListing { margin-top: 20px; background:#0099FF; }
#boxListing .box { display: block; float: left; margin-right: 20px; margin-bottom: 20px; }
#boxListing .box a { display: block; cursor: pointer; width: 185px; text-decoration: none; }
#boxListing .box .title { display: block; font-weight: bold; padding-left: 2px; height: 27px; line-height: 120%; }
#boxListing .box .thumb { display: block; width: 185px; height: 139px; background:url(../images/layup/noImage185x139.gif) top left no-repeat; position: relative; }
#boxListing .box .thumb .frame { position: absolute; top: 0px; left: 0px; }

/* ----- 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;}
.hand { cursor:pointer;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 20px 0; font-size:100%; font-weight:bold;}
h1 { font-size: 1.5em; color: #313131; }

/* ----- TOP NAVIGATION ----- */
#primaryNav { }
#primaryNav ul { list-style: none; margin: 0; padding: 0; }
#primaryNav li { display: block; float: left; background: url(../images/layup/navDivider.gif) top right no-repeat; padding-right: 1px; font-size: 1.3em; }
#primaryNav li a { display: block; float: left; text-decoration: none; padding: 8px 29px 8px 29px; color: #fff; }
#primaryNav li a:hover { background: #2c68a7; }
#primaryNav li .active { background: #2c68a7; }
#primaryNav li.last { background: none; }

/* ----- SECONDARY NAVIGATION ----- */
#secondaryNav { background: #fcfcfc url(../images/layup/secondaryNavBg.gif) top left repeat-x; margin-bottom: 20px; position: relative; }
#secondaryNav .borderT { position: absolute; top: 0; left: 0; } 
#secondaryNav ul { list-style: none; margin: 0; padding: 0; }
#secondaryNav li { display: block; }
#secondaryNav li a { display: block; width: 155px; color: #5a5a5a; text-decoration: none; background: url(../images/layup/secondaryNavBullet.gif) 11px 9px no-repeat; border-bottom: 1px solid #c1c1c1; padding: 8px 0px 8px 34px; }
#secondaryNav li a:hover { display: block; color: #fff; text-decoration: none; background: #2d67a8  url(../images/layup/secondaryNavBulletHover.gif) 11px 9px no-repeat; border-bottom: 1px solid #2e68a8; }
#secondaryNav li .active { display: block; color: #fff; text-decoration: none; background: #2d67a8  url(../images/layup/secondaryNavBulletHover.gif) 11px 9px no-repeat; border-bottom: 1px solid #2e68a8; }
#secondaryNav li.last a { border-bottom: none !important; }

/* ----- 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 10px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#breadcrumbs { padding: 7px 0 0;clear:both; line-height:normal;}
#breadcrumbs a { font-weight: normal; }

/* ----- FOOTER ----- */
#footerOuter { clear:both; margin-top:-111px; background: #4980bf; height: 111px; }
#footer { width:835px; margin: 0 auto; text-align:left; padding: 22px 20px 0px 20px; color: #fff; font-size: 1.1em; }
#footer a { font-weight:normal; text-decoration:none; color: #fff; }
#footer a:hover { text-decoration:underline; }

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

/* ----- 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; }
legend { padding:0; margin:0; display:none; }
label, div.opts span { display:block; width:260px; float:left; font-size: 1.1em; }
input.inputfield, textarea { width:200px; font-size:11px !important;}
.requiredLabel { color:#dc0909;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px; }
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { padding-bottom:10px;}
#btnSubmit { width:70px; height:25px; border:none;}
div.opts span { clear:both; }
div.opts div { width:200px; display:inline; float:left; padding-bottom: 0px !important; }
div.opts div label { display:inline; float:none; }
div.opts div input {  }
div.opts em { font-style:normal; }

/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #dc0909; 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: #2d67a8; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }