﻿/*  Main Clears  */
body, h1, h2, h3, h4, div, p, ul, ol, li, iframe, form, fieldset, legend, input, table, tbody, thead, tfoot, tr, th, td, blockquote { margin:0px; padding:0px;}
body {font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; background-color:White; -webkit-text-size-adjust: none; font-size:12px; line-height: 18px;}
h1 {font-size:24px; padding:0 0 20px; color:#7ca8d4; font-weight:normal}
h2 {font-size:13px; padding:0 0 3px }
h3 {font-size:1.0em;}
h4 {font-size:1.0em;}
img {border-style:none;}
object { outline:none; }

p{ padding: 0 0 10px;}
p.links{ padding:0 0 25px !important}
a {color:#7CA8D4; text-decoration:none; outline-style: none; outline: none;}
	a:hover {text-decoration:underline; outline-style: none; outline: none;}
	a:active {outline-style: none; outline: none;}

a.titleLink {color:#666666; text-decoration:none; outline-style: none; outline: none;}
a.titleLink:hover {color:#7CA8D4; text-decoration:underline; outline-style: none; outline: none;}
a.titleLink:active {color:#7CA8D4; outline-style: none; outline: none;}

.clear{ float:left; clear:both; font-size: 0px;}	
.clearall{clear: both; padding: 0 0 0 0;}

/* --- SiteWide controls --- */

#SiteWrap{ position:relative; width:971px; margin:0px auto}
#BodyWrap{ float:left; clear:left; width:971px}
#BodyWrapMinHeight{ height: 305px; width:1px; float:right}

	#BreadCrumWrap{ height:5px; padding:5px 0 10px 30px; float:left; clear:left; font-size:17px; width:930px; }

/* --- image styling --- */

.leftImage {float: left; padding: 0 10px 0 0}

/* --- Header and Nav Work --- */

#header{ float:left; width:965px}
	#Logo { background: url("/images/logos/illumina.gif") no-repeat; width:113px; height:26px; float:left; margin:21px 0 0 20px}
		#Logo span{ display:none}
	#HeaderLinks{ float:right; padding: 15px 20px 0 0; clear:right}
/* --- Corp Links --- */
		#CorpLinks{ float:right; margin:5px 0 0}
			#CorpLinks li{ float:left; padding:0 10px 0 10px; font-weight:bold; list-style:none; border-right:1px #999 solid; font-size:10px; line-height:12px}
				#CorpLinks li.last{ border-right:none !important; padding-right:0px}
				#CorpLinks li a.Org{ color:#ffb441}
				#CorpLinks li a.Gre{ color:#b9c980}
				#CorpLinks li a.Blu{ color:#7CA8D4}
					
#mainNav{ float:left; clear:left}	
#mainNavBar{background:url("/images/layout/mainNavBG.png") repeat-x; width:966px; list-style-type:none; float:left; height:40px; margin-top:8px}
	#mainNavBar li{ float:left; margin-right:29px; color:#666}
		#Nav01 a span{width:106px; height:28px}
		#Nav02 a span{width:132px; height:28px}
		#Nav03 a span{width:123px; height:28px}
		#Nav04 a span{width:171px; height:28px}
		#Nav05 a span{width:171px;  height:28px}

		#mainNavBar li span.hot{ height:40px !Important}
	
		#Nav01,#Nav02,#Nav03,#Nav04,#Nav05,#Nav06{ margin:0 10px}
		#Nav01,#Nav01 a{width:106px; height:40px}
		#Nav02,#Nav02 a{width:132px; height:40px}
		#Nav03,#Nav03 a{width:123px; height:40px}
		#Nav04,#Nav04 a{width:171px; height:40px}
		#Nav05,#Nav05 a{width:171px; height:40px}


		#Nav01{ background:url("/images/layout/mainNavBG.png") repeat-x;  background-position:-20px -150px}
			#Nav01.On,#Nav01 a span.hot{ background:url("/images/layout/mainNavBG.png") repeat-x;  background-position:-300px -150px}
			#Nav01 a span.hot{ position:absolute; top:0px; z-index:1}
		#Nav02{ background:url("/images/layout/mainNavBG.png") repeat-x; background-position:-20px -200px}
			#Nav02.On,#Nav02 a span.hot{ background:url("/images/layout/mainNavBG.png") repeat-x; background-position:-300px -200px}
			#Nav02 a span.hot{ position:absolute; top:0px; z-index:1}
		#Nav03{ background:url("/images/layout/mainNavBG.png") repeat-x; background-position:-20px -250px}
			#Nav03.On,#Nav03 a span.hot{ background:url("/images/layout/mainNavBG.png") repeat-x; background-position:-300px -250px}
			#Nav03 a span.hot{ position:absolute; top:0px; z-index:1}
		#Nav04{ background:url("/images/layout/mainNavBG.png") repeat-x; background-position:-20px -300px}
			#Nav04.On,#Nav04 a span.hot{ background:url("/images/layout/mainNavBG.png") repeat-x; background-position:-300px -300px}
			#Nav04 a span.hot{ position:absolute; top:0px; z-index:1}
		#Nav05{ background:url("/images/layout/mainNavBG.png") repeat-x;background-position:-20px -300px}
			#Nav05.On,#Nav05 a span.hot{ background:url("/images/layout/mainNavBG.png") repeat-x;background-position:-300px -300px}
			#Nav05 a span.hot{ position:absolute; top:0px; z-index:1}


		li.dummyFirst, li.dummyLast{ width:10px; padding:0px; background:url("/images/layout/mainNavBG.png") no-repeat; background-position:-10px -50px; height:40px; width:10px; }
			li.dummyLast{background-position:-10px -100px; float:right !important; margin-right:0px  !important;}

	#mainNavBar li a{ float:left; display:block; position: relative}
	#mainNavBar a span.search{ color:#666; font-size:12px; padding-top:12px; position:absolute; text-align:center; text-transform:uppercase; top:0; z-index:20;}
	#mainNavBar a:hover span.search{ padding-top:13px;}
	#mainNavBar a:hover{ text-decoration:none !important}
		a .hot{ display:block; background:url("/images/layout/mainNavBG.png") repeat-x;}
			#Nav01 a .hot{background-position:-300px -150px}
			#Nav02 a .hot{background-position:-300px -200px}
			#Nav03 a .hot{background-position:-300px -250px}
			#Nav04 a .hot{background-position:-300px -300px}
			#Nav05 a .hot{background-position:-300px -300px}
			
	
	#SubNavWrap{float:left; position:relative; width:960px; z-index:50; }
	#SubNavWrap div{position:absolute; display:none }
		#Subnav1{ left:44px;}
		#Subnav2{ left:189px; }
		#Subnav3{ left:360px; }
		#Subnav4{ left:522px; }
		#Subnav5{ left:732px; }
		
	#SubNavWrap div ul li{padding-left:25px; background:url("/images/layout/dropDownBG.png") no-repeat; width:225px; list-style:none; float:left; clear:left}
	#SubNavWrap div ul li a{display:block; width:100%; padding:7px 0; color:#666}
	#SubNavWrap li.SecTitle a{}
		#SubNavWrap div ul li.dummyBot{ background:url("/images/layout/dropdownBG-dummybottom.png") no-repeat; height:25px}		   	   
		#SubNavWrap div ul li.dummyTop{ background:url("/images/layout/dropdownBG-dummytop.png") no-repeat; height:10px; line-height:0px}

/* --- FOOTER --- */
#footer{ float:left; clear:left; padding-top:15px }
    #BottomPadd{ height:20px; float:left; clear:left}
#footerTop,#footerBottom { clear:both; position:relative; width:960px; height:7px; background:transparent url(http://www.illumina.com/images/nav/footer_bg_sprite.gif) no-repeat;}
.footnotelink {text-decoration: none; color: #999999; font-weight: bold;}
.footnotelink a {color: #999999}
.footnotelink a:hover{ color: #7ca8d4; text-decoration: none;}
    #footerTop {background-position:0px 0px;}
    #footerBottom {background-position:0px -13px;}
    #footerContent {clear:both; position:relative; margin:0px; padding:2px 0px 2px 20px; width:938px; background-color:#eaeaea; border-left:solid 1px #e0e0e0; border-right:solid 1px #e0e0e0; font-size:11px !important; overflow:hidden;}
    #footerContent a {color:#666;}
        #footerContent a:hover {color:#7CA8D4;}
    #footerContent ul{ padding: 0 0 0 3px}
    #footerContent ul li {list-style-type:none; float:left; /*width:136px;*/ margin:0px; padding:4px 25px;}
        #footerContent ul li ul { margin-top:10px;}
        #footerContent ul li ul li {margin-right:0px; /*needed for IE6*/}
    #CopyrightWrap{float: left; clear:left; width:920px; padding:15px 20px}
    #Copyright{float:left; width:250px; font-size: 11px; line-height:11px;}
    #LinksWrap{width: 600px; float: right; font-size:11px; line-height:11px;}
		#LinksWrap a{ color: #666; display:block; padding:0px 15px; float:right}
		#LinksWrap a:hover{ color:#ffb441}
		#LinksWrap a.jp{background: url("http://www.illumina.com/images/home/home-japanese.gif") no-repeat; width:148px; height:13px}
		#LinksWrap a.cn{ background: url("http://www.illumina.com/images/home/home-chinese.gif") no-repeat -16px 0; width:54px; height:13px; padding-right:0px;}

/* --- Disclaimer --- */
#disclaimerWrapper {width:950px; margin: 0 5px 0 5px; padding: 0;}
#disclaimer{margin:0px; padding: 8px; font-size:11px; line-height: 13px; color: Gray;  border-style: dotted; border-color: #d7d7d7; border-width: 1px; text-align: left}

/* --- HomePage Layout --- */
	
	#HomeMainWrap{ float:left; clear:left; width:960px; height:405px; background: url("/images/layout/home-mainbg.png") no-repeat 0px -25px;}
	#HomeMainWrapBottom{ float:left; clear:left; width:960px; height:20px; background: url("/images/layout/home-mainbg.png") no-repeat 0px 0px;}
	#HomeMainInterWrapBottom{ float:left; clear:left; width:958px; height:19px; background: url("/images/home_main_visual_bottom.jpg") no-repeat ; margin:0 0 0 1px}
	#HomeMainInterWrap{ float:left; clear:left; width:958px; height:404px; background: url("/images/home_main_visual.jpg") no-repeat left bottom; margin:1px 0 0 1px; position:relative}
		#FormWraper{ position:absolute; top:100px; right:20px; width:270px; height:290px}
			#formWrapTop{width:210px; height:250px; background: url("/images/home_form_bg.png") no-repeat 0px -30px; padding:20px 30px 10px }
			#formWrapBottom{width:270px; height:20px; background: url("/images/home_form_bg.png") no-repeat; }
		#HomeCopyWrap{ width:250px; height:170px; position:absolute; top:105px; left:404px}
		#getFlash{ position: absolute; right:5px; top:5px}
		
/* --- Home --- */

#HomeHero{position: relative; float: left; width: 960px; height: 305px}
#homeBlurb{position: relative; float: left; width: 580px; padding: 20px 50px 0px 20px; font-family: Verdana; font-size: 14px !important; line-height: 18px}
#homeBlurb h1 {font-size: 12px; color: #666666}
#homeColumnWrapper{position: relative; float: left; width: 580px;}
    .homeColumn{position: relative; float: left; width: 290px; padding: 20px 0px 0px 0px;}
    .homeColumnHeader{width: 200px; padding:  10px 0 0 20px;}
        #homeColumn h2 {font-family:  Verdana; font-weight: bold;}
     .NewsList{list-style: none; width: 280px}
     .NewsList li{padding: 10px 10px 0}
     
/* --- Home Page Form --- */
#homeFormTop 
{
            background-image: url('/images/boxes/sprite_home_form.jpg'); 
            background-position: 0px 0px; 
            background-repeat: no-repeat; 
            height: 11px; 
            width: 287px
}

#homeFormBody
{
            background-image: url('/images/boxes/sprite_home_form.jpg'); 
            background-position: -286px 0px; 
            background-repeat: repeat-y; 
            width: 287px
} 

#homeFormBottom
{           background-image: url('/images/boxes/sprite_home_form.jpg'); 
            background-position: 0px -12px; 
            background-repeat: no-repeat; 
            height: 11px; 
            width: 287px
}    

/*--- Internal Page Form --- */

#pageFormTop 
{
            background-image: url('/images/boxes/sprite_sidekick_form.jpg'); 
            background-position: 0px 0px; 
            background-repeat: no-repeat; 
            height: 12px; 
            width: 240px
}   

#pageFormBody
{
            background-image: url('/images/boxes/sprite_sidekick_form.jpg'); 
            background-position: -241px 0px; 
            background-repeat: repeat-y;  
            width: 225px;
            padding: 5px 0 10px 18px
}
#pageFormBottom
{
            background-image: url('/images/boxes/sprite_sidekick_form.jpg'); 
            background-position: 0px -12px; 
            background-repeat: no-repeat; 
            height: 12px; 
            width: 240px
}

.txtBox { border: solid 1px #e5e5e5; height: 15px; width: 195px;}
.formLabel {padding: 10px 0 10px 0; font-family: Verdana; font-size: 11px !important}            
.formTable {font-family: Verdana; font-size: 10px !important;}		
.dropDown {border: solid 1px #e5e5e5; color: #666666;}
/* --- Tabs --- */
	#HomeTabsWrap{float:left; clear:left; width:625px;}
		#LeftTabWrap{float:left; width:310px; padding-left:15px }
		#CenterTabWrap,#RightTabWrap{float:left; width:283px; padding-left:15px }
			#LeftTabWrap{padding-left:0px !important }
			.TabsUL{width:310px; list-style-type:none}
			.TabsULRight{width:283px; list-style-type:none}
			.TabsUL li,.TabsUL li a{width:155px; float:left; height:32px}
				.TabsUL li.RightTabDummy{background: url("/images/layout/tab-sprite.png") no-repeat -160px -115px;}
				.TabsUL li a{background: url("/images/layout/tab-sprite.png") no-repeat 0px -35px; }
				.TabsUL li.sec a{background: url("/images/layout/tab-sprite.png") no-repeat -160px -35px; }
				.TabsUL li a:hover{background: url("/images/layout/tab-sprite.png") no-repeat 0px -75px; text-decoration:none;}
				.TabsUL li.sec a:hover{background: url("/images/layout/tab-sprite.png") no-repeat -160px -75px; text-decoration:none;}
				.TabsUL li a.At,.TabsUL li a.At:hover{background: url("/images/layout/tab-sprite.png") no-repeat; text-decoration:none; color:#666; font-weight:bold}
				.TabsUL li.sec a.At,.TabsUL li.sec a.At:hover{background: url("/images/layout/tab-sprite.png") no-repeat -160px 0px; text-decoration:none; color:#666; font-weight:bold}
				.TabsUL li a span{padding-top:14px; width:154px; text-align:center; float:left; position:relative;}
				.TabsUL li a:hover span{padding-top:12px; }
				.TabsUL li a.At span,.TabsUL li a.At:hover span{padding-top:10px; }
				.TabsUL li.sec a.At{ margin-left:-1px}
		.linkList{ float:left; padding:5px 0 0 15px;}
		.linkList li{font-size:11px; padding:0 0 0 0; float:left; clear:left; list-style: disc outside;}			
		.TabBodyWrap{ background: url("/images/layout/tabs-body.png") no-repeat; clear:left; float:left; height:235px; padding:15px; width:280px;}
			.TabBodyWrap div{ display:none}
			.TabBodyWrap div.On{ display:Block !important}
		.TabFooter{ background: url("/images/layout/tabs-footer.png") no-repeat; width:310px; height:8px; float:left; clear:left;}
		.TabBodyWrap2{ background: url("/images/layout/tabs-body.png") no-repeat; clear:left; float:left; height:235px; padding:15px; width:250px;}
			.TabBodyWrap2 div{ display:none}
			.TabBodyWrap2 div.On{ display:Block !important}
		.TabFooter2{ background: url("/images/layout/tabs-footer.png") no-repeat; width:283px; height:8px; float:left; clear:left;}
		
/* --- Forms --- */
	#formWrapTop form { color:#888;}
		#formWrapTop .formIntro {font-weight:bold; margin-bottom:5px;}
		#formWrapTop fieldset {position:relative; border-style:none;}
		#formWrapTop fieldset legend {display:none;}
		#formWrapTop fieldset ol li {list-style-type:none;}
		#formWrapTop fieldset label {margin-top:2px; display:block;}
			#formWrapTop fieldset label em { color:red;}
		#formWrapTop fieldset input.text { width:210px; height:15px; border:solid 1px #ccc;}
		#formWrapTop fieldset input:hover { border:solid 1px #7CA8D4;}
		#formWrapTop fieldset input.checkbox {margin-top:5px;}
		#formWrapTop fieldset select {width:210px; color:#666;}
		#formWrapTop #submitLink {margin-top:17px; margin-left:65px;}    
		#formWrapTop span.formErrorContent {font-size:9px; color:#7CA8D4; background-color:transparent;}

	span.formErrorContent { margin:0px 5px; padding:2px 10px; font-size:9px; font-weight:bold; white-space:nowrap; color:#fff; background:#7CA8D4}

	a.button2 {clear:both; position:relative; display:block; padding-left:20px; height:31px; cursor:pointer; text-decoration:none;}
	a.button2, a.button2 span {background:transparent url(/images/layout/button2_sprite.gif) no-repeat bottom left;}
	a.button2 span { display:block; float:left; padding:5px 12px 14px 6px; background-position:top right; white-space:nowrap; color:#666; font-size:9px !important; line-height:13px; cursor:pointer;} 
	a:hover.button2 span { color:#000;}
		a.buttonGo {background-position:-20px -96px;}
		
    div.frmItemWrapper
    {
        padding: 0 10px 10px 0;
    }

/* --- Subpage layout --- */
#LeadPageHero{ position: relative; float: left}
#HeroWrapper { position: relative; float: left}
#HeroWrapper p {padding-bottom: 20px;}

#LeftCol {width: 680px; padding: 20px 10px 10px 10px; float: left; position: relative}
#LeftCol h1 {font-size: 1.3em; font-weight: bold; padding: 0 0 10px 0; color: #666;}
#LeftCol h2 {font-size: 1.2em; font-weight: bold; padding: 0 0 10px 0}
#LeftCol h3 {font-size: 1em; font-weight: bold; padding: 0 0 10px 0}
#RightCol {width: 240px; padding: 10px; position: relative; float: left}
#SubTopContent {}
.LeadParagraph {font-family: Verdana, Helvetica, Sans-Serif; font-size: 1.2em; line-height: 20px}
.ListDefault { margin-left: 0; padding-left: 3em; padding-bottom: .8em}
.ListDefault li {margin-left: 0; padding-left: 1.5em; padding-bottom: .8em}

#sidebar
{
    
}
#calloutContentWrapper {    
    float:left;
    width:240px;   
    padding-left:20px;
}
    .calloutContent {
        padding:0px 15px;
        font-size:0.9em;  
        overflow:auto; /*fixes weird ghost text IE bug*/
        background-color:#f3f3f3;
    }
        .calloutContentTop, 
        .calloutContentBottom {
            width:240px; 
            height:15px;   
            background:transparent url(/images/boxes/simple_filled_sprite_240.gif) no-repeat;
        }
        .calloutContentTop {
            background-position:0px 0px;
        }
        .calloutContentBottom {
            background-position:0px -15px;
            margin-bottom:10px;
        }
    .calloutContent h2 {
        position:relative;
        text-align:center; 
        font-size:1.1em;
    }
    .calloutContent ul {
        list-style:none;
        margin:10px 3px 0px 3px;
    }
        .calloutContent ul li {
            line-height:1.2em;
            padding:6px 0px;
        }
        .calloutContent ul.toggleChild li {
            line-height:1.7em;
            padding:0px;
        }
        .calloutContent ul ul {
            list-style-type:disc;
            margin:0px 0px 15px 16px;
        }
        .calloutContent ul ul li {
            line-height:1.3em;
        }
    .calloutContent .profile {
        clear:both;
        position:relative;
        padding:20px 0px;
    }
        .calloutContent .profile img {
            float:left;
            margin:0px 10px 0px 0px;
        }
        
  




#SubPageLeft{ width:315px; margin-right:10px; float:left}
	#SubPageLeftNav{ background:transparent url(/images/layout/subpageleftnav-bg.png) no-repeat 0px -25px; width:315px; float:left; clear:left}
		#SubPageLeftNav .MinHeight{ width:1px; height:340px; float:right}
		#SubPageLeftNav div#Img{ margin:7px 0 0 1px; float:left; width:313px; height:268px; background-repeat: no-repeat}
			#SubPageLeftNav ul{ float:left; list-style-type:none}
				/* --- Left Nav styles --- */
				div.sideTabsWrapper {clear:left; float:left; width:270px; padding: 0 0 0 30px; margin:-6px 0px 10px}
					div.sideTabsWrapper div.sideTabs {float:left; width:240px; height:100%; }
					div.sideTabsWrapper div.sideTabs .sideTabsTop {width:240px; height:10px; background:transparent url(/images/layout/subpage-nav-bg.gif) no-repeat 0px -25px;}
					div.sideTabsWrapper div.sideTabs .sideTabsBottom { width:240px; height:10px; background:transparent url(/images/layout/subpage-nav-bg.gif) no-repeat; clear:both; float:left;}
					div.sideTabsWrapper div.sideTabs ul{background-color:#fff; list-style:none; width:238px; border-left:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; font-size:9px; padding:0px; margin:0px}
					div.sideTabsWrapper div.sideTabs ul li {border-top:solid 1px #e5e5e5; padding:0px; margin:0px; float:left}
					div.sideTabsWrapper div.sideTabs ul li.first {border-top:none;}
					div.sideTabsWrapper div.sideTabs ul li a {display:block; width:200px; padding:7px 28px 7px 10px; color:#666; font-size:12px}
					div.sideTabs ul li a:hover,div.sideTabs ul li.selected { background-color:#eee; text-decoration:none;}
					div.sideTabs ul li.selected a, div.sideTabs ul li.selected a:hover {background:#eee url(/images/layout/sideTabs_arrow.gif) no-repeat top left; background-position:98% 50%; text-decoration:none;}
					
	#SubPageLeftNavBottom{ background:transparent url(/images/layout/subpageleftnav-bg.png) no-repeat 0px 0px; width:314px; height:15px; float:left; clear:left; margin-bottom:10px}
	
#sidekick {float:left; padding:20px 10px; width:220px;
         /*background:url("/images/boxes/sidekick_240.gif") no-repeat scroll 0 0 transparent; */
}
#JumpLinks{ padding:10px 0px 20px}
	
	
/* --- SubPageLeftNav div Section Images --- */
	#SubPageLeftNav div.About{ background-image:url(/images/subpage_left/subpageleft-about.jpg)}
		
	
	
	#Callout{ background:transparent url(/images/layout/calloutBg.png) no-repeat 0px -25px; padding:20px 20px 10px; float:left; clear:left}
		.ProdLink{ margin-left:70px}
		#Callout h3,#Callout p{ width:275px}
	#CalloutBottom{ background:transparent url(/images/layout/calloutBg.png) no-repeat 0px 0px; width:314px; height:15px; float:left; clear:left}
	
	#SubPageRight{ width:640px; float:left}
		#SubPageBodyWrap{ background:transparent url(/images/layout/subpage-bodyBG.png) no-repeat 0px -25px; padding:20px 25px; float:left; width:588px; }
		#SubPageBodyWrap .MinHeight{ width:1px; height:679px; float:right}
		#SubPageBodyWrapBottom{ background:transparent url(/images/layout/subpage-bodyBG.png) no-repeat 0px 0px;  float:left; width:635px; height:20px }

div.RefIndent{padding-left:30px}

/* Site-wide controls -- */

.toggleParent {
    cursor:pointer;
    color:#7CA8D4;
}
.toggleParent:hover {
    text-decoration:underline;
}

.word {
	font-size: 1em;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.definition {
	font-size: .9em;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

/************************************************************** 
    MODALS
 **************************************************************/
.modalContent {
    display:none; /*hidden div until modal link is clicked*/
}
/*apply look & feel to modal inners below!!!*/
.modalStyle1,
.modalStyle2,
.modalStyle3 { 
    width:100%;
    height:100%; 
}
.modalStyle1 h2,
.modalStyle1 h3,
.modalStyle1 p,
.modalStyle1 ul {
    padding:10px 10px 0px 10px;
}
.modalStyle1 { /*don't use padding - spills out*/
    background:#f7f7f7 url(/images/modal/content_bg.gif) repeat-x bottom left; 
}
.modalStyle1 ul {
    list-style-type:disc;
    margin-left:37px;
}
.modalStyle2 h2,
.modalStyle2 h3,
.modalStyle2 p,
.modalStyle2 ul {
    padding:10px 10px 0px 10px;
}
.modalStyle2 { /*no gradient background*/
}
.modalStyle3 {
}

/************************************************************** 
    FANCY BOX
 **************************************************************/
div#fancy_overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	display:none;
	z-index:30;
}
* html div#fancy_overlay {
	position:absolute;
	height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
div#fancy_wrap {
	text-align:left;
}
div#fancy_loading {
	position:absolute;
	height:40px;
	width:40px;
	cursor:pointer;
	display:none;
	overflow:hidden;
	background:transparent;
	z-index:100;
}
div#fancy_loading div {
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:480px;
	background:transparent url('/images/modal/fancy_progress.png') no-repeat;
}
div#fancy_loading_overlay {
	position:absolute;
	background-color:#FFF;
	z-index:30;
}
div#fancy_loading_icon {
	position:absolute;
	background:url('/images/modal/fancy_loading.gif') no-repeat;
	z-index:31;
	width:16px;
	height:16px;
}
div#fancy_outer {
	position:absolute;
    top:0;
    left:0;
    z-index:90;
    padding:18px 18px 33px 18px;
    margin:0;
    overflow:hidden;
    background:transparent;
    display:none;
}
div#fancy_inner {
	position:relative;
	width:100%;
	height:100%;
	border:1px solid #BBB;
	background:#FFF;
}
div#fancy_content {
	margin:0;
	z-index:100;
	position:absolute;
}
div#fancy_div {
	/*background:#FFF;
	color:#000;*/
	height:100%;
	width:100%;
	font-size:1.2em !important;
	z-index:100;
}
img#fancy_img {
	position:absolute;
	top:0;
	left:0;
	border:0; 
	padding:0; 
	margin:0;
	z-index:100;
	width:100%;
	height:100%;
}
div#fancy_close {
	position:absolute;
	top:-12px;
	right:-15px;
	height:30px;
	width:30px;
	background:url('/images/modal/fancy_closebox.png') top left no-repeat;
	cursor:pointer;
	z-index:181;
	display:none;
}
#fancy_frame {
	position:relative;
	width:100%;
	height:100%;
	display:none;
}
#fancy_ajax {
	width:100%;
	height:100%;
	overflow:auto;
}
a#fancy_left, 
a#fancy_right {
	position:absolute; 
	bottom:0px; 
	height:100%; 
	width:35%; 
	cursor:pointer;
	z-index:111; 
	display:none;
	background-image:url(data:image/gif;base64,AAAA);
	outline:none;
}
a#fancy_left {
	left:0px; 
}
a#fancy_right {
	right:0px; 
}
span.fancy_ico {
	position:absolute; 
	top:50%;
	margin-top:-15px;
	width:30px;
	height:30px;
	z-index:112; 
	cursor:pointer;
	display:block;
}
span#fancy_left_ico {
	left:-9999px;
	background:transparent url('/images/modal/fancy_left.png') no-repeat;
}
span#fancy_right_ico {
	right:-9999px;
	background:transparent url('/images/modal/fancy_right.png') no-repeat;
}
a#fancy_left:hover, 
a#fancy_right:hover {
  visibility:visible;
}
a#fancy_left:hover span {
	left:20px; 
}
a#fancy_right:hover span {
	right:20px; 
}
.fancy_bigIframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent;
}
div#fancy_bg {
	position:absolute;
	top:0; 
	left:0;
	width:100%;
	height:100%;
	z-index:70;
	border:0;
	padding:0;
	margin:0;
}	
div.fancy_bg {
	position:absolute;
	display:block;
	z-index:70;
	border:0;
	padding:0;
	margin:0;
}
div.fancy_bg_n {
	top:-18px;
	width:100%;
	height:18px;
	background:transparent url('/images/modal/fancy_shadow_n.png') repeat-x;
}
div.fancy_bg_ne {
	top:-18px;
	right:-13px;
	width:13px;
	height:18px;
	background:transparent url('/images/modal/fancy_shadow_ne.png') no-repeat;
}
div.fancy_bg_e {
	right:-13px;
	height:100%;
	width:13px;
	background:transparent url('/images/modal/fancy_shadow_e.png') repeat-y;
}
div.fancy_bg_se {
	bottom:-18px;
	right:-13px;
	width:13px;
	height:18px;
	background:transparent url('/images/modal/fancy_shadow_se.png') no-repeat;
}
div.fancy_bg_s {
	bottom:-18px;
	width:100%;
	height:18px;
	background:transparent url('/images/modal/fancy_shadow_s.png') repeat-x;
}
div.fancy_bg_sw {
	bottom:-18px;
	left:-13px;
	width:13px;
	height:18px;
	background:transparent url('/images/modal/fancy_shadow_sw.png') no-repeat;
}
div.fancy_bg_w {
	left:-13px;
	height:100%;
	width:13px;
	background:transparent url('/images/modal/fancy_shadow_w.png') repeat-y;
}
div.fancy_bg_nw {
	top:-18px;
	left:-13px;
	width:13px;
	height:18px;
	background:transparent url('/images/modal/fancy_shadow_nw.png') no-repeat;
}
div#fancy_title {
	position:absolute;
	bottom:-33px;
	left:0;
	width:100%;
	z-index:100;
	display:none;
}
div#fancy_title div {
	color:#FFF;
	/*font:bold 1.2em Arial;*/
	padding-bottom:3px;
}
div#fancy_title table {
	margin:0 auto;
}
div#fancy_title table td {
	padding:0;
	vertical-align:middle;
}
td#fancy_title_left {
	height:32px;
	width:15px;
	background:transparent url(/images/modal/fancy_title_left.png) repeat-x;
}
td#fancy_title_main {
	height:32px;
	background:transparent url(/images/modal/fancy_title_main.png) repeat-x;
}
td#fancy_title_right {
	height:32px;
	width:15px;
	background:transparent url(/images/modal/fancy_title_right.png) repeat-x;
}
/************************************************************** 
    CONTACT FORM
 **************************************************************/
