@charset "UTF-8";
/* CSS Document */

*{
margin:0px;
padding:0px;
}

html{ 
font-size:16px;
font: Verdana, Helvetica, Arial, sans-serif;
} 

body {
font: 62.5% Verdana, Arial, Helvetica, sans-serif;
background: #3C98C9 /*#666666*/;
background-image:url(source/bGroundGradient.jpg);
background-position:top;
background-repeat:repeat-x;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
}

#wrapper {
width: 950px;
/*min-height:1000px;*/
height:auto;
background: #FFFFFF;
/*background: #3C98c9 /*#666666*/;
/*background-image:url(source/bGroundGradient.jpg);
background-position:top;
background-repeat:repeat-x;*/
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 0px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
margin-top:20px;
}

#container{
padding:0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin:0px 0px 0px 0px;
height:auto;
/*min-height:800px /*1000px*/;
background-color:#FFFFFF;
}

#main{
width:930px;
height:auto;
/*min-height:860px;*/
background-color:#FFFFFF;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#header{
width: 950px;
height:115px;
background-image:url(source/headerBground.jpg);
background-position:top;
background-repeat:no-repeat;
}

/*#header img{
margin:15px 0px 0px 20px;
padding:0px 0px 0px 0px;
float:left;
}*/

#logo{
float:left;
width:650px;
height:80px;
background-image:url(source/header.jpg);
/*background-position:top;*/
background-repeat:no-repeat;
padding:20px 0px 0px 0px;
margin:20px 0px 0px 20px;
}

#feeds img{
margin:20px 0px 0px 16px;
padding:0px 0px 0px 0px;
}

#selectCountry img{
padding:0px 10px 0px 0px;
float:left;
}

#feedSearch{
/*background:red;*/
float:right;
width:250px;
height:100px;
}

#search{
padding:20px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#feeds{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#content{
width:930px;
min-height:600px;
/*background:#FFFFFF;*/
padding:0px 0px 0px 20px;
/*voice-family:"\"}\"";
voice-family:inherit;
width:950px;*/
}

#left ul{
padding:0px 0px 0px 0px;
margin:0 0 20px 30px;
}
#left ul li{
margin:0px 0px 2px 0px;
padding:0px 0px 0px 0px;
list-style-image:url(source/bullet.gif);
color:#666666;
}

#shoppingcart{
float: right;
font-size:6px /*8px*/;
height:25px;
}

#shoppingcart td{
font-size:0.8em;
}

#left{
float:left;
background:#FFFFFF /*green*/;
width:660px;
min-height:650px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#sidebar{
float:right;
background:#FFFFFF;
width:220px;
height:680px;
margin:0px 0px 0px 10px;
padding:5px 30px 0px 0px;
}

#nav{
width:/*650px*/ auto;
height:40px;
background-image:url(source/navigation.jpg);
background-repeat:no-repeat;
padding:5px 0px 0px 10px;
margin:0px 0px 0px 0px;
color:#FFFFFF;
}
#nav ul{
width:auto;
z-index:1000;
}
#nav li{
/*width:auto;*/
/*height:40px;*/
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}

#nav li a{
/*width:auto;*/
margin:0px 20px 0px 0px;
padding:0px 0px 0px 0px;
}

#flashBanner{
width:650px;
height:100px;
padding:0px;
margin:0px;
background:#FFFFFF;
}

#selectCountry{
width:220px;
height:35px;
padding-top: 5px;
}

#testimonial{
width:220px;
height:100px;
background:#FFFFFF;
margin:0px 0px 5px 0px;
}

#blogfeedhead{
background:url(source/feedh1.jpg);
height: 40px;
width: 225px;
background-repeat:no-repeat;
}


#blogFeed{
width:220px;
height:80px;
background:url(source/feed.jpg);
background-repeat:no-repeat;
padding:2px 0 0 0;
}
#blogfeedhead h1{
color:#FFFFFF;
font-size:1.5em;
padding:12px 10px 0;
margin:0px 0px 10px 0px;
}
#blogFeed p{
font-family: Helvetica, Verdana, sans-serif;
font-size:1.2em;
color:#333333;
padding:0px 0px 0px 10px;
}
#twitterfeedhead{
background:url(source/feedh1.jpg);
height: 40px;
width: 225px;
background-repeat:no-repeat;
}

