/* 	
WebAlive - www.webalive.com.au
Last Updated: 21st May 2009
Ally Lawson
*/


/* ---------- Background Components ---------- */

body {
                font-family: Verdana, Arial, sans-serif;
                color: #4F4F4F;
                margin-top: 0;
                margin-right: 0;
                margin-bottom: 0;
                margin-left: 0;
                padding-top: 0;
                padding-right: 0;
                padding-bottom: 0;
                padding-left: 0;
                height: 100%;
}
#aligntable {
                text-align: center;
                margin: 0;
                width: 100%;
                height: 100%;
                background-image: url(uploadedFiles/sl_greybar001.gif);
                background-repeat: repeat-x;
}


/* ---------- Main Tables ---------- */

#maintable {
                margin-top: 0px;
                margin-right: auto;
                margin-bottom: 0px;
                margin-left: auto;
                padding-top: 0;
                padding-right: 0;
                padding-bottom: 0px;
                padding-left: 0;
                width: 770px;
                height: 100%;
                background-image: url(uploadedFiles/sl_shadow001.gif);
                background-repeat: repeat-y;
}
#mainbodycell {
                margin: 0;
                padding-top: 0;
                padding-right: 0;
                padding-bottom: 0;
                padding-left: 0;
                width: 546px;
                height: 100%;
                background-image: url(uploadedFiles/sl_footer002.gif);
                background-repeat: no-repeat;
                background-position: right bottom;
}
#mainbodytable {
                margin-top: 5px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                padding: 0;
                width: 505px;
                height: 100%;
}


/* ---------- Banner Area ---------- */

#bannerimage {
                display: none;
}
#mainheader {
                height: 205px;
                margin: 0;
                padding: 0;
                background-image: url(uploadedFiles/sl_banner003.jpg);
                background-repeat: no-repeat;
}
.bannertitle {
                display: none;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 38pt;
                font-weight: normal;
                color: #405910;
                text-align: center;
                margin-top: 20px;
                margin-right: 0;
                margin-bottom: 0;
                margin-left: 0;
                padding: 0;
                line-height: 1em;
}
.bannerslogan {
                display: none;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 17pt;
                color: #ffffff;
                text-align: right;
                margin-top: 10px;
                margin-right: 165px;
                margin-bottom: 0;
                margin-left: 0;
                padding: 0;
}


/* ---------- Navigation Components ---------- */

#mainleftcell {
                font-size: 9pt;
                margin-top: 0;
                margin-right: 0;
                margin-bottom: 0;
                margin-left: 0px;
                padding-top: 0;
                padding-right: 0;
                padding-bottom: 0;
                padding-left: 0px;
                width: 224px;
                background-image: url(uploadedFiles/sl_footer001.gif);
                background-repeat: no-repeat;
                background-position: 15px bottom;
}
#navigationbox {
                text-align: center;
                width: 224px;
                padding-top: 5px;
                padding-right: 0;
                padding-bottom: 115px;
                padding-left: 0px;
                margin-top: 0;
                margin-right: 0;
                margin-bottom: 0px;
                margin-left: 15px;
}
.leftbox {
}
.nav {
                display: block;
                clear: both;
                color: #6D6C6C;
                font-weight: normal;
                margin-top: 0px;
                margin-right: 15px;
                margin-bottom: 0;
                margin-left: 15px;
                padding-top: 9px;
                padding-right: 0;
                padding-bottom: 9px;
                padding-left: 0px;
                background-image: url(uploadedFiles/sl_navline001.gif);
                background-repeat: no-repeat;
                background-position: bottom;
}
.nav:hover {
                display: block;
                clear: both;
}
.navline {
}
.navlink:hover {
}
.opennav {
                display: block;
                clear: both;
                color: #00816D;
                margin-top: 0px;
                margin-right: 15px;
                margin-bottom: 0;
                margin-left: 15px;
                padding-top: 9px;
                padding-right: 0;
                padding-bottom: 9px;
                padding-left: 0px;
                background-image: url(uploadedFiles/sl_navline001.gif);
                background-repeat: no-repeat;
                background-position: bottom;
}
.opennav:hover {
                display: block;
                clear: both;
}
.opennavline {
}
.childnav {
                display: block;
                clear: both;
                color: #00816D;
                font-weight: normal;
                margin-right: 15px;
                margin-left: 15px;
                padding-top: 5px;
                padding-right: 0;
                padding-bottom: 5px;
                padding-left: 0px;
}
.childnav:hover {
                display: block;
                clear: both;
}
.childnavline {
}