div.contactItemWrapper
{
    padding-bottom: 20px;
}
div.contactTitle
{
    font-weight:bold;
}
div.contactName
{    
}
div.contactDescription
{
}
div.contactLink
{
}



.table1 {
    margin-top:20px;
    border-collapse:collapse;
    text-align:left;
}
    .table1 th,
    .table1 td {
        padding:7px 5px;
    }
    .table1 thead tr {
        background-color:#efefef;
    }
        .table1 thead tr.subHeader th {
            background-color:white;
            border-bottom:solid 1px #999;
        }
        .table1 thead tr th {
            font-weight:bold;
            text-align:left; 
            border-top:solid 1px #7295bb;
            border-bottom:solid 1px #7295bb;
        }   
        .table1 thead tr th.compare {
            text-align:center;
        }  
        .table1 thead tr.multiLevelHeader th {
            border-left:solid 1px #7295bb;
            border-right:solid 1px #7295bb;
        } 
        .table1 thead tr.multiLevelHeader th.empty {
            background-color:#fff;
        }         
    .table1 tbody {
        font-size:0.9em;
    }   
        .table1 tbody tr.odd {    
            background:transparent url(../images/boxes/gradient_bg.gif) repeat-x top left;
        }
            .table1 tbody tr.odd td {    
                padding:20px;
            }
            .table1 tbody tr.odd td p {    
                margin-bottom:15px;
            }
            .table1 tbody tr.odd td div.col1 {    
                clear:both;
                float:left;
                margin-right:30px;
                width:200px;
                text-align:center;
            }
            .table1 tbody tr.odd td div.col1 h4 {   
                margin-bottom:5px; 
            }
            .table1 tbody tr.odd td div.col1 p {    
                margin-top:5px;
                font-size:0.9em;
                line-height:1.3em;
                text-align:left;
            }
            .table1 tbody tr.odd td div.col2 {    
                float:left;
                width:650px;
                text-align:left;
            }
            .table1 tbody tr.odd td div.col2 ul {    
                margin-left:17px;
            }
        .table1 tbody tr td,
        .table1 tbody tr th {
            border-bottom:solid 1px #efefef;
            vertical-align:top;
        }
        .table1 tbody tr th {
            font-weight:bold;
            text-align:left;
        }
        .table1 tbody tr td ul {
            margin-left:10px;
        }