#twitterFeed{
width:205px;
height:80px;
background:url(source/feed.jpg);
background-repeat:no-repeat;
padding: 6px 0 0 15px;
overflow:hidden;
}
#twitterFeed1{
width:172px;
height:80px;
background:url(source/feedBground.jpg);
background-repeat:no-repeat;
margin:0px 0px 10px 0px;
padding:0px 20px 10px 15px;
overflow:hidden;
}
#twitterFeed .tweeted{
margin:0px 0px 0px 5px;
padding:0px 0px 0px 0px;
}
#twitterfeedhead h1{
color:#FFFFFF;
font-size:1.5em;
padding:12px 10px 0;
margin:0px 0px 10px 0px;
}
#twitterFeed p{
font-family: Helvetica, Verdana, sans-serif;
font-size:1.2em;
color:#333333;
padding:0px 0px 0px 10px;
}
#twitterFeed ul li{
list-style-type:none;
list-style-image:none;
list-style:none;
}

#signUp{
width:220px;
height:185px;
/*background:#d9d9d9;*/
background:url(source/inTouch.jpg);
background-repeat:no-repeat;
margin: 0px 0px 0px 0px;
padding:45px 0px 0px 10px;
color:#666666;
}
#signUp td{
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
}

#register{
width:225px;
height:35px;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}
#register h1{
background:url(source/registerbtn.jpg);
background-repeat:no-repeat;
/*width:205px;*/
height:30px;
padding:12px 0 0 12px;
font-family: Helvetica, Verdana, sans-serif;
font-size:1.5em;
color:#FFFFFF;
}
#register a{
color:#FFFFFF;
text-decoration:none;
}

#pageContent{
width:660px;
margin:0px 0px 0px 0px;
padding:40px 0px 0px 0px;
}

#referfriend{
float:left;
margin-top:50px;

}
#referafriend {
background-image:url(/source/referafriend.jpg);
background-repeat:no-repeat;
height:30px;
padding:11px 0 0 15px;
}
#referafriend a {
color: #FFFFFF;
font-weight:bold;
}
#copyLeft{
width:180px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}
#copyLeft select{
width:150px;
}

#copyRight{
width:400px /*450px*/;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 40px 0px 20px;
float:right;
border-left:solid 1px #0066CC;
}

.greyBtn{}

#threeCol{
/*background:#d9d9d9;*/
width:660px;
min-height:210px;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-bottom:1px solid #0E4B7A;
height:230px;
background-image:url("/source/annborder.jpg");
}

#oneTwo{
/*background:yellow;*/
float:left;
width:430px;
height:auto;
min-height:250px;
}

#one{
/*background:orange;*/
float:left;
width:205px;
height:220px;
min-height:200px;
overflow:hidden;
}
#one h1{
background:url(source/feedh1206.jpg);
background-repeat:no-repeat;
/*width:205px;*/
height:30px;
padding:8px 0px 0px 10px;
font-family: Helvetica, Verdana, sans-serif;
font-size:1.5em;
color:#FFFFFF;
}
#one ul{
margin:0 -9px 0 30px;
padding:0px 20px 0px 0px;
border-right:solid 1px #0066CC;
}
#one li{
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
list-style-image:url(source/bullet.gif);
color:#666666;
}


#two{
/*background:red;*/
float:right;
width:205px;
height:220px;
min-height:200px;
overflow:hidden;
}
#two h1{
background:url(source/feedh1206.jpg);
background-repeat:no-repeat;
/*width:205px;*/
height:30px;
padding:8px 0px 0px 10px;
font-family: Helvetica, Verdana, sans-serif;
font-size:1.5em;
color:#FFFFFF;
}
#two ul{
margin:0 -9px 0 30px;
padding:0px 20px 0px 0px;
/*background:silver;*/
border-right:solid 1px #0066CC;
}
#two li{
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
list-style-image:url(source/bullet.gif);
color:#666666;
}

