.ui-dialog-titlebar-close{display:none;}

h2
{
    color:#1c3f95;
    font-size:26px;
    margin:10px 0 0 0;
    padding:0;
}

h3 
{
    color:#009ddc;
    font-size:14px;
    padding:0;
    font-weight:normal;
    margin:15px 0 5px 0;
}


h4
{
    color:#1c3f95;
    font-size:14px;
    margin-top:10px;
    padding:0;
}

h4.high
{
    margin-top:20px;
}


h5
{
    color:#1c3f95;
    font-size:14px;
    padding:0;
    margin:30px 0 0 0;
}

h5.low
{
    margin-top:15px;
}

/* breadcrumbs */
h6
{
    color:#1c3f95;
    font-size:10px;
    padding:0;
    margin:15px 0 -6px 0;
    border-top:solid 1px #1c3f95;
    border-bottom:solid 1px #1c3f95;
    width:150px;
}

/* product detail */
.h7
{
    /*margin:0 0 0 10px;*//*left 05*/
	padding:0 10px 0 10px; /*left 15*/
	font-size:12px;
	display:block;
	height:30px;
	/*background:url("/resources/images/templates/middot.gif") no-repeat;*/
}

hr
{
    color:#c9d1d7; /*ie*/
    background-color: #c9d1d7; /*other*/
    border:0;
    height:1px;
    margin:0;
    padding:0;
}

p
{
    font-size:12px;
    margin:12px 0 0 0;/*top 15*/
    padding:0;
    color:#464646;

}



p.topper
{
    margin-top:20px;
}

p strong.blue 
{
    color:#009ddc;
}
p a 
{
    color:#009ddc;
    text-decoration:none;
}
p a:hover
{
    text-decoration:underline;
}
li a 
{
    color:#009ddc;
    text-decoration:none;
}
li a:hover
{
    color:#009ddc;
    text-decoration:underline;
}
p.simplewins
{
    line-height:20px;
}
p.note /* foot note */
{
    border:solid 1px #dfe7ed;
    padding:3px;
    font-size:9px;
    color:#555;
    font-weight:bold;
}
#content p
{
  line-height:17px;
}
#content p.press
{
    margin-top:5px;
}


#content p.contact strong
{
   font-size:12px;
   margin-bottom:20px;
   line-height:12px;
}

#content ul
{
    margin: 15px 0px 0px 10px;
    padding:0;
    color:#464646;
    font-size:12px;
    list-style-position:outside;
}

#content ol
{
    margin: 15px 0px 0px 17px;
    padding:0;
    color:#464646;
    font-size:12px;
    list-style-position:outside;
}

#content li
{
    line-height:16px;
    margin:5px 0 0 5px;
    padding:0;
}
#content li.in
{
    margin-left:25px;
    list-style:none;
}
#content ul.contact
{
    margin:0 0 35px 0;
    padding:0;
    list-style:none;
    list-style-position:outside;
}
#content ul.contact.tallc
{
     margin-top:35px;
}
#content ul.contact li
{
    margin:0;
    padding:0;
}
#content_text ul.definition
{
    list-style:none;
    margin:0;
}
#content_text ul.definition li
{
    margin:5px 0 0 0;
}

/* sections (images+title box) */
.about_section
{
    float:left;
    width:218px;
    margin:18px 12px 0 0;
    padding:0;
}
.about_section.end
{
    margin-right:0;
}

.about_section img, .box_wide img.button
{
    border:0;
    display:block;
}

.about_section img.button, .box_wide img.button
{
    float:right;
    margin:9px 11px 0 0;
    display:inline-block;
}
.about_section .toptitle 
{
    background:url("/resources/images/ourproducts/about_topbg.jpg");
    background-repeat:no-repeat;
    margin:0;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    font-size:18px;
    line-height:18px;
    color:#1c3f95;
    height:30px;
}
.about_section .title
{
    background:url("/resources/images/aboutus/about_titlebg.jpg");
    margin:0;
    padding:0;
    height:34px;
}

.about_section .title h1, .box_wide .title h1
{
    font-size:12px;
    color:#009ddc;
    padding:10px 0 0 10px;
    margin:0;
    float:left;
}
.about_section .title h1 a, .box_wide .title h1 a
{
    text-decoration:none;
    color:#009ddc;
}

/* double line */
.about_section .title_double
{
    background:url("/resources/images/aboutus/about_titlebg.jpg");
    margin:0;
    padding:0;
    height:34px;
}
.about_section .title_double h1
{
    font-size:12px;
    color:#009ddc;
    padding:2px 0 0 10px;
    margin:0;
    float:left;
}
.about_section .title_double h1 a
{
    text-decoration:none;
    color:#009ddc;
}