/* ---------- Search Components ---------- */

#searchbox {
                display: none;
                margin-top: 0px;
                margin-right: 0; 
                margin-bottom: 0px;
                margin-left: 10px; 
                padding: 0;
                padding-top: 54px;
                padding-bottom: 0;
                height: 43px;
                text-align: center;
}
#formfieldSearch {
                font-size: 9pt;
                margin-top: 8px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                padding-top: 3px;
                padding-right: 0;
                padding-bottom: 0;
                padding-left: 3px;
                width: 130px;
                height: 22px;
                border-style: solid;
                border-width: 0px;
                border-color: #a1a1a1;
}
#searchboxbutton {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 10pt;
                color: #405910;
                text-align: center;
                margin: 0;
                padding-top: 0;
                padding-right: 0;
                padding-left: 0;
                padding-bottom: 0;
                width: 56px;
                height: 25px;
                border: 0;
}
.searchresultsinfo {
                font-weight: bold;
}
.searchresultsline {
}
.searchresultslink {
}
.searchresultstable {
                width: 100%;
}
.searchresultstext {
                font-size: 8pt;
}
.searchresultstitle {
                font-weight: bold;
                font-size: 8pt;
}
.searchDirectoryResult {
                text-align: center;
}
.searchDirectoryFieldName {
}
.searchDirectoryColumnHeader {
}
.searchDirectoryColumnData {
}


/* ---------- Login Components ---------- */

#loginbox {
                margin-top: 0;
                margin-right: 15px;
                margin-bottom: 20px;
                margin-left: 30px;
                padding-top: 8px;
                padding-right: 0;
                padding-bottom: 0;
                padding-left: 0px;
                height: 118px;
                background-image: url(uploadedFiles/sl_login001.gif);
                background-repeat: repeat-x;
                display: none;
}
.logintable {
                margin-top: 0px;
                margin-right: 0;
                margin-bottom: 0;
                margin-left: 0px;
                padding-top: 0px;
                padding-right: 0px;
                padding-bottom: 0px;
                padding-left: 0px;
}
.loginhead {
                display: none;
                font-size: 10pt;
                font-weight: bold;
                text-align: center;
                padding-bottom: 5px;
}
.loginlabels {
                color: #666666;
                text-align: right;
                font-size: 8pt;
                padding-top: 5px;
                padding-bottom: 0;
                padding-left: 5px;
                padding-right: 0;
}
#formfieldLoginUsername {
                font-size: 9pt;
                margin-top: 10px;
                margin-right: 0px;
                margin-left: 5px;
                padding-top: 3px;
                padding-right: 2px;
                padding-left: 4px;
                width: 110px;
                height: 22px;
                border-width: 1px; 
                border-color: #c2c4b9;
                border-right-color: #e2e2e2;
                border-bottom-color: #e2e2e2;
}
#formfieldLoginPassword {
                font-size: 10pt;
                margin-left: 5px;
                margin-right: 0px;
                padding-top: 3px;
                padding-right: 2px;
                padding-left: 4px;
                width: 110px;
                height: 22px;
                border-width: 1px;
                border-color: #c2c4b9;
                border-right-color: #e2e2e2;
                border-bottom-color: #e2e2e2;
}
.loginbutton {
                display: none;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 10pt;
                color: #405910;
                text-align: center;
                margin: 0;
                margin-top: 6px;
                padding-top: 0;
                padding-right: 0;
                padding-left: 0;
                padding-bottom: 0;
                width: 56px;
                height: 25px;
                border: 0;
}
.logoutbutton {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 10pt;
                color: #333333;
                text-align: center;
                margin: 0;
                padding-top: 0;
                padding-right: 0;
                padding-left: 0;
                padding-bottom: 0;
                width: 63px;
                height: 25px;
                border: 0;
}
.loginlink {
                display: none;
                font-size: 9pt;
                font-weight: bold;
                color: #405910;
}
.loginlink:hover {
                color: #558424;
}
.logindata {
}
.loginform {
}
.edituserbutton {
}
.edituserlabel {
}
.editusertable {
}
.registerbutton {
}
.registerlink:hover {
}
.required {
                color: #ff0000;
}