#three{
/*background:blue;*/
float:right;
width:210px;
height:auto;
min-height:250px;
}
#three h1{
background:url(source/feedh1206.jpg);
background-repeat:no-repeat;
width:210px;
height:30px;
padding:8px 0px 0px 10px;
font-family: Helvetica, Verdana, sans-serif;
font-size:1.5em;
color:#FFFFFF;
}
#three select{
width:180px;
margin:10px 0px 20px 10px;
}

#tile{
/*background:#d9d9d9;*/
width:660px;
height:250px;
min-height:250px;
margin:10px 0px 0px 0px;
padding:30px 0px 0px 0px;
}

#tileOneTwo{
/*background:yellow;*/
float:left;
width:430px;
height:auto;
min-height:250px;
}

#tileOne{
/*background:orange;*/
float:left;
width:205px;
height:auto;
min-height:250px;
}

#tileTwo{
/*background:red;*/
float:right;
width:205px;
height:auto;
min-height:250px;
}


#tileThree{
/*background:blue;*/
float:right;
width:210px;
height:auto;
min-height:250px;
}

#footer2{
clear:both;
height:100px;
background:url(/source/footerBg.jpg);
background-repeat:no-repeat;
padding:40px 20px 0;
width:910px;
}

#footer2 p{
color:#333333;
font-family:Helvetica,Verdana,sans-serif;
font-size:1.1em;
line-height:14px;
margin-top:4px;
}

#footer{
clear:both;
background:url(source/footerBground.jpg);
background-repeat:no-repeat;
height:64px;
padding: 60px 10px 0;
}
#footer-new{
     clear:both;
     height: 100px;
     width: 670px;
}
#footer-left {
float: left;
}
#footer-right {
float:right;
}

/*--- CATCH ALL STYLES ---*/
h1{
font-family: Helvetica, Verdana, sans-serif;
font-size:1.5em;
color:#333333;
margin:10px 0;
}

h2{
font-family: Helvetica, Verdana, sans-serif;
font-size:1.5em;
color:#333333;
margin-top: 70px; /*to fix the social functions stuffing up the heading on the blog layout*/
}

h3{
font-family: Helvetica, Verdana, sans-serif;
font-size:1.5em;
color:#333333;
border-bottom:solid 1px #0066CC;
margin-top: 70px;
}
h4{
font-family: Helvetica, Verdana, sans-serif;
font-size:1.2em;
color:#333333;
margin: 5px 0;
}

p{
font-family: Helvetica, Verdana, sans-serif;
font-size:1.2em;
color:#333333;
margin:0px 0px 15px 0px;
line-height:150%;
}

a{
color:#3399FF;
}

/*--- Dynamic Menu Styling ---*/
td.menu-item {
	color: #FFF;	
        padding: 4px;
}

td.menu-item-hover {
	color: #52BFFC;
        padding: 4px;
}

td.menu-item-selected {
	color: #52BFFC;
        padding: 4px;
}

td.submenu-item {
	color: #09396A;	
       padding: 4px;
	background-color: #b2e5ff;
display:block;
}

td.submenu-item-hover {
	color: #FFF;
        padding: 4px;
        background-color: #09396A;
display:block;
}

td.submenu-item-selected {
	color: #FFFFFF;
        padding: 4px;
        background-color: #09396A;
        display:block;
}
td.subsubmenu-item {
color: #FFFFFF;
        padding: 4px;
        background-color: #09396A;
        display:block;
}

td.subsubmenu-item-hover {
color: #FFFFFF;
        padding: 4px;
        background-color: #5dafd9;
        display:block;
}

td.subsubmenu-item-selected {
color: #FFFFFF;
        padding: 4px;
        background-color: #5dafd9;
        display:block;
}



/*--- Footer Menu Styling ---*/
td.ftmenu-item {
	color: #000;	
        font-size: 9px;
}

td.ftmenu-item-hover {
	color: #52BFFC;
font-size: 9px;
}