/*use in product page*/
.about_section .detail
{
    margin:0;
    padding:5px 0 10px 0;
    background:url("/resources/images/ourproducts/box_product_bg.jpg");
    color:#464646;
}
.about_section ul
{
    padding:0 0 15px 0;
    margin:0;
    background:url("/resources/images/ourproducts/box_product_bg.jpg");
    width:218px;
}
.about_section li
{
   margin:0 0 0 13px;
   list-style-position:inside;
   font-size:12px;
}
/*use in professional*/
.about_section p
{
    float:left;
    width:218px;
    margin:0;
}
.about_section p.link
{
    margin-top:10px;
    font-size:11px;
}
.about_section p.link a 
{
    font-weight:bold;
    line-height:12px;
    color:#464646;
    text-decoration:none;
    vertical-align:bottom;/*jason*/
}
.about_section  h1, .about_section h1 a
{
    font-size:13px;
    color:#009ddc;
    margin:22px 0 10px 0px;
    text-decoration:none;
}
.about_section img.bullet
{
    float:left;
    margin-right:5px;
}
/* small box*/
.box_small
{
    float:left;
    margin:19px 0 0 0;
    padding-left:10px;
    width:149px;
    height:196px;
    background:url("/resources/images/ourproducts/box_product_bg_small.jpg");
}
.box_small img, .box_wide img
{
	border:none;
}
.box_small h2, .box_wide h2
{
    font-size:18px;
    color:#1c3f95;
    font-weight:normal;
}
.box_wide h2
{
    width:190px;
}
.box_small a
{
    color:#009ddc;
    margin-top:5px;
    font-size:11px;
    display:inline-block;
    text-decoration:none;
    font-weight:bold;
}
.box_small p
{
    width:130px;
    margin:10px 0 0 0;
}
/*wide box*/
.box_wide 
{
    position:relative;/*for zindex image*/
    margin:19px 0 0 20px;
    padding-left:15px;
    width:230px;
    height:196px;
    float:left;
    background:url("/resources/images/ourproducts/box_product_bg_wide.jpg") no-repeat; 
}
.box_wide p
{
    width:190px;/*165*/
    margin:10px 0 0 0;
}
.box_wide .title
{   
    position:absolute;
    left:0;
    bottom:0;
    background:url("/resources/images/ourproducts/box_titlebg_wide.jpg");
    width:245px;
    height:34px;
}

/*main page*/
#main_head
{
    width:900px;
    padding:0;
}

#main_head #homeflash {height: 355px ; width: 900px; background: url("/resources/images/home/home_banner.jpg") top left no-repeat;}


#main_head #rollover
{
    clear:both;
    float:right;
    width:293px;
    height:225px;
    padding:0;
}

#main_head #rollover img
{
    border:0;
}

#main_callout
{
    float:left;
    margin-top:24px;
    position:relative;
    margin-left:-5px;/*faux reset*/
    padding-left:1px;
    width:910px;
    height:243px;
    color:#464646;
    font-size:10px;
}

#main_callout h2
{
    font-size:16px;/*19*/
    color:#0aa1dd;
    margin:17px 0 8px 17px;
}

#main_callout p
{
    clear:both;
    width:260px;
    margin:4px 0 0 16px;
    font-size:12px;
}
#main_callout p.list
{
    margin:0 0 0 16px;
    font-size:13px;
    font-weight:bold;
}
#main_callout img
{
    border:0;
    margin:0 0 2px 11px;
}
#main_callout a
{
    color:#0aa1dd;
    text-decoration:none;
    font-weight:bold;
    font-size:11px;
}

#main_callout ul
{
    color:#555;
    margin:0 0 0 16px;
    padding:0;
}
#main_callout li
{
    font-size:11px;
    margin:3px 0 0 0;
    list-style:none;
}
#main_callout li a 
{
    color:#464646;
    text-decoration:none;
    font-weight:normal;
}
#main_callout .box
{
    width:294px;
    height:243px;
    margin-left:12px;
    background: url("/resources/images/home/callout_bg.jpg");
    float:left;
}
/* new message box*/

#main_callout #msg_box
{
    margin:0 0 0 11px;
    padding-top:16px; /*use padding to avoid collapse margin*/
    width:272px;
    height:159px;
    background: url("/resources/images/home/msg_bg.jpg");
 
}
#main_callout #msg_box p
{
    font-size:16px;
    width:250px;
    margin:0 0 0 15px;/*0top*/
    margin-top:20px;
    
}
#main_callout #msg_box p strong 
{
    font-size:17px;
    color:#0099cc;  
    font-weight:normal;
}
#main_callout #msg_box p a
{
    font-size:11px;   
}

#main_callout #boxWorld
{
    width:294px;
    height:243px;
    margin:0;
    background: url("/resources/images/home/callout_bg_world.jpg");
    float:left;
}
#main_callout #boxWorld select
{
    margin:12px 0 8px 16px;
    font-size:11px;
}








/*history*/
#history_head
{
    background:url("/resources/images/aboutus/history/history_header_bg2.jpg") top no-repeat;
    height:280px;/*258*/
    position:relative;
    margin-top:20px;
}
#history_head h1
{
    margin:0;
    font-size:25px;
    color:#11a3e0;
    width:425px;
}
#history_head img
{
	float:left;
    padding-right:15px;
    
}

