/* --------
   Boilerplate reset.css
   * Resets default browser CSS.
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
/*body { line-height: 1.5; background: #fff; margin: 1.5em 0; } */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; border:1px transparent #000; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/* Removes Firefox imposed outline */
a { outline: none; }


/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }


/* ------
MODS*/

/* Sets scrollbar to always be visible */
html { overflow-y:scroll;}

/*body { line-height: 1.5; margin: 0; padding:0; }*/

/* -------------------------------------------------------------- 
   
   Boilerplate typography.css
   * Sets up some sensible default typography.
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 12px; }


/* Default fonts and colors. */
body { font-family: Verdana, Helvetica, Arial, sans-serif; color:#666666;  		background-color: #ffffff;}
h1,h2,h3,h4,h5,h6 { font-family: Verdana, Arial, sans-serif; color:#8F3F97; font-size:1em;}
.lighter { font-weight:normal; font-size:1em;} 

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; line-height: 1 }
h2,h4,h6 { color:#7A7A7A; }

h1 { font-size: 1.5em; line-height: 1; margin-bottom: 0.25em; }
h2 { font-size: 1.2em; margin-bottom: 0.5em; font-weight:normal; }
h3 { font-size: 1.2em; line-height: 1; margin-bottom: 0.5em; }
h4 { font-size: 1.1em; line-height: 1; margin-bottom: 0.5em; }
h5 { font-size: 1.1em; margin-bottom: 0.5em; }
h6 { font-size: 1em; margin-bottom: 0.25em; }


/* Text elements
-------------------------------------------------------------- */

p, ul, ol, td, th, dl { font-size:11px;  }
p { margin: 0 0 1em; }

ul, ol { margin: 0 1em 1em 2em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #009; text-decoration: none; }
a:hover { text-decoration: none; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


tr#friendly-tools-row+tr { color:red;}
/* Tables
-------------------------------------------------------------- */

/*table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }*/
table, tr, td, td { margin:0; padding:0;}



/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }



.gettingstarted { background-color:#EFEFEF; padding:10px;  height:100%; }
.gettingstarted p { font-size:1em; margin:0; }
.gettingstarted img { border:1px solid #d2d2d2; padding:4px; display:block; margin:5px auto;  }

/*LAYOUT*/

#aligntable {
		text-align: center; 
		margin: 0px;  
		height: 100%;
		width: 100%; 
}

#maintable {  
		margin-bottom: 0px; 
		height: 100%; 
		margin-top: 0px; 
		width: 800px; 
		margin-left: auto; 
		margin-right: auto;
		background-image:url('uploadedFiles/background_repeat.jpg');
		background-position:left top;
		background-repeat:repeat-y;
/*		background-color:#ccc;*/

/*	background: url('uploadedFiles/main_bg.jpg') no-repeat scroll top left;*/
	
	
/*	height: 624px;*/

		
	}
#mainheader {
/*	padding-top:65px;*/
	height:178px;
}	
	

.bannertitle , .bannerslogan { display:none;}






/* 	
WebAlive Master Style Sheet
Last Updated: 29 February 2008
Callum Brown - callum.brown@webalive.com.au

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

#aligntable {
		text-align: center; 
		margin: 0px;  
		height: 100%;
		width: 100%; 
}
body { 
		

	


/*		background-image: url("http://webalive.biz/uploadedFiles/msbggradients.gif");*/


}

#hometable  { }
.landing {
	display:block;
	margin-top:8px;
	margin-right:8px;
}

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

a { 
		text-decoration: none; 
		color: #8F3F97;
		
}
a:hover { 
		color: #8F3F97; 
}

hr {
		width: 100%;
		height: 0px;
		border: none;
		border-top: 1px solid #000000;
}


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

#mainbodycell {	
		margin: 0px; 
		height: 100%; 
		width: 590px;
		
		background-image:url('uploadedFiles/footer.jpg');
		background-position:right bottom;
		background-repeat:no-repeat;
		padding-bottom:2em;
}

#mainbodytable  td { padding:10px; }
#mainbodytable  td.contentTableCell { padding:0px; }

