/* General */
body{background-position:0 -127px; line-height:1.5;}
#header {text-align:right; color:#fff;position:relative; }
#header a img{float:right;}

/* Navigation */
#menu{position:absolute; bottom:-1px; right:0px; text-align:left; height:28px;}
#bodywrap #navcrumb{clear:both; display:block; padding:10px 20px;background:#fff; color:#ccc; display:block; border-bottom:none; text-align:right; float:right;}
#bodywrap #navbar{float:none; position:static; padding:0 20px}
#bodywrap #header #navcrumb{clear:both; display:block; position;absolute; bottom:0; padding:10px 20px;background:#ccc; color:#003366; display:none;}
#bodywrap #header #navcrumb a{color:#003366; text-decoration:underline;}
#bodywrap #header #navbar{text-align:left;width:400px; float:left; top:60px; left:238px; position:relative; padding:0;}
#bodywrap #header #navbar h1,#middle #navbar h2 {margin:0;font-size:1.4em; font-weight:normal; padding:5px 0;}
#bodywrap #header #navbar h2 {margin:0;font-size:1.4em; font-weight:normal;}
#bodywrap #middle #navbar{position:absolute; top:70px; left:258px; z-index:1000}

/* the sidebar */
#sidebar {color:#555;font-size:0.89em;width:25%;padding:10px;background:#f0f0f0;border-right:1px solid #a6acad;}
#sidebar h4,#sidebar p {font-size:1em;margin-left:0;}
#sidebar .standout {background-color:#e0e0e0;padding:5px;color:#000;}
#sidebar .standout {color:#f00;}
#sidebar .submenu {border-top:1px solid #949494;}
/* want to make all ul's >> unless otherwise stated but since using old stuff - too high a risk */
#sidebar ul, #sidebar li {margin-left:20px;list-style:url(/gfx/listitem/raquo12.gif);}
#sidebar ul li {margin-left:auto;}
#needassistance {padding-left:20px;background:#ffffe6;}
#needassistance h2 {color:#4f4f4f;margin:0;padding:5px 3px;}
#needassistance p {font-size:1.3em;margin:3px;}

/* need to overwrite the location of the menu for regfree in IE only */
#productsmenu {margin-left:0!important;margin-left:1%;}