#history_head p
{
    padding-top:15px;
    line-height:22px;
    margin:0 0 0 0px;
    font-size:18px;/*20*/
    font-weight:normal;
    color:#11a3e0;
    width:390px;/*415*/
    float:left;
    
}
#history_head p strong
{
    font-weight:normal;
    font-size:17px;
}
#history_head h3
{
    clear:both;
    margin:10px 0 0 0;
    font-size:12px;/*14*/
    color:#003471;
    font-weight:bold;
    float:left;
    width:390px;
}
#history_head img
{
    float:left;
}
/*
#history_head .history_header
{
    color:#11a3e0;
    font-size:18px;
    padding: 20px 0 0 210px;
    width:430px;
}*/
#history_head ul
{
    clear:both;
    position:absolute;
    margin:0;
    padding:0;
    bottom:0px;
    height:20px;
}
#history_head li
{
    display: inline;
    list-style:none;
    list-style-type: none;
    margin-left: 12px;
    font-size:13px;
    font-weight:bold;
    padding:0 0 0 0;
    line-height:15px;/* ie7 is picky*/
}
#history_head li.first
{
    padding-right:0;
}
#history_head li a 
{
    text-decoration:none;
    color:#1c3f95;
    display: inline-block; /* ie7 is picky*/
    vertical-align:top;/* ie7 is picky*/
 
}
#history_head li a:hover, #history_head li.selected a,  .historyselected
{
   border-bottom:solid 5px;
}

/*leadership*/
.leader_column
{
    margin:0;
    padding:0;
    width:231px;
    float:left;
    font-size:12px;
}
.leader_column.rightc
{
    margin-left:18px;
}

.leader_column .idtag
{
    float:left;
    width:231px;
    height:72px;
    margin:0;/*top17*/
    padding-top:17px;
    background:url("/resources/images/aboutus/idtag_bg2.jpg") no-repeat right;
}

.leader_column .idtag strong
{
    display:inline-block;
    font-weight:normal;
    color:#009ddc;
    font-size:12px;
    margin: 10px 0 0 20px;
    padding: 0;
    
}
.leader_column .idtag p
{
    width:185px;/*150*/
    margin:0 0 0 0px;
    padding:0 0 0 20px;/*0*/
    color:#000;
    float:left;
    font-style: italic;
}

.leader_column .idtag img, .leader_column .idtag input
{
    float:left;   
}

#slide
{
    float:left;
    height:152px;
    width:690px;
    display:block;
	margin-top:20px;
}
#slide_left
{
    float:left;
    width:5px;
    height:152px;
    background:url("/resources/images/ourproducts/slide_left.jpg") no-repeat;
}
#slide_right
{
    float:left;
    width:5px;
    height:152px;
    background:url("/resources/images/ourproducts/slide_right.jpg") no-repeat;
}
#slide_middle
{
    float:left;    
    height:152px;
    width:680px;
    background:url("/resources/images/ourproducts/slide_bg.jpg") repeat-x;
}
.slide_item
{
    margin-top:15px;
	margin-left:60px;
    float:left;
    display:block;
    width:225px;
    text-align:center;
}
.slide_item.center
{
    border-right:solid 1px #d8e2e9;
    border-left:solid 1px #d8e2e9;
}
.slide_item h2
{
    margin-top:16px;
    width:200px;
}
.slide_item h2 a
{
    font-size:11px;
    color:#0aa1dd;
    text-decoration:none;
}
.slide_item img
{
    border:0;
}

/**feauture list**/
#feature_list
{
    font-weight:bold;
    font-size:16px;
    padding-top:30px;
}
#feature_list ul
{
    list-style-position:outside;
    margin:0 0 0 -3px;
    padding:0;
}
#feature_list li
{
    font-size:11px;
    font-weight:normal;
    margin:5px 0 0 18px;
    line-height:12px;
}
#feature_list h2
{
    margin:0 0 8px 0;
    font-size:16px;
    color:#464646;
}
#feature_list h3
{
    margin:0 0 0 0;
    font-size:14px;
    color:#464646;
}
#feature_list p
{
    width:210px;
}

#feature_list p.top
{
    margin-top:5px;
}
#feature_list p strong
{
    font-size:13px;  
    line-height:18px; 
}
/*#top_wrap //prevent margin collapse*/
/*
{
    height:154px;
}*/
#top_wrapx /*prevent margin collapse*/
{
    /*min-height:127px;*/
    color:#009ddc;
    font-size:14px;
    padding-top:20px;
    width:480px;
    line-height:19px;
}
#top_wrapx img 
{
    width:159px;
    height:127px;
    text-align:left;
    float:left;
    margin-right:10px;
}
/*
#top_image
{
    width:159px;
    height:127px;
    float:left;
    margin:27px 0 0 0;
}
#top_info
{
    width:311px;
    height:127px;
    margin:27px 0 0 0;
    padding:0 0 0 10px;
    float:left;
    color:#009ddc;
    font-size:14px;
}
*/
/* collapse box*/
.collapse 
{
    margin:0;
    padding:10px 0 0 7px;
    background:#f6fbfe;
    height:19px;
    width:473px;
    border-bottom:solid 1px #dfe7ed;
    color:#003471;
}
.collapse.select
{
    background:#FFF;
    cursor:pointer;
}
.collapse.first
{
    border-top:solid 1px #dfe7ed;
    margin-top:25px;
    clear:both;
    cursor:pointer;
}
.collapse h1
{
    float:left;
    font-size:14px;
    font-weight:bold;
    margin:0;
    
}
.collapse img
{
    float:right;
    margin:0 9px 0 0;
}
/*content inside collapse*/
.welcome_collapse_content
{
	background:#FFF;
    margin:0;
    padding-bottom:20px;
    padding-left:4px;
}
.welcome_collapse_content.not /* use for non-collapse*/
{
    padding-bottom:15px;
    padding-left:0;
}
.welcome_collapse_content.not.top
{
    border-top:solid 1px #dfe7ed;
    margin-top:20px;
}
.welcome_collapse_content p
{
    font-size:12px;
    width:476px;
}
.collapse_content
{
    background:#FFF;
    margin:0;
    padding-bottom:20px;
    border-bottom:solid 1px #dfe7ed;
    padding-left:4px;
}