/* ---------- Contact Details ---------- */

#contactdetailsbox {
                display: none;
                color: #2b2b2b;
                line-height: 12pt;
                margin-top: 0;
                margin-right: 0px;
                margin-bottom: 40px;
                margin-left: 15px;
                padding-top: 0px;
                padding-right: 0;
                padding-bottom: 0px;
                padding-left: 0px;
}
.contactdetailslink {
                font-size: 9pt;
                font-weight: bold;
                line-height: 18pt;
                color: #405910;
}
.contactdetailslink:hover {
                color: #98bd52;
}
.contactdetailstext {
}
.contactresponsetext {
}
.submitinfobutton {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 9pt;
                color: #333333;
                text-align: center;
                margin: 0;
                padding-top: 0;
                padding-right: 0;
                padding-left: 0;
                padding-bottom: 0;
                width: 113px;
                height: 25px;
                border: 0;
}
.submitinfolabels {
                font-size: 10pt;
}
#state_input {
}
#state_selection {
}
#submitinfobox {
}
.bigtext {
	font-size: larger;
}


/* ---------- Form Components ---------- */

input {
                font-size: 9pt;
                padding: 4px;
                border-style: solid;
                border-width: 1px;
                border-color: #a1a1a1;
}
select {
                font-size: 9pt;
                border-width: 1px;
                border-style: solid;
                border-color: #000000;
                background-color: #ffffff;
}
textarea {
                font-size: 9pt;
                padding: 4px;
                background-color: #262626;
                border-style: solid;
                border-width: 1px;
                border-color: #a1a1a1;
                background-color: #ffffff;
}
.surveyBox {
                font-size: 9pt;
                margin-top: 5px;
                padding-top: 10px;
                padding-bottom: 15px;
                border-width: 0px;
                border-bottom-style: solid;
                border-bottom-color: #bed8eb;
                border-bottom-width: 1px;
}
.surveyHeader {
                font-size: 9pt;
                margin: 0;
                padding: 0;
                padding-bottom: 8px;
}
.surveyFormLabel {
                font-size: 9pt;
}
.formfield {

}
.formlabel {
                font-size: 10pt;
}
.formvalue {
                font-size: 10pt;
}
.formheading { 
                font-weight: bold;
                font-size: 11pt;
                padding-top: 30px;
                paddibg-bottom: 10px;
}


/* ---------- Snippet Components ---------- */

#snippetbox {
                display: none;
                padding-bottom: 25px;
                padding-left: 15px;
}
.snippettable {
                width: 190px;
                color: #4F4F4F;
}
.snippetcell {
                font-size: 8pt;
}
.snippetheader {
                white-space: nowrap;
                font-size: 10pt;
                color: #00816D;
}
.snippetlink {
}
.snippetlink:hover {
}
.snippettext {
}


/* ---------- Side Bar ---------- */

.sidebar {
                width: 150px;
                margin-left: 10px;
}
.sidebar p {
                margin: 0;
}
.sidebarFeature {
                padding: 10px;
                margin-top: 10px;
                border-style: solid;
                border-width: 1px;
                border-color: #00816D;
}
.sidebarFeatureHeader {
                font-size: 8pt;
                font-weight: bold;
}
.sidebarFeatureNotes {
                font-size: 8pt;
}
.sidebarFeaturePrice {
                font-size: 8pt;
                font-weight: bold;
                text-align: right;
}
.sidebarCart { 
                padding-top: 10px;
                padding-right: 5px;
                padding-bottom: 10px;
                padding-left: 5px;
                margin-top: 10px;
                border-style: solid;
                border-width: 1px;
                border-color: #00816D;
}
.sidebarCartHeader { 
                font-weight: bold; 
                text-transform: uppercase;
                padding-left: 5px;
}
.sidebarCartNumber { 
                padding-top: 10px; 
}
.sidebarCartTotal { 
                font-size: 8pt;
                font-weight: bold; 
                text-align: right; 
                color: #990000; 
}
.sidebarCartFreightNote {
                font-size: 7pt;
                text-align: right;
}
.sidebarCheckoutLink {
                font-size: 10px;
                font-weight: bold;
                text-align: center;
                text-transform: uppercase;
                padding-top: 10px;
}