#mainbodytable {
		margin:0;
		height: 100%; 
		width:588px;
		_width:590px;
		border:1px solid #ddd;
        
        
}
/*#mainbodytable>tbody>tr>td { width:100%; padding-left:1em; padding-top:1em;}
#mainbodytable { _padding-left:1em; _padding-top:1em;}*/

#maintable {  
/*		margin-bottom: 0px; 
		height: 100%; 
		margin-top: 0px; 
		width: 770px; 
		margin-left: auto; 
		margin-right: auto;*/
		margin-bottom:1em;
}



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

#bannerimage { 
		display: none; 
}
#mainheader {
	
	background-image:url('uploadedFiles/header_bar.jpg');
	background-position:left top;
	background-repeat:no-repeat;
/*		background-image: url("http://webalive.biz/uploadedFiles/msmainheader.gif"); */
/*		height: 150px;*/
}
.bannertitle { 
		display: none;
}
.bannerslogan {
		display: none;
}


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

#mainleftcell {
/*		background-color: #F1F1F1; */
	width: 180px; 
	margin: 0px;
	background-image:url('uploadedFiles/footer.jpg');
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-bottom:2em;
}
#navigationbox {
	width: 100%;
	padding-top:130px;
	background-image:url('uploadedFiles/navigation_top_bg.jpg');
	background-position:left top;
	background-repeat:no-repeat;
		
}
.leftbox { 
	margin:0; padding:0;
	width: 100%; 
			
}


.opennav, .nav { 
	background-image: url('uploadedFiles/nav_bar_bg.jpg');
	background-position: center bottom;
	background-repeat:no-repeat;
}
.opennav, .nav, .childnav {
	display:block;
	text-align:center;
	display: block;
	line-height: 30px;	
	color:#666;
 }


.childnav {	line-height:20px; font-size:0.9em; }
.childnav:hover { 
		

}
.childnavline { }


.pagenav { } 
.pagenav:hover { }



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

#formfieldSearch {
		width: 91px;
		height: 20px;
		color: #333333;
		font-family: Verdana, Arial,  Tahoma, sans-serif;
		
		border: 1px solid #cccccc;
		margin-left: 5px;
}
#searchbox { 
		display:none;
		width: 100%;
                 
}
#searchboxbutton { 
		
		height: 20px;
/*		background-image: url("http://webalive.biz/uploadedFiles/msbutton.gif");*/
 		background-repeat: repeat-x;
		width: 66px;
		text-transform: lowercase;
		padding-bottom: 2px;
		color: #333333;
		font-family: Verdana, Arial,  Tahoma, sans-serif;
		
		border: 1px solid #cccccc;
}
#submitinfobox {
}
.searchDirectoryColumnHeader{
}
.searchDirectoryColumnData{
}
.searchDirectoryFieldName{
}
.searchDirectoryResult {
		text-align: center;
}
.searchresultsinfo { 
		font-weight: bold;
}
.searchresultsline {
}
.searchresultslink {
}
.searchresultstable { 
		width: 100%; 
}
.searchresultstext { 
		 
}
.searchresultstitle { 
		 
		font-weight: bold;
}



/* ---------- Content Area ---------- */

.header {
	display:none;
/*	border-bottom: 1px solid #666666;*/
/*	margin-top: 12px;
	padding-bottom: 2px;
	font-weight: bold;
	color: #8F3F97;
	font-family: Verdana, Arial,  Tahoma, sans-serif;*/
		
}



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

