@charset "utf-8";

/*//////////////////////////*/
/* Tags and generic go here */
/*//////////////////////////*/

* {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

.headerText{
font-size: 22px;
color: #4D4D4D;
}

.mainText{
font-size: 14px;
color: #4D4D4D;
font-weight: normal;
}

.smallText {
font-size: 10px;
color: #4D4D4D;
font-weight: 900;
}

.mediumText {
font-size: 12px;
}

.justifyText{
text-align: justify;
}

.galleryHidden{
visibility: hidden;
}

.noUnderlineClass{text-decoration: none;}

.textBlue {
color: #007DB3;
}

.textGreen {
color: #99D100;
}

.textDarkGreen {
color: #769918;
}

.textOrange {
color: #DE5D00;
}

.textPurple {
color: #640073;
}

.tableborders {
border: 1px solid #000;
padding: 5px;
}


/*//////////////*/
/* DIVS GO HERE */
/*//////////////*/

#wrapper {
width: 950px;
height: auto;
margin-left: auto;
margin-right: auto;
}

/* Header area */

#header {
width: 100%;
height: auto;
float: left;
}

/* Menu navigation */

#navigation{
width:825px;
height: 27px;
margin-left: 10px;
margin-top: 54px;
float: left;
}

#shorthov {
width: 100px;
background-image:url(gfx-main/navbargs.png);
}

#shorthov:hover {
background-image: url(gfx-main/navbarOngs.png);
}

.menuItemDiv{
width: 160px;
height: 20px;
float: left;
}

.menuItemText{
width: 180px;
height: 20px;
float: left;
vertical-align: middle;
}

.menuTitle{
font-size: 11px;
color: #4D4D4D;
font-weight: normal;
padding-left: 11px;
}

.menuText{
font-size: 8px;
font-weight: bold;
}

/* Navigation right - Country select, My HulloMail */

#navigationRight{
width: 115px;
height: 27px;
float: left;

}

#myhulloBtnDiv{
width: 98px;
height: 28px;
font-size: 11px;
color: #FFFFFF;
text-align: center;
background-image: url(gfx-main/myhullomailBtng.png);
background-repeat: no-repeat;
float: right;
font-weight: bold;
text-decoration: none;
padding-top: 8px;
margin-top: 2px;
margin-right: 13px;
}

#myhulloBtnDiv p{
text-decoration: none;
}

#myhulloBtnDiv:hover{
text-decoration:underline;
background-image: url(gfx-main/myhullomailBtnOng.png);
}

/* Main content from here */

#maincontent {
width: 891px;
height: 260px;
background: url(gfx-main/smallContentBG.png) no-repeat;
margin-top: 5px;
padding: 25px;
}

#maincontentscroll {
width: 891px;
height: auto;
background: url(gfx-main/smallContentBG.png) no-repeat;
background-color: #e3e4e5;
margin-top: 5px;
padding: 25px;
}


/* Footer area */

#footer {
width: 950px;
height: 115px;
float:left;
margin-top: 10px;
}

#footerText {

font-size: 9px;
color: #4D4D4D;
text-align: center;
padding: 1em;
}

#footerText span {padding-left: 50px; padding-right:50px;}

#footerText a{
text-decoration: none;
color: #4D4D4D;
}

#footerText a:hover{
text-decoration: underline;
}

/* Slider */

#bannerHome{
width: 765px;
height: 295px;
float: left;
}

#slidescontainer {
width: 900px;
height: 274px;
margin-left: 3px;
overflow: hidden;
}

#slidenav {
width: 110px;
height: 24px;
background: url(gfx-main/slidenavbg.png) no-repeat;
position: relative;
top: -35px;
left: 780px;
padding: 5px;
font-size: 12px;
font-weight: bold;
color: #595959;
z-index: 1000;
}

#slidenav a {
font-size: 12px;
font-weight: bold;
color: #595959}
}

.navSlider{
float:left;
width: 100%;
height: 32px;
overflow: hidden;
position: relative;
margin: 4px;
}

/* Social, Ticker and Country */

#iconsBox {
position: relative;
left: -30px;
top: -5px;
margin-top: 0px;
float: left;
width: 155px;
text-align: center;
}

#ticker {
width: 735px;
height:30px;
overflow: hidden;
float:left;
margin-left: 0px;
font-size: 12px;
margin-top: 2px
}

#countrypopup {
width: 100px;
background-color: #d9e8f8;
font-size: 11px;
font-weight: bold;
border: 1px solid #186b99;
padding: 5px;
padding-top: 0px;
position: relative;
top: -345px;
left: 705px;
z-index: 999999;
}

.countrymenu a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
display: block;
padding: 0px;
padding-top: 0px;
background-color: #d9e8f8;
background-image: none;
text-align: left;
color: #000000;
height: 28px;
}

.countrymenu a:hover {
background-color: #75b5d9;
}

/* FAQ page */

#faqlinks{
width: 215px;
height: 285px;
border: #000000 1px solid;
overflow:auto;
float: left;
background-color: #FFFFFF;
}

#faqcontents{
width: 650px;
height: 285px;
border: #000000 1px solid;
overflow:auto;
margin-left: 15px;
float: left;
background-color: #FFFFFF;
}

.faqparent{
background-image: url(gfx-main/accordionClosedBG.png);
background-repeat: no-repeat;
background-color: #FFFFFF;
display: block;
font-size: 12px;
color: #4D4D4D;
font-weight: 600;
height: 18px;
padding-top: 5px;
padding-bottom: 5px;
width: 195px;
background-position: center;
}

.faqchild{
color: #4D4D4D;
font-size: 9px;
padding-left: 15px;
font-weight: 600;
background-color: #FFFFFF;
width: 188px;
padding: 0.5em;
}

.faqchild a{
color: #4D4D4D;
text-decoration: none;
}

.faqCont {
width: 600px;
padding: 15px;
text-align: left;
}

.faqContm {
padding: 15px;
text-align: left;
}

/* Hullo family */

#wrapperfam{
width: 750px;
height: auto;
margin-left: auto;
margin-right: auto;
}

#headerfam {
width: 750px;
height: auto;
float: left;
padding-top: 25px;
}

#contentfam {
width: 750px;
height: auto;
float: left;
padding-bottom: 20px;
}

#footerfam {
width: 750px;
height: auto;
float:left;
}

#introfam {
width: auto;
float:left;
padding-top: 20px;
}

#introfam img {
float: left;
padding-right: 30px;
}

#introfam p {
padding-top: 10px;
}

#maincontentfam {
width: 750px;
float:left;
padding-top: 40px;
}

#footerfamLeft {
width: 325px;
float: left;
}

#footerfamSep {
width: 50px;
float: left;
}

#footerfamRight {
width: 375px;
float: left;
}

#biopopupfam {
	width: 400px;
	height: 300px;
	background-image:url(gfx-main/hullofamBioBG.png);
	background-repeat: no-repeat;
	background-position: left;
	position: absolute;
	left: auto;
	top: 250px;
	z-index: 10000;
	margin-left: 175px;
}

/* Error pages */

#contentError {
width: 970px;
height: 442px;
float: left;
margin-left: 15px;
background-repeat: no-repeat;
background-position: left;
background-color:#F7F7F7;
}

#topAreaError{
width: 945px;
height: 35px;
background-image: url(gfx-main/logobarTopError.png);
background-position: bottom left;
background-repeat: no-repeat;
margin-left: 55px;
}

/* Devices */

.deviceColumnLeft{
float: left;
width: 190px;
height: auto;
}

.deviceColumnRight{
float: left;
width: 700px;
height: auto;
}