/* CSS Document */
* { margin: 0; font-weight: normal; }
html, body { height: 100%; font-family: "Gill Sans", Helvetica, Verdana, Arial, sans-serif; font-style: light; font-size: 12px; min-width: 800px; }
strong, b { font-weight: bold; color: #333; }

h1 { font-size: 20px; color: #4F5C88; margin: 0; }
h1.head:first-letter { color: #F04A24; }
h2 { font-size: 16px; color: #F04A24; margin-top: 15px; }
h3 { font-size: 15px; color: #F04A24; margin: 0; }
hr { background-color: #4F5C88; border: none; height: 1px; size: 1; margin: 10px 0; }

#holder { background: url(/_include/images/barryspheres.jpg) no-repeat right 10px; min-height: 100%; width: 100%; height: auto !important; height: 100%; margin: 0 auto -20px auto; }
#content { width: 900px; margin: 0 auto; }
#leftPane { width: 220px; margin: 0px 15px; }
#secondMenu { width: 200px; }
#secondMenu a { display:block; width: 199px; text-indent: 20px; padding: 4px 0px; border-left: 1px solid #F04A24; text-decoration: none; margin-top: 2px; color: #4F5C88; }
#secondMenu a:hover, #secondMenu a.on { color: #F04A24; margin-left: 5px; width: 194px; text-indent: 15px; }

#secondMenu a.sub, #secondMenu a.subon { display:block; width: 183px; margin-left: 15px; text-indent: 20px; padding: 4px 0px; border-left: 2px solid #4F5C88; text-decoration: none; margin-top: 2px; color: #4F5C88; }
#secondMenu a.sub:hover, #secondMenu a.subon { color: #F04A24; margin-left: 20px; width: 178px; text-indent: 15px; }

#rightPane { width: 100%; }
#middlePane { width: 10px; padding-top: 10px; }
#mainContent { width: 630px; }
#mainContentLarge { width: 860px; }
#mainContent p { margin: 15px 0px; line-height: 16px; text-align: justify; }
#footNote, .push  { height: 20px; color: #F04A24; }

.tcenter { text-align: center; }
.tleft { text-align: left; }
.tright { text-align: right; }

.highlight { color: #F04A24; }

.padLeft20 { padding-left: 20px; }
.padRight20 { padding-right: 20px; }

#header { height: 90px; width: 100%; }

#headerContent { width: 150px; height: 60px; padding-right: 15px; margin: 10px 20px 0px 0px; border-right: 1px solid #E5E5E5; font-size: 9px; color:#E5E5E5; }
#headerContent:hover { font-size: 11px; color: #4F5C88; }
#headerContentOn { width: 150px; height: 60px; padding-right: 15px; margin: 10px 20px 0px 0px; border-right: 1px solid #E5E5E5; font-size: 11px; color: #4F5C88; background: url(/_include/images/arrow.gif) right top no-repeat; }
#headerContent a, #headerContentOn a { font-size: 20px; color: #4F5C88; text-decoration:none; }
#headerContent a span, #headerContentOn a span { font-size: 20px; color: #F04A24; text-decoration: none; }
#headerContent a:hover, #headerContentOn a:hover {  color: #F04A24; }
#headerContent a:hover span, #headerContentOn a:hover span { color: #4F5C88; }

#breadcrumbDiv { width: 100%; border-top: 1px solid #E5E5E5; }
#breadcrumb { padding: 3px 20px; }

#breadcrumb a { text-decoration: none; color: #4F5C88; }
#breadcrumb a span { text-decoration: none; color: #F04A24; }
#breadcrumb a:hover { color: #F04A24; }
#breadcrumb a:hover span { text-decoration: none; color: #4F5C88; }

a.javaLink { color: #4F5C88; font-weight: normal; text-decoration: underline; font-size: 12px; cursor: pointer; }
a.javaLink:hover { color: #bbd236; }

.clearSep { clear: both; }
.msg { color: #FF0000; }
.alert { color: #FF0; font-weight: bold; }
.note { color: #F04A24 !important; font-size: 10px !important; }

a.cms { display: inline; width: 32px; height: 17px; background-image: none; font-size: 12px; color: #00C; }
a.cms:hover { color: #999; }
.imgCirc a.cms { float: left; }

a.hiddenLink { position: fixed; bottom: 5px; left: 5px; color: #FFF; text-decoration: none; }

.floatRight { float: right; }
.floatLeft { float: left; }

#outerHolder.admin { padding: 100px 0px 150px 0px; }
#adminTbl { border: 1px solid #F04A24; width: 100%; margin-top: 20px; }
#adminTbl th { padding-left: 6px; width: 144px; text-align: left; border-bottom: 1px solid #F04A24; border-left: 1px solid #F04A24; border-top: 1px solid #F04A24; background-color: #eee; height: 18px; color: #4F5C88; font-weight: bold; }
#adminTbl td { padding-left: 6px; width: 450px; background-color: #FFF; text-align: left; }
#adminTbl td.error { font-weight: bold; color: #990000; }
#adminTbl td.right { background-color: #FFF; text-align: right; }
#adminTbl td input.input100 { width: 450px; }

#strengthCover { width: 0; height: 12px; overflow: hidden; margin: 0; padding: 0; margin-left: 10px; }
#strengthTxt { width: 180px; height: 12px; line-height: 12px; color: #767776; font-size: 10px; margin: 0; padding: 0; margin-left: 10px; }

/* -- -- -- -- Task Board -- -- -- -- */
table.display { border-color: #4F5C88; }
table.display td.shaded { background-color: #b9becf; }
#StandardForm { display:block; position: relative; left: 50%; margin: 10px 0 10px -293px; width: 500px; text-align: left; padding: 10px 40px 20px 40px; border: 3px solid #4F5C88; }
#QuoteForm { display:block; margin: 10px 0; text-align: left; padding: 0 15px 15px 15px; border: 3px solid #4F5C88; }
#controlPanel { display: block; width: 100%; padding: 5px 0; text-align: right; color: #fff; font-size: 11px; background-color: #4F5C88; filter: alpha(opacity=80); opacity: .80; }
#controlPanel a { color: #fff; font-size: 11px; text-decoration: underline; margin: 0 5px; }
#controlPanel a.last { margin-right: 30px; }
#controlPanel a:hover { color: #F04A24; }

input.sub { width: 120px; }
input.md { width: 195px; }
textarea.lg { width: 360px; height: 200px; }
textarea.md { width: 400px; height: 100px; }
input.lg { width: 400px; }
input.sm { width: 60px; }

td.label, td.labelErr { text-align: right; padding-right: 20px; width: 120px; }
td.labelErr, span.labelErr { color: #F00; font-weight: bold; }

.deadline5, .deadline4, .deadline3, .deadline2, .deadline1 { font-weight: bold; }
.deadline5 { color: #cc0000; }
.deadline4 { color: #993300; }
.deadline3 { color: #996600; }
.deadline2 { color: #669900; }
.deadline1 { color: #33cc00; }

table.coms { width: 630px; }
tr.head { background-color: #babbba; }
td.shade { background-color: #ffefff; }
td.highlight { background-color: #eeffee; }
td.options a { display: block; width: 66px; border-left: 1px solid #767776; border-right: 1px solid #767776; margin-bottom: 1px; padding: 2px 0; text-decoration:none; text-align:center; }
td.options a:hover { border-color: #bbd236; }
a.tab, a.tabOn { display: block; width: 130px; color: #000066; font-weight: bold; font-size: 14px; text-decoration: none; border-top: 1px solid #333; border-right: 1px solid #767776; border-left: 1px solid #babbba; padding: 6px 1px 5px 10px; }
a.tabOn, a.tab:hover { font-weight: bold; color: #767776; border-color: #babbba; }
a.tabOn { background-color: #efe;; }
a.tabSm, a.tabSmOn { display: block; float: left; width: 100px; color: #000066; font-size: 11px; text-decoration: none; border-top: 1px solid #333; border-right: 1px solid #767776; border-left: 1px solid #babbba; padding: 4px 1px 3px 5px; margin-right: 3px; }
a.tabSmOn { background-color: #efe; color: #767776; border-color: #babbba;}
a.tabSm2, a.tabSm2On { display: block; float: left; width: 50px; color: #000066; font-size: 11px; text-decoration: none; border-top: 1px solid #333; border-right: 1px solid #767776; border-left: 1px solid #babbba; padding: 4px 1px 3px 5px; margin-right: 3px; }
a.tabSm2On, a.tabSm:hover, a.tabSm2:hover { color: #767776; border-color: #babbba; }
a.tabSm2On { background-color: #efe; }

/* -- IE 5.5 Fix --*/
* HTML #adminTbl th { height: 20px; width: 150px; }

/* ------------------------------- FORM TABLE ------------------------------------- */

.formtable{clear:both;width:700px !important; text-align: Left;}
.formtable tr.store td { padding: 5px; }
.formtable th.p10,
.formtable td.p10 { padding-left: 10px !important; }
.formtable td { max-width: 650px; overflow: hidden; line-height: 20px;  }
.formtable th.p102,
.formtable td.p102 { padding-left: 10px !important; padding-right: 10px !important; }
.formtable td.quantity { padding: 5px 0; text-align: center; }
.quantityHolder { width: 41px; margin: 0 auto; }
.formtable th { background: #EEE; border: 1px solid #CCC; border-width: 1px 0; font-weight: bold !important; height: 25px; }
.formtable th span { border-right: 1px solid #FFF; border-left: 1px solid #CCC; display: block; padding: 0 10px; }
.formtable th.first span { border-left: none; }
.formtable th.last span { border-right: none; }
.formtable th.remove { width: 25px; }
.formtable th.tel { width: 100px; }
.formtable th.postcode { width: 80px; }
.formtable td.totalprice { padding-right: 10px; }
.formtable td.update { padding: 3px; }
.formtable td a { color: #757575; text-decoration: underline; }
.formtable tr.basketrow:hover { background-color: #f9f9f9; }
td.vtop { vertical-align: top; }

/* ------------------------------- FORM TABLE END ------------------------------------- */