.activeorderstep {
		padding-left: 2px;
		font-weight: bold;
		border: 1px #cccccc solid;
		padding-top: 2px;
		color: #333333;
		padding-right: 2px;
		padding-bottom: 2px;
}
.addtocartimage {
}
.attributeheader {
}
.callforprice {
}
.cart-qty-input-field {
		width: 35px;
		background-color: #ffffff; 
		
/*		background-image: url("http://webalive.biz/uploadedFiles/msinputbg.gif");*/
		background-repeat: repeat-x;
		border: 1px solid #cccccc;
}
.cartbutton {
}
.cartcheckoutlink {
}
.cartcheckoutlink:hover {
}
.cartsubmitline {
		margin-left: auto;
}
.carttotaltext {
}
.categorypanel {
		background-color: #F1F1F1;
}
.categorypathheaderline {
		background-color: #E7E7E7;
		height: 20px;
		padding-left: 5px;
		padding-top: 5px;
		font-weight: bold;
}
.categorypathheaderlink {
		
}
.changedetailsbutton {
}
.checkoutbutton {
		
}
.continueshoppingbutton {
		
}
.downloadbutton {
}
.downloadlabels {
}
.downloadtable {
}
.error {
		color: #FF0000;
}
.invoiceitemdetail {
		
		display: block;
}
.itemstable {
		width: 100%;
}
.itemstableimage {
		height: 1px;
		width: 100%;
}
.itemstablelineitem {
		width: 100%;
}
.leftcategorycolumn {
		margin-bottom: 4px;
		display: block;
		margin-right: 4px;
		margin-left: 4px;
		height: 30px;
		margin-top: 4px;
		float: left;
		width: 50%;
}
.noimage {
		margin-bottom: 0px;
		text-align: center;
		border: 1px solid #bcbcbc;
		margin-right: auto;
		margin-left: auto;
		height: 120px;
		margin-top: 0px;
		width: 120px;
		vertical-align: middle;
}
.orderdetailscontinuetable {
}
.orderstep {
		padding-left: 2px;
		border: 1px #cccccc solid;
		background-color: #f1f1f1;
		padding-top: 2px;
		color: #333333;
		padding-right: 2px;
		padding-bottom: 2px;
}
.ordertable {
		margin-bottom: 5px;
		border: 1px #cccccc solid;
}
.outofstock {
}
.price {
		
}
.pricestrikethrough {
		
		text-decoration: line-through;
}
.product-details-colattributes {
		text-align: left;
		font-weight: bold;
}
.product-details-colcode {
		text-align: left;
		font-weight: bold;
}
.product-details-coldescription {
		text-align: left;
		font-weight: bold;
}
.product-details-colprice {
		text-align: left;
		font-weight: bold;
}
.product-details-description {
		font-weight: normal;
}
.product-details-productdescription {
}
.productbox {
		width: 100%;
}
.productbox-lineitem {
		width: 100%;
}
.productboxlineitem {
		border-bottom: 1px solid #E0E0E0;
		width: 100%;
}
.productcatalogue-spacer-image {
		height: 164px;
}
.productcatalogue-spacer-image-wide {
		width: 168px;
}
.productcolumnaddintocart {
}
.productcolumnattributes {
}
.productcolumnheader {
		
		text-align: left;
		font-weight: bold;
}
.productcolumnitemcode {
		
		text-align: left;
		font-weight: bold;
}
.productcolumnprice {
		
		text-align: left;
		font-weight: bold;
}
.productcurrentpageselection {
		font-weight: bold;
}
.productdescription {
		
}
.productdescriptioncell {
		
}
.productdescriptionheader {
		
		text-align: left;
		font-weight: bold;
}
.productdetails-back-link {
}
.productdetails-discounts {
		font-weight: bold;
}
.productdetails-in-categories {
		
		font-weight: bold;
}
.productdetails-item-category-table {
		width: 100%;
}
.productdetails-items-box {
		background-color: #E0E0E0;
}
.productdetails-tax-categories-table {
		width: 100%;
}
.productdetails-taxes {
		
		font-weight: normal;
}
.productheader {
		font-size: 11pt;
		text-align: left;
		font-weight: bold;
}
.productheaderlink {
		font-size: 10pt;
		font-weight: bold;
}
.productimage {
		margin-bottom: 0px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0px;
}
.productimagedisplay_itemrow {
}
.productlayoutsingleproduct {
		padding-left: 3px;
		background-color: #E0E0E0;
		padding-top: 3px;
		padding-right: 3px;
		padding-bottom: 3px;
}
.productlayouttableimage {
		height: 1px;
		width: 100%;
}
.productprice {
		font-size: 10pt;
		text-align: left;
		font-weight: normal;
}
.productsystemcode {
		font-size: 6pt;
}
.producttext {
		font-size: 10pt;
}
.producttext-taxes {
		
		font-weight: normal;
}
.removecartbutton {
		
		margin-right: 0px;
		margin-left: 0px;
}
.rightcategorycolumn {
		margin-bottom: 4px;
		display: block;
		margin-right: 4px;
		margin-left: 4px;
		height: 30px;
		margin-top: 4px;
}
.shoppingcart-header-item {
		padding-left: 5px;
}
.shoppingcartaddicon {
}
.shoppingcartbuttonblock {
		margin-bottom: 45px;
		text-align: center;
		display: block;
}
.shoppingcartdetailscell {
		
		padding-left: 10px;
		padding-bottom: 10px;
}
.shoppingcartdiscountcell {
		background-color: #efefef;
		color: red;
}
.shoppingcartdiscountsubtotal {
		
		color: red;
}
.shoppingcartheaderrow {
		
		margin-bottom: 0px;
		text-align: left;
		background-color: #cccccc;
		margin-left: 10px;
		color: #000000;
		height: 20px;
		width: 100%;
}
.shoppingcartimgform {
}
.shoppingcartitemcell {
		background-color: #efefef;
}
.shoppingcartrow {
		
		width: 100%;
}
.shoppingcartsubtotal {
		
		font-weight: bold;
}
.shoppingcartsubtotallabel {
		
		text-align: right;
		font-weight: bold;
}
.shoppingcarttable {
		width: 100%;
}
.shoppingcarttaxtotal {
		
}
.shoppingcarttaxtotallabel {
		
		text-align: right;
}
.shoppingcarttotal {
		font-size: 10pt;
		font-weight: bold;
}
.shoppingcarttotallabel {
		font-size: 10pt;
		text-align: right;
		font-weight: bold;
}
.shoppingcarttotalline {
		border-top: 1px #cccccc solid;
}
.shoppingcartupdatebar {
		
		padding-left: 5px;
		background-color: #f1f1f1;
		height: 20px;
}
.shoppingcartupdatebutton {
		font-size: 7pt;
		height: 18px;
/*		background-image: url("http://webalive.biz/uploadedFiles/msbutton.gif");*/
		background-repeat: repeat-x;
		width: 66px;
		text-transform: lowercase;
		padding-bottom: 2px;
		color: #333333;
		border: 1px solid #cccccc;
		margin-left: 10px;
}
.updatebutton {
		font-size: 7pt;
}



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