/* Button Styles */
.submitbutton {margin:7px 20px;}
.submitbutton {margin:7px 20px;}
div.submit {padding:0 15px;border-top:1px dashed #999;border-bottom:1px dashed #999;clear:both;height:34px;}
.submit p {background:#fff url(/gfx/bg_arrow.jpg) repeat-x;height:34px;}
div.submitwtext {height:50px;background-color:#eaeaea;margin:20px 0 0;border:none;color:#676767;}
.submit p, .submitwtext div {float:left;width:77%;margin:0;}
#orderButton{background:url(/gfx/button/order.gif);border:none; width:102px!important; height:23px; cursor:pointer;}
.continuebutton{background:url(/gfx/button/continue.png);border:none; width:102px!important; height:23px; cursor:pointer;}
.continueButton{background:url(/gfx/button/continue.png);border:none; width:102px!important; height:23px; cursor:pointer;}
.registerbutton{background:url(/gfx/button/register.png);border:none; width:102px!important; height:23px; cursor:pointer;}
.registerButton{background:url(/gfx/button/register.png);border:none; width:102px!important; height:23px; cursor:pointer;}
.enquireButton, #enquireButton{background:url(/gfx/button/enquire.gif);border:none; width:102px!important; height:23px; cursor:pointer;}
.searchButton{background:url(/gfx/button/search.png);border:none; width:102px!important; height:23px; cursor:pointer;}
#contentpanel {margin:0;background:#fff;font-size:1em;width:100%!important;width:98%; float:left; background:url(/gfx/myaccount/bg_diagonal.gif)}
#contentpanel td {vertical-align:top;}
.yellow_secureCheckout, .yellow_secureCheckout:focus { background:transparent url(/gfx/button/yellow_secureCheckout.gif); border: none; cursor:pointer; font-size: 0px !important; height:25px; width:120px !important; }
.yellow_continue, .yellow_continue:focus { background:transparent url(/gfx/button/yellow_continue.gif); border: none; cursor:pointer; font-size:0px; height:25px; width:74px !important; margin-left: 4px; }
.yellow_editDetails, .yellow_editDetails:focus { background:transparent url(/gfx/button/yellow_editDetails.gif); border: none; cursor:pointer; font-size:0px; height:25px; width:86px !important; }
.yellow_placeOrder, .yellow_placeOrder:focus { background:transparent url(/gfx/button/yellow_placeOrder.gif); border: none; cursor:pointer; font-size:0px; height:25px; width:90px !important; }

/* Sliding Door Buttons */
button.orderButton, button.enquireButton{border:0px; padding:0px 7px 0px 0px; cursor:pointer; font:normal 12px trebuchet ms, verdana, sans-serif; text-align:center; background:url(/gfx/button/order-right.gif) no-repeat center right; color:#0060b6; width:auto; overflow:visible; }
button.orderButton span, button.enquireButton span{position:relative; display:block; cursor:pointer; white-space:nowrap; padding:0px 0px 0px 28px; background:url(/gfx/button/order-left.gif) no-repeat center left; height:24px; line-height:24px; color:#0060b6; font-weight:bold;font-size:smaller;}
button.enquireButton span{background-image:url(/gfx/button/enquire-left.gif)}

button.buttonWaiting{background-image:url(/gfx/button/order-right-waiting.gif); color:#ffffc0}
button.buttonWaiting span{background-image:url(/gfx/button/order-left-waiting.gif); color:#ffffc0; }

/* the sidebar */
#sidebar {color:#555;font-size:0.89em;width:25%;padding:10px;background:#f0f0f0;border-right:1px solid #a6acad;}
#sidebar h4,#sidebar p {font-size:1em;margin-left:0;}
#sidebar .standout {background-color:#e0e0e0;padding:5px;color:#000;}
#sidebar .standout {color:#f00;}
#sidebar .submenu {border-top:1px solid #949494;}
/* want to make all ul's >> unless otherwise stated but since using old stuff - too high a risk */
#sidebar ul, #sidebar li {margin-left:20px;list-style:url(/gfx/listitem/raquo12.gif);}
#sidebar ul li {margin-left:auto;}

/* error format #error */
dl#error {margin:20px 25%;border:1px solid #c00;padding-top:0;text-align:left!important;}
dl#error dt {font-weight:bold;color:#fff; background-color:#c00; padding:3px 10px;}
dl#error dd {margin:2px 15px;}

/* MyAccount Stuff */
div#bodywrap div#myaccountbody {width:850px;}
div#bodywrap div#bodycontent table#tbl_myaccount {width:96%;}
#myaccountbody #navcrumb{float:none; clear:none;}

/* Order */
#summary span.productname, #summary span.domainname{font-weight:bold;}
#bodywrap #preamble{padding:20px}
table#tbl_ordertotal {width:90%;}
#regnsavepromotext {margin:20px}
#regnsavepromotable {margin:20px}
/*#vieworder-summary form{border:solid 1px #ccc;}*/
#vieworder-summary form.backwhite {border:none; padding:10px;}
#vieworder-summary{padding:10px 20px;}
div.head, div.productitem{border-bottom:solid 1px #ccc; margin:0; background:#fff}
div.head.alternate, div.productitem.alternate{background:#efefef}
div.formSection h3{border-bottom:solid 1px #ccc;}
div.backpaleyellow{background:#FFFFE8; padding-bottom:10px;border-bottom:1px dashed #000;}

/* Legacy Stuff */
table#contentpanel table {padding:0px; padding:10px;}
table center{text-align:left;}
table#contentpanel{padding:0; margin:0;}
.domsearch, .whiteblock{margin:0 62px 20px 62px; padding:10px; border:solid 1px #ccc;}
table table{width:100%;}

a.external{padding-right:13px; background:url(/gfx/icons/external.png) top right no-repeat;}s

/* Contact-us form */
table.contactus-form {width:95%; font-size:11px; border-collapse:collapse; margin-bottom:15px;}
table.contactus-form td {padding:3px 0px; vertical-align:middle; background:none; border-bottom:solid 1px #ddd;}
table.contactus-form td img {vertical-align:middle; margin-right:5px;}
table.contactus-form td.label {width:180px; text-align:right;}
table.contactus-form td span.red {margin-right:5px;}
table.contactus-form td.label label {}
table.contactus-form td.data {}
table.contactus-form td.text {padding:5px 4px;}
table.contactus-form td.data input {vertical-align:middle;}
table.contactus-form td.data select {vertical-align:middle;}
table.contactus-form tr#tr_accounttype td.data label {margin:0px 10px 0px 5px;}
table.contactus-form tr#tr_manageclients td.data label {margin:0px 10px 0px 5px;}
table.contactus-form td.data .inline {margin-left:5px;}
table.contactus-form tr#tr_accounttype td {padding-bottom:15px; border-bottom:0px;}
table.contactus-form tr#tr_accounttype td input {margin-top:2px;}
form#frm_accountdetails ul li {font-size:11px;}
table.contactus-form tr#tr_submit td {border-bottom:0px; padding-top:15px;}


/**********************
*  Password Recovery  *
**********************/

#recovery h1 { margin: -12px 0 0 10px; font-family:Arial,Helvetica,sans-serif; font-size:21px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin-bottom:10px; }
#recovery h2 {color:#0099CC; font-size:16px; font-weight:normal; margin: -4px 12px 0px 12px; font-family:Arial,Helvetica,sans-serif; font-size:16px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal;}
#recovery h5 {color:#336699; font-weight:normal; margin-bottom:0; margin-left:10px; padding:0; }
#recovery #sidebar .smallpromo h4 { font-size: 1em; background: #FBF8F3; }            
#recovery .formlabel { width: 180px; margin: 0px; padding: 0px; text-align: left; }
#recovery .formlabel { position: relative; top: 4px; left: 8px;  }
#recovery .smallpromo p { margin-left: 6px; }  
#recovery #sidebar { float: right; padding: 0; font-size: 1em; background: url('/gfx/products/sidenav_bg.gif') repeat-y; position: relative; top: -71px; }
#recovery #sidebar .smallpromo { background: #FFFFEE; margin:  0 0 0 8px; padding: 0px; }
#recovery #sidebar .smallpromo h4 { color: #0099CC; background: transparent; font-weight: normal; font-family:Arial,Helvetica,sans-serif; font-size:16px; border-bottom:0px; margin:6px 0 -10px 0; padding:7px 8px; }
#recovery #blurb { width: 710px; }
#recovery #stepOneForm { width: 710px; padding: 10px 0 2px 10px; margin: 8px 0 0 10px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
#recovery #stepOneForm #continueButton { position: relative; left: -40px; top: 0px; }
#recovery #optionsList { position: relative; left: -10px; }
#recovery #dividingBorder { height: 1px; width: 720px; border-bottom: 1px solid #DDDDDD; padding: 0px; margin: 0px; }
#recovery #stepThreeDivider { height: 1px; width: 720px; border-bottom: 1px solid #DDDDDD; padding: 0px; margin: 10px 0 0 10px; }
#recovery #stepThreeContainer { margin: 0px; padding: 0px; width: 740px; }
#recovery #stepThreeContainer h2 { margin-top: 0px; margin-bottom: -10px; position: relative; top: -4px; }
#recovery .tipDivider { padding: 10px; border-bottom: 1px dotted #DDDDDD; width: 720px; }
#recovery .tipDivider p { margin-left: 0px; width: 740px; }
#recovery table.contactus-form td { padding: 4px; }