/* Colours
----------------------
bright blue = #97d8f7
main headings = #5b2910
brown links = #784e34
 */

/* Generic layout */
body {height:100%;width:100%;margin:0;color:#784e34;padding:0;margin:0;}
html {background:#97d8f7 url(../../images/bodyBackground.gif) repeat-x 0 0;margin:0;padding:0;}
body, td, input, select, dl, ul, dd, textarea, p, th {font-family:Arial;font-size:12px;}

/* 1.1 Generic elements */
input.button {cursor:pointer;color:#fff;border:0;font-weight:bold;font-size:13px;background-repeat:no-repeat;}
a.button {text-decoration:none;display:block;cursor:pointer;color:#fff;border:0;font-weight:bold;font-size:13px;background-repeat:no-repeat;line-height:35px;text-indent:30px;}
input.button:hover, a.button:hover {color:#c8eefd;}
input.buttonSmall {background: url(../../images/btnSmallBackground.gif);height:38px;width:96px;}
a.buttonSmall {background: url(../../images/btnSmallBackground.gif);height:38px;width:96px;}
input.buttonLarge {background: url(../../images/btnLargeBackground.gif);height:38px;width:126px;}


img {border:none;}

#divLoginPage {position:relative;min-height:648px;height:100%;width:1057px;margin:0 auto;
     background:url(/images/defaultbg.gif) no-repeat 0 0;top:0;}
     
    
#divLoginPage h1 {display:none;}
#divLoginPage #lblHelp {display:none;}

#divLoginPage #aAddToFavourites {position:absolute;top:0;right:163px;background:url(/images/btnAddToFavourites.gif) no-repeat;
    width:120px;height:23px;color:#fff;padding-left:35px;font-size:18px;text-decoration:none;line-height:18px;}
#divLoginPage #aAddToFavourites:hover {color:#fff;}
#divLoginPage h2 {margin:0;}

#divLoginPage #imgAwards {position:absolute;bottom:-100px;right:160px;width:420px;height:112px;}

/* box */
div.box {top:210px;position:absolute;height:255px;width:268px;padding:0 15px 0 15px;}
div.smallBox {top:210px;position:absolute;height:148px;width:189px;padding:0 15px 0 15px;}
div.box h3, div.smallBox h3 {margin:5px 0 10px 0;font-size:16px;line-height:30px;padding-left:25px;}


/* login */
#divLogin {left:140px;background:url(/images/loginBackground.gif) no-repeat 0 0;position:relative;}
#divLogin h3 {background:url(/images/loginBoxHeading.gif) no-repeat 1px 7px;}
#divLogin label {display:block;margin-bottom:3px;font-size:14px;}
#divLogin input.textbox {padding:5px;font-size:14px;width:200px;margin-bottom:8px;}
#divLogin #divLogMeInAutomatically {margin:0 0 8px;font-size:14px;height:30px;}
#divLogin #divLogMeInAutomatically span {position:relative;top:-1px;}
#imgLoginFail {position:absolute;z-index:100px;}
#spnForgottenPassword { font-size:12px;}
/* about us */
#divAboutUs {left:415px;background:url(/images/aboutUsBackground.gif) no-repeat 0 0;width:250px;}
#divAboutUs h3 {background:url(/images/aboutUsBoxHeading.gif) no-repeat 1px 7px;}
#divAboutUs #aMeetTheTeam {background:url(/images/meetTeamBoxSubheading.gif) no-repeat 0 0;margin-bottom:10px;}

#divAboutUs a {color:#784e34;text-decoration:none;padding:0 0 0 25px;margin:6px 0 0 0;line-height:17px;
    background: url(../../images/aboutUsBullet.gif) no-repeat 0 0;width:220px;display:block;}
#divAboutUs a:hover {background-position:0 -17px;}
#divAboutUs a.mainLink {color:#5b2910;background:none;padding-left:25px;}
#divAboutUs #aSupplierLogin {background:url(/images/supplierBoxHeadingBg.gif) no-repeat 0 2px;margin-top:10px;}
#divAboutUs #aContactUs {background:url(/images/contactUsBoxSubheading.gif) no-repeat 0 2px;margin-top:10px;}


/* sign me up */
#divSignMeUp {top:211px;left:690px;background:url(/images/signMeUpBackground.gif) no-repeat 0 0;height:122px;width:250px;}
#divSignMeUp h3 {background:url(/images/SignUpBoxHeading.gif) no-repeat 1px 7px;margin-bottom:0;}
#divSignMeUp span {display:block;}
#divSignMeUp em {color:#92daf0;font-style:normal;}
#divSignMeUp #btnSignUp {margin:10px 0 0px -3px;}



/* newsletter signup*/
#divNewsletterSignup {top:343px;left:690px;background:url(/images/newsletterSignupBg.gif) no-repeat 0 0;height:122px;width:191px;}
#divNewsletterSignup h3 {background:url(/images/newsletterBoxHeadingBg.png) no-repeat 1px 7px;margin-bottom:5px;}
#divNewsletterSignup #txtEmail {width:160px;margin:-5px 0 0 0px;}
#divNewsletterSignup #txtEmail.grey {font-style:italic;color:#aaa;}
#divNewsletterSignup #btnNewsletterSignUp {margin:5px 0 0px -3px;}



/* Forgot Email */
#divForgotEmail {width:424px;height:155px;}
#txtABTANumber {margin-left:30px;}
#divEmailMessage {margin-top:10px;height:40px;}
#divWaiting {background:url(/images/Waiting.gif) no-repeat 0px  4px;height:28px;padding:12px 0 0 40px;}
#divForgotEmail a.button {float:right;}


/* Forgot Email */
#divNewsletterConfirm {width:400px;height:100px;}