td.ftmenu-item-selected {
	color: #CCC;
font-size: 9px;

}
#left #nav table td {
       cursor:pointer;
}
#footer2 #footer-right table td {
       cursor:pointer;
}
/*----- GEOGRAPHIC PORTAL STYLES-----*/

#geoWrapper {
width: 950px;
/*min-height:1000px;*/
height:491px;
/*background: #FFFFFF;*/
/*background: #2484bf /*#666666*/;
/*background-image:url(source/bGroundGradient.jpg);
background-position:top;
background-repeat:repeat-x;*/
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 0px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
margin-top:20px;
padding:0px 0px 0px 0px;
}

#geoContainer{
padding:0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin:0px 0px 0px 0px;
width:950px;
height:500px;
/*min-height:800px /*1000px*/;
background-color:#FFFFFF;
/*background:yellow;*/
background-image:url(source/geo.gif);
background-position:top;
background-repeat:no-repeat;
}

#geoMain{
width:930px;
height:491px;
/*min-height:860px;*/
/*background-color:#FFFFFF;*/
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
/*background:purple;*/
}

#geoHeader{
width: 930px;
height:115px;
background-position:top;
background-repeat:no-repeat;
/*display:block;*/
/*background:orange;*/
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#geoLogo{
float:left;
width:910px;
height:75px;
background-image:url(source/logoBanner.jpg);
/*background-position:top;*/
background-repeat:no-repeat;
padding:20px 0px 0px 0px;
margin:20px 0px 0px 20px;
/*background:green;*/
}

#geoContent{
width:500px;
height:260px;
display:block;
/*min-height:300px;*/
padding:0px 0px 0px 20px;
margin:120px 0px 0px 0px;
/*background:red;*/
}

#geoContent h3{
font-family: Helvetica, Verdana, sans-serif;
font-size:2.2em;
color:#66CCFF;
border-bottom:solid 1px #66ccff;
padding:0px 0px 10px 0px;
margin:0px 0px 20px 0px;
}

#geoFooter{
clear:both;
background:url(source/geoFooter.gif);
background-repeat:no-repeat;
height:150px;
padding: 40px 10px 0px 10px;
}
#geoFooter-left {
float: left;
}
#geoFooter-right {
float:right;
}

#competition{
background:url(source/promoImg.jpg);
background-repeat:no-repeat;
background-position:left;
height:850px;
}

#competitionMY{
background:url(../../source/promoImgMY.jpg);
background-repeat:no-repeat;
background-position:left;
height:850px;
}

#competitionForm{
/*border: 1px solid #cccccc; */
padding: 6px;
width:320px;
margin:0px 0px 0px 320px;
/*background:#e9e9e9;*/
}
#competitionForm h2{
color:#FC9724;
font-size:2em; 
margin:0px 0px 20px 0px;
padding:0px 0px 20px 0px;
line-height:120%;
border-bottom:solid 1px #CCC;
}

#competitionForm table{
border: 1px solid #cccccc; 
padding: 6px;
width:320px;
margin:0px 0px 0px 0px;
background:#e9e9e9;
}

#sidebar-ipad{
background:url("/source/ipadbg.jpg") no-repeat scroll 0 0 #FFFFFF;
float:right;
height:880px;
margin:80px 0 0 10px;
padding:5px 15px 0 10px;
width:220px;
}

#cioGraphic{
background:url(source/imgCIO.jpg);
background-repeat:no-repeat;
background-position:left;
height:850px;
}
#cioForm{
/*border: 1px solid #cccccc; */
padding: 6px;
width:320px;
margin:0px 0px 0px 320px;
/*background:#e9e9e9;*/
}
#cioForm h2{
color:#0099ff;
font-size:2.5em; 
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
line-height:120%;
}
#cioForm h3{
color:#FC9724;
font-size:1.75em; 
margin:0px 0px 20px 0px;
padding:0px 0px 20px 0px;
line-height:120%;
border-bottom:solid 1px #CCC;
}

#cioForm table{
border: 1px solid #cccccc; 
padding: 6px;
width:320px;
margin:0px 0px 0px 0px;
background:#e9e9e9;
}