/* Global Styles */
body {margin: 0px; background-color: #999966; width: 100%;}
td {font: 11px arial; color: #333333;}
a {color: #cc0000; text-decoration: none; font-weight: bold;}
a:hover {color: #990000; text-decoration: underline;}
/* ID Styles */
#padding {padding: 20px 5px 20px 5px;}
#weekdays th {font: 10px arial; color: #ffffff; letter-spacing: .2em;}
#calheader td {font-weight: bold;}

/* Catalogue */
#catalogue h1 {font-size: 14px; color: #660066; font-weight: bold; line-height: 20px; letter-spacing: .1em;font-family: Geneva, Arial, Helvetica, sans-serif;}
#catalogue .details {float:left;width:400px;font-size:12px; line-height: 24px; color: #333333;}
#catalogue .image {float:left}
#catalogue .product {clear:both}

/*order table*/
table.order {width:100%}

/********************/
/* Form             */
/********************/
div.diaform, .diaform form {text-align: left; clear: both; width: 100%; margin-bottom: 10px;}
.diaform fieldset {border: none; margin: 0 0 20px 0; padding: 0;}
.diaform .legend {font-weight: bold;color: #993399; text-transform: uppercase; text-align: left; padding: 7px 6px 5px 0px; min-width: 0; position: relative;}
.diaform .label {clear: left; width: 29%; color: #444444; float: left; vertical-align: top; text-align: left;}
.diaform .inner {float: left; width: 70%; clear: right; display: block; vertical-align: top;}
.diaform ol, .diaform table {margin: 0; padding: 0;width: 100%;}
.diaform li {list-style: none; margin: 0; padding: 3px 10px 3px 10px; line-height: 30px;}
.diaform em {font-weight: bold; font-style: normal; color: #f00;}
.diaform .validation {background: #FFFFCC;}
.diaform .mandatory {font-weight: bold; color: #333333; margin-left: 3px;}
.diaform .mandatoryNotice {font-size: 11px; font-style: italic; text-align: right;}
.diaform li.error {color: #ff0000; margin-top: -5px; padding-top: 0; font-size: 11px; line-height: 120%}
.diaform .clear {height: 1px; overflow: hidden;}

.buttonBar {text-align:center}
.buttonBar input {background-color: #CCCC66; font: 10px arial;margin:0 10px}

/* DIA Form 
.diaform form {color: #333; text-align: left; clear: both; margin-bottom: 10px; width: 100%; overflow: hidden;}
.diaform textarea {width: 300px; height: 100px;}
.sr {position: absolute; left: -9999em; top: 0; width: 1px; height: 1px; overflow: hidden;}
.diaform fieldset {width: 100%; border: none; }
.diaform .legend {padding: 0 2px 0 0; font-weight: bold;}
.diaform .label {display: inline-block; line-height: 1.8; vertical-align: top;}
.diaform fieldset ol {margin: 0; padding: 0;}
.diaform fieldset li {list-style: none; margin: 0; padding: 3px 10px 3px;}
.diaform fieldset fieldset {border: none; margin: 3px 0 0;}
.diaform fieldset fieldset legend {padding: 0 0 5px; font-weight: normal;}
.diaform fieldset fieldset label {display: block; width: auto;}
em {font-style: normal; color: #CE000C;}
.diaform #inner {width: 330px; font-size: 0.9em;}
.diaform .label {width: 130px;}
.diaform fieldset fieldset label {margin-left: 133px;}
*/

/* Class Styles */
div.navtop {margin: 0px; padding: 0px; width: 100%; background-color: #CCCC66;}
.navtop a {color: #336666; margin: 0px 10px 0px 10px; font: 10px arial; text-decoration: none; text-transform: uppercase; letter-spacing: .1em;}
.navtop span {background-color: #CCCC66; padding: 10px 0px 10px 12px; float: left; margin: 0px; width: 100%;}
.navtop a:hover {color: #993300; text-decoration: underline;}
table.content {border-collapse: collapse; width 100%; margin: 0px; padding: 0px;}
td.navleft {background-color: #660066; width: 230px; vertical-align: top;}
div.content {background-color: #FFFFFF; padding: 0px; margin: 0px;}
td.content1 {padding: 10px 0px 10px 0px; width: 740px; background-color: #FFFFFF; vertical-align: top;}
td.content2 {padding: 10px 0px 10px 0px; width: 200px; background-color: #FFFFFF; vertical-align: top;}
div.cart {position: fixed; left: 800px; width: 200px; border: 3px ridge #CCCC66; padding: 5px 5px 5px 5px;}
form.cart {margin: 0px;}
span.cart_title {width: 100%; border-bottom: 1px solid #CCCC66; font-family: Geneva, Arial, Helvetica, sans-serif; color: #660066; font: 14px georgia; margin-left: 5px; letter-spacing: .1em;}
div.hspacer {clear: both; margin 0px; height: 1px; background-color: #FFFFFF;}
td.vspacer {margin 0px; width: 25px; background-color: #FFFFFF;}
.logo {font: 18px times new roman; color: #333300; letter-spacing: .4em; font-weight: bold;}
.sidebarText {font: 12px georgia; color: #336666; line-height: 18px;}
.bodyText {font: 11px arial; line-height: 24px; color: #333333;}
.pageName {font: 20px georgia; color: #CC3300; letter-spacing: .1em; line-height: 26px;}
.subHeader {font: 14px georgia; color: #669999; font-weight: bold; line-height: 20px; letter-spacing: .1em;}
.navText {font: 10px arial; color: #333300; letter-spacing: .1em;}
.calendarText {font: 11px arial; line-height: 14px; color: #333333;}
.ctq {font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCC66;}
.heading {color: #660066; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 24px; margin-bottom: 32px;}
td.stormy {color: #993399; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px;}
td.estate {color: #CCCC66; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px;}
input.qty {background-color: #ffffff;margin:0 30px}
input.add {background-color: #CCCC66; font: 10px arial;}
.style2 {color: #33FF66;}
.style3 {color: #660099;}
.style5 {font-size: 12px;}
.style6 {color: #660066;}
.style7 {color: #993399; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px;}
.style8 {color: #CCCC66; font-size: xx-large; font-style: italic; font-family: "Times New Roman", Times, serif; font-weight: bold;}
.style8a {font-family: Geneva, Arial, Helvetica, sans-serif;}
.style9 {font-size: 12px;}
.style10 {color: #FFFFFF;}
.style11 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCC00; font-size: 12px;}
.style14 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCC33; font-size: 12px; font-weight: bold;}
.style23 {font-size: 24px; color: #660066; font-family: Geneva, Arial, Helvetica, sans-serif;}
.style24 {font-size: 24px; color: #CCCC33; font-family: Geneva, Arial, Helvetica, sans-serif;}
.style25 {font-size: 11px; color: #CC0000;}
.style28 {font-size: 24px; color: #660066; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic;}
.style29 {color: #000000;}
.style30 {font-size: 9px;}
.style34 {color: #CCCC33; font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style36 {font-size: 20px;}
.style39 {color: #CCCC33; font-family: Arial, Helvetica, sans-serif;}
.style40 {color: #993399;}
.style41 {color: #CCCC33; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style42 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCC33; font-size: 14px; font-weight: bold;}
.style44 {font-family: Arial, Helvetica, sans-serif;}
.style45 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}