body
{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	
}
/* centers site at 1000px width */
#site
{
	position: relative;
	float: left;
	width: 850px;
}
/*
* > #site
{
	margin-left: -400px;
}
*/


#site h1
{
	color: white;
	margin-top: 0px;
	padding-top: 0px;
	text-align: center;
}

.sidepane
{
	float:right;
	width: 230px;	
	margin-right: 25px;
	margin-top: 5px;
}

#cartImage 
{
	color: #fff;
	font-weight: bold;
	border-left: #ccc 1px solid;
	border-top: #ccc 1px solid;
	border-right: #333 1px solid;
	border-bottom: #333 1px solid;
	background: #66CC00;
	padding: 3px;
	float: right;
	margin: 20px 92px 20px 20px;
	    text-decoration: none;
}

#cartImage a {
	color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding: 3px;
    text-decoration: none;
}

.voucher
{
	border: 1px dashed #666666;
	min-height: 200px;
	height: auto !important;
	height: 200px; 
	margin-bottom: 5px;
	padding: 4px;
}

.pack
{
	min-height: 0px;
}

.cartbg
{
	background: url("images/cart.png") no-repeat 90% 100%;	
}

.voucher .title
{
	font-weight: bold;
	padding: 2px;
	margin-bottom: 10px;
	background-color: #66CC00;
	color: white;
}
.voucher .orange_title
{
	font-weight: bold;
	padding: 2px;
	margin-bottom: 10px;
	background-color: #66CC00;
	color: white;
}
.voucher .blue_title
{
	font-weight: bold;
	padding: 2px;
	margin-bottom: 10px;
	background-color: #66CC00;
	color: white;
}
.voucher a
{
	text-decoration: none;
	color : black;
}
.voucher a:hover
{
	text-decoration: underline;
}
.voucher a img { border: none; }

.voucher .price
{
	float: right;
	text-align: right;
}

/* information block */
fieldset
{
	width: 500px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	padding-top: 20px;
	margin-left: 10px;
	border: 1px #999 solid;
	background: white;
}

fieldset label { padding-left: 10px; }
fieldset label:first { padding-top: 10px; }

/** msie7 hack for silly borders around .element input[type='radio'] controls */
input { 
	border: expression(this.type == "radio" || this.type == "checkbox" ? "none" : "1px solid"); 
	background: expression(this.type == "radio" ? "none" : "white")
}

#product_set {
	/* background: white url("images/prod_bg.png") repeat-x; */
}

legend
{
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 0;
	color: #333; 
	text-align: center;
	border: 1px #999 solid;
	background: #fff;
}

label
{
	float: left;
	width: 200px;
}

ul.formStatus
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 25px;	
}

ul.formStatus li { margin-bottom: 5px; }

ul.formStatus li.warning
{
	list-style-image: url("images/no.png"); 
}

ul.formStatus li.complete
{
	list-style-image: url("images/check.png");
}



#companyInfo { display: none;}

#type li { display: inline; }

#hType { list-style: none; margin: 0px; padding: 0px; margin-left: 200px;}

#imgAnimationBlock
{
	display: none; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 48px; 
	height: 48px; 
	z-index: 1;	
}

.element input
{
	border: 1px solid #666666;

	background: white no-repeat 100% 100%;
	
	margin: 1px;
}

.element ul
{
	background: no-repeat 100% 100%;
	
	margin: 1px;
	margin-right: 20px;
}

.element ul input { margin: 0px; border: none; background: white;}
.element ul li { margin-right: 20px; }

.form_empty input
{
	background: white;
	border: 1px solid blue;
}

.form_warning input
{
	background: white url("images/bullet_error.png") no-repeat 100% 100%;
	border: 2px solid red;
}

.form_valid input
{
	border: 1px solid green;
}

.infoBar
{
	min-height: 200px; 
	background: white url("images/info_bg.png") 90% 90% no-repeat;	
}

.doneBox
{
	color: black; 
	font-weight: bold; 
	padding: 3px; 
	text-align: center;
	border-left: #ccc 1px solid;
	border-top: #ccc 1px solid;
	border-right: #333 1px solid;
	border-bottom: #333 1px solid;
	background: #FFCC00;
}

.doneBox a {
	color: black;
        font-weight: bold;
        text-decoration: none;
}

#infoContent
{
	font-size: 11px;
	line-height: 15px;
	text-align: left;
}

.cartElement
{
	margin-bottom: 12px;
}

#dTLD
{
	width: 70px;
}