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

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

Type: Screen, Projection

Description : Screen and projection stylesheet Commidea site

Created : 17/12/07
Modified : 17/12/07

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#cceffc 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% 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 { width:830px; margin:0 auto; text-align:left; font-size:100%; background:#FFFFFF; }   
#header { width:830px; position:relative; height:124px; background:url(../images/layup/headerBg.gif) top left no-repeat;}
#printHeader { display:none;}
#logo { width:184px; height:90px;}
#telephone { position:absolute; top:16px; left:683px;}
#email { position:absolute; top:30px; left:601px;}
#leftCol { width:220px; float:left;}
#rightCol { width:610px; float:left;}
#homeFlash { width:601px; height:309px; position:relative;}
#flashHolder { position:absolute; top:0px; left:0px;}
#faqs { position:absolute; top:240px; left:415px;}
#content { padding:10px 15px; line-height:120%; font-size:110%;}
#imageAndDownloads { float:right; width:271px; min-height:203px; margin: -5px 0 20px 40px;}
#cmsImage { position:relative; width:271px; height:203px;}
#cmsImage  .frame { position:absolute; top:0px; left:0px;}
#cmsImage  .image {}
#cmsDownloads ul { margin:10px 0; padding:10px 0 10px 28px; list-style:disc; background:#f5f3f1;}
#cmsDownloads li { padding:3px 0;}
#ociusTitle { margin:10px 0 25px 0;}
#footer { height:41px; width:830px;  color:#FFFFFF; background:url(../images/layup/footer.gif) top left no-repeat;}
#footer .padding { padding:14px 20px 0 20px;}
#footer a { color:#FFFFFF; font-weight:normal; text-decoration:none;}
#footer p { padding:0;}
#list { margin:-13px 0 0 0; padding:0; list-style:none;}
#list li { background:url(../images/layup/dotsH.gif) bottom left repeat-x; padding:13px 0 10px 0;}
#list li { min-height:90px;}
#list .frame { position: absolute; top: 0px; left: 0px; }
#list a { text-decoration:none;}
#list a:hover { text-decoration:underline;}
#list p { padding-bottom:8px;}

/* ----- 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;}
.barHeading { padding: 5px; background: #26328c; color: #FFF; margin-bottom: 10px; }

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

/* ----- NAVIGATION ----- */
#leftNav {  width:198px; margin-left:9px; text-transform:uppercase; position:relative;}
#leftNav ul { margin:0; padding:0; list-style:none; }
#leftNav li { width:198px; border-bottom:1px solid #ffffff;} 
#leftNav a { display:block; min-height:16px; padding:7px 10px 7px 40px; background:#d0f0fc url(../images/layup/leftNavBullet.gif) 20px 12px no-repeat; color:#322f64; text-decoration:none;}
#leftNav a:hover { background:#26328c url(../images/layup/leftNavBulletHover.gif) 20px 12px no-repeat; color:#FFFFFF;}
#leftNav .active a { background:#26328c url(../images/layup/leftNavBulletHover.gif) 20px 12px no-repeat; color:#FFFFFF;}
#leftNavTop { position:absolute; top:0px; left:0px; }
#leftNavBottom { position:absolute; bottom:1px; left:0px; }
#contactlessPayments { margin:30px 0 10px 20px;}
#europeanRetailAwards { margin:50px 0 10px 47px;}
/* ----- 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;}
.sitemapLi { background:url(../images/layup/leftNavBullet.gif) 0px 10px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS ----- */


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


/* ----- LINKS ----- */
a { color:#322f64; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; font-size: 0.9em; }
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; }
.requiredLabel { color:#322f64;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px; font-size: 0.9em; }
#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 #26328c; 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: #26328c; color : #FFF; font-weight: bold; }

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