.collapse_content.not /* use for non-collapse*/
{
    padding-bottom:15px;
    padding-left:0;
}
.collapse_content.not.top
{
    border-top:solid 1px #dfe7ed;
    margin-top:20px;
}
.collapse_content h1
{
    margin:15px 0 0 0;
    font-size:14px;
    color:#0aa1dd;
}
.collapse_content h1 a
{
    color:#0aa1dd;
    text-decoration:none;
}
.collapse_content img
{
    margin-right:4px;
    border:0;
}
.collapse_content p
{
    margin:0;
    font-size:12px;
    width:476px;
}

.collapse_content p.re
{
    margin-top:10px;
}

/* * * start cutting here * * */
#popLeader{
	width:544px;
	height:500px;/*max height till faux-fix position*/
	
}

#popLeader #top{
	width:544px;
	height:147px;
	background:url("/resources/images/aboutus/pop_leader_bgtop.png");
	height:97px;/*jason97*/
}

#popLeader #top #button{
	float:right;
	height:16px;
	width:90px;
    margin:0;
	margin-top:26px;
}

#popLeader #top #button img{
	margin:0;
	padding:0;
	border:0;
	/*display:inline;*/
}

#popLeader #top #pic
{
    width:112px;
    height:114px;
    padding:33px 0 0 33px;
    float:left;
}
#popLeader #top #idtag
{
    width:350px;/*290*/
    float:left;
}
#popLeader #top img {
	margin-top:35px;
	margin-left:35px;
	float:left;
	margin:0;
}
#popLeader #top p{
	margin-top:48px;
	padding-left:13px;
	float:left;
	font-style:italic;
	font-size:12px;
	padding-left:33px;/*jason*/
	width:340px;/*300*/
}
#popLeader #top strong{
	font-weight:bold;
	font-style:normal;
	color:#333399;
	font-size:14px;
}

#popLeader #content{
	width:544px;
	background:url("/resources/images/aboutus/pop_leader_bgcenter.png") repeat-y;
}

#popLeader #content p{
	margin:0;
	padding-top:13px;
	font-size:12px;
	margin:0 33px 2px 35px;

}
#popLeader #bottom
{
    clear:both;
	width:544px;
	height:26px;
	background:url("/resources/images/aboutus/pop_leader_bgbottom.png");
}

/*#New PopLeader#*/
.popLeader{
	width:544px;
	height:500px;/*max height till faux-fix position*/
	
}

.popLeader .top{
	width:544px;
	height:147px;
	background:url("/resources/images/aboutus/pop_leader_bgtop.png")  no-repeat;
	height:97px;/*jason97*/
}

.popLeader .top .button{
	float:right;
	height:16px;
	width:69px;
    margin:0;
	margin-top:26px;
	margin-right:26px;
}

.popLeader .top .button img{
	margin:0;
	padding:0;
	border:0;
	/*display:inline;*/
}

.popLeader .top .pic
{
    width:112px;
    height:114px;
    padding:33px 0 0 33px;
    float:left;
}
.popLeader .top .idtag
{
    width:350px;/*290*/
    float:left;
}
.popLeader .top img {
	margin-top:35px;
	margin-left:35px;
	float:left;
	margin:0;
}
.popLeader .top p{
	margin-top:48px;
	padding-left:13px;
	float:left;
	font-style:italic;
	font-size:12px;
	padding-left:33px;/*jason*/
	width:340px;/*300*/
}
.popLeader .top strong{
	font-weight:bold;
	font-style:normal;
	color:#333399;
	font-size:14px;
}

.popLeader .content{
	width:544px;
	background:url("/resources/images/aboutus/pop_leader_bgcenter.png") repeat-y;
}

.popLeader .content p{
	margin:0;
	padding-top:13px;
	font-size:12px;
	margin:0 33px 2px 35px;

}
.popLeader .bottom
{
    clear:both;
	width:544px;
	height:26px;
	background:url("/resources/images/aboutus/pop_leader_bgbottom.png")  no-repeat;
}
/* search */
#search p
{
	width:875px;
}

/* legal */
#legal h4
{
	margin-top:15px;
}
#legal p
{
	width:875px;
}

#legal h2 {margin-bottom: 10px;}

