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

Title : 
Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet the work clothing group site

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#181818; 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 { width: 926px; margin:0 auto; text-align:left; font-size:110%; background: #FFF; }   
#printHeader { display:none;}

#header { position: relative; height: 90px; background: url(../images/layup/headerBg.gif) no-repeat; }
#header #logo { position: absolute; top: 0px; left: 16px; }
#header #contactDetails { position: absolute; right: 12px; top: 43px; }
#header #badge {}

#leftCol { float: left;padding-bottom:20px; }
#rightCol { float: right;width:730px; }


#mainContent { background: #fff url(../images/layup/containerBg.gif) no-repeat; }
#mainContent .padding { padding: 17px 18px 0px 18px; }

#mainImage {background:url(../images/layup/mainImageBack.jpg) center no-repeat;}
#mainImage .padding {padding:9px 10px 0}

#rightCol .padding {padding:5px 18px 30px 18px;}

#homeJumps { float: left; }
#homeJumps .box { border: 1px solid #c3c3c3; height: 485px; }
#homeJumps .corporate { width: 411px; margin-right: 7px; float: left; }
#homeJumps .performance { width: 230px; margin-right: 7px; float: left; }
#homeJumps .specialist { width: 229px; float: left; }
#homeJumps a { display: block; text-decoration: none; font-weight: normal; cursor: pointer; }
#homeJumps .box .padding { padding: 0px 12px 8px 12px; display: block; float: left; }
#homeJumps .boxText { display: block; padding: 5px; }
#homeJumps .boxMore { float: right; font-weight: bold; border-bottom: 1px dashed #000; cursor: pointer; }
#homeJumps .boxTitle { display: block; padding: 7px 9px 0px 0px; height: 68px; }

#homeJumpsSmall { padding-top: 17px; }
#homeJumpsSmall a { display: block; text-decoration: none; font-weight: normal; cursor: pointer; }
#homeJumpsSmall .theContent { padding-top: 15px; display: block; }
#homeJumpsSmall .boxMore { font-weight: bold; border-bottom: 1px dashed #000; cursor: pointer; }
#homeJumpsSmall #caseStudies { width: 416px; float: left; height: 158px; }
#homeJumpsSmall #brochureRequest { width: 240px; float: left; height: 158px; }
#homeJumpsSmall #brochureRequest .padding { padding: 0px 0px 0px 6px; }
#homeJumpsSmall #newsOffers { width: 234px; float: left; height: 158px; }
#homeJumpsSmall #newsOffers .padding { padding: 0px 0px 0px 8px; }
#homeJumpsSmall #caseStudies .text { width: 225px; float: left; padding-left: 12px; }


#homeText { padding: 10px 0px 0px 0px; width: 656px; float: left; }
#homeText .padding { padding: 0px 30px 0px 0px; }

#homeNews { padding: 10px 0px 0px 0px; width: 234px; float: right; }
#homeNews a { text-decoration: none; font-weight: normal; cursor: pointer; }
#homeNews .boxMore { font-weight: bold; border-bottom: 1px dashed #000; cursor: pointer; }
#homeNews .newsPadding { display: block; padding: 0px 0px 10px 0px; }

#homeText #botJumps {background:url(../images/layup/botJumpBack.gif) no-repeat center;width:629px;margin:0 0 30px;}
#homeText #botJumps .left {width:300px;float:left;}
#homeText #botJumps .right {width:300px;float:right;}
#homeText #botJumps a {text-decoration:none;font-weight:normal;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.clearSmall { clear:both; display: block; line-height: 0px; height: 0px; font-size: 0px; }
.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_left5 { float:left; padding:0 5px 5px 0; }
.image_center { margin:0 auto;}
.hand { cursor:pointer;}
.internalimage_right {background:url(../images/layup/internalImgRightBack.jpg) left no-repeat;padding:4px 23px 4px 4px; float:right;margin-left:15px; position: relative; right: -18px; margin-bottom: 10px;}

