/* CSS Document */
/* STYLE SHEET DECLARATIONS
copyright 2006 Evolution 7 Web Design - http://www.evolution7.com.au
Do not reproduce without permission.*/

/*TEXT ONLY STYLE SHEET*/

/* GENERAL STYLES
-----------------------*/ 
body {background:#E8F6FA; margin:18px 0 0 0; padding:0px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#414141;}

IMG {border:0px;}

.clear {clear:both;}

A {color:#2D94B7; text-decoration:none;}
A:HOVER {color:#414141;}

UL {margin:0px; padding:0px;}
UL LI {list-style:none; padding:0 0 7px 0;}

H1 {color:#16628E; font-weight:normal; margin:0px;}
H1 SPAN {color:#42B8D7;}
H2 {font-weight:bold; margin:0px 0 10px 0; color:#16628E; width:500px;}

TABLE {background:#E1EFF3;}
TABLE TR.head {background:#F4F9FB;}
TABLE TR.head TH {color:#16628E; font-weight:bold;}
TABLE TR {background:#FFF;}
TABLE TR TH {color:#2D94B7; font-weight:normal;}
TABLE TR TD STRONG {color:#666;}

P.splash {margin:10px 0 0 0;}

.divider {width:500px; height:1px; background:#E0EEF2;}


/* LAYOUT STYLES
-----------------------*/ 
#wrap-top {width:765px; background:#FFF; margin-left:auto; margin-right:auto; text-align:right;}
/*#wrap-top DIV {width:232px; border-left:2px solid #E0F3F8; margin-left:531px;}*/
#wrap {width:765px; background:#FFF; text-align:left; margin-left:auto; margin-right:auto;}

#top-panel {width:765px; height:81px;}
#top-panel .logo {float:left; width:179px; height:42px; padding:16px 0 0 21px;}
#top-panel .logo-ibm {float:right; width:66px; height:26px; padding:15px 10px 0 0;}
#toolbox {float:right; width:500px; margin-top:-7px}

#access {float:right; width:auto; border-left:2px solid #E0F3F8; border-bottom:2px solid #E0F3F8; padding:6px 10px 0 0;}
#access UL {margin:0px; padding:0px 0 7px 5px; float:left;}
#access UL LI {display:inline; width:auto; color:#084454; list-style:none; padding:2px 5px 0 5px;}
#access UL LI A {color:#406f7b; text-decoration:none; cursor:pointer;}
#access UL LI A:HOVER {color:#1daccb; cursor:pointer;}
#access UL LI.start {background:none; padding:2px 3px 0 6px;}

#access UL.text-size {margin:-1px 0 0px 0px; padding:0 0px 0 0px}
#access UL.text-size li {background:none; padding:0px; display:inline; float:left; padding: 0 3px 0 0}
#access UL.text-size LI a {background:none; padding:0px;}
#access UL.text-size LI a:hover {cursor:pointer;}

#access UL.login {background:none; padding:0}
#access UL.login LI {background:none; padding:0}
#access UL.login LI a {color:#1daccb; }
#access UL.login LI a:hover {color:#084454;}

#content-wrap {width:765px; background:#FFF;}
#content-top {background:#FFF; width:765px; height:7px;}

#img-panel {width:732px; height:122px; background:#074B73; margin:0 0 2px 16px;}
#img-panel H1 {color:#FFF; font-weight:normal; margin:0px; padding:45px 31px 0 0; text-align:right;}

#img-panel-sp {width:732px; height:255px; background:#074B73; margin:0 0 0 16px;}
#img-panel-sp DIV {display:none;}
#img-panel-sp H1 {color:#FFF; font-weight:normal; margin:0px; padding:115px 31px 0 0; text-align:right;}

#content-area {width:732px; margin:0 0 0 16px; padding:0 0 2px 0;}
#content-col {float:left; width:571px;}
#content-col-sp {float:left; width:571px; height:163px;}
#right-col {float:left; width:161px;}

#content-pad {padding:39px 0 0 31px; width:500px;}
#content-pad-sp {padding:27px 0 0 31px; width:500px;}

.col-but {width:161px; height:53px; padding:2px 0 0 0;}
.col-but DIV {width:161px; height:53px;}

.col-but DIV.subscribe {background:#688290; color:#FFF; font-size:13px;}
.col-but DIV.subscribe STRONG {font-size:18px;}
.col-but DIV.subscribe STRONG.nobold {font-size:12px; font-weight:normal;}
.col-but DIV.subscribe A {width:153px; height:46px; display:block; color:#FFF; text-decoration:none; padding:7px 0 0 8px;}
.col-but DIV.subscribe A:HOVER {background:#5A717D;}

.col-but DIV.green-horizons a {font-size:18px; color:#229802; background:#effbe6; height:53px; display:block}
.col-but DIV.green-horizons a:hover {background:#dcf5c6}
.col-but DIV.green-horizons STRONG {display:block; padding: 15px 0 0 10px; font-weight:bold}

.col-but DIV.footy {background:#F3F7F9; color:#3FB7D7; font-size:13px;}
.col-but DIV.footy STRONG {font-size:16px; color:#16628E;}
.col-but DIV.footy STRONG.nobold {font-size:12px; font-weight:normal; color:#3FB7D7;}
.col-but DIV.footy A {width:153px; height:46px; display:block; color:#3FB7D7; text-decoration:none; padding:7px 0 0 8px;}
.col-but DIV.footy A:HOVER {background:#E5EEF3;}

.col-but DIV.az {background:#F3F7F9; color:#16628E; font-size:13px; height:47px; padding-top:6px;}
.col-but DIV.az SPAN {display:none;}
.col-but DIV.az STRONG {font-size:18px; color:#3FB7D7; padding:0 0 0 8px;}
.col-but DIV.az DIV {float:left; width:auto; height:10px; margin:0px;}
.col-but DIV.az DIV.products2 {padding:0 0 5px 8px; width:60px; display:block; background:url(../images/bg-but-divide.gif) no-repeat 65px 5px;}
.col-but DIV.az DIV.suppliers2 {width:65px; padding:0 0 5px 7px; display:block;}
.col-but DIV.az DIV A {color:#16628E; text-decoration:none;}
.col-but DIV.az DIV A:HOVER {color:#3FB7D7;}


/* NAV STYLES
-----------------------*/
#main-nav {width:749px; height:59px; margin:0 0 0 16px;}
#main-nav DIV {float:left; color:#FFF; height:57px; margin:0px 2px 0 0; background:#219CBD; font-weight:bold; font-size:15px;}
#main-nav DIV A {float:left; color:#FFF; display:block; text-decoration:none; height:57px;}
#main-nav DIV STRONG {padding:33px 0 0 8px; display:block;}
#main-nav DIV A:HOVER {background:#074B73; display:block;}
#main-nav DIV A.on {background:#074B73;}

#main-nav DIV.entertainment A {width:120px;}
#main-nav DIV.shopping A {width:137px;}
#main-nav DIV.holiday A {width:103px;}
#main-nav DIV.money A {width:123px;}
#main-nav DIV.living A {width:115px;}
#main-nav DIV.helping A {width:124px;}

#subnav {width:161px; background:#E9F0F4;}
#subnav .top {background:#E9F0F4; height:14px;}
#subnav .contentbg {background:#E9F0F4; background-position:bottom;}
#subnav UL {margin:0px; padding:0px;}
#subnav UL LI {list-style:none; color:#033C5C; padding:0 8px 10px 0; margin:0 0 0 0; text-align:right;}
#subnav UL LI A {color:#033C5C; text-decoration:none;}
#subnav UL LI A:HOVER {color:#2D94B7;}


/* CONTENT STYLES
-----------------------*/ 
.offer-panel {width:505px; height:71px; display:block; background:#FAFCFD; border:1px solid #E0EEF2;}
.offer-panel A {width:505px; height:71px; display:block; background:#FAFCFD; text-decoration:none; color:#414141;}
.offer-panel A:HOVER { background:#F6FAFC; color:#2D94B7; cursor:pointer;}

.offer-panel A.link {width:auto; height:auto; display:inline; background:none; color:#2D94B7; text-decoration:none; border:none;}
.offer-panel A.link:HOVER {background:none; color:#414141; cursor:pointer;}

.offer-panel .holiday1 {float:left; width:20px; height:71px;}
.offer-panel .holiday2 {float:left; width:20px; height:71px;}
.offer-panel .holiday3 {float:left; width:20px; height:71px;}
.offer-panel .holiday4 {float:left; width:20px; height:71px;}
.offer-panel .holiday5 {float:left; width:20px; height:71px;}
.offer-panel .holiday6 {float:left; width:20px; height:71px;}
.offer-panel .holiday7 {float:left; width:20px; height:71px;}

.offer-panel .entertainment1 {float:left; width:20px; height:71px;}
.offer-panel .entertainment2 {float:left; width:20px; height:71px;}
.offer-panel .entertainment3 {float:left; width:20px; height:71px;}
.offer-panel .entertainment4 {float:left; width:20px; height:71px;}
.offer-panel .entertainment5 {float:left; width:20px; height:71px;}
.offer-panel .entertainment6 {float:left; width:20px; height:71px;}
.offer-panel .entertainment7 {float:left; width:20px; height:71px;}

.offer-panel .shopping1 {float:left; width:20px; height:71px;}
.offer-panel .shopping2 {float:left; width:20px; height:71px;}
.offer-panel .shopping3 {float:left; width:20px; height:71px;}
.offer-panel .shopping4 {float:left; width:20px; height:71px;}
.offer-panel .shopping5 {float:left; width:20px; height:71px;}
.offer-panel .shopping6 {float:left; width:20px; height:71px;}

.offer-panel .money1 {float:left; width:20px; height:71px;}
.offer-panel .money2 {float:left; width:20px; height:71px;}
.offer-panel .money3 {float:left; width:20px; height:71px;}
.offer-panel .money4 {float:left; width:20px; height:71px;}
.offer-panel .money5 {float:left; width:20px; height:71px;}
.offer-panel .money6 {float:left; width:20px; height:71px;}
.offer-panel .money7 {float:left; width:20px; height:71px;}
.offer-panel .money8 {float:left; width:20px; height:71px;}
.offer-panel .money9 {float:left; width:20px; height:71px;}

.offer-panel .healthy1 {float:left; width:20px; height:71px;}
.offer-panel .healthy2 {float:left; width:20px; height:71px;}
.offer-panel .healthy3 {float:left; width:20px; height:71px;}
.offer-panel .healthy4 {float:left; width:20px; height:71px;}

.offer-panel .helping1 {float:left; width:20px; height:71px;}
.offer-panel .helping2 {float:left; width:20px; height:71px;}
.offer-panel .helping3 {float:left; width:20px; height:71px;}
.offer-panel .helping4 {float:left; width:20px; height:71px;}
.offer-panel .helping5 {float:left; width:20px; height:71px;}
.offer-panel .helping6 {float:left; width:20px; height:71px;}

.offer-panel .offer {float:left; width:380px; display:block; font-weight:normal;}
.offer-panel .offer STRONG {float:left; display:block; width:auto; height:15px; background:none; font-size:17px; font-weight:bold; padding:0 4px 5px 0;}
.offer-panel .offer STRONG.dark {color:#16628E;}
.offer-panel .offer STRONG.light {color:#008DB2;}
.offer-panel .offer SPAN {font-size:11px; color:#2D94B7; line-height:20px;}
.offer-panel .offer STRONG SPAN {font-weight:normal; line-height:normal;}

#form-box {width:500px; border-top:1px solid #E0EEF2; border-bottom:1px solid #E0EEF2; padding:20px 0 10px 0;}
#form-box .title {float:left; width:200px; padding:5px 0 0 0;}
#form-box .title2 {float:left; width:200px; padding:0 0 0 0;}
#form-box .title2 DIV {width:170px;}
#form-box .title2 SPAN {font-size:11px;}
#form-box .question {width:200px; font-size:11px; margin-left:200px; padding-bottom:3px}
#form-box .field {float:left; width:300px; padding:0 0 10px 0;}
#form-box .field DIV {width:200px; font-size:11px; padding:5px 0 0 5px;}
#form-box .field INPUT {border:1px solid #E0EEF2; background:#F5F9FA; padding:5px 0 4px 5px; font-size:12px; width:200px; font-family:Arial, Helvetica, sans-serif;}
#form-box .field SELECT {border:1px solid #E0EEF2; background:#F5F9FA; padding:2px 0 2px 5px; font-size:12px; width:208px;}
#form-box .field TEXTAREA {border:1px solid #E0EEF2; background:#F5F9FA; padding:5px 0 4px 5px; font-size:12px; width:200px; height:80px; font-family:Arial, Helvetica, sans-serif;}
#form-box .field .checkbox {border:none; background:none; width:auto;}
.privacy {float:left; width:auto; padding:17px 30px 10px 247px;}
.privacy2 {float:left; width:320px; padding:17px 30px 10px 0;}
.submit {float:left; width:auto; font-weight:bold; font-size:14px; margin-top:10px; border:1px solid #E0EEF2; display:block;}
.submit A {display:block; padding:5px 5px 5px 5px;}
.submit A:HOVER {display:block; background:#F5F9FA; color:#16628E;}
.submit-login {width:65px; font-weight:bold; font-size:14px; margin:10px 0 10px 200px; border:1px solid #E0EEF2; display:block;}
.submit-login  A {display:block; padding:5px 7px 5px 7px;}
.submit-login  A:HOVER {display:block; background:#F5F9FA; color:#16628E;}

.united {display:none;}
.angel {display:none;}

.validation {color:#CC0000;}

/* FOOTER STYLES
-----------------------*/
#footerbg {background:#FFF; height:55px; width:765px;}
#footer-box {width:730px; height:35px; background:#DCEBEF; margin:0 0 0 17px; font-size:11px; color:#6795A2;}
.copyright {float:left; width:120px; padding:11px 0 0 8px;}
.linksbox {float:left; width:370px; padding:11px 0 0 8px; text-align:center;}
.linksbox UL {margin:0px; padding:0px;}
.linksbox UL LI {display:inline; list-style:none; padding:0 8px 0 8px;}
.linksbox UL LI A {color:#6795A2; text-decoration:none;}
.linksbox UL LI A:HOVER {color:#2D94B7;}
.e7box {float:right; width:210px; padding:13px 0 0 0; font-size:9px;}
.e7box DIV {float:right; width:180px; text-align:right; padding:0 8px 0 0;}
.e7box A {color:#6795A2; text-decoration:none;}
.e7box A:HOVER {color:#2D94B7;}

#e7-link {float:right; width:220px; color:#aeaeae; font-family: arial; font-size:11px; margin: 9px 6px 0 0}
#e7-link a {display:block; float:right; padding:1px 5px 0 5px; color:#6795A2; text-decoration:none; height:17px;}
#e7-link a#web-design {background:none;}
#e7-link a:hover {background-position:bottom left; color:#2D94B7; }