#legal ol {width: 500px;}
#legal ol li {list-style-type: decimal; font-size: 75%; margin-bottom: 8px; color: #464646; margin-left: 10px;}

/* a table for diabetes page*/
table
{
    margin-top:10px;
    border-bottom:solid 1px #000;
    border-right:solid 1px #000;

}
td
{
    font-size:12px;
    border:solid 1px #000;
    border-right:0;
    border-bottom:0;

}
td.label
{
    font-weight:bold;
    background:skyblue;
}

td.lastCol
{
    width:120px;
}

table tr td p {width: auto;}
 
/*leadership*/
.testleft
{
     display:inline-block;
    font-weight:bold;
    color:#009ddc;
    font-size:12px;
    margin: 10px 0 0 20px;
    padding: 0;
    text-decoration:none;
}

/*# SJJ Product Details #*/

#middleandrightcol div.picturelist {clear: both; margin-bottom: 15px; height: 101px; oveflow: hidden;}
#middleandrightcol div.picturelist a {background: url("/resources/images/ourproducts/nav_meters.jpg") top left no-repeat; text-indent: -9999px; height: 101px; display: block; float: left;}
#middleandrightcol div.picturelist a.breeze2 {background-position: 0px 0px; width: 81px; }
#middleandrightcol div.picturelist a.breeze2:hover {background-position: 0px -101px;}
#middleandrightcol div.picturelist a.contourmeter {background-position: -81px 0px; width: 78px; }
#middleandrightcol div.picturelist a.contourmeter:hover {background-position: -81px -101px;}
#middleandrightcol div.picturelist a.contourlink {background-position: -159px 0px; width: 88px; }
#middleandrightcol div.picturelist a.contourlink:hover {background-position: -159px -101px;}
#middleandrightcol div.picturelist a.didget {background-position: -247px 0px; width: 74px; }
#middleandrightcol div.picturelist a.didget:hover {background-position: -247px -101px;}
#middleandrightcol div.picturelist a.contourusb {background-position: -321px 0px; width: 93px; }
#middleandrightcol div.picturelist a.contourusb:hover {background-position: -321px -101px;}
#middleandrightcol div.picturelist a.microlet {background-position: -414px 0px; width: 71px; }
#middleandrightcol div.picturelist a.microlet:hover {background-position: -414px -101px;}
#middleandrightcol div.picturelist a.urinetesting {background-position: -485px 0px; width: 85px; }
#middleandrightcol div.picturelist a.urinetesting:hover {background-position: -485px -101px;}




#content div.productnav {clear: both; oveflow: hidden; height: 26px; width: 482px; overflow: hidden;}
#content div.productnav a {text-indent: -9999px; background: url("/resources/images/templates/product_nav2_blue.gif") top left no-repeat; display: block; height: 26px; float: left; overflow: hidden; outline: none; }

#content div.productnav a.overview { background-position: 0px -26px; width: 121px;  }
#content div.productnav a.overview:hover, #content div.productnav a.selectedoverview { background-position: 0px 0px; width: 121px;  }

#content div.productnav a.howtouse {background-position: -121px -26px; width: 121px; }
#content div.productnav a.howtouse:hover, #content div.productnav a.selectedhowtouse {background-position: -121px 0px; width: 121px; }

#content div.productnav a.reviews {background-position: -242px -26px; width: 121px; }
#content div.productnav a.reviews:hover, #content div.productnav a.selectedreviews {background-position: -242px 0px; width: 121px; }

#content div.productnav a.faqs {background-position: -363px -26px; width: 119px; }
#content div.productnav a.faqs:hover, #content div.productnav a.selectedfaqs {background-position: -363px 0px; width: 119px; }

#content div.productgreen div.productnav a {background-image: url("/resources/images/templates/product_nav2_green.gif");}
#content div.productorange div.productnav a {background-image: url("/resources/images/templates/product_nav2_orange.gif");}
#content div.productteal div.productnav a {background-image: url("/resources/images/templates/product_nav2_blue.gif");}


#content #productdetail {width: 470px; padding: 5px; background: #ffffff url("/resources/images/templates/product_shading2_blue.gif") top left repeat-x;} 

#content div.productgreen #productdetail {background-image: url("/resources/images/templates/product_shading2_green.gif");} 
#content div.productorange #productdetail {background-image: url("/resources/images/templates/product_shading2_orange.gif");} 
#content div.productteal #productdetail {background-image: url("/resources/images/templates/product_shading2_blue.gif");}

#content #productdetail div.image {text-align: center;}

#rightcol div.advert {width: 180px; margin-bottom: 25px; }
#rightcol div.advert img {margin-bottom: 10px; }
#rightcol div.advert h3 {font-weight: bold; font-size: 75%;  margin: 0px;}
#rightcol div.advert p {width: auto; font-size: 70%; line-height: 130%; margin-top: 0px; margin-bottom: 5px;}


/*# SJJ Homepage #*/

