/*------------------------------------------------------------------

Site:              Emansio
Version:           1.0 - 12/11/08
Copyright:         ©2008 Emansio
Template design:   Jason Rainbird Studio www.jasonrainbird.com

------------------------------------------------------------------ */



/* ------------LAYOUT PROPERTIES------------ */

* { padding:0; margin:0; }
html { height: 101%; }
html, body { margin: 0; padding:0; font: normal 11px/17px Helvetica, Arial, Verdana, sans-serif; color: #555555; text-align:center; background:  #333333 ; }
table#layout { width:100%; }

#wrap {  margin: 0 auto; width: 930px; text-align: left; }
#content { /*width:512px; */ margin: 0 auto; width: 890px; text-align: left; }
.clear { clear: both; }

#header { height:70px;/*background: transparent url("../img/emansio_header_logo.gif") no-repeat top left;*/ position: relative;  }
#header .logo {position: absolute; top: 0; left: 0;}
#header .login {position: absolute; bottom: 0; right: 10px;}

#bannerMain { padding:0; margin:0 2px 22px 2px; height:406px; width:926px; background: #444444 url("../img/banner_main.jpg") repeat-x top left;   }
#bannerSub { padding: 0 0 0 0; margin:0 2px 22px 2px; height:220px; width:926px; background: #444444 url("../img/banner_sub.jpg") no-repeat top right; }
#bannerSub2 { padding: 0 0 0 0; margin:0 2px 22px 2px; height:220px; width:926px; background: #444444 url("../img/banner_sub2.png") no-repeat top right; }
#bannerSub3 { padding: 0 0 0 0; margin:0 2px 22px 2px; height:220px; width:926px; background: #444444 url("../img/banner_sub3.jpg") no-repeat top right; }
#bannerSub5 { padding: 0 0 0 0; margin:0 2px 22px 2px; height:220px; width:926px; background: #444444 url("../img/banner_sub5.png") no-repeat top right; }
#bannerSub6 { padding: 0 0 0 0; margin:0 2px 22px 2px; height:220px; width:926px; background: #444444 url("../img/banner_sub6.png") no-repeat top right; }
#bannerSub7 { padding: 0 0 0 0; margin:0 2px 22px 2px; height:220px; width:926px; background: #444444 url("../img/banner_sub7.png") no-repeat top right; }
#bannerSub8 { padding: 0 0 0 0; margin:0 2px 22px 2px; height:220px; width:926px; background: #444444 url("../img/banner_sub8.png") no-repeat top right; }
#bannerSub9 { padding: 0 0 0 0; margin:0 2px 22px 2px; height:220px; width:926px; background: #444444 url("../img/banner_sub9.png") no-repeat top right; }
#bannerSub10 { padding: 0 0 0 0; margin:0 2px 22px 2px; height:220px; width:926px; background: #444444 url("../img/banner_sub10.png") no-repeat top right; }
#bannerSub11 { padding: 0 0 0 0; margin:0 2px 22px 2px; height:220px; width:926px; background: #444444 url("../img/banner_sub11.png") no-repeat top right; }
#bannerSub12 { padding: 0 0 0 0; margin:0 2px 22px 2px; height:220px; width:926px; background: #444444 url("../img/banner_sub12.png") no-repeat top right; }
#bannerSub13 { padding: 0 0 0 0; margin:0 2px 22px 2px; height:220px; width:926px; background: #444444 url("../img/banner_sub13.png") no-repeat top right; }
#bannerMain2 { padding:0; margin:0 2px 22px 2px; height:406px; width:926px; background: #444444 url("../img/banner_sub4.png") repeat-x top left;   }


#leftMainCol { width:260px; float:left; padding:0 20px 0 0;}
#centreMainCol { width:410px; float:left; background : transparent url("../img/paragraph_border.gif") repeat-y top left ; padding:0 0 0 20px;}
#rightMainCol { width:150px; float:left; padding:0 0 0 20px;}
#leftSubCol { width:150px; float:left; padding:0 20px 0 0;}
#centreSubCol { width:520px; float:left; background : transparent url("../img/paragraph_border.gif") repeat-y top left ; padding:0 0 0 20px;}
#rightSubCol { width:150px; float:left; padding:0 0 0 20px;}

#footer { height:40px;}
#flashRight { float:right; width:370px; height:406px; overflow: hidden; }
#flashLeft { float:left; width:530px; height:406px;  }
#flashLeft2 { float:left; width:530px; height:406px; background-image: url(/img/75black.png); }
#flashLeft3 { float:left; width:530px; height:220px; background: #333333; opacity: 0.9; -moz-opacity: 0.9; filter: alpha( opacity = 90 ); }
#flashLeft4 { float:left; width:530px; height:220px; background-image: url(/img/50black.png); }


/* ------------ ROUNDED BOXES ------------ */

/* WRAP ROUNDED CORNERS */
#wrapWhite { padding:0 0 50px 0; margin:0 0 12px 0;  background : #FFFFFF url(../img/wrap_bg_tr.jpg) no-repeat top right ; top:0; right:0; width:930px; height: auto; position:relative;}
#wrapWhite .tl, #wrapWhite .bl, #wrapWhite .br { position : absolute; width : 5px; height : 5px; display : block; /* margin-bottom : -1px;   this is for IE */ }
#wrapWhite .tl { background : transparent url(../img/wrap_bg_tl.gif) no-repeat top left ; top: 0; left: 0; }
#wrapWhite .bl { background : transparent url(../img/wrap_bg_bl.gif) no-repeat bottom left; bottom: 0; left: 0;}
#wrapWhite .br { background : transparent url(../img/wrap_bg_br.gif) no-repeat bottom right; bottom: 0; right: 0; }

/* WARNING ROUNDED CORNERS */
.warning { background : #ff9133 url(../img/warning_tl.gif) no-repeat top left ; top:0; left:0; width:100%; height: auto; position:relative; margin:12px 0 24px 0; }
.warning .t-r, .warning .b-l, .warning .b-r { position : absolute; width : 3px; height : 3px; display : block; /* margin-bottom : -1px;   this is for IE */ }
.warning .t-r { background : transparent url(../img/warning_tr.gif) no-repeat top right ; top: 0; right: 0; }
.warning .b-l { background : transparent url(../img/warning_bl.gif) no-repeat bottom left; bottom: 0; left: 0;}
.warning .b-r { background : transparent url(../img/warning_br.gif) no-repeat bottom right; bottom: 0; right: 0; }

/* WARNING ROUNDED CORNERS */
.question { background : #ff9133 ; top:0; left:0; width:100%; height: auto; position:relative; margin:12px 0 24px 0; }
.question .t-r, .question .b-l, .question .b-r { position : absolute; width : 3px; height : 3px; display : block; /* margin-bottom : -1px;   this is for IE */ }
.question .t-r { background : transparent url(../img/warning_tr.gif) no-repeat top right ; top: 0; right: 0; }
.question .b-l { background : transparent url(../img/warning_bl.gif) no-repeat bottom left; bottom: 0; left: 0;}
.question .b-r { background : transparent url(../img/warning_br.gif) no-repeat bottom right; bottom: 0; right: 0; }


/* QUOTEBOX ROUNDED CORNERS */
.quoteBox { background : #e6e6e6 url(../img/quoteBox_tl.gif) no-repeat top left ; top:0; left:0; width:720px; height: 160px; position:relative; margin:0 0 24px 0; }
.quoteBox .t-r, .quoteBox .b-l, .quoteBox .b-r { position : absolute; width : 3px; height : 3px; display : block; /* margin-bottom : -1px;   this is for IE */ }
.quoteBox .t-r { background : transparent url(../img/quoteBox_tr.gif) no-repeat top right ; top: 0; right: 0; }
.quoteBox .b-l { background : transparent url(../img/quoteBox_bl.gif) no-repeat bottom left; bottom: 0; left: 0;}
.quoteBox .b-r { background : transparent url(../img/quoteBox_br.gif) no-repeat bottom right; bottom: 0; right: 0; }

/* RIGHTCOL ROUNDED CORNERS */
.rightColBg { width:150px; background:url("../img/rightColBg.gif") bottom left no-repeat; padding:0 0 4px 0; margin: 0 0 12px 0;  }
.rightColBg .top {  background:url("../img/rightColBg.gif") top left no-repeat; margin:0; padding:4px 0 0 0;}
.rightColBg .content { background:#eaeaea; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; padding: 6px;}


/* ------------TYPOGRAPHY------------ */

h1, h2, h3, h4, #bannerMain p, #bannerMain2 p, #bannerSub p, #bannerSub2 p, #bannerSub3 p, #bannerSub5 p, #bannerSub6 p, #bannerSub7 p, #bannerSub8 p, #bannerSub9 p, #bannerSub13 p, .quoteBox p, .warning p, .question p  { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}

h1 { font-size: 22px; line-height: 28px; font-weight:normal; padding: 0 0 0 0; color:#ff7600; margin: 0 0 12px 0; }
h1 strong { font-weight:normal; color:#009bc8; }
h2 { font-size: 20px; line-height: 20px; font-weight:normal; padding: 0 0 12px 0; margin: 0; color:#ff7600; }
h3 { font-size: 15px; text-transform:uppercase; line-height: 16px; font-weight:normal; padding: 0 0 12px 0; margin: 0; color:#ff7600; }
h4 { font-size: 15px; text-transform:uppercase; line-height: 16px; font-weight:normal; padding: 0 0 6px 0; margin: 0; color:#333333; }
h5 { font-size: 11px; line-height: 16px; font-weight:bold; padding: 0 0 0 0; margin: 0; color:#ff7600;  border-bottom: 1px solid #e5e5e5; }
input, textarea, select { border: 1px solid gray ; font-family:sans-serif ; border-radius: 5px ; }


ol { list-style-position: inside; padding: 0 0 12px 0; margin:0;}
ol li {  padding: 0 0 12px 0; margin:0; line-height: 18px;}

p, table { font-size: 12px; line-height: 18px; font-weight:normal; padding: 0 0 12px 0; margin: 0; color:#555; }
#bannerMain p,#bannerMain2 p, #bannerSub p, #bannerSub2 p, #bannerSub3 p, #bannerSub5 p, #bannerSub6 p, #bannerSub7 p, #bannerSub8 p, #bannerSub9 p, #bannerSub13 p { font-size: 16px; line-height: 24px; font-weight:normal; padding: 0 0 12px 40px; margin: 0; color:#FFFFFF; width:460px; }

#content strong { font-weight:bold; color:#777777; }

.warning p, .question p { font-size: 13px; text-transform:uppercase; line-height: 18px; font-weight:bold; margin: 0; color:#222222; padding:14px 5px 12px 50px;  }
#content .warning p strong { font-weight:bold; color:#FFFFFF;   }

.quoteBox p {  font-size: 18px;  line-height: 26px; font-weight:normal; margin: 0; color:#222222; padding:20px 20px 20px 0;  }


br { padding: 0 0 0 0;  }
.subhead  p { line-height: 18px; }

#leftcol a:link, #maincol a:link { color:#009bc8; text-decoration:none; }
#leftcol a:visited, #maincol a:visited { color:#009bc8; text-decoration:none; }
#leftcol a:hover, #maincol a:hover { color:#009bc8; text-decoration:underline; }

#footer p, #header p { color:#FFFFFF; padding:0 0 8px 0; }
#footer ul {margin:0; padding: 0 0 0 15px; list-style-type: none; }
#footer li { float: left;  font-size: 10px; line-height: 12px; padding: 0 10px 0 10px; color:#FFFFFF;   }
#footer a:link, #header a:link { color:#FFF; font-weight: normal; text-decoration:none; }
#footer a:visited, #header a:visited { color:#FFF; font-weight: normal; text-decoration:none; }
#footer a:hover, #header a:hover { color:#ff7600; font-weight: normal; text-decoration:none; }

blockquote { font-size: 16px; line-height: 22px; font-weight:normal; padding: 0 0 20px 0; margin: 0; color:#777; }
blockquote em { font-style:normal; font-weight:normal; color:#009bc8; }
#headPic blockquote { font-size: 16px; line-height: 22px; font-weight:normal; padding: 30px 0 20px 0; margin: 0; color:#fff; }

#content a:link {   color:#ff7600; font-weight: bold; text-decoration:none;}
#content a:visited { color:#ff7600; font-weight: bold; text-decoration:none;}
#content a:hover {    color:#ff7600; font-weight: bold; text-decoration:underline;}




/* ------------  H1 IMAGE REPLACEMENT ------------ */

h1.home { padding:0 0 0 0; margin:0 0 12px 0; width:520px; height: 106px; background:url(../img/h1_main.gif) no-repeat left top; text-indent: -999em; overflow: hidden; }
h1.products { padding:0 0 0 0; margin:0 0 12px 0; width:520px; height: 80px; background:url(../img/h1_products.gif) no-repeat left top;  text-indent: -999em; overflow: hidden; }
h1.products2 { padding:0 0 0 0; margin:0 0 12px 0; width:520px; height: 80px; background:url(../img/h1_main2.gif) no-repeat left top;  text-indent: -999em; overflow: hidden; }
h1.products3 { padding:0 0 0 0; margin:0 0 12px 0; width:520px; height: 80px; background:url(../img/h1_MultipleAccounts.gif) no-repeat left top;  text-indent: -999em; overflow: hidden; }
h1.downloads { padding:0 0 0 0; margin:0 0 12px 0; width:520px; height: 80px; background:url(../img/h1_downloads.gif) no-repeat left top;  text-indent: -999em; overflow: hidden; }





/* ------------MENUS------------ */

#mainMenu { /*text-align: left;  width:100%; height:50px;*/ }
ul#mainMenuList {margin: 0;  list-style-type: none; padding: 0 0 0 7px; width:100%; text-indent: -999em; overflow: hidden;}
ul#mainMenuList li { display:inline; }
ul#mainMenuList li a {  margin: 0; padding: 0; display: block; height:50px; }
a#menu-1 {background:url(../img/menu_1.gif) no-repeat left top; width:200px; float: left;}
a#menu-2 {background:url(../img/menu_2.gif) no-repeat left top; width:122px; float: left;}
a#menu-3 {background:url(../img/menu_3.gif) no-repeat left top; width:61px; float: left;}
a#menu-4 {background:url(../img/menu_4.gif) no-repeat left top; width:117px; float: left;}
a#menu-5 {background:url(../img/menu_5.gif) no-repeat left top; width:99px; float: left;}
a#menu-6 {background:url(../img/menu_6.gif) no-repeat left top; width:126px; float: right;}
a:hover#menu-1 { background-position:0 -48px; }
a:hover#menu-2 { background-position:0 -48px;}
a:hover#menu-3 { background-position:0 -48px; }
a:hover#menu-4 { background-position:0 -48px; }
a:hover#menu-5 { background-position:0 -48px;}
a:hover#menu-6 { background-position:0 -48px;}

ul#mainMenuList li a.active { background-position:0 -48px; cursor: default; }



#leftSubCol ul { margin: 0;  padding: 0 0 28px 0; list-style-type: none; }
#leftSubCol .menu li { margin: 0; padding: 0; display: block; border-bottom: 1px solid #e5e5e5; line-height: 28px; }
#leftSubCol .menu a:link {  padding: 0; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#777777; font-weight: normal; text-decoration:none;}
#leftSubCol .menu a:visited {  padding: 0; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#777777; font-weight: normal; text-decoration:none;}
#leftSubCol .menu a:hover {  padding: 0; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#ff7600; font-weight: normal; text-decoration:none;}
#leftSubCol .menu a#active, #leftSubCol .menu a#active:link {color:#222222; cursor: default;}
 


/* ------------IE BROWSER HACKS------------ */

/* position: relative; added to dingbats to avoid flickering issues */
/* FOUC - added to html file */
/* overflow:hidden; added to columns to stop them "breaking out" */
/* Empty Div used on "headNoPic" - DIV tags behave oddly and add extra height an HTML comment is put bettween the Div tags to solve this */


/* ------------PRINTER STYLES------------ */
 @media print{ 
#leftcol, #header, #headPic {display:none;} 
#maincol, .columnLeft, .columnRight, .column {width:100%; float:none; padding-left:0; padding-right:0;}
}




.smallText {
	font-size: 0.8em;
}