/*
Title: Core Styles used within Virtual Office
Start Date: 8.28.08
Description: These are styles that will typically be used and not changed within a custom Virtual Office powered template.
*/

@import "vo-image.css";
@import "vo-form.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; vertical-align: baseline;	}
	
body { 	background: #000; margin: 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5; }

a img, a { outline: none; border: none; }
input:focus { outline: none; }

.clearfix:after {
	display: block; clear: both; 
	height: 0; content: "."; visibility:hidden;	
	}
	
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */

/* VO2 Overlay Styles
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

body.masked select {
	visibility: hidden;
	}	
		
body.masked #vo2-overlays object, body.masked #vo2-overlays select {
	visibility: visible;
	}

#mask {
	position: absolute; left: 0; top: 0;
	height: 100.01%; width: 100.01%; background-color: #4b5457;
	}	
		
#vo2-overlays {	
	overflow: visible; position: absolute; left: 0; top: 0; 
	height: 0; width: 100%; z-index:100;	
	}	
	
#vo2-overlays .pop { 
	position: absolute; background: #fff; border: 2px solid #000; z-index: 110;
	}
	
.hide {
	display: none!important;
	}

#address-add {
	margin-left: 4px; border: 1px solid #06f; padding: 2px 10px;
	font-size: 0.9em; color: #333;
	}

#pop-boxes {
	position: relative; display: none;
	}

#pop-address {
	width: 500px; height: 306px; margin: -7px 0 2px 0;
	}
	#pop-address #address-type input {
		float: none; width: auto;
		}
	#pop-address ul {
		margin: 0;
		}
	#pop-address legend {
		padding: 0 7px; margin-top: -5px;
		color: #06f;
		}
	#pop-address .item {
		margin-right: 10px;
		}
	#pop-address input {
		width: 169px;
		}
	#pop-address .submit {
		margin-left: 162px; border: 1px solid #06f;
		font-size: 0.9em; width: 171px;
		}

#vo2-overlays .pop-close {
	position: absolute; top: 0; right: 0; z-index: 5;
	display: block; height: 15px; width: 15px; margin: 3px 3px 0 0;
	background: url(../img/icons.png) no-repeat 0 -16px; text-indent: -9999px; cursor: pointer;
	}
	
/* Default Form Styles
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

form.default {
	position: relative; padding: 0 20px 20px 20px;
	}
		
form.default #checkout-progress {
	position: absolute; top: 0; right: 0;
	height: 30px; width: 150px;
	font-size: 1.4em; color: #888;
	}
	
form.default p {
	margin: 0;
	}
		
form.default ul {
	list-style: none;
	}
	
form.default ul li {
	height: 25px; margin: 0; clear: both;
	}
	
form.default ul li label {
	display: block; width: 150px; float: left; text-align: right; padding: 0 2px 0 0;
	}
	
form.default ul li input, form.default ul li select {
	float: left; font-size: 0.8em; margin-right: 5px; background: #fff; border: 1px solid #ccc;
	}
	
form.default fieldset {
	margin: 20px 0; border: 1px solid #ccc; padding: 10px;
	}
	
form.default input.submit {
	font-size: 1.2em;
	}