/* CSS Document */

/* -------------- Homepage Splash and Search --------------  */


/*----- Short Individual Search Boxes "Old" -----*/
/*
.searchcontainer{
width:200px; 
height:70px;
float:left;
margin-left:5px;
background:url(../../images/searchgradient.gif) left bottom repeat-x transparent;
}

.searchcontent {
display:block;
width:200px;
height:50px;
margin:15px 10px 5px 10px;
}
*/

#cbiSearchbox {
width:730px;
margin:0px 0px 0px 2px;
padding:0px 8px 0px 8px;
height:80px; 
background:url(../../images/homepage-search-background.gif) bottom left no-repeat transparent;
/*
background:url(../../images/searchbackgroundmiddle.gif) top left repeat-x transparent;
*/
}

#CBIwrapper .searchcontainer {
display:inline;
width:242px;
height:80px;
float:left;

background:url(../../images/searchgradient-72.gif) left bottom repeat-x transparent;
}

#CBIwrapper .searchcontent {
display:inline;
margin:12px 8px 5px 8px;
padding:0px;
float:left;
position:relative;
z-index:1000;
}

#CBIwrapper .searchtitle {
margin:0px;
font-size:16px;
font-weight:bolder;
color:#001269;
margin-bottom:7px;
}  

#CBIwrapper .searchtagline {
position:relative;
top:22px;
left:10px;
padding:0px;
}

#splashwindow {
width:752px;
_width:748px;
_border:solid 1px #e3e5ec;
_height:270px;
height:277px;
margin:0px;
background:url(../../images/hm-splashwindow.gif) top left no-repeat transparent;
_background-image:none;
_background-color:#EEF1F8;
overflow:hidden;
}

/* -------------- Splash Screen Slides --------------  */

#CBIwrapper .slideA {
width:748px; 
height:274px;
margin: 1px 0 0 2px;
display:block;
background: transparent url(../../images/FrontSplash01.jpg) no-repeat top left;
}

	#CBIwrapper .slideA #Feature1 {
		width: 300px;
		height: 118px;
		padding: 10px 10px;
	}

	#CBIwrapper .slideA #Feature2,
	#CBIwrapper .slideA #Feature3,
	#CBIwrapper .slideA #Feature4 {
		width: 229px;
		height: 115px;
		float: left;
		padding: 10px 10px;
	}

#CBIwrapper .slideB {
width:748px; 
height:274px;
margin:1px 2px 2px 2px;
padding:20px 30px 20px 30px;
display:block;
/*
background:url(../../images/slideB.jpg) top left no-repeat transparent;
*/
background:url(../../images/splash1.jpg) top left no-repeat transparent;
}

#CBIwrapper .slideC {
width:748px; 
height:274px;
margin:1px 2px 2px 2px;
padding:20px 30px 20px 30px;
display:block;
/*
background:url(../../images/slideC.jpg) top left no-repeat transparent;
*/
background:url(../../images/splash3.jpg) top left no-repeat transparent;
}

/* ---------- Slide Subscription Promo -----------  */

#CBIwrapper .slideD {
width:750px; 
height:274px;
margin:1px 2px 2px 2px;
padding:20px 30px 20px 30px;
display:block;
background:url(../../images/slideD-subscription.jpg) top left no-repeat transparent;
}

#CBIwrapper .slidetitle {
font:bolder 26px Arial, Helvetica, sans-serif;
margin:0px;
}

#CBIwrapper .slidebullets {
font:bold 18px Arial, Helvetica, sans-serif;
margin:10px 5px 10px 5px;
padding:0px 25px 0px 25px;
display:block;
width:auto;
color:#001269;
background:url(../../images/splashbulletarrow.gif) left no-repeat transparent;
}

#CBIwrapper .slidebullets:Hover {
color:#FF6201;
}

#CBIwrapper .slidelrgtxt {
font:bold 18px Arial, Helvetica, sans-serif;
margin:10px 5px 10px 5px;
display:block;
}

/* -------------- Homepage Tabs --------------  */

#tabcontainer {
width:751px;
display:block;
margin:10px 0px 10px 0px;
padding-left:1px;
}

#CBIwrapper .tabheader {
width:730px;
height:28px;
margin:0px;
padding:4px 10px 0px 10px;
background:url(../../images/homepagetabsgradient.gif) top left repeat-x #dce1f1;
}

#CBIwrapper .tabtext {
display:block;
float:left;
text-align:center;
color:#001269;
font:bold 14px Arial, Helvetica, sans-serif;
padding:4px 8px 0px 8px;
margin:0px;
position:relative;
_margin-bottom:-20px;
z-index:200;
}

