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

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

Type: Screen, Projection

Description : Screen and projection stylesheet for Lashings 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:#4d4d4d url(../images/layup/bodyBg.gif) top left repeat-x; color:#ffffff; 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 { width:900px; margin:0 auto; text-align:left; font-size:110%; min-height:100%; }
* html #container { height: 100%; } /* Makes Container 100% in IE6 So Footer Works */
#printHeader { display:none; }

#header { position: relative; height:112px; }
#logo { position: absolute; top: 10px; left: 2px; }
#telephone { position: absolute; top: 62px; right: 12px; }

#leftColHome { width: 779px; float:left; }
#leftColHome #homeJumps { background:url(../images/layup/jumpBg.jpg) top left no-repeat; height: 538px; }
#leftColHome #homeJumps .padding { padding: 29px 0px 0px 23px; }
#leftColHome #homeJumps #watchLashingsPlay { float: left; position: relative; margin-right: 36px; margin-left: 8px; display: inline; }
#leftColHome #homeJumps #watchLashingsPlay .frame { position: absolute; /*top: -9px; left: -15px;*/  top: -2px; left: -6px; }
#leftColHome #homeJumps #mainImage { float: left; position: relative; margin-top: 14px; }
#leftColHome #homeJumps #mainImage .frame { position: absolute; top: -34px; left: -14px; }
#leftColHome #homeJumps .box { position: relative; float: left; margin-right: 4px; margin-top: 34px; }
#leftColHome #homeJumps .box.last { margin-right: 0px; }
#leftColHome #homeJumps .box .signUp { position: absolute; top: 68px; right: -12px; }
#leftColHome .latestNews {  }
#leftColHome .latestNews a { text-decoration: none; }
#leftColHome .latestNews a:hover { text-decoration: underline; }
#leftColHome, #rightCol, #middleCol { font-size: 110%; }
#homeContent { }
#homeContent #col1 { width:540px; float:left; }
#homeContent #col1 .padding { padding: 23px 36px 30px 26px; }
#homeContent #col2 { width:230px; float:left; }
#homeContent #col2 .padding { padding: 23px 26px 30px 0px; }
#homeContent #col2 a { text-decoration: none; font-weight: normal; }
#sponsors { padding-top: 30px; }
#sponsors img { float: left; margin-right: 10px; }

#leftCol { float: left; width: 182px; background: #53ac06 url(../images/layup/leftColBg.jpg) top left no-repeat; min-height: 551px; padding-top: 10px; padding-bottom: 10px; }
#leftCol .box { position: relative; margin-left: 17px; }
#leftCol .box .signUp { position: absolute; top:-30px; right: 4px; }
#leftCol .box .nowOpen { position: absolute; top:6px; right:-16px; }
#leftCol .box a { display: block; }
#middleCol { float: left; width: 598px; }
#middleCol .padding { padding: 14px 9px 10px 36px; }
#middleCol #internalInfo { float: right; }
#middleCol .internalImage { position: relative; margin: 0px 12px 10px 25px; height: 240px; width: 240px; }
#middleCol .internalImage .frame { position: absolute; top: -19px; left: -19px; }
#middleCol .downloads { background:url(../images/layup/downloadsBg.gif) top left repeat-y; width: 240px; margin: 0px 0px 15px 15px; }
#middleCol .downloads .border { }
#middleCol .downloads .padding { padding: 7px 10px 5px 10px; }
#middleCol .downloads .file { height: 60px; }
#middleCol .downloads .file .icon { float: left; }
#middleCol .downloads .file .documentTitle { float: left; padding-top: 12px; padding-left: 10px; }
#middleCol .downloads .file a { text-decoration: none; color: #febe10; }
#middleCol .downloads .file a:hover { text-decoration: underline; }
#middleCol #boxList { margin-left: 8px; }
#middleCol #boxList .box { float: left; position: relative; }
#middleCol #boxList .box.last a { margin-right: 0px !important; }
#middleCol #boxList .box a { display: block; text-decoration: none; cursor: pointer; width: 113px; height: 118px; margin-right: 23px; margin-bottom: 23px; color: #000; }
#middleCol #boxList .box .frame { display: block; position: absolute; top: -14px; left: -13px;}
#middleCol #boxList .box .title { display: block; position: absolute; top: 71px; left: 0px; text-align: right; width: 100px; line-height: 120%; }
#middleCol #playerDetail { line-height: 120%; }
#middleCol #playerDetail .divider { background: url(../images/layup/dotsH.gif) top left repeat-x; }
#middleCol #playerDetail .title { color: #febe10; font-weight: bold; padding-top: 20px; }
#middleCol #playerDetail .icon { float: left; margin-right: 5px; }
#middleCol #playerDetail #batting { height: 145px; float: left; margin-right: 30px; width: 160px; }
#middleCol #playerDetail #bowling { height: 145px; float: left; margin-right: 30px; width: 160px; }
#middleCol #playerDetail #wicket { height: 145px; float: left;  width: 160px; }
#middleCol table { width: 100%; border-collapse: separate; margin-bottom: 20px; }
#middleCol table thead td { color: #febe10; font-weight: bold; padding: 8px 6px 10px 6px; }
#middleCol table tbody td { padding: 8px 6px 8px 6px; }
#middleCol table .trAlt { background: #5f5f5f;}
#middleCol .list { text-decoration: none; margin: 0px 0px 0px 0px; }
#middleCol .list a { display: block; width: 552px; background: url(../images/layup/dotsH.gif) bottom left repeat-x; cursor: pointer; text-decoration: none; padding: 17px 0px 17px 0px;  }
#middleCol .list .thumb { display: block; float: left; width: 200px; height: 150px; position: relative; margin-right: 15px; }
#middleCol .list .title { display: block; position: relative;  float: left; font-size: 1.1em; width: 330px; margin-top: 4px; height: 25px; color: #febe10; font-weight: bold; padding: 0px !important;}
#middleCol .list .newsTitle { display: block; position: relative;  float: left; font-size: 1.1em; width: 330px; margin-top: 4px; color: #febe10; font-weight: bold; padding: 0px !important;}
#middleCol .list .description { display: block; padding: 0px; width: 330px; float: left; font-weight: normal; line-height: 130%; }
#middleCol .list .clear { clear: both; display: block; }
#middleCol .list.last a { background: none !important; }