#homeboxes {margin-top:24px; position:relative; width:910px; color:#464646; font-size:10px; margin-left: -10px;}
#homeboxes div.box {width: 257px; height: 216px; padding: 12px 21px 15px 15px; background: url("/resources/images/templates/home_box.jpg") top left no-repeat; float: left; position: relative; margin-left: 10px;}
#homeboxes div.box h2 {color: #0aa1dd; font-weight: bold; margin: 0px 0px 2px 0px; font-size: 180%; line-height: 100%;}
#homeboxes div.box p {color: #474747; margin: 0px 0px 5px 0px; width: auto; font-size: 140%;}
#homeboxes div.box a {border: 2px solid #93cf6c; color: #81ce4f; background-color: #ffffff; text-decoration: none; padding: 1px 5px; text-transform: uppercase; position: absolute; bottom: 15px; right: 15px; }
#homeboxes div.box a:hover {border: 2px solid #5597d8; color: #5597d8; text-decoration: none;}
#homeboxes div.box div.image {text-align: center;}
body.IE6 #homeboxes div.box {margin-left: 7px; overflow: hidden; }
/*
body.IE6 #homeboxes div.box h2, body.IE6 #homeboxes div.box p, body.IE6 #homeboxes div.box img {border-top: 1px solid purple;}
body.IE6 #homeboxes {background-color: lime;}
*/
#homeboxes div.carousel {padding-bottom: 41px; padding-top: 5px; height: 223px; padding-left: 0px; padding-right: 0px; width: 293px;}
#homeboxes div.carousel div.numbers {position: absolute; bottom: 0px; left: 0px; background: url("/resources/images/templates/home_numberbox.jpg") top left no-repeat; height: 27px; width: 127px; padding: 11px 21px 0px 15px; text-align: left; }
#homeboxes div.carousel div.numbers a {position: relative; top: 0px; left: 0px; color: #ffffff; font-weight: bold; background-color: transparent; border: none; font-size: 135%; }
#homeboxes div.carousel div.numbers a.href_01_on, #homeboxes div.carousel div.numbers a.href_02_on, #homeboxes div.carousel div.numbers a.href_03_on, #homeboxes div.carousel div.numbers a.href_04_on {color: #0178a8;}
#homeboxes div.carousel div.numbers a:hover { border: 1px solid #b0e4f8; padding: 0px 4px;}
#homeboxes div.carousel div.section {border-bottom: 2px solid #ffffff; height: 65px; position: relative; padding: 5px 15px; width: 257px; }
#homeboxes div.carousel div.section p {font-size: 12px; line-height:15px}
#homeboxes div.carousel div.section a {bottom: 7px; right: 7px;}
#homeboxes div.carousel div.last {border-bottom: none;}

/*# SJJ Kids and Teens #*/
#ktnav {width: 570px; height: 409px; background: url("/resources/images/templates/kt_bg.gif") top left no-repeat; padding: 60px 0px 0px 95px; margin-left: auto; margin-right: auto;}
#ktnav li {list-style-type: none; margin: 0px 0px 5px 0px;}
#ktnav li a {width: 498px; height: 114px; text-indent: -9999px; overflow: hidden; background-position: top left; background-repeat: no-repeat; display: block;}
#ktnav li a.three-nine {background-image: url("/resources/images/templates/kt_3to9.gif"); }
#ktnav li a.ten-fourteen {background-image: url("/resources/images/templates/kt_10to14.gif"); }
#ktnav li a.fifteen {background-image: url("/resources/images/templates/kt_15.gif"); height: 128px; }

/*# SJJ News #*/
#content div.newslist { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #c5c5c5;}
#content div.newslist h3 {font-size: 80%; color: #76bb40; }
#content div.newslist h3 a {font-size: 110%; color: #009ddc; font-weight: bold; text-decoration: underline;}
#content div.newslist h3 a:hover {text-decoration: none;}
#content div.newslist div.newssummary p {margin: 0px 0px 5px 0px; line-height: 100%; }
#content div.newsdetail div.newssummary {font-weight: bold; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #c5c5c5;}
#content div.newsdetail div.newssummary p {margin: 0px 0px 5px 0px;}

#content div.PagerControl {font-size: 80%;}
#content div.PagerControl div.PagerNumberArea {font-weight: bold; color: #999999;}
#content div.PagerControl div.PagerNumberArea a {color: #009ddc; text-decoration: none; padding: 1px 3px; }
#content div.PagerControl div.PagerNumberArea a:hover { background-color: #009ddc; color: #ffffff;}
#content div.PagerControl div.PagerNumberArea span.SelectedPage {color: #ffffff; background-color: #76bb40; padding: 1px 3px; display: inline;}


#content table.data {margin-bottom: 20px; border: none;}
#content table.data p {width: auto; margin: 0px;}
#content table.data tr td {border: none; padding: 5px;}


/*# SJJ Login and Register #*/
table.logintable {border: none; width: auto; }
table.logintable td {border-width: 0px;}
table.logintable td p {width: auto; margin: 0px;}
table.logintable table {border: none; width: auto;}
table.logintable table table td {padding-bottom: 5px;}

/*# SJJ FAQ #*/
#content div.faq {margin-bottom: 20px;}
#content div.faq h3 {font-weight: bold; border-bottom: 1px solid #dddddd; padding-bottom: 5px;}
#content div.faq p {margin-top: 0px; margin-bottom: 12px; }