/* ----- DOWNLOADS ----- */
#downloads { clear: right; float: right; width: 308px; height: 118px; background:url(../images/layup/internalDownloads.gif) top left no-repeat; padding:4px 23px 4px 4px; position: relative; right: -18px; }
#downloads ul { padding: 0; margin: 0px 0px 0px 25px; }
#downloads li {  }

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

/* ----- TOP NAVIGATION ----- */
#primaryNav { height: 42px; background: url(../images/layup/primaryNavBg.gif) no-repeat; }
#primaryNav ul { list-style: none; margin: 0; padding: 0px 0px 0px 17px; }
#primaryNav li { float: left; padding: 0px 10px 0px 0px; margin-right: 10px; background: url(../images/layup/primaryNavSpacer.gif) no-repeat right; }
#primaryNav li a { text-decoration: none; color: #FFF; font-size: 11px; font-weight: bold; float: left; padding: 0px 6px 0px 0px; display: block; cursor: pointer; }
#primaryNav li a span { padding: 10px 15px 0px 21px; height: 32px; display: block; float: left; }
#primaryNav li a.active, #primaryNav li a:hover { text-decoration: none; color: #000; font-size: 11px; font-weight: bold; float: left; padding: 0px 6px 0px 0px; display: block; background: url(../images/layup/primaryNavRight.gif) no-repeat right top; cursor: pointer; }
#primaryNav li a.active span, #primaryNav li a:hover span { padding: 10px 15px 0px 21px; background: url(../images/layup/primaryNavLeft.gif) top left no-repeat; height: 32px; display: block; float: left; }

/* ----- SECONDARY NAVIGATION ----- */
#secondaryNav {width:183px;text-align:right;margin:35px 0 0 2px;}
#secondaryNav ul { list-style: none; margin: 0; padding: 0; }
#secondaryNav li { list-style:none; }
#secondaryNav li a { text-decoration: none;padding: 7px 23px 7px 0;display:block;height:20px;overflow:hidden;line-height:21px;}
#secondaryNav li a:hover {text-decoration:underline;}
#secondaryNav li.active a {background:url(../images/layup/secondaryLiOver.gif) top right no-repeat;}
#secondaryNav li.active a:hover {text-decoration:none;cursor:default;}

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

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#breadcrumbs {padding-top:10px;}
#breadcrumbs a {text-decoration:underline;font-weight:normal;}
#pagination { float: right; }
#pagination a { padding: 0px 4px 0px 4px; text-decoration: none; }
#pagination a:hover { text-decoration: none; background:#000000; color:#FFFFFF; }
#pagination .active { text-decoration: none; background:#000000; color:#FFFFFF; }
#pagination span { display: block; float: left; padding: 0px 2px 0px 2px; }

/* ----- FOOTER ----- */

#clothingFooter {background:#181818;height:117px;}
#clothingFooter img {display:inline;padding:0;margin:0;}

/* ----- FOOTER ----- */
#footer { background:url(../images/layup/footerDots.gif) no-repeat center top #FFF; }
#footer .padding {padding:10px 22px 15px 18px;color:#676767;}
#footer .footerLeft {float:left;width:360px;}
#footer .footerRight {float:right;width:360px;text-align:right;}
#footer a { font-weight:normal; text-decoration:none;color:#676767;}
#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;cursor:pointer;}
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:#676767;}
.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;}
#btnSubmit { width:55px; height:18px; border:none;}


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

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

/* ----- UPPER NEWS BOXES ----- */

