/*********************************************************
 Order form styles for PurchaseControl used on order page
*********************************************************/
#content br.clear {
 clear: both;
}
 
#content form.orderform {
 margin: 0em;
}

#content form.orderform span.viewtitle {
 float: left;
 margin: 0;
 padding: 4px 0 2px 0;
 font-size: 1.2em;
 font-weight: bold;
}

#content form.orderform div.orderinfo {
 float: right;
 margin: 0;
 padding: 0px 0 2px 0;
}

#content form.orderform p {
 clear: both;
}

#content form.orderform p.order {
 margin: 6px;
 padding: 2px;
}

#content form.orderform input {
 float: none;
}

#content form.orderform input.domainname {
 /* float the .co.uk text up alongside textbox */
 float: left;
 background-color: #ffeedd;
}

#content form.orderform input.orderbutton {
 width: 23em;
 margin: 1em 0 0 4em;
 padding: 4px;
}

#content form.orderform p.nameaction {
 clear: both;
}

#content form.orderform select.nameaction {
 color: Navy;
}

#content form.orderform p.checkresult {
 margin: 2em 0 0 0;
 padding: 0 0 0 0;
 color: Red;
}

/*
 Fieldset on all views on purchase control
*/
#content fieldset.order {
 width: 550px;
 margin: 0 0 100px 0;
 padding: 2px 6px 2px 4px;
}

#content fieldset.order span.reqdmarker {
 margin: 0px 0 0px 0;
 padding: 0px 0 0px 0;
 font-weight: bold;
 color: Red;
 vertical-align: text-top;
}

#content fieldset.wide {
 width: 700px;
}

#content fieldset.order span.viewmsg {
 display: block;
 height: 20px;
 margin: 18px 0 0 20px;
 padding: 0;
 color: Green;
}

#content fieldset.order label.wide {
 width: 14em;
 color: Navy;
 border: 1px solid red;
}

#content fieldset.order .label {
 clear: both;
 float: left;
 margin: 0 auto;
 width: 10em;
 margin: 3px 2px 0 0;
 font-size: 1.0em;
 text-align: right;
}

#content fieldset.order input {
 margin: 0;
 padding: 0;
 font-size: 1.0em;
}

#content fieldset.order .inputbox {
 margin: 4px 0 4px 0;
 padding: 0;
 background-color: #ffeedd;
}

#content fieldset.order .invalid {
 background-color: #cc9999;
}

#content fieldset.order .required {
 float: left;
 margin: 0;
 padding: 0 0 0 4px;
 font-size: 0.9em;
}

#content fieldset.order textarea {
 width: 24em;
 height: 4em;
}

#content fieldset.order div.buttons {
 clear: both;
 width: 25em;
 margin: 20px 0 10px 20px;
 padding: 2px 0 0 0;
}

#content fieldset.order .back {
 float: left;
 margin: 0px 40px 0 0px;
}

#content fieldset.order .next {
 margin: 0px 0px 0 40px;
}

#content fieldset.order .summarylabel {
 display: block;
 clear: both;
 float: left;
 width: 10em;
 margin: 10px 0 0 0;
}

#content fieldset.order .wide {
 width: 16em;
}

#content fieldset.order .summarytext {
 display: block;
 margin: 10px 0 0 10.5em;
}

#content fieldset.order .addressinfo {
 display: block;
 width: 12em;
 margin: 10px 0 0 10.5em;
}

#content fieldset.order .nousage {
 text-align: center;
 color: Green;
}

#content fieldset.order .warning {
 color: Green;
}

#content fieldset.order input.warning {
 background-color: #66ff99;
}

/*
 End of order fieldset
*/

/*
 Divs on broadband page which change as mouse
 is moved over bandwidth data usage
*/
#content #scriptmenu {
 float: left;
 width: 160px;
}

#content .infowrapper {
 visibility: hidden;
}
/* info boxes describing each product */
#content .infobox {
 position: absolute;
 width: 500px;
 margin: 20px 10px 25px 10px;
 padding: 8px;
 text-align: left;
 color: Navy;
 background-color: #DAE8FE;
 border: 1px solid #6699ff;
}
/* info boxes with bandwidth usage */
#content .datainfo {
 position: absolute;
 width: 350px;
 margin: 10px 5px 5px 10px;
 padding: 8px;
 text-align: left;
 color: Navy;
 background-color: #DAE8FE;
 border: 1px solid #6699ff;
}

/*
 End of Divs which change onmouseover
*/


/*
 Table of AVG products
*/

#content fieldset.order table.avgproducts {
 clear: both;
 width: 100%;
 border-collapse: collapse;
 border: 1px solid #a0a0a0;
}

#content fieldset.order table.avgproducts tr {
 margin: 0;
 padding: 0;
 background-color: #e8e8e8;
}

#content fieldset.order table.avgproducts tr:hover {
 background-color: #666666;
 color: White;
}

#content fieldset.order table.avgproducts td {
 margin: 0;
 padding: 0;
 text-align: left;
 font-family: Helvetica, Arial, Verdana;
 font-size: 12px;
 border: 1px solid #a0a0a0;
}

#content fieldset.order table.avgproducts td.centre {
 text-align: center;
}

#content fieldset.order table.avgproducts td.name {
 width: 220px;
 padding: 1px 0 0 6px;
}

#content fieldset.order table.avgproducts td.licence {
 padding: 1px 0 0 6px;
}

#content fieldset.order table.avgproducts td.price {
 width: 80px;
 padding: 0px 10px 1px 6px;
 text-align: right;
}

#content fieldset.order table.avgproducts td.group {
 color: White;
 background-color: #3366cc;
 font-size: 12px;
 font-weight: bold;
 cursor: pointer;
}
/*
 End of Table of AVG products
*/

#content fieldset.order .radiolist {
 width: 30em;
}

#content fieldset.order .radiolist td {
 float: left;
}

#content fieldset.order .radiolist input {
 float: left;
 padding: 10px;
 font-size: 3em;
}

#content fieldset.order .radiolist label {
 clear: none;
 width: 12em;
 margin: 0px 4px 0px 2px;
 padding: 4px 4px 4px 4px;
 font-size: 1.2em;
 font-weight: bold;
}

#content fieldset.order p.small {
 font-size: 9px;
}