/*# SJJ Contact Form #*/
#content div.contactform {clear: both; width: 480px; }
#content div.contactform ul {margin: 0px;}
#content div.contactform ul li {list-style-type: none; margin: 0px 0px 5px 0px; overflow: hidden; height: 1%;}
#content div.contactform ul li label { font-weight: bold; color: #009ddc; float: left; margin-right: 10px; width: 150px;}
#content div.contactform ul li input { float: left; margin-right: 10px; width: 200px;}
#content div.contactform ul li textarea { float: left; margin-right: 10px; width: 200px;}
#content div.contactform ul li.checkbox {margin-bottom: 10px; font-size: 90%;}
#content div.contactform ul li.checkbox input {width: auto;}
#content div.contactform ul li.button input {width: auto;}

/*# SJJ Proper Columns #*/
#content {overflow: hidden; height: 1%;}


/*# SJJ professionals #*/
#rightcol div.rhncallsignup {margin-bottom: 15px;}
#rightcol div.rhncallsignup a {background: url("/resources/images/professionals/signup-now.gif") top left no-repeat; height: 92px; width: 187px; display: block; text-indent: -9999px; overflow: hidden; }
#rightcol div.rhncallsignup a:hover {background-position: 0px -92px;}
#rightcol div.rhncalllogin {margin-bottom: 15px;}
#rightcol div.rhncalllogin a {background: url("/resources/images/professionals/login-now.gif") top left no-repeat; height: 92px; width: 187px; display: block; text-indent: -9999px; overflow: hidden; }
#rightcol div.rhncalllogin a:hover {background-position: 0px -92px;}


#rightcol div.gfd-download {margin-bottom: 10px; background: url(../images/members/downloads/download-top.gif) top left no-repeat; padding-top: 15px; width: 181px; font-size: 75%;  }
#rightcol div.gfd-download div.bottom {height: 10px; width: 181px; background: url(../images/members/downloads/download-bottom.gif) bottom left no-repeat; }
#rightcol div.gfd-download h3 {padding: 0px 10px; color: #0197c8; margin-top: 0px; margin-bottom: 7px;  text-align: center; font-size: 120%; font-weight: bold; }
#rightcol div.gfd-download div.links {margin-left: 5px;width: 161px; padding: 3px 10px 5px 10px; background: url(../images/members/downloads/download-stripe.gif) top left repeat-y; overflow: hidden; height: 1%; margin-bottom: 7px; }
#rightcol div.gfd-download div.links a {display: block; margin-bottom: 10px; color: #ffffff; width: 80px; float: left; margin: 0px; text-align: center; font-weight: bold;}

#content a.downloadnow {display: block; height: 22px; width: 198px; background: url(../images/members/buttons/click-here-to-download.gif) top left no-repeat; margin-bottom: 10px; text-indent: -9999px; overflow: hidden; outline: none;}
#content a.downloadnow:hover {background-position: 0px -22px;}
#content a.downloadnowdisabled {background-position: 0px -44px;}
#content a.downloadnowdisabled:hover {background-position: 0px -44px;}
#content div.downloadguides a {display: block;}





/*# SJJ professionals Registration #*/
#content div.proregform ul {list-style-type: none; margin: 0px 0px 10px 0px;}
#content div.proregform ul li {margin-bottom: 2px; overflow: hidden; height: 1%; clear: both;}
#content div.proregform ul li.heading {font-size: 110%; font-weight: bold; color: #009de8; padding: 10px 0px;}
#content div.proregform ul li label {float: left; width: 200px; margin-right: 10px; font-weight: bold;}
#content div.proregform ul li input {float: left; width: 200px; margin-right: 10px;}
#content div.proregform ul li textarea {float: left; width: 200px; margin-right: 10px;}
#content div.proregform ul li select {float: left; width: 210px; margin-right: 10px;}
#content div.proregform ul li.number input {width: 20px;}
#content div.proregform ul li.checkbox input {width: auto;}
#content div.proregform ul li.message {padding-top: 10px; font-weight: bold; font-size: 90%;}
#content div.proregform ul li.password div.labels {float: left; width: 210px;}
#content div.proregform ul li.password div.labels label {margin-bottom: 10px;}
#content div.proregform ul li.password div.EditingFormControlNestedControl {float: left; width: 215px;  overflow: hidden; height: 1%; }
#content div.proregform ul li.password div.EditingFormControlNestedControl div input {margin-bottom: 5px;}
#content div.proregform ul li.password div.EditingFormControlNestedControl div.ConfirmationSeparator {display: none;}
#content div.proregform ul li span.EditingFormErrorLabel {color: #ff0000;}
#content div.proregform span.EditingFormInfoLabel {display: block; margin-top: 20px; padding-top: 20px; border-top: 1px solid #c5c5c5; color: #464646; font-size: 13px; font-weight: bold; }
#content div.proregform span.EditingFormErrorLabel  {display: block; margin-top: 10px; color: #ff0000; font-size: 13px; font-weight: bold; }

