/*  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:11px; word-wrap: break-word;}
/*h1 {font-size:24px; padding:0 0 20px; color:#7ca8d4; font-weight:normal}   OLD---*/
#PageTitleWrap h1 {
    color:#666666;
    font-weight:bold;
    font-size:16px;
    padding:0 0 10px;
}
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.FootNote{ font-size:10px; font-style:italic; }
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;}
hr{ background-color:#CCCCCC; border:0 none; color:#CCCCCC; height:1px; margin:10px 0 20px;}

div.clear
{
    clear:both; 
    line-height:0px;
}	

.Red{ font-weight:bold; color:Red}

/* --- SiteWide controls --- */

#SiteWrap{ position:relative; width:960px; margin:0px auto}
#SiteWrapModal
{
    position:relative; 
    width:600px; 
    margin:0px auto;
}
#BodyWrap 
{
    float:left; 
    width:960px;
    padding-top: 0px;
}
#BodyWrapModal 
{
    float:left; 
    width:600px;
    padding-top: 0px;
}
#BodyLeftWrap
{
    width: 640px;
    float: left;
}
#BodyRightWrap
{
    width: 300px;
    float:right;
}
#SupportBodyLeftWrap
{
    width: 726px;
    float: left;
}
#SupportBodyRightWrap
{
    width: 214px;
    float:right;
	padding-right: 20px;
}
#ScienceBodyLeftWrap
{
    width: 280px;
    float: left;
}
#ScienceBodyRightWrap
{
    width: 680px;
    float:right;	
}
#BodyWrapMinHeight{ height: 380px; width:1px; float:right}

#BreadCrumbWrap
{ 
    width:960px;
}
#BreadCrumbWrapModal
{ 
    width:600px;
}

#SiteMapWrap{width: 920px; padding: 0px 20px 20px; float: left;}
	#SiteMapWrap #SubPageBodyWrap{ width: 920px; }
	
/* --- Header and Nav Work --- */
#HeaderWrap
{
    width:960px;
    margin:0px;
    padding:0px;
}
#HeaderTopWrap
{
    padding:0px; 
    margin:0px;
    width:960px;
    border:0px;
    height:50px;
    padding-top:20px;
}
#illumina-logo
{
    width:200px;
    float:left;
}
#illumina-logo img
{
    float:left;
    padding-left:10px;
}
#ecopcr-logo
{
    width: 200px;
    float:right;
}
#ecopcr-logo img
{
    float:right;
    padding-top:4px;
    padding-right:10px;
}
	
			
/* --- 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; 
        display:inline-block; /*width:136px;*/ 
        margin:0px; 
        padding:4px 22px;
        display:-moz-inline-stack;
        display:inline-block;
        zoom:1;
        *display:inline;
    }
        #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}
    #LinksWrap{width: 600px; float: right;}
		#LinksWrap a{ color: #666; display:block; margin:0px 15px; float:right}
		#LinksWrap a:hover{ color:#7CA8D4}
		#LinksWrap a.jp{background: url("http://www.illumina.com/images/home/home-japanese.gif") no-repeat; width:148px; height:13px}
		#LinksWrap a.ilmn:hover{ color:#ffb441}  
		#LinksWrap a.cn{ background: url("http://www.illumina.com/images/home/home-chinese.gif") no-repeat -16px 0; width:54px; height:13px; margin-right:0px;}


/************************************************************** 
    MODALS
 **************************************************************/
	.modalContent {display:none;}

	.modalStyle1,.modalStyle2,.modalStyle3 { width:100%; height:100%;}
	.modalStyle1 h2, .modalStyle1 h3, .modalStyle1 p, .modalStyle1 ul { padding:10px 10px 0;}
	.modalStyle1 {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 0;}

/************************************************************** 
    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; 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 { 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; 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;}

/**************************************************************
    TABLE STYLES
 **************************************************************/