/* ---------- Multiple Profile Components ---------- */

.multipleprofiletable {
}
.multipleprofileheader {
                font-family: Century Gothic, Verdana, Arial;
                font-size: 12pt;
                color: #00816d;
}
.multipleprofileimage {
}
.multipleprofilesubheader {
                font-family: Century Gothic, Verdana, Arial;
	        font-size: 10pt;
                color: #8c8c8c;
}
.multipleprofiletext {
}


/* ---------- News Components ---------- */

.newsitembox {
}
.newsitemcell {
                text-align: justify;
                vertical-align: top;
                padding-top: 20px;
                padding-right: 20px;
                padding-bottom: 20px;
                padding-left: 20px;
}
.newsitemheader {
                font-family: Century Gothic, Verdana, Arial;
                font-size: 12pt;
                color: #00816d;
}
.newsitemlink {
	        font-size: 8pt;
}
.newsitemlink:hover {
}
.newsitemtext {
}


/* ---------- Calendar Components ---------- */

.calendaritemtable {
}
.calendaritemheader {
                font-size: 12pt;
                color: #00816d;
}
.calendaritemdate {
	        font-size: 10pt;
                color: #8c8c8c;
}
.calendaritemtext {
}


/* ---------- Shopping Cart ---------- */

.categoryPanel { 
                font-size: 9pt;
                font-weight: bold;
}
.categoryPathHeaderLine {
                padding: 12px;
                background-color: #cdcdcd;
}
.categoryPathHeaderLink {
                color: #00816d;
}
.leftCategoryColumn {
                display: block; 
                padding-top: 15px;
                padding-right: 0;
                padding-bottom: 15px;
                padding-left: 30px;
}
.rightCategoryColumn {
                display: block;
                padding-top: 15px;
                padding-right: 0;
                padding-bottom: 15px;
                padding-left: 30px;
}
.productbox {
                padding: 10px;
                margin-bottom: 30px;
                width: 100%;
                border-style: solid;
                border-width: 0px;
                border-color: #00816d;
}
.productimage {
                margin-top: 0; 
                margin-right: auto;
                margin-bottom: 0; 
                margin-left: auto;
}
.noimage {
                text-align: center; 
                vertical-align: middle; 
                margin-top: 0; 
                margin-right: auto;
                margin-bottom: 0; 
                margin-left: auto;
                width: 120px; 
                height: 120px; 
                border-width: 1px;
                border-style: solid;
                border-color: #00816d;
}
.productCatalogue-spacer-image {
                height: 164px;
}
.productCatalogue-spacer-image-wide {
                width: 168px;
}
.productheader {
                font-size: 10pt;
                font-weight: bold;
                padding-left: 4px;
                height: 18px;
}
.productheaderlink {
                font-size: 10pt;
                font-weight: bold;
}
.itemstable {
                width: 100%;
}
.productcolumnheader {
                font-size: 8pt;
                font-weight: normal;
                color: #ffffff;
                text-align: left;
                vertical-align: top;
                background-color: #00816d;
}
.productcolumnitemcode {
                font-size: 8pt;
                font-weight: bold;
                text-align: left;
                vertical-align: top;
                padding: 6px;
}
.productdescriptionheader {
                font-size: 8pt;
                font-weight: bold;
                padding: 8px;
                width: 200px;
}
.productcolumnprice {
                font-size: 8pt;
                font-weight: bold;
                padding: 6px;
                vertical-align: top;
}
.productdescription {
                font-size: 8pt;
                padding: 4px;
                text-transform: capitalize;
}
.productcolumnaddintocart {
}
.productcolumnattributes {
}
.addToCartImage {
                display: block;
                padding: 4px;
}
.producttext {
                padding-left: 4px;
                font-size: 9pt;
                color: #000000;
}
.producttext-taxes {
                font-size: 8pt;
                color: #9c9b9b;
                padding: 10px;
}

