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

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

Type: Screen, Projection

Description : Screen and projection stylesheet for bright green store site

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; color:#757575; text-align:center; background: url(../images/layup/bodyBg.gif) repeat-x top left; }
/*  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:909px; margin:0 auto; text-align:left; font-size:110%; }   
#printHeader { display:none;}
#header,
#primaryNavigation,
#splash,
#homeContent,
#internalContent,
#footer { display: block; width: 909px; float: left; }
#header a { display: block; width: 235px; }
#homeContent #secondaryContent { height: 363px; padding: 10px 0px 10px 0px; width: 372px; float: left; background: url(../images/layup/homeSecondaryBg.gif) top left no-repeat; margin-top: 21px; }
#homeContent #secondaryContent .padding { padding: 0px 19px 0px 19px; }
#homeContent #primaryContent { width: 537px; float: left; }
#featuredList { background: #FFF; border: 1px solid #dadada; width: 332px; }
#homeContent #primaryContent { margin-top: 21px; }
#homeContent #homeText { height: 174px; background: url(../images/layup/welcomeBg.jpg) no-repeat top left; }
#homeJumps { background: url(../images/layup/homeJumpsBg.gif) repeat-x; height: 209px; }
#homeJumps .padding { background: url(../images/layup/homeTextLeftBg.gif) no-repeat top left; height: 209px; }
#homeJump1 { float: left; padding: 0px 25px 0px 20px; }
#homeJump2 { float: left; }
#internalContent #secondaryContent { background: url(../images/layup/secondaryContentBg.gif) repeat-y top left; width: 296px; float: left; margin-bottom: 20px; }
#internalContent #secondaryContent .padding { padding: 8px 18px 10px 16px; }
#internalContent #primaryContent { width: 610px; float: left; }
#internalContent #primaryContent .padding { padding: 0px 0px 0px 30px; }
#internalContent #primaryContent .padding .internalPageItem { margin-bottom: 20px; }
#internalContent #primaryContent { font-size: 1.1em; line-height: 1.3em; }
#homeText p { padding: 0px !important; }

/* ----- CLASSES ----- */
.clear { clear:both; }
span.clear { display: block; 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;}
.homeTextpadding { padding: 0px 0px 0px 160px; }
.box { background: url(../images/layup/boxBg.gif) repeat-x top left; border: 1px solid #dcdcdc; padding: 0px 0px 0px 13px; position: relative; }
.bProduct { background: url(../images/layup/boxBg.gif) repeat-x top left; margin: 0px 0px 20px 0px; }
.bNews { background: #FFF url(../images/layup/newsBoxBg.jpg) no-repeat top right; margin-bottom: 20px; }
.price { font-size: 16px; }
.imageBox { padding: 0px 0px 20px 0px; }
.download { padding: 10px 0px 0px 0px; }
.moreLink { cursor: pointer; display: inline; padding-right: 15px; color: #81b826; font-size: 12px; width: 75px; margin-top: 40px; background: url(../images/layup/moreLink.gif) no-repeat right; }

/* ----- LISTS ----- */
#internalContent #primaryContent ul { font-size: 1.1em; list-style: none; padding: 0px 0px 10px 0px; margin: 0px; }
#internalContent #primaryContent ul li { background: url(../images/layup/listArrow.gif) no-repeat left; padding: 0px 0px 0px 15px; margin: 0px; }
ul.linkList {}
ul.linkList li { background: url(../images/layup/listArrowBlack.gif) no-repeat left !important; width: 275px; float: left; }
ul.linkList li a { color: #81b826; font-weight: normal; }

/* ----- IMAGE FRAMES ----- */
#featuredList a { display:block; float:left; text-decoration:none; color: #757575; font-weight: normal; padding: 5px 5px 0px 5px; cursor: pointer; }
#featuredList .imageContainer { padding-bottom:20px; float:left !important; /*margin: 10px 12px 10px 10px;*/ width: 320px; }
/* #featuredList .imageContainer .frame { left: 0px; top: 0px; margin:0px; position:absolute; } */
#featuredList .imageContainer .internalListImage img { float: left; padding: 5px; border: 1px solid #DFDFDF; margin-right: 0px; }
#featuredList .internalListImage { display: block;  float: left; padding-right:5px; }
#featuredList .featuredHeading {  }
#featuredList .featuredHeading .titleHeading { color: #81b826; font-weight: bold; font-size: 12px; padding-bottom: 5px; }

#productList a { display:block; text-decoration:none; color: #757575; font-weight: normal; cursor: pointer;  margin: 10px 0px 10px 0px; }
#productList .productItem { border-bottom: 1px solid #c9c9c9; }
/******** #productList .imageContainer { padding-bottom:20px; float:left !important; margin: 10px 0px 10px 0px; border-bottom: 1px solid #c9c9c9; } *********/
#productList .last { border-bottom: none !important; }
#productList .imageContainer .internalListImage img { float: left; display:inline;  padding: 5px; margin-right: 10px; border: 1px solid #DFDFDF; }
#productList .titleHeading { color: #81b826; font-weight: bold; font-size: 12px; padding-bottom: 5px; display: block; }
#productList .imageContainer .pricing { float: right; font-weight: bold; }
#productList .productHeading .productDetails { }
#productList .productHeading .pricing { display: block; float: left; width: 130px; }
#productList .productHeading .pricing .moreLink { float: right; }
#productList .productHeading .productPrice { display: block; padding-bottom: 45px; font-weight: bold; font-size: 14px; text-align: right; }

#internalList a { cursor: pointer; text-decoration: none; }
#internalList .internalItem { float: left; margin-right: 20px; }
#internalList .internalListImage { margin-bottom: 10px; position:relative; float: left; background:transparent url(../images/layup/noImage120x90.jpg) no-repeat; display:block; height:90px; padding:0px 0px 0px 0px; width:120px; }
/* #internalList .internalListImage .frame { left:0px; margin:0px; position:absolute; } */
#internalList .featuredHeading { display: block; margin-bottom: 10px; padding-left: 5px; }

.internalPageImgContainer { float: right; width: 205px; cursor:pointer; margin:0px 0px 30px 20px; position:relative; }
.internalImgContainer { float: left; cursor:pointer; margin:0px 20px 30px 0px; position:relative; }
/* .internalImgContainer .frame,
.internalPageImgContainer .frame { left:0px; margin:0px; position:absolute; } */
.internalImage {  }
.internalCMSImage { display: block; float: right; }
.internalCMSImage img, .internalPageItem .internalImage { padding: 5px; border: 1px solid #DFDFDF; }
.internalCMSImage a img { border: none !important; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}
h1 { font-size: 21px; color: #555555; }
#homeJumps h1 { padding: 5px 0px 7px 0px; }
.box h1 { font-size: 20px !important; }
h1.greenTxt { color: #81b826; font-size: 18px; padding: 0px 0px 10px 0px !important; }
h2.greenTxt { color: #81b826; font-size: 12px; padding: 0px 0px 10px 0px !important; }
#secondaryContent h1.greenTxt { padding: 5px 0px 10px 0px !important; }

/* ----- PRIMARY NAVIGATION ----- */
#primaryNavigation a { color: #757575; font-size: 13px; text-decoration: none; }
#primaryNavigation ul { padding: 0px 0px 0px 2px; margin: 0px; list-style: none; height: ; }
#primaryNavigation ul li { margin: 0px; padding: 0px 3px 0px 0px; float: left; }
#primaryNavigation ul li a { display: block; padding: 0px 0px 0px 0px; float: left; background: url(../images/layup/navLeft.jpg) no-repeat top left; }
#primaryNavigation ul li a span { display: block; padding: 18px 32px 9px 32px; margin: 0px 0px 0px 0px; background: url(../images/layup/navRight.jpg) no-repeat top right; }
#primaryNavigation ul li a:hover { display: block; padding: 0px 0px 0px 0px; float: left; background: url(../images/layup/navActiveLeft.jpg) no-repeat top left; }
#primaryNavigation ul li a:hover span { display: block; padding: 15px 32px 12px 32px; margin: 0px 0px 0px 0px; background: url(../images/layup/navActiveRight.jpg) no-repeat top right; }
#primaryNavigation ul li a.active { display: block; padding: 0px 0px 0px 0px; float: left; background: url(../images/layup/navActiveLeft.jpg) no-repeat top left; }
#primaryNavigation ul li a.active span { display: block; padding: 15px 32px 12px 32px; margin: 0px 0px 0px 0px; background: url(../images/layup/navActiveRight.jpg) no-repeat top right; }

/* ----- SECONDARY NAVIGATION ----- */
.box ul { list-style: none; padding: 0px 0px 0px 20px; margin: 0px; font-size: 12px; }
.box ul li { padding: 0px 0px 10px 0px; }
.box ul li a { color: #757575; text-decoration: none; }
.box ul li.active a { color: #81b826; }

/* ----- SITE MAP ----- */
ul#sitemap li { background: url(../images/layup/listArrow.gif) no-repeat top left !important; display: block; padding: 0px 0px 5px 15px !important;  }
ul#sitemap li ul { padding: 10px 0px 6px 15px !important; } 
ul#sitemap a { font-size: 12px; font-weight: normal; text-decoration: none !important; }

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#breadCrumbs a { color: #81b826; text-decoration: none; }
#breadCrumbs  { font-size: 12px; padding: 10px 0px 20px 0px; }

/* ----- FOOTER ----- */
#footer { border-top: 1px solid #c1c1c1; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#footer .padding {}
#footer a { font-weight:normal; text-decoration:none; color: #757575; }
#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; }
.box h1 { padding: 10px 0px 5px 0px; }

/* ----- 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:#689719;}
.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:60px; height:27px; border:none;}
#newsName { width: 171px; height: 15px; float: left; margin-bottom: 4px; padding-top: 4px; padding-bottom: 4px; }
#newsEmail { width: 171px; height: 15px; float: left; margin-right: 6px; margin-bottom: 10px; padding-top: 4px; padding-bottom: 4px; }
#newsSubmit { width: 60px; height: 27px; float: left; }

/* ----- 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: #689719; color : #FFF; font-weight: bold; }

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