/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

.float-left {
	float: left;
}

.float-right {
	float: right;
}

a.bundles-link, a.hosted-link {
	display: block;
	width: 155px;
	height: 155px;
}

a.bundles-link:hover, a.hosted-link:hover {
	background-position: -155px 0px;
}

a.bundles-link {
	background: url(images/bundles-promo.jpg) no-repeat;
}

a.hosted-link {
	background: url(images/hosted-promo.jpg) no-repeat;
}

.big-box {
	width: 302px;
	height: 197px;
	display: none;
	overflow: hidden;
}

a.bundles-big-link, a.hosted-big-link, a.hsi-big-link {
	display: block;
	width: 302px;
/*	height: 175px;
	margin-left: 1px;*/
	height: 197px;
	margin-left: 0px;
	overflow: hidden;
}

a.bundles-big-link {
	background: url(images/bundles-big-promo.jpg) no-repeat;
}

a.hosted-big-link {
	background: url(images/hosted-big-promo.jpg) no-repeat;
}

a.hsi-big-link {
	background: url(images/hsi-big-promo.jpg) no-repeat;
}

a.bundles-big-link:hover,
a.hosted-big-link:hover,
a.hsi-big-link:hover {
	background-position: 0px -197px;
}



/* ASB Contact form */

#asb-contact-form {
	background: url(images/contact-form/bg-mid.gif) repeat-y;
}

#asb-contact-form-body {
	background: url(images/contact-form/bg-top.jpg) no-repeat;
	padding-top: 115px;
}

#asb-contact-form-ty {
	display: none;
	background: url(images/contact-form/bg-top-ty.gif) no-repeat;
	height: 280px;
	padding-top: 180px;
	padding-left: 38px;
	padding-right: 38px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #666666;
}

#asb-contact-form-ty div.asb-qualified,
#asb-contact-form-ty div.asb-unqualified {
	display: none;
}
/*
#asb-contact-form-ty div.asb-qualified {
	display: block;
}*/

#asb-contact-form-bottom {
	overflow: hidden;
	height: 14px;
	background: url(images/contact-form/bg-bot.gif) no-repeat;
}

form.request-call input {
	font-size: 1em;
}

form.request-call div.submit-cancel {
	position: relative;
	padding: 0 0 5px 19px;
}

form.request-call div.submit-cancel input.submit {
	float: left;
}

form.request-call div.submit-cancel div.submit-logo {
	float: left;
	background: url(images/contact-form/logo.gif) no-repeat;
	width: 133px;
	height: 28px;
	margin-top: 3px;
	margin-left: 15px;
}

form.request-call div.submit-cancel a {
	margin-left: 10px;
}

form.request-call p {
	color: #333;
}

form.request-call fieldset {
	border: 0;
	padding: 0;
	margin: 0 0 0px 0;
}

form.request-call fieldset legend {
	color: #333;
	margin-bottom: 1em;
	font-weight: bold;
}

form.request-call fieldset p.instructions {
	margin: 0 0 1em 1em;
}

form.request-call fieldset div.field {
	overflow: hidden;
	margin-bottom: 1em;
	padding-left: 5px;
	color: #333;
}

form.request-call span.required {
	color: #ec8103;
}

form.request-call fieldset div.plaintext {
	padding-left: 7px;
	padding-right: 10px;
}

form.request-call fieldset div.field label {
	float: left;
	display: block;
	width: 90px;
	color: #333;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}

form.request-call fieldset div.phone input#companyPhone {
	width: 80px;
}
form.request-call fieldset div.field label.companyPhoneExt,
form.request-call fieldset div.field label.phoneExt {
	width: auto;
}

form.request-call fieldset div.phone input#companyPhoneExt,
form.request-call fieldset div.phone input#phoneExt {
	width: 40px;
}

form.request-call fieldset div.field div.optin-checkbox {
	padding-left: 15px;
}

form.request-call fieldset div.field label.optinLabel {
	width: 260px;
	padding-left: 3px;
	padding-right: 0px;
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
}

form.request-call fieldset div.field p.note {
	clear: both;
	margin: 0 0 0 134px;
}

form.request-call fieldset div.field select,
form.request-call fieldset div.field textarea,
form.request-call fieldset div.field input {
	float: left;
}

form.request-call fieldset div.textbox input {
	width: 170px;
}

form.request-call fieldset div.time input {
	width: 70px;
}

form.request-call fieldset div.phone input {
	margin-right: 1em;
}

form.request-call fieldset div.account input,
form.request-call fieldset div.city input {
	width: 120px;
}

form.request-call fieldset div.postal-code input {
	width: 70px;
}

form.request-call fieldset div.postal-code span.sample {
	margin-left: 10px;
	position: relative;
	top: 0.2em;
	color: #333;
}

form.request-call fieldset div.comments textarea {
	width: 220px;
}

form.request-call fieldset div.terms label {
	white-space: nowrap;
	line-height: 18px;
}

form.request-call fieldset div.field div.radio {
	float: left;
	line-height: 20px;
	color: #333;
}

form.request-call fieldset div.field label.error {
	display: none;
	padding-left: 105px;
	width: 200px;
	text-align: left;
}

form.request-call fieldset div.field .error {
	color: red;
}

form.request-call #serverError {
	display: none;
}

span.asterisk {
	color: #ec8103;
}