.tableProduct 
{
    border-collapse:collapse; 
    text-align:left; 
    width:99%; 
    margin:10px 0 10px 0;
}
.tableProduct tr 
{
    border-bottom: solid 1px #e5e5e5;    
}
.tableProduct td
{
    vertical-align: top;
    padding: 20px;
}
.table1 {border-collapse:collapse; text-align:left; width:99%; margin:10px 0 10px 0}
.table1 *{ font-size:12px}
    .table1 th,.table1 td {padding:7px 10px;}
    .table1 thead tr{background-color:#efefef;}
    .table1 tfoot tr td{border-top:solid 1px #7295bb !important; background-color:#fff; padding-bottom:3px; margin-top:-1px; }
        .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 tbody {font-size:0.9em; overflow:hidden;}
    
    .table1 tbody tr{ height:auto}
    .table1 tbody#CaptureBeads.On{height:174px; overflow:hidden; position:relative}
    #CarboxylBeads.On{height:85px;}   
        .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;}
    .table1 tbody.BeadsTable tr th{ width:320px} 
    .table1 tbody.Events tr th{ width:300px}
    
    .table1 tbody#CarboxylBeads tr th{ width:290px !important} 
	#CarboxylBeads tr th span{ font-size:10px !important; font-weight:normal}    

/* --- HomePage Layout --- */
	
	#homeWrapper{ float:left; clear:left; width:960px; padding:0px; margin: 0px;}	
	#homeContentWrapper
	{
	    width: 960px;	    	    
	}  
	#homeContentLeftWrapper
	{
	    width:560px;
	    float:left;
	}
	#homeContentRightWrapper
	{
	    width:260px;
	    float:Right;
	    padding-left: 0px;
	}

/*-----------Home page rotator----*/
#sliderWrap{ position:relative; float: left; clear:left; padding-bottom:30px;}    

#slider{ width:960px; height:325px; overflow:hidden; position:relative}
#slider	ul, #slider	li{ list-style-type:none; padding:0px; margin:0px; height:325px; overflow:hidden; position:relative; width:960px;}
	span#prevBtn{ left:880px; top:280px}
	span#nextBtn{ left:915px; top:280px}
	
span#prevBtn,span#nextBtn{ position:absolute; z-index:10}
	span#prevBtn a,span#nextBtn a{ background: url('images/home/slider-arrows.png') no-repeat; width:35px; height:47px; display:block}
	span#nextBtn a { background: url('images/home/slider-arrows.png') no-repeat -35px 0;}
	span#prevBtn a:hover{ background: url('images/home/slider-arrows.png') no-repeat 0 -51px}
	span#nextBtn a:hover{ background: url('images/home/slider-arrows.png') no-repeat  -35px -51px}
	span#prevBtn a span,span#nextBtn a span{ display:none}				
		
	.home-buttons {
		height: 50px;
		left: 380px;
		position: absolute;
		top: 330px;
		width: 223px;
	}

/* --- Random Code --- */
	.MinHeight{ height: 380px; width:1px; float:right}
	#SubPageLeft{ width:615px; float:left; padding:0 0 25px 25px}
	#SubPageRight{width:280px; float:left; padding:0 0 0 25px;}
		
		#SubPageBodyWrap{ float:left; width:615px; }
		#SubPageBodyWrap p,#SubPageBodyWrap a,#SubPageBodyWrap li{ font-size:12px}
	
		
	#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}
		
	.sitemap ul{ padding:0px 0px 10px 0px;}
		.sitemap ul { padding:0px 0px 10px 0px !important;}
		.sitemap ul li{ list-style:none; padding-bottom:10px}
		.sitemap ul li ul{ padding:10px 0px 0px 15px !important; color:#7CA8D4;}
		.sitemap ul li ul li{list-style: disc outside none !important; padding-bottom:10px}

		.sitemap a span{ font-size:9px; color:#7CA8D4}
		.sitemap a{ text-decoration: underline}
		.sitemap ul li ul li a{ font-size:9px !important; text-decoration: none}
		.sitemap ul li ul li a:hover{ text-decoration: underline}
		

		#SiteMapWrap #SubPageBodyWrap .table1 thead tr th a{font-size:11px !important;} 
		#SubPageBodyWrap .FloatDiv{ float:left; padding:10px 15px 0 0}
	
	.ServiceProvidersWrap{ float:left; clear:left; padding:15px 0 20px; width:580px; border-bottom: 1px solid #eee}
	.ProviderLogo{ float:left; padding:0 0 10px; width:570px;}
	.SerProvLeft{ Float:left; width:225px; padding-right:20px}
	.SerProvright{ Float:left; width:330px;}
	
	.ProductShot{float:left; padding:0 20px 20px 0 !important;}
	.ProductShotBead{float:left; padding:0 20px 0 0 !important;}
	
	#beadXpressHighlights{ clear:none; float:left; padding:0 0 20px 20px !important; width:435px;}
	#VeraCodeCapBeadsHighlights{clear:none; float:left; padding:10px 0 20px 20px !important; width:400px;}
		#beadXpressHighlights li,#VeraCodeCapBeadsHighlights li{ float:left; clear:left; padding-bottom:10px; width:425px}
	
	#SiteMapWrap .table1 tbody ul{margin-left:0px !important;}
	
	
/* --------------------------------------------------- Home Page Form --- */
#HomeFormWrap
{
    position: absolute;
    top: 155px;
    left: 690px;
}
#QuoteFormWrap
{
padding-left: 100px;
}
#HomeFormTop 
{
    background-image: url('images/forms/home-form-top.png'); 
    background-position: 0px 0px; 
    background-repeat: no-repeat; 
    height: 20px; 
    width: 240px;
}

#HomeFormBody
{
    padding-left: 20px;
    padding-right:20px;
    background-image: url('images/forms/home-form-middle.png'); 
    background-position: 0px 0px; 
    background-repeat: repeat-y; 
    width: 220px;            
} 

#HomeFormBottom
{           
    background-image: url('images/forms/home-form-bottom.png'); 
    background-position: 0px 0px; 
    background-repeat: no-repeat; 
    height: 20px; 
    width: 240px;
}   

#HomeButtonWrap
{
    padding-top:10px;
}
#HomeCheckBoxWrap
{
}
.HomeCheckBoxWrap .CheckBoxLabel
{
    float:left;
}
#HomeCheckBoxWrap .CheckBox
{
    padding-top:5px;
    padding-right: 5px;
    float:left;
} 	

/* --------------------------------------------------- Contact Form --- */
#ContactFormWrap
{
    float:right;    
    padding-right:20px;
}
#ContactFormTop 
{
     background-image: url('images/forms/sprite_sidekick_form.jpg'); 
     background-position: 0px 0px; 
     background-repeat: no-repeat; 
     height: 12px; 
     width: 240px;
}

#ContactFormBody
{
      background-image: url('images/forms/sprite_sidekick_form.jpg'); 
      background-position: -241px 0px; 
      background-repeat: repeat-y;  
      width: 215px;
      padding: 5px 10px 10px 18px      
} 

#ContactFormBottom
{           
      background-image: url('images/forms/sprite_sidekick_form.jpg'); 
      background-position: 0px -12px; 
      background-repeat: no-repeat; 
      height: 12px; 
      width: 240px
}   
/* ---------------------------------------------------Quote Request Form --- */
.form1 ol 
{
    margin:0px;
    padding:0px;
    margin:3px auto;
    list-style-type:none;
}
.form1 li {
    clear:both;
    position:relative;
    padding-top: 5px;
}
.form1 li span 
{   
    margin:0px !important;
    padding:0px !important;
    position:relative;
    float:left;  
    width:180px;  
    padding-left:5px;
    padding-right:15px !important; 
    text-align:right; 
    font-weight:bold;
    line-height:15px;   
}
.form1 li em { /*required*/
   position:absolute;  
   right:2px;  
   top:0; 
   color:red;
}
.form1 li span.Required
{
    float:none;
}

.form1 li .text,
.form1 li .textLong,
.form1 li .textShort {
    height:16px;
    background:transparent url(../images/boxes/form_field_bg.gif) repeat-x 0px -3px;
}
    .form1 li .text {
        width:200px;
    }
    .form1 li .textLong {
        width:350px;
    }
    .form1 li .textArea {
        width:350px;
    }
    .form1 li .textShort {
        width:100px;
    }
.form1 li .select {
    width:206px;
    height:20px;
}
.form1 li .text,
.form1 li .textLong,
.form1 li .textArea,
.form1 li .textShort,
.form1 li .select,
.form1 li textarea {
    border:solid 1px #ccc;
}
.form1 li input:hover,
.form1 li select:hover,
.form1 li textarea:hover {
    border:solid 1px #ffb441;
}
.form1 li .indent {
}
.FormButton
{
    width: 200px;
    padding-top:20px;
    padding-left:200px;
    display:block;
}
/* ---------------------------------------------------Internal Contact Form --- */

#pageFormTop 
{
            background-image: url('images/forms/sprite_sidekick_form.jpg'); 
            background-position: 0px 0px; 
            background-repeat: no-repeat; 
            height: 12px; 
            width: 240px;
}   

#pageFormBody
{
            background-image: url('images/forms/sprite_sidekick_form.jpg'); 
            background-position: -241px 0px; 
            background-repeat: repeat-y;  
            width: 225px;
            padding: 5px 0 10px 18px
}
#pageFormBottom
{
            background-image: url('images/forms/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;}
.txtBoxEmailForm { border: solid 1px #e5e5e5; height: 20px; width: 400px;}
.formLabel {padding: 10px 0 10px 0; font-family: Verdana; font-size: 11px !important}            
.formTable {font-family: Verdana; font-size: 10px !important;}	
.emailFormtable	
{
     font-family: Verdana; 
     font-size: 11px !important;    
}
.emailFormtable td
{
    padding-bottom:10px;
}
.dropDown {border: solid 1px #e5e5e5; color: #666666;}

a.button2 {position:relative; display:inline-block; padding-left:20px; height:31px; cursor:pointer; text-decoration:none;}
	a.button2, a.button2 span {background:transparent url(images/forms/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;}
		
a.button1 {position:relative; display:inline-block; padding-left:20px; height:31px; cursor:pointer; text-decoration:none;}
	a.button1, a.button1 span {background:transparent url(images/forms/button1_sprite.gif) no-repeat bottom left;}
	a.button1 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.button1 span { color:#000;}
		a.buttonGo {background-position:-20px -96px;}
/*------------------------------- Bread crumns --- */
#PageTitleWrap
{
    padding-top:10px;
    padding-left:0px;
    width: 500px;
    float: left;
}
.ToolBoxWrap
{
    width:400px;
    float:right;
    padding-top:5px;
    height:20px;
}
.ToolBoxLinksWrap
{
    width:275px;
    float:left;
}
.addthis_toolbox
{   
    width: 125px;
    float:right;
}
.SocialWrap
{
    font-size: 11px;
    font-weight:bold;
    margin:0px;
    padding:0px;
    width: 275px;
}
.SocialWrap a:hover
{
}
.SocialWrap li
{
    display: inline;
    list-style-type: none;
}
.QuoteRequestWrap
{
    width:100px;  
    padding-left:18px; 
}
.AccountWrap
{
    padding-left: 50px;
    width:100px;
}



/*------------------------------- Home Page Columns --- */
#ColumnOuterWrap
{
    padding:0px;
    margin:0px;
    width:960px;
    padding-top:20px;
}
#ColumnOuterWrap #Column1Wrap
{
    width: 310px;
    float:left;
}
#ColumnOuterWrap #Column2Wrap
{
    width: 310px;
    float:left;
    padding-left:15px;
}
#ColumnOuterWrap #Column3Wrap
{
    width: 310px;
    float:right;
}
.ColumnWrap .ColumnTop
{
    background-image: url('images/layout/home-col-top.gif'); 
    background-position: 0px 0px; 
    background-repeat: no-repeat;  
    width:310px;
    height:10px;
}
.ColumnWrap .ColumnMid
{
    background-image: url('images/layout/home-col-mid.gif'); 
    background-position: 0px 0px; 
    background-repeat: repeat-y;  
    height:250px;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
}
.ColumnWrap .ColumnMidNewsEvents
{
    background-image: url('images/layout/home-col-mid.gif'); 
    background-position: 0px 0px; 
    background-repeat: repeat-y;  
    height:233px;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
}
.ColumnWrap .ColumnBot
{
    background-image: url('images/layout/home-col-bot.gif'); 
    background-position: 0px 0px; 
    background-repeat: no-repeat;  
    width:310px;
    height: 10px;
}

#TechnologySpotlight
{
    padding-top:10px;
}
/*------------------------------- Sidebar --- */
.SidebarWrap
{
    width:240px;    
}
.SidebarWrap h3
{
    padding-top:10px;
    padding-left:10px;
}
.SidebarTop
{  
    background-image:url('images/sidebar/sidebar-top.gif');
    background-position: 0px 0px; 
    background-repeat: no-repeat;  
    width:240px;
    height:11px;
}
.SidebarMid
{  
    background-image:url('images/sidebar/sidebar-mid.gif');
    background-position: 0px 0px; 
    background-repeat: repeat-y;  
    width:240px;
    padding-left: 20px;
    padding-right: 20px;
}
.SidebarBot
{  
    background-image:url('images/sidebar/sidebar-bot.gif');
    background-position: 0px 0px; 
    background-repeat: no-repeat;  
    width:240px;
    height:11px;
}


/*------------------------------- Twitter --- */

#twitter_update_list {
    margin:0;
    padding:0;
    list-style:none;
}
#twitter_update_list li {
    padding: 10px 0px 5px 0px;
}
    #tweets li:last-child {
    border:0;
}
/*------------------------------- Events --- */
.HomeEventsList
{
    
}
.HomeEventsList .sf_eventsList li h3.sf_eventTitle 
{
    font-size:12px;
    font-weight: bold;
}
.EventsSupportTitleWrap
{
	font-weight:bold;
}
/*------------------------------- Social Bookmarks --- */

/*------------------------------- Sub Page Tab Template --- */
#HeroLeftWrap
{
    width: 620px;
    float: left;
}
#HeroRightWrap
{
    margin: auto;
    width: 310px;
    float: right;
}

/*------------------------------- Home page news and events --- */
.RssSubscribeWrap
{    
    padding-top: 20px;
}
.RssSubscribe
{
    background-image:url('images/rss/feed.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.RssSubscribe:hover
{
    text-decoration: none;
}
.RssSubscribe span
{
    line-height:16px;
    padding-left: 20px;
	font-weight:bold;
}
.EventsWrap ul
{
    list-style: none;
}
.EventsWrap ul li
{
    padding-top: 10px;
}

.TwitterFollowWrap
{    
    
    padding-top: 20px;
}
.TwitterFollow
{
    background-image:url('images/social/twitter.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.TwitterFollow span
{
    line-height:16px;
    padding-left: 20px;
}

.TwitterFollow:hover
{
    text-decoration: none;
}
#SubPageNavWrap
{
    padding-top:20px;
}
.SubPageTabs
{
    padding-bottom:20px !important;
}

/*------------------------------- image styling --- */

.leftImage {float: left; padding: 0px 20px 10px 0}
.rightImage {float: right; padding: 0px 0px 10px 20px}

/*------------------------------- Support Home Page --- */

#SupportGuideWrap
{
    width: 290px; 
    height: 245px; 
    position: absolute; 
    top: 150px; 
    left: 660px;
    text-align:center;
}


#innerContentWrapper {
    clear:both;
    margin:20px auto;
    padding-top:20px;
    width:960px;
    background:transparent url(../images/tabs/tabbedSlider_top_960.jpg) no-repeat 0px 0px;
}
#innerContentWrapper div {
    float:left;
    width:210px;
    padding:0px 15px;
}
    #innerContentWrapper div.main {
        width:440px;
    }
    #innerContentWrapper div.col1, 
    #innerContentWrapper div.col2 {
        padding:0px;
    }
    #innerContentWrapper div.col2 {
        float:right;
    }
    #innerContentWrapper div.middle {
        border-left:solid 1px #e5e5e5;
        border-right:solid 1px #e5e5e5;
    }
#innerContentWrapper div strong {
    display:block;
    margin:0px auto 10px auto;
    text-align:center;
    font-size:1.2em;
    color:#000;
}
    #innerContentWrapper div strong span {
        display:inline-block;
        padding:5px 0px 0px 30px;
        background-repeat:no-repeat;
    }
#innerContentWrapper div h3 {
    margin-bottom:5px;
    padding:10px 0px 0px 0px;
}
#innerContentWrapper div ul {
    margin-left:15px;
    font-size:0.9em;
    line-height:1.5em;
}
#innerContentWrapper div p {
    margin-bottom:10px;
    font-size:0.9em;
}

