/* Document : main Created on : 11/06/2009, 10:52:07 AM Author : cdobbs Description: Main stylesheet with default layout and styles */ body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#4E1C29;background:#e4debd;} table, textarea, input {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px} /****************** LINKS ****************************/ a {color:#4E1C29;} a:hover {text-decoration:none;} /****************** HEADERS **************************/ h1 {margin:0px;padding:0px;color:#4E1C29;font-family:Verdana, Arial, Helvetica, sans-serif;} h2 {margin:0px;padding:0px;font-family:Verdana, Arial, Helvetica, sans-serif;} h3 {margin:0px;padding:0px;font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif;} h4 {margin:0px;padding:0px;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;} /****************** MAIN TEMPLATE ********************/ #siteContainer {width:820px;margin:0 auto;} #contentContainer {margin:0px 0px;background-color:#ede8cf} #header {background:url('../images/hornby-florist.jpg') no-repeat;width:820px;height:100px;position:relative} #footer {text-align:center;background-image:url('../images/hornby-florist-footer.jpg');height:17px;padding:17px 0px;color:#FFF} #footer a {text-decoration:none;font-size:13px;color:#FFF;font-weight:bold;line-height:13px} #footer a:hover {color:#F4FFD6} #footer img {margin-bottom:-3px} #footer2 {text-align:center;margin-top:5px;font-size:11px} #footer2 a {color:#000;text-decoration:none;font-size:11px} #footer2 a:hover {color:#FFF} #topNav {position:absolute;right:0px;bottom:0px;height:20px;border-top:1px solid #4E1C29;width:625px} #topNav ul {padding:0px;margin:0px 0px 0px 50px} #topNav li {list-style:none;float:left} #topNav li a {display:block;padding:2px 13px;font-size:13px;font-weight:bold;color:#fff;text-decoration:none;letter-spacing:0.1em} #topNav li a:hover {color:#F4FFD6;} #sideNav {float:left;width:143px;border:1px solid #723983} #sideNav ul {padding:0px;margin:0px} #sideNav li {list-style:none} #sideNav li a {padding:5px;width:133px} /************************** FORMS *********************************/ .label {float:left;width:100px;margin-top:3px;} .input {float:left;margin-top:3px} .buttons {margin:10px 0px 0px 100px} .field {margin-top:3px} input[type=text], input[type=password] {width:150px} input.postcode {width:70px} select {width:154px} select.date {width:60px} input.required, select.required, textarea.required {color:#b11111} input.error, input.validation-failed, select.validation-failed, textarea.validation-failed {border:2px solid #b11111;background-color:#f1bbbb;color:#000} input.validation-passed, select.validation-passed, textarea.validation-passed {border:2px solid #0F0;} input.disabled {color:#AAA} .errorMessage {border:1px solid #b11111;padding:10px;background-color:#f1bbbb;font-size:10px;margin-bottom:10px} .validation-advice {color:#b11111} /******************** POPUPS *************************************/ .popupWindow {border:1px solid #723983} .popupWindow h2 {border-bottom:1px solid #723983;font-size:12px;padding:5px 10px;background-color:#b293b9} .popupWindow .container {padding:10px;background-color:#f3eff5} .popupWindow .buttons {margin:10px 0px 0px 0px;text-align:center} .content {padding:10px 30px 30px 30px;min-height:300px} div.clear {margin:0px;padding:0px;height:0px;font-size:0px;overflow:hidden;clear:both} div {border-collapse:collapse} img {border-width:0} /************************ HOME **********************************/ .shopLinks {margin-top:40px} .shopLinks img {border-left:1px solid #4f1d29} /******************** REGISTER **************************/ #register fieldset {border-width:0px;padding:0px;margin-top:20px} #register legend {display:none} #register .label {width:150px} #register .buttons {margin:10px 0px 0px 150px} /******************************* MISC ***********************************/ .imgButton {cursor:pointer} .relative {position:relative} /****************************** SHOPPING CART *******************************/ .simpleCart_items {clear: both; float: left; margin: 16px 0 0 0; width: 100%; } .cartHeaders {display: none;} .itemContainer {float: left; width: 760px;} .itemName {float: left;} /*.itemthumb {float: left; margin-right: 10px;} .itemPrice {float: left; margin-right: 10px;} .itemQuantity {float: left; margin-top: 15px;}*/ .itemQuantity input {float: left; margin-left:10px; width:20px;} /*.itemQuantity input {background: url("../images/demoSprite.png") repeat scroll 0 0 transparent; border: medium none; color: #FFFFFF; font: bold 11px Arial,sans-serif; height: 17px; margin-right: 5px; padding: 3px 9px 0; text-align: center; vertical-align: top; width: 21px;} .itemQuantity input:focus {outline: medium none;} .itemincrement a {background: url("../images/demoSprite.png") repeat scroll -278px -29px transparent; display: block; height: 5px; margin: 20px 0 0; overflow: hidden; text-indent: -9999px; width: 7px;} .itemdecrement a {background: url("../images/demoSprite.png") repeat scroll -278px -35px transparent; display: block; height: 5px; margin: 3px 0 0; overflow: hidden; text-indent: -9999px; width: 7px;}*/ /*.itemTotal {float: left; color: #000000; font: bold 11px Arial,sans-serif;}*/ #cartTotal {clear: both; font: 11px Arial,sans-serif; padding: 47px 72px 0 0; text-align: right; text-shadow: none;} /******************************* FORM ***************************************/ .orderform { } .orderform label {float: left; margin-right: 10px; margin-top: 7px; width: 40%;} .orderform input, .orderform textarea {float: left; font-size: 12px; margin: 0; padding: 6px;} .orderform select {float: left; font-size: 12px; margin: 0; padding: 6px;}