/* ----- Shopping Cart: Image Layout ----- */
.productlayouttableimage {
                border-top-style: solid;
                border-top-width: 0px;
                border-left-style: solid;
                border-left-width: 0px;
                border-color: #00816d;
}
.productlayoutsingleproduct {
                padding: 20px;
                border-right-style: solid;
                border-right-width: 0px;
                border-bottom-style: solid;
                border-bottom-width: 0px;
                border-color: #00816d;
}
.itemstableimage {
                height: 1px;
}
.productImageDisplay_itemRow {
}
.productdescriptioncell {
                font-size: 8pt;
                padding-right: 10px;
}
.price {
                font-size: 8pt;
                color: #000000;
                font-weight: bold;
}
.productsystemcode {
                padding-left: 4px;
                font-size: 8pt;
                color: #cdcdcd;
}


/* ----- Shopping Cart: Line Layout ----- */
.productboxlineitem {
                margin-top: 10px;
                margin-bottom: 20px;
                width: 100%;
                border-bottom-width: 1px;
                border-bottom-style: solid;
                border-bottom-color: #00816d;
}
.productbox-lineitem {
                width: 100%;
}
.itemstablelineitem {
                width: 100%;
}


/* ----- Shopping Cart: Checkout ----- */
.orderStep {
                padding: 5px;
                border-width: 1px;
                border-style: solid;
                border-color: #cdcdcd;
}
.activeOrderStep {
                font-weight:bold;
                color:#ffffff; 
                padding: 5px; 
                border-width: 1px;
                border-style: solid;
                border-color: #cdcdcd;
                background-color: #00816d;
}
.orderTable {
                margin-bottom: 5px;
                border-width: 0px;
                border-style: solid;
                border-color: #cdcdcd;
} 
.cartSubmitLine{
}
.cart-qty-input-field {
                width: 35px;
}
.cartbutton {
}
.cartcheckoutlink {
}
.cartcheckoutlink:hover {
}
.carttotaltext {
}
.continueShoppingButton { 
                font-size: 8pt;
}
.checkoutButton {
                font-size: 8pt;
}
.updateButton {
                font-size: 7pt;
}
.removeCartButton {
                font-size: 9pt;	
                margin-left: 0; 
                margin-right: 0;
}
.error {
                color: #FF0000;
} 
.invoiceItemDetail {
                display: block;
                font-size: 75%; 
}
.pricestrikethrough {
                text-decoration: line-through;
                font-size: 8pt;
}
.downloadtable{
}
.downloadlabels{
}
.downloadbutton{
}
.outOfStock {
}
.callForPrice {
}
#offsetaligntable {
}
.productMoreLink {
}
.projectImage {
}
.projectDetailImage {
}
.product_details_image {
                margin-bottom: 5px;
                margin-right: 5px;
}
.orderDetailsContinueTable {
}
.productPrice {
                font-size: 10pt;
}
.product-details-productdescription {
}
.attributeHeader {
}
.productCurrentPageSelection {
                font-weight: bold;
}


/* ----- Shopping Cart: Item Description Page ----- */
.productdetails-back-link {
                display: block;
                font-weight: bold;
                color: #000000;
                padding: 10px;
                background-color: #cdcdcd;
}
.productdetails-item-category-table {
                width: 75%;
                text-align: left;
                font-size: 8pt;
}
.productdetails-items-box {
                background-color: #00816d;
}
.product-details-colCode {
}
.product-details-colDescription {
}
.product-details-colAttributes {
}
.product-details-colPrice {
}
.product-details-description {
}
.productdetails-tax-categories-table {
                width: 100%;
                background-color: #fafafa;
}
.productdetails-in-categories {
                width: 100%;
                font-weight: bold;
}
.productdetails-taxes {
                font-weight: bold;
}
.productdetails-discounts {
                width: 100%;
                font-weight: bold;
}