#content div.LogonPageBackground table {border: none; margin: 0px; padding: 0px;}
#content div.LogonPageBackground table tr td {border: none;}
#content div.LogonPageBackground table tr td a {color: #009ddc; text-decoration: none;}
#content div.LogonPageBackground table tr td.TopLeftCorner, #content div.LogonPageBackground table tr td.TopMiddleCorner, #content div.LogonPageBackground table tr td.TopRightCorner {display: none;}

#content div.emailconfirmation span.InfoLabel {margin-top: 20px; display: block; font-size: 14px; font-weight: bold;  color: #464646;}


/*# SJJ Sitemap 20/4/2010 #*/
div.siteMap ul {margin-left: 20px; padding-left: 0px;}
div.siteMap ul li {list-style-type: none; color: #7e7d7d;}
div.siteMap ul li a {font-weight: bold; color: #009ddc; font-size: 80%;}
div.siteMap ul li a:hover {color: #009ddc; }
div.siteMap ul li ul {margin-bottom: 10px; margin-left: 0px; }
div.siteMap ul li ul li a { color: #7e7d7d; }
div.siteMap ul li ul li ul {margin-bottom: 0px;}
div.siteMap ul li ul li ul {padding-left: 20px;}
div.siteMap ul li ul li ul li {list-style-type: disc;}
div.siteMap ul li ul li ul li a {font-weight: normal;}

/*# SJJ Articles 20/4/2010 #*/
div.articles {width: 480px; z-index: 500;}
div.articles div.row {padding-bottom: 14px; margin-bottom: 5px;  background: url(/resources/images/articles/gray_hor_border_large.gif) 50% 100% no-repeat; overflow: hidden; height: 1%;}
div.articles div.row div.article {width: 228px; padding-left: 14px; background: url(/resources/images/articles/gray_vert_border_small3.gif) 0% 50% no-repeat; display: block; float: left; text-align: center;}
div.articles div.row div.first {padding-left: 0px; background: none;}
div.articles div.row div.article p {width: auto; margin: 10px 0px 10px 0px; text-align: justify; padding: 0px 7px;}
div.articles div.row div.article h3 {color: #464646; font-size: 65%; font-weight: bold; }
div.articles div.row div.article a {color: #009dcc; text-decoration: none; font-size: 70%; }
div.articles div.row div.article div.icons {width: 177px; height: 23px; background-color: #009dcc; margin-left: auto; margin-right: auto; position: relative; }
div.articles div.row div.article div.icons a { height: 23px; float: left; background-image: url(/resources/images/articles/blue-icons.gif); text-indent: -9999px; position: absolute; top: 0px; background-repeat: no-repeat; overflow: hidden; }
div.articles div.row div.article div.icons a:focus {outline: none;}
div.articles div.row div.article div.icons a.video {left: 0px; width: 36px; background-position: 0px 0px; }
div.articles div.row div.article div.icons a.videosummary {left: 50px; width: 35px; background-position: -50px 0px; }
div.articles div.row div.article div.icons a.link {left: 102px; width: 31px; background-position: -102px 0px; }
div.articles div.row div.article div.icons a.faqlink {left: 148px; width: 29px; background-position: -148px 0px; }
div.articles div.row div.article div.icons a.video:hover {background-position: 0px -23px; }
div.articles div.row div.article div.icons a.videosummary:hover { background-position: -50px -23px; }
div.articles div.row div.article div.icons a.link:hover {background-position: -102px -23px; }
div.articles div.row div.article div.icons a.faqlink:hover {background-position: -148px -23px; }
div.articles #summarytip { display: none; background:transparent url(/resources/images/articles/VideoSummaryPopup.png); height:74px; width:154px; padding:7px; color:#555; z-index: 999; font-size: 65%;  }

div.articles div.row div.video {display: none; background-color: #000; position: absolute; padding: 20px; border: 4px solid #777; z-index: 1001; }

#nyroModalWrapper {padding: 20px; border: 4px solid #777;  background-color: #000; }
#nyroModalWrapper div.wrapper { position: relative;padding-bottom: 25px;}
#nyroModalWrapper div.wrapper #closeBut {position: absolute; bottom: -1px; right: 0px; display: block; height: 25px; width: 58px; background: transparent url(/resources/images/articles/video_close.png) top left no-repeat; z-index: 2000; text-indent: -9999px; overflow: hidden;  }





/* Right col related links */
#rightcol ul.relatedlinks {
	background: url("/resources/images/templates/callout_list_bg.jpg") no-repeat;
	margin-bottom: 15px;
	padding:10px 0px 6px 10px;
	min-height:40px;
	clear:both;
	font-size:12px;
	list-style-position:outside;
	list-style-type:none;
	font-weight:bold;
}

#rightcol ul.relatedlinks li {
	font-size:10px;
	line-height:12px;
	margin:5px 0 0 0px;
	padding-left:17px;
	text-transform:uppercase;
	background:url("/resources/images/templates/callout_bullet.jpg") no-repeat;
}
#rightcol ul.relatedlinks li a{
	text-decoration:none;
	color:#000;
}
#rightcol ul.relatedlinks li a:hover{
	color:#666;
}