/****************/
/*    Layout    */
/****************/

#HomeHero {
margin-bottom: 1.5em;
}

#information, 
#intro, 
#quickLinks {
margin-left: 1em;
}

#intro {
margin-bottom: 1em;
width:650px;
}

#contactForm {
float: right;
}

#information, 
#quickLinks {
float: left;
position: relative;
width:310px;
}

/**************/
/*    Tabs    */
/**************/

.tabList {list-style:none;margin:0;padding:0;}
.tabList li{float:left;text-align:center;width:50%;}
.tabList a{background:url("/images/layout/tab-sprite.png") no-repeat 0 -35px;display:block;font-weight:bold;padding:10px 0 4px;font-weight: normal;font-size: 11px;}
.tabList a:hover{background-position: 0 -75px; text-decoration: none;color: #70A0C8;padding: 8px 0 6px;}
.tabList .selected{background:url("/images/layout/tab-sprite.png") no-repeat 0 0;color: #666666;font-weight: bold;}
.tabList .selected:hover{background-position: 0 0;color: #666666;padding: 10px 0 4px;}

.tabBody {
clear: both;
border: solid 1px #E8E8E8;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-border-radius-topleft:0;
-webkit-border-top-left-radius:0;
-moz-border-radius-topright:0;
-webkit-border-top-right-radius:0;
border-top:none;
display: none;
min-height:200px;
padding:15px;
background-color: #fff; /* fallback color */
background-image: -moz-linear-gradient(100% 100% 90deg, #f9f9f9, #fff);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f9f9f9));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f9f9f9);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#f9f9f9)";

}

.On {
display: block;
}

.listOfLinks {
font-size:11px;
margin-left: 1em;
margin-bottom: 1em;
line-height:1.5;
}


    span#prevBtn, span#nextBtn {
    position: absolute;
    z-index: 10;
}
    span#prevBtn {
    left:10px;
    top:450px;
}
    span#nextBtn {
    left:755px;
    top:450px;
}
span#prevBtn a, span#nextBtn a {
    background: url("/images/slider-arrows.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 47px;
    width: 35px;
}
span#nextBtn a {
    background: url("/images/slider-arrows.png") no-repeat scroll -35px 0 transparent;
}
span#prevBtn a:hover {
    background: url("/images/slider-arrows.png") no-repeat scroll 0 -51px transparent;
}
span#nextBtn a:hover {
    background: url("/images/slider-arrows.png") no-repeat scroll -35px -51px transparent;
}
span#prevBtn a span, span#nextBtn a span {
    display: none;
}