input {
		background-color: #ffffff; 
		
/*		background-image: url("http://webalive.biz/uploadedFiles/msinputbg.gif");*/
		background-repeat: repeat-x;
}

select {
			
		border: 1px solid #000000;
}
.formfield { 
		
/*		background-image: url("http://webalive.biz/uploadedFiles/msinputbg.gif");*/
		background-repeat: repeat-x;
		border: 1px solid #cccccc;
		
		font-family: Verdana, Arial,  Tahoma, sans-serif;
		color: #333333;
}
.formheading { 
		font-weight:bold; 
		font-size: 11pt;
}
.formlabel { 
		font-size: 10pt;
}
.formvalue {
		font-size: 10pt;
}
.surveyBox {
}
.surveyHeader {
}
textarea {
}



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

#formfieldLoginPassword {
		height: 20px;
		width: 91px;
		
		font-family: Verdana, Arial,  Tahoma, sans-serif;
		color: #333333;
		border: 1px solid #cccccc;
}
#formfieldLoginUsername {
		height: 20px;
		width: 91px;
		
		font-family: Verdana, Arial,  Tahoma, sans-serif;
		color: #333333;
		border: 1px solid #cccccc;
}
#loginbox {
		display:none;
		margin-top: 0px;
		padding-top: 30px;
		width: auto;
		padding-left: 7px;
/*		background-image: url("http://webalive.biz/uploadedFiles/msboxbg.gif");*/
		background-repeat: no-repeat;
}
.edituserbutton {
}
.edituserlabel {
}
.editusertable {
}
.loginbutton {
		
		height: 20px;
/*		background-image: url("http://webalive.biz/uploadedFiles/msbutton.gif");*/
		background-repeat: repeat-x;
		width: 66px;
		text-transform: lowercase;
		padding-bottom: 2px;
		color: #333333;
		border: 1px solid #cccccc;
}
.logindata {
}
.loginform {
}
.loginhead {
		
		font-weight: bold;
		text-align: center;
		color: #333333
}
.loginlabels {
		
		color: #333333;
		text-transform: lowercase;
}
.loginlink {
		
		text-transform: lowercase;
		color: #666666
}
.loginlink:hover {
}
.logintable {
}
.logoutbutton {
}
.registerbutton {
}
.registerlink:hover {
}
.required {
		color: #ff0000;
}
.submitinfobutton {
		
		height: 20px;
		width: 120px;
/*		background-image: url("http://webalive.biz/uploadedFiles/msbutton.gif");*/
		background-repeat: repeat-x;
		text-transform: lowercase;
		padding-bottom: 2px;
		color: #333333;
		border: 1px solid #cccccc;
		margin-left: 0px;
		margin-right: 25px;
}
.submitinfolabels {
		font-size: 10pt;
}


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