/* ----- Shopping Cart: Cart Page ----- */
.shoppingCartTable {
}
.shoppingCartHeaderRow {
                font-size: 8pt;
                color: #ffffff;
                text-align: left;
                background-color: #00816d;
}
.shoppingcartrow {
                font-size: 8pt;
                vertical-align: middle;
                height: 40px;
}
.shoppingcarttotalline {
                height: 40px;
}
.shoppingcartupdatebar {
                font-weight: bold;
                font-size: 8pt;
}
.shoppingcartupdatebutton {
                font-size: 8pt;
}
.shoppingcartsubtotallabel {
                font-weight: bold;
                text-align: right;
                font-size: 8pt;
}
.shoppingcartsubtotal {
                font-weight: bold; font-size: 8pt;
}
.shoppingCartButtonBlock { 
                text-align: center; 
                display: block; 
                margin-bottom: 45px;
}
.shoppingcarttaxtotallabel{
                text-align: right;
                font-size: 8pt;
}
.shoppingcarttaxtotal{
                font-size: 8pt;
}
.shoppingcarttotallabel{
                font-size: 100%;
                font-weight: bold;
                text-align: right;
}
.shoppingcarttotal{
                font-size: 100%;
                font-weight: bold;
}
.shoppingcartdiscountsubtotal{
                color: red; 
                font-size: 8pt;
}
.shoppingcartdetailscell {
                font-size: 80%;
                padding-left: 10px;
                padding-bottom: 10px
}
.shoppingcartitemcell {
                background-color: #efefef;
}
.shoppingcartdiscountcell {
                color: red;
                background-color: #efefef;
}
.shoppingCartImgForm {
}
.shoppingCartAddIcon {
}


/* ---------- Miscellanious ---------- */

.header {
                display: none;
                font-size: 14pt;
                color: #b10000;
                line-height: 27px;
                padding: 0px;
                padding-bottom: 5px;
                background-repeat: repeat-x;
                background-position: bottom;
}
.small {
                font-size: 8pt;
}
.smlheader {
                font-size: 11pt;
                font-weight: bold;
}
.mainLink {
}
.bigtext {
                font-size: larger;
}
.data {
                width: 100%;
                font-size: 10pt;
}
.pageimage {
}
.pagetext {
}
.pgtable {
}
.pgtablecell {
}
.productmessage {
                padding-left: 4px;
}
#state_selection {
}
#stateSelect {
}
#state_input {
}
.tablehead { 
                font-size: 10pt;
                font-weight: bold;
}
#offsetaligntable {
}
#friendly-tools-row {
}


/* ---------- Text Components ---------- */

a {
                color: #00816d;
                font-weight: bold;
                text-decoration: none; 

}
a:hover {
                color: #2cc6ae;
}
tbody {
                height: 0px;
                font-size: 9pt;
}
ul {

}
li {
                list-style-type: none;
                background-image: url(uploadedFiles/sl_arrowicon001.gif);
                background-repeat: no-repeat;
                background-position: left 3px;
                padding-left: 20px;
}
p {
                font-size: 9pt;
                line-height: 12pt;
}
th {
                font-size: 8pt;
                font-weight: bold;
                padding: 6px;
}
h1 {
                font-size: 22pt;
}
h2 {
                font-size: 18pt;
}
h3 {
                font-size: 16pt;
}
h4 {
                font-size: 13pt;
}
h5 {
                font-size: 11pt;
}
h6 {
                font-size: 8pt;
}


/* ---------- Content Components ---------- */

.contentTableCell {
}
hr {
                width: 100%;
}
.break {
                display: block;
                margin: 0;
                padding: 0;
}
.headerbar {
                font-size: 10pt;
                color: #ffffff;
                background-color: #00816D;
                margin-bottom: 4px;
                padding-top: 6px;
                padding-right: 10px;
                padding-bottom: 6px;
                padding-left: 10px;
}
.homepanel {
                padding-top: 7px;
                padding-right: 12px;
                padding-bottom: 7px;
                padding-left: 12px;
                background-image: url(uploadedFiles/sl_home_round_edge.gif);
                background-repeat: no-repeat;
                background-position: bottom right;
                background-color: #f2f2f2;
}
.homelist li {
	list-style-type: none;
	background-image: url(uploadedFiles/sl_arrowicon001.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 20px;
}
.image2 {
float: right;
padding: 10px;
}