@charset "utf-8"; /* CSS Document */ /*--- Global styles ---*/ * { margin:0px; text-align:left; } html, body { margin:0px; padding:0px; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; color:#282828; font-size:12px; background-color:#dedede; } h1, h2, h3, h4, p { font-family:Arial, Helvetica, sans-serif; } fieldset, form, label, legend, dl, dt, dd, ol, ul, li { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } #container { width:760px; margin:0 auto; padding:10px 10px; text-align:left; /* background-image: url(../images/interface/bg-content-page.jpg); background-repeat : repeat-x; background-position: top; position:relative */ } .right { float:right;} .left { float:left;} .clear { clear:both;} h1 { font-weight:normal; font-size:240%; line-height:30px; margin-bottom:5px; color:#3F88BD; border-bottom:1px solid #bbb; padding-bottom:5px; text-shadow: 0 1px 0 #CCCCCC; } table a { text-decoration:none; color:#3F88BD; } table a:hover { text-decoration:underline; } .direction-show { display:none; } ul { list-style-type:square; margin:10px 10px 10px 30px; line-height:14px; } ol { margin:10px 10px 10px 30px; line-height:14px; } ul li, ol li { margin-top: 10px;} a { text-decoration:none; color:#3F88BD; } a:hover { text-decoration:underline; } /*--- Orderlist Modal Style Below ---*/ .redUploaded{ background-color: #F00; text-align: center; width: 100%; max-width: 115px; padding: 4px; } .greenUploaded{ background-color: greenyellow; text-align: center; width: 100%; max-width: 115px; padding: 4px; } .redAlert{ color:#ee0101;font-weight:bold; } .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 18px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } /*--- Orderlist Modal Style Above ---*/ #branding table { border:none; border-collapse:collapse; margin:5px 0 5px 0; } #branding th { background-color: #CCCCCC; color: #000; text-shadow: 0 1px 0 #F1F1F1; } #branding td { color:#4c4c4c; } #branding td,#branding th { border-bottom:1px solid #cacaca; padding:5px 5px; text-align:center; } /*#branding tr:hover { background:#f1f1f1; }*/ #branding tr.even { background:#f1f1f1; } #brand-method { margin: 5px 0 5px 0 } .brand-method { margin: 5px 0 5px 0 } .notes { color:#333333; font-size:9px; font-style:italic;} #costs table { border:none; border-collapse:collapse; margin:10px 0 10px 0; } /*#costs tr .top { border-top:1px solid #cacaca; }*/ #costs td { color:#4c4c4c; padding:10px 15px; text-align:left; } /*#costs tr:hover { background:#f1f1f1; }*/ .companyDetails {background-color:#C2C2A3;border:none} .custDetails {background-color:#DBDBFF;border:none} .quoteHead{color:#CC0000;font-family: Arial, Helvetica, sans-serif;font-style:italic;font-weight:bold} .supplChoice{color:#CC0000;font-family: Arial, Helvetica, sans-serif;font-size:14px} .brandSubtotal{color:#CC0000;font-family: Arial, Helvetica, sans-serif} .saveButton{ margin: 10px auto; color:#FFFFFF; background-color:#3F88BD; border: 1px solid #214D6D; padding:6px; text-shadow: 0 1px 0 #333333; background-image: url(../images/interface/btn_bg.jpg); background-repeat: no-repeat; text-align: center; width: 150px; } select.method { width:110px; background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; } select.branding-option { background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; } select.colours { width:45px; background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; } input.costs { background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; } input.enquiry { background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; } blockquote { border-left:2px solid #000; background-color:#FFF; color:#333; margin: 10px auto; width:auto; line-height:14px; padding: 10px 10px; } /*.add-product { color:#FFFFFF; background-color:#3F88BD; border: 1px solid #FFFFFF; padding: 5px; margin: 10px auto; text-align: center; width: 180px; }*/ /* Forms */ .req { font-weight:bold; color:#F00; } #enquiry .enquiry div { margin-bottom: 0.25ex; clear:left; } #enquiry .enquiry div label { width: 250px; display:block; float:left; font-weight:bold; margin: 7px 0; } #enquiry .enquiry span.label { display:block; font-weight:bold; margin: 7px 0; } #enquiry fieldset { padding:10px; border: 1px solid #BBBBBB; } #enquiry legend { padding:10px; font-size:14px; text-transform:uppercase; font-weight:bold; } #enquiry input.enquiry, #enquiry textarea.enquiry { width:260px; background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; margin:5px 0px; } #enquiry input.enquiry:hover, #enquiry textarea.enquiry:hover, #enquiry input.enquiry:focus, #enquiry textarea.enquiry:focus { border-color: #9A9A9A; } #enquiry .actions { margin: 10px auto; display:block; text-align:center; } #notice .alert { background-color:#F00; padding:3px; border: 1px solid #7F0606; text-align:center; font-size:12px; font-weight:bold; text-transform: uppercase; color:#FFFFFF; text-shadow: 0 1px 0 #999999; display:block; margin: 0; } .alert { background-color:#F00; padding:3px; border: 1px solid #7F0606; text-align:center; font-size:12px; font-weight:bold; text-transform: uppercase; color:#FFFFFF; text-shadow: 0 1px 0 #999999; display:block; margin: 0; } .alert a { text-align:center; display:block; } #notice a { text-align:center; display:block; } #notice .button2 {/*-moz-border-radius:3px 3px 3px 3px;*/ background:url(../images/interface/button.png) repeat-x scroll 0 0 transparent; border:1px solid #666; color:#444444; cursor:pointer; font-size:12px; font-weight:bold; padding:2px 6px; text-decoration:none; text-shadow:0 1px 1px #FFFFFF; margin: 10px auto; width:160px;} #notice .button2:hover, #notice .button2:focus {background-position:bottom; color:#111;} p.info-help { display:block; margin:10px auto; padding:10px; background-color:#FF9; border: 1px solid #000; text-align:center; font-weight:bold; width: 440px; } #send-imgs img { margin: 5px auto; border:1px solid #C9C9C9; display:block; } #send-imgs div { margin-bottom: 0.25ex; clear:left; } #send-imgs div label { width: 250px; display:block; float:left; font-weight:bold; margin: 7px 0; } #send-imgs fieldset { padding:10px; border: 1px solid #BBBBBB; } #send-imgs legend { padding:10px; font-size:14px; text-transform:uppercase; font-weight:bold; } #send-imgs input.send-img, #send-imgs textarea.send-img { width:260px; background: #FEFEFE url(../images/interface/input_bg.jpg) repeat-x scroll left top; border:1px solid #C9C9C9; color:#333333; padding:2px; margin:5px 0px; } #send-imgs input.send-img:hover, #send-imgs textarea.send-img:hover, #send-imgs input.send-img:focus, #send-imgs textarea.send-img:focus { border-color: #9A9A9A; } #send-imgs .actions { margin: 10px auto; display:block; text-align:center;} #imglist table { border:none; border-collapse:collapse; margin:5px 0 5px 0; } #imglist th { background-color: #CCCCCC; color: #000; text-shadow: 0 1px 0 #F1F1F1; } #imglist td { color:#4c4c4c; } #imglist td,#imglist th { border-bottom:1px solid #cacaca; padding:5px 5px; text-align:center; } .btn { display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font: Arial,Sans-serif; text-decoration:none; color:#333; } * html button.btn { padding-bottom:1px; } /* Immediately below is a temporary hack to serve the following margin values only to Gecko browsers Gecko browsers add an extra 3px of left/right padding to button elements which can't be overriden. Thus, we use -3px of left/right margin to overcome this. */ html:not([lang*=""]) button.btn { margin:0 -3px; } .btn span { background:#ddd url(../images/interface/bg-button.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #bbb; border-right:1px solid #aaa; } * html .btn span { padding-top:0; } .btn span span { position:relative; padding:3px .4em; border-width:0; border-top:1px solid #bbb; border-bottom:1px solid #aaa; } .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span { cursor:pointer; /* important for any clickable/pressable element */ border-color:#9cf !important; color:#000; } .btn:active span { background-position:0 -400px; outline:none; } .btn:focus, .btn:active { outline:none; /* doesn't seem to be respected for