#contactdetailsbox {
		margin-top: 30px;
		padding-left: 10px;
		width: auto;
}
.contactdetailslink {
		text-transform: lowercase;
		
/*		color: #666666;*/
}
.contactdetailslink:hover {
}
.contactdetailstext {
		
}



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

#snippetbox {
		width:180px;
		margin-left:10px;
		margin-top:10px;
}
.sidebar {
		width: 0px; 
}
.sidebarCart { 
		z-index: 1;
		position: absolute;
		top: 20px;
		right: 30px;
		background-color: #f1f1f1; 
		border: 1px #cccccc solid; 
		margin-top: 10px; 
		padding-left: 5px; 
		padding-right: 5px; 
		display: block;
		height: 170px;
		width: 100px;
		color: #333333;
/*		background-image: url("http://webalive.biz/uploadedFiles/msboxbg.gif");*/
		background-repeat: no-repeat;
		background-position: top center; 
}
.sidebarCartHeader { 
		font-weight: bold; 
}
.sidebarCartFreightNote {
		
}
.sidebarCartNumber { 
		margin-top: 0px; 
}
.sidebarCartTotal { 
		text-align: right; 
		color: #990000; 
}
.sidebarCheckoutLink{
		font-size: 8pt
}
.sidebarFeature { 
		background-color: #E7E7E7; 
		border: 1px #D7D7D7 solid; 
		margin-top: 10px; 
		padding-left: 5px; 
		padding-right: 5px; 
		border: 1px solid #0000cc;
		width: 0px; 
}
.sidebarFeatureHeader {
          font-weight: bold;
}
.sidebarFeatureNotes {
}
.sidebarFeaturePrice {
          text-align: right; 
          color: #990000; 
}



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

#state_selection {
}
#stateSelect {
}
#state_input {
}
#offsetaligntable {
}
#friendly-tools-row {
		display: none;
}
tbody { 
		height: 0px
}
.mainLink {
}
.bigtext { 
		font-size: larger; 
}
.tablehead { 
		font-size: 10pt; 
		font-weight: bold;
}
.data { 
		font-size: 10pt;
}
.small { 
		 
}
.smlheader { 
		font-size: 10pt; 
		font-weight: bold;
}
.pageimage {
}
.pagetext {
}
.pgtable {
}
.pgtablecell {
}
.productMessage {
}



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

.snippetcell { 
		 
/*		padding-left: 4px;*/
}
.snippetheader { 
		 
/*		white-space: nowrap;*/
}
.snippetlink { 
		font-weight: bold;
}
.snippetlink:hover { 
}
.snippettable {
}
.snippettext {
}


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

.calendaritemdate {
}
.calendaritemheader {
}
.calendaritemtable {
}  
.calendaritemtext {
}



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

.multipleprofileheader { 
		font-size: 10pt; 
		font-weight: bold; 
		color: #333333;
}
.multipleprofileimage {	
		float: right;
}
.multipleprofilesubheader { 
		font-weight: bold;
}
.multipleprofiletable {
}
.multipleprofiletext {
}



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

.newsitemcell {
}
.newsitembox {
}
.newsitemheader { 
		font-size: 10pt; 
		font-weight: bold; 
		color: #375aa5;
}
.newsitemlink { 
		
}
.newsitemlink:hover {
}
.newsitemtext {
}



/* ---------- Project Components ---------- */

.product_details_image {
}
.productmorelink {
}
.projectdetailimage {
}
.projectimage {
}
.projectscell {
		height: 130px;
		width: 50%;
		vertical-align: top;
}
.projectsdetailsimage {
		border: 1px solid #ececec;
		float: right;
}
.projectsimage {
}
.projectstable {
		width: 100%;
}