#CBIwrapper .aTab {
text-decoration:none;
color:#001269;
outline:0; /* prevent dotted border in Firefox */
}

#CBIwrapper .aTab:Hover {
text-decoration:none;
color:#98baf0;
outline:0; /* prevent dotted border in Firefox */
}

#CBIwrapper .ui-tabs-selected {
position:relative;
z-index:300;
background:url(../../images/tabselected.gif) top left repeat-x #ffffff;
border:solid 1px #c6d4f6;
border-bottom-color:#ffffff;
display:block;
float:left;
height:25px;
_height:30px;
bottom:8px;
padding-top:10px;
}

#CBIwrapper .ui-tabs-hide {
display: none;
}

#CBIwrapper .tabseparator{
width:1px;
height:20px;
text-indent:0px;
float:left;
display:block;
list-style:none;
margin:0px;
_margin-bottom:-20px;
padding:0px;
position:relative;
bottom:3px;
background:url(../../images/tabs-separatorimg2.gif) bottom left no-repeat transparent;
}

#CBIwrapper .tabcontent{
width:738px;
height:260px;
padding:5px;
margin:0px;
background:url(../../images/homepagetabsectiongradient.gif) bottom left repeat-x #ffffff;
border:solid 1px #ececec; /* #ccd4e9 */
border-top-width:1px;
border-top-color:#c6d4f6;
border-bottom-width:0px;
}

#CBIwrapper .pc-productlist {
display:block;
margin:5px 0px 5px 0px;
_margin:0px;
padding:0px;
}

#CBIwrapper .pc-producttxt {
font:bold 15px Arial, Helvetica, sans-serif;
color:#001269;
display:inline;
margin:0px;
padding-bottom:1px;
}

#CBIwrapper .pc-producttxt:Hover {
color:#FF6201;
text-decoration:none;
}

#CBIwrapper .pc-takeclass {
font:bold 11px Arial, Helvetica, sans-serif;
color:#8ca0d7;/*#98baf0*/
text-decoration:none;
display:inline;
background:url(../../images/smlightbluearrow.gif) right no-repeat transparent;
padding-right:8px;
}

#CBIwrapper .pc-takeclass:Hover {
color:#98baf0;
text-decoration:none;
}

#CBIwrapper .pc-producticon {
float:left;
padding-right:15px;
display:inline;
}



/* --------------  Homepage Middle  --------------  */

#middlecontent {
width:750px;
padding-left:1px;
float:left;
}

#CBIwrapper .middleleftcontainer {
width:480px;
float:left;
}

#CBIwrapper .middleleft {
width:478px;
float:left;
padding:0px;
margin:0px;
background:url(../../images/middleleftgradient.gif) top left repeat-x #ffffff;
border:solid 1px #efefef;
border-top-width:0px;
border-bottom-width:0px;
}

#CBIwrapper .fc-title {
height:20px;
margin:0px;
padding:5px 10px 5px 10px;
background:url(../../images/fc-bottomseparator.gif) bottom left repeat-x transparent;
}

#CBIwrapper .fc-background {
width:458px;
padding:10px; 
background:url(../../images/fc-background.jpg) top right no-repeat transparent;
border-bottom:solid 1px #e3e4e4;
}

#middleadcontainer {
width:255px;
height:260px;
float:right;
padding:10px 0px 0px 8px;
margin-bottom:10px;
background:url(../../images/middleadbackground.gif) top left no-repeat #ffffff;
}

#CBIwrapper .middleflashad {
width:250px;
height:250px;
background-color:#f3f5f9;
border:solid 1px #efefef;
position:relative;
z-index:0;
}

/* --------------  Base Content --------------  */

#basecontainer {
width:750px;
padding-left:1px;
float:left;
margin-bottom:20px;
}

#CBIwrapper .basecontent {
width:738px;
padding:5px;
margin:0px;
background:url(../../images/middleleftgradient.gif) top left repeat-x #ffffff;
border:solid 1px #efefef;
border-top-width:0px;
border-bottom-width:0px;

border-bottom-width:0px;
}

#CBIwrapper .ks-button { 
background:url(../../images/sr-keywordsearch-normal.gif) top left no-repeat transparent;
width:24px;
height:24px;
float: left;
margin-left:2px;
}

#CBIwrapper .ks-button:Hover { 
background:url(../../images/sr-keywordsearch-over.gif) top left no-repeat transparent;
cursor:pointer;
}

#ctl00_ContentPlaceHolder1_SearchBox {
height: 16px;
float: left;
width: 170px;
}