/* Ready. Run. Results. */

.contentBox 
{
    width: 228px; 
    padding: 0px 14px 0px 0px;
    float: left;
    position: relative;
    
}
.contentBoxTop 
{
    width: 228px; 
    height: 68px;
}
.contentBody
{
    border-left:solid 1px #e5e5e5; 
    border-right:solid 1px #e5e5e5; 
    text-align:left; 
    width: 216px; 
    padding-left: 10px; 
    min-height: 760px !important;   
}
.contentBoxBottom 
{
    width: 228px; 
    height: 10px;
    background: #fff url('images/support/rounded_bot.gif');
    background-repeat: no-repeat;
}
.supportBullets 
{
    margin: 0px 0px 0px 5px;
    padding: 10px 0px 0px 10px;
    font-size: 11px;
    line-height: 18px;
    color: #7ca8d4;
}
#HeaderReady
{
    background: url('images/support/header_ready_2.jpg') repeat scroll 0% 0% #ffffff;
}

#HeaderRun
{
    background: url('images/support/header_run_2.jpg') repeat scroll 0% 0% #ffffff;
}
#HeaderResults
{
    background: url('images/support/header_results_2.jpg') repeat scroll 0% 0% #ffffff;
}
#HeaderAssistance
{
    background: url('images/support/header_assistance.gif') repeat scroll 0% 0% #ffffff;
}
#FooterAssistance
{
    background: url('images/support/rounded_bot_assistance.gif') no-repeat scroll 0% 0% #ffffff;
}