.newsBox {margin:15px 0;display:block;clear:both;}
.newsBox h2 {display:block;margin:0 0 10px;}
.newsBox .h2left {float:left;}
.newsBox .h2right {float:right;}
.newsBox .image_left {padding:0;}
.newsBox .imgbox {display:block;background:url(../images/layup/noNewsImg.gif);width:213px;height:160px;float:left;border:1px solid #a1a1a1;padding:0;margin:0 15px 15px 0;}
.newsBox a {text-decoration:none;font-weight:normal;cursor:pointer;}
.newsBox p {clear:right;}

/* ----- LOWER NEWS LIST BOXES ----- */

#newsList {clear:both;}
#newsList .box {width:325px;height:125px;float:left;margin:15px 0;padding:0 15px 0 0;display:block;}
#newsList .box a {font-weight:normal;text-decoration:none;}
#newsList .imgbox {display:block;background:url(../images/layup/noNewsListImg.gif);width:155px;height:116px;float:left;border:1px solid #a1a1a1;padding:0;margin:0 15px 15px 0;}
#newsList .image_left {padding:0;}
#newsList .readMore {font-weight:bold;border-bottom:1px dashed #000;}

/* ----- LEFT BOXES ----- */

.leftBox {margin:40px 0 0;text-align:right;width:175px;}
.leftBox img {display:inline;}
.leftBox a {text-decoration:none;border-bottom:1px dashed #000;}
.leftBox a:hover {border:0;}

/* ----- CASE STUDIES ----- */

#caseStudy {}
#caseStudy a {color:#ed1c24;}
#caseStudy .imgbox {border:1px solid #959595;float:left;margin:0 15px 15px 0;background:url(../images/layup/noCaseStudyImg.gif);width:305px;height:229px;}
.caseStudyTestimonial {font-size:13px;font-style:italic;}
.caseStudyStats {width:370px;float:right;}
.caseStudyStatsLeft {width:95px;float:left;text-align:right;font-weight:bold;}
.caseStudyStatsRight {width:265px;float:right;}
.caseStudyStats .company {font-weight:bold;margin:0 0 10px 0;}
.caseStudyStats .requirements {margin:0 0 10px 0;}
.caseStudyStats .range {margin:0 0 10px 0;}
.range ul {margin:0;padding:0;list-style:none;}

/* CORPORATE PAGE */

#corporateLeft {width:542px;float:left;border-top:2px solid #fff;margin:0 0 0 9px;}
#corporateRight {width:329px;background:url(../images/layup/corporateRightBack.gif) top left no-repeat #f9f8f8;border-top:2px solid #fff;float:right;margin:0 10px 0 0;}
#corporateRight .padding {padding:20px 10px 20px 20px}
#corporateLeft .padding {padding:20px 20px 20px 0;}
#corporateLeft .clear {margin:0 0 31px;}
#corporateRight ul {margin:40px 0;padding:0;}
#corporateRight li {margin:0 0 0 100px;padding:0;}

/* CORPORATE BESPOKE PAGE */

#corporateBespoke #corporateLeft {width:485px;text-align:justify;}
#corporateBespoke #corporateRight {width:380px;background:none;}
#corporateBespoke #corporateRight label {width:160px;}
#corporateBespoke #corporateRight select {width:184px;}
#corporateBespoke #corporateRight input,#corporateBespoke #corporateRight textarea {width:180px;}
#corporateBespoke #corporateRight #btnSubmit { width:55px;}
#corporateLeft .clear {margin:0 0 31px;}

#corporateBespoke #corporateLeft .box {height:276px;width:226px;float:left;text-align:left;}
#corporateBespoke #corporateLeft .box a {text-decoration:none;font-weight:normal;}
#corporateBespoke #corporateLeft .readMore {font-weight:bold;border-bottom:1px dashed #000;float:right;}
#corporateBespoke #corporateLeft .last {margin:0 0 0 10px;}
#corporateBespoke #corporateLeft .imgbox {background:url(../images/layup/noCaseStudyBespokeImg.gif);display:block;width:135px;height:101px;border:1px solid #959595;float:left;margin:0 5px 0 0;}

/* CORPORATE BROCHURE REQUEST */

#corporateBespoke #brochureRequest input {width:140px;}
#corporateBespoke #brochureRequest div { margin-bottom:10px;}
#corporateBespoke #brochureRequest label {width:60px;}
#corporateBespoke #brochureRequest #btnSubmit { width:55px;}