#rightCol { float: right; width: 120px; padding-bottom: 10px; }
#rightCol img { border-bottom: 1px solid #4d4d4d; }

/* ----- 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;}
.subheading { font-weight: bold; text-transform: uppercase; }
.title { margin: 10px 0px 0px 0px; }
.homePageTitle { margin: 10px 0px 0px 0px; font-size: 1.6em; }

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

/* ----- TOP NAVIGATION ----- */
#nav { background:url(../images/layup/navBg.gif) top left no-repeat; height: 50px; margin-bottom: 2px; }
#nav ul { margin: 0; padding:0; list-style: none; }
#nav li { display: block; float: left; background:url(../images/layup/navDivider.gif) top right no-repeat; text-transform: uppercase; margin-top: 8px; }
#nav li.date { display: block; float: left; width: 100px; padding-left: 5px; padding-top: 4px; color: #febe10; font-weight: bold; text-transform: uppercase; }
#nav li.last { background: none; }
#nav li.last a { margin-right: 0px; }
#nav a { display: inline; float: left; text-decoration: none; color: #ffffff; margin: 0px 3px 0px 3px; }
#nav span { display: block; padding: 4px 5px 13px 5px; }
#nav a:hover  { background:url(../images/layup/navRight.gif) top right no-repeat; color: #000000; }
#nav a:hover span { background:url(../images/layup/navLeft.gif) top left no-repeat; color: #000000; }
#nav .active { background:url(../images/layup/navRight.gif) top right no-repeat; color: #000000; }
#nav .active span { background:url(../images/layup/navLeft.gif) top left no-repeat; color: #000000; }


/* ----- LEFT NAVIGATION ----- */
#leftNav { margin-bottom: 65px; }
#leftNav ul { margin: 0; padding:0; list-style: none; }
#leftNav li { width: 180px; background-color: #000; margin: 1px; filter:alpha(opacity=30); opacity: 0.3; -moz-opacity:0.3;  }
#leftNav li a { display: block; width: 147px; padding: 2px 10px 2px 23px; color: #ffffff; text-decoration: none; font-weight: normal; position:relative; }
#leftNav li a:hover { font-weight: bold; }
#leftNav li .active { font-weight: bold; }

/* ----- 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 ----- */
#pageInfo { background:url(../images/layup/dotsH.gif) bottom left repeat-x; width: 552px; float: left; padding-bottom: 10px; margin-bottom: 26px; }
#breadcrumbs { float: left; }
#breadcrumbs a { text-decoration: none; font-weight: normal; }
#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs .active { font-weight: bold; }

/* ----- FOOTER ----- */
#footer { background:#FFFFFF; font-size: 1.1em; height: 50px; margin-top:-50px; }
#innerFooter { width:880px; margin: 0 auto; color: #636363; padding: 18px 26px 0px 26px; }
#innerFooter a { font-weight:normal; text-decoration:none; color: #636363; }
#innerFooter a:hover { text-decoration:underline;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 12px 0; margin:0; line-height: 120%; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#ffffff; 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;}
.required { color:#febe10; font-weight: bold; }
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:0px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:72px; height:31px; border:none;}

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

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