.support-text
{
width: 200px;
}
ul.support-list
{
font-weight:bold;
font-size: 11px;
padding-top:20px;
list-style: none;
padding-left: 12px;
padding-bottom: 15px;
}
li.support-item-main{
padding-bottom: 8px; /* for a total of 21*/
}
ul.support-list
{
font-weight:bold;
font-size: 11px;
padding-top:20px;
list-style: none;
padding-left: 12px;
padding-bottom: 15px;
}
ul.support-sublist
{
font-weight:normal;
color: #7CA8D4;
list-style:disc;
font-size: 11px;
margin: 0 0 0 5px;
padding: 10px 0 0 10px;
}
li.support-subitem{
padding-bottom: 8px;
}

div.SupportEventsTop
{
	margin-top: 0px;
	height:36px;
	width:234px;
	background: url("images/support/support-events-top.jpg") no-repeat 0 0;
}
div.SupportEventsMid
{	
	width:212px;
	border-left:solid 1px #e5e5e5; 
    border-right:solid 1px #e5e5e5;
	padding-left: 10px;
	padding-right:10px;
	min-height: 784px !important;   
}
div.SupportEventsBot
{
	height:19px;
	width:234px;
	background: url("images/support/support-events-bot.gif") no-repeat 0 0;
}
div.SupportEventsTop span
{
	font-size: 12px;
	font-weight: bold;
	padding-left: 70px;
	padding-right: 10px;
	line-height: 36px;
}

.archivedSessions
{
}

.contentUnderline
{
	border-bottom: solid 1px #e5e5e5; 
}
/*----------------------------------------------------------Home page message --*/
.messagebox
{ 
  width:960px; margin: 12px 0px; height:48px; 
  background: url("images/layout/home-message-box.gif") no-repeat; position: relative; float: left;
  font-size:12px;
}
div.messagebox
{
    width: 960px; 
    margin:20px 0
}
div.messagebox p
{
    padding:8px 10px 8px 10px;
    line-height:16px;
}
#slctInput{font-size:11px;margin-bottom:5px;}

#sidekick {
    background: url("images/boxes/sidekick_240.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 280px;
    padding: 10px;
    width: 220px;
}
#HomeHeroWrap{background: url(/images/home/home-visual-5.jpg) no-repeat scroll 0% 0% transparent; height:305px; padding-top:20px; padding-left: 13px;position:relative;}	
.home-buttons {
		height: 50px;
		left: 380px;
		position: absolute;
		top: 190px;
		width: 223px;
	}