body{font-family:Verdana, Helvetica, Arial, sans-serif;}
/* Hide all Interior Content */
#contentWrapper{display:none;} 

/* Define homepage grid structure */
#whiteWrapper{display:block;} 
#middleWrapper{display:block; clear:both;} 
#grayWrapper{display:block;}
#WhatsNewWrapper{display:block;}

/********************************BEGIN: US HOMEPAGE STYLES********************************/
#homeTopUs #home01{width:940px; height:397px; padding:0px 30px 11px 0px;}
#homeTopUs #home02{display:none;}
#homeTopUs #home03{display:none;}
#homeTopUs #home04{display:none;}
#homeTopUs #home05{display:none;}
#homeTopUs #home06{display:none;}
#homeTopUs #home07{display:none;}
#homeTopUs #home08{display:none;}
#homeDesignCenter {width:941px;}
#homeDesignCenter img{float:left;}
#homeFeatured {width:941px;}
#homeFeatured img{ float:left;}

/* BEGIN: Featured Content Region */
@font-face { font-family: angelina; src: url('/global/fonts/angelina.ttf'); }
#featuredContentArea{position:relative;display:none;width:934px;height:365px;margin:0 auto;background:url(/global/js/featured-content/featuredSiteContent.png);padding-top:16px;overflow:hidden;top:8px;}
#featuredContentArea img{border:none !important;outline:0 !important;}
#featuredContentArea #featuredImage{width:900px;height:320px;margin: 0 auto;}
#featuredContentArea #learnMore{outline:0;}
#featuredContentArea #learnMore img{margin-top:8px;margin-left:23px;}
#featuredContentArea #pageNumbers{position:relative;float:right;margin:6px 21px 0 0;}
#featuredContentArea #pageNumbers div{margin:0;height:30px;width:24px;text-indent:100000;float:left;cursor:pointer;text-indent:-100000px;opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=.4)";filter: alpha(opacity=.4);}
#featuredContentArea #pageText{float:right;height:30px;width:500px;margin:6px 15px 0 0;}
#featuredContentArea #pageText p{font-family:angelina, Times New Roman;text-align:right;font-size:30px;margin:0;color:#555;}
#featuredContentArea #underline{position:absolute;left:0px;top:22px;}
#featuredContentAreaNS,#featuredContentAreaNS p{margin:0 auto;width:50%;text-align:center;}
/* END: Featured Content Region */

.WhatsNewTitle {background-color: #CDCCCB; height:40px; text-align:center; font-size:30px; color:#FFFFFF; padding:5px 0px 0px 0px;}
#WhatsNewWrapper #homeMiddleUS{text-align:center; margin-top:5px; width:940px; height:200px; padding:25px 0px 25px 0px;}
#WhatsNewWrapper #homeMiddleUS img{padding:0px 5px 0px 0px;}

#grayWrapper #homeBottomUs #home09{width:940px; height:41px; padding: 10px 0px 0px 0px; float:left; color:#E5E4D3; font-size:24px; text-align:center;}
#grayWrapper #homeBottomUs #home09 a{color:#E5E4D3; }
#grayWrapper #homeBottomUs #home09 a:hover{color:#E5E4D3;text-decoration:none;}
#grayWrapper #homeBottomUs #home10{display:none;}
#grayWrapper #homeBottomUs #home11{display:none;}
#grayWrapper #homeBottomUs #home12{display:none;}
#grayWrapper #homeBottomUs #home13{display:none;}

/* Put seo region up top in the code but still remain in the footer. Change top position when updating homepage content, unfortunately this one hack is needed. Test accordingly when changing. */
#seoFooterContentUs #seoFooterContent{position:absolute; top:1944px;}  /* before 4th of july sale 1534px*/
#seoFooterContentUs #seoFooterContent{position:absolute; _top:1944px;} /* ie 6 only*/
@-moz-document url-prefix(){#seoFooterContentUs #seoFooterContent {position:absolute; top:1946px;}} /* All versions of Firefox 1.5-3 */ /* before 4th of july sale 1544px*/

/********************************END: US HOMEPAGE STYLES*******************************/

/********************************BEGIN: INTERNATIONAL HOMEPAGE STYLES*********************/
#whiteWrapper #homeTopInternational #home01{width:940px; height:397px; float:left; padding:0px 30px 11px 0px;}
#whiteWrapper #homeTopInternational #home02{display:none;}
#whiteWrapper #homeTopInternational #home03{display:none;}
#whiteWrapper #homeTopInternational #home04{display:none;}
#whiteWrapper #homeTopInternational #home05{display:none;}
#whiteWrapper #homeTopInternational #home06{display:none;}
#whiteWrapper #homeTopInternational #home07{display:none;}
#whiteWrapper #homeTopInternational #home08{display:none;}
#grayWrapper #homeBottomInternational #home09{width:940px; height:10px; padding: 0px 0px 0px 0px;}
#grayWrapper #homeBottomInternational #home10{width:940px; height:282px; float:left; padding:0px 0px 10px 0px;}
#grayWrapper #homeBottomInternational #home11{display:none;}
#grayWrapper #homeBottomInternational #home12{display:none;}
#grayWrapper #homeBottomInternational #home13{display:none;}
#whiteWrapper #homeTopInternational #homeDesignCenter {width:941px;}
#whiteWrapper #homeTopInternational #homeDesignCenter img{float:left;}

/* Put seo region up top in the code but still remain in the footer. Change top position when updating homepage content, unfortunately this one hack is needed. Test accordingly when changing. */
#seoFooterContentInternational #seoFooterContent{position:absolute; top:1810px;}  /* before 4th of july sale 1534px*/
#seoFooterContentInternational #seoFooterContent{position:absolute; _top:1810px;} /* ie 6 only*/
@-moz-document url-prefix(){#seoFooterContentInternational #seoFooterContent {position:absolute; top:1812px;}} /* All versions of Firefox 1.5-3 */ /* before 4th of july sale 1544px*/

/********************************END: INTERNATIONAL HOMEPAGE STYLES********************/

/********************************BEGIN: WHAT'S NEW SCROLL REGION********************/
.jcarousel-skin-tango {margin:0 auto; width:940px;}
.jcarousel-skin-tango .jcarousel-container {}
.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 900px; padding: 20px 20px;}
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  900px; height: 210px;}
.jcarousel-skin-tango .jcarousel-item {width: 290px; height: 201px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 5px;margin-right: 5px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px;margin-right: 0;}
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000;}

/***  Horizontal Buttons*/
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 90px; right: 0px; width: 16px; height: 54px; cursor: pointer; background: transparent url(/images/home/scroll_next.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(/images/home/scroll_prev.gif);}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-horizontal:focus {}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal {display:none!important;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default;}

.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 90px; left: 0px; width: 16px; height: 54px; cursor: pointer; background: transparent url(/images/home/scroll_prev.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(/images/home/scroll_next.gif);}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal {display:none!important;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default;}
/********************************END: WHAT'S NEW SCROLL REGION********************/

/********************************BEGIN: HOMEPAGE WHAT'S HAPPENING TABS********************/
.container {width: 292px; height:292px; background-color:#f1efdb; overflow:hidden; float:left; margin:10px 0px 0px 5px;}
.tabTitle {color:#37332E; text-transform:uppercase; padding:10px 15px 10px 15px; font-size:21px;}
ul.tabs {margin:0px 13px 0px 15px;padding: 0;float: left;list-style: none;height:26px;}
ul.tabs li {float: left;margin: 0;padding: 0;height: 23px;line-height: 23px;border: 1px solid #B3B297;margin-bottom: -1px;background: #D9D8CB;overflow: hidden;position: relative;width:130px;margin-top:2px;}
ul.tabs li img {border:none;}
ul.tabs li a {text-decoration: none;color: #73706D;display: block;font-size: 13px;font-weight:bold;letter-spacing:.25px;padding:5px 13px 0px 13px;text-align:center;outline: none;font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Helvetica,sans-serif;}
ul.tabs li a:hover {}   
html ul.tabs li.active, html ul.tabs li.active a:hover  {background: #fff;color:#5F5C58;height:25px;margin-top:0px;border-bottom:#ffffff!important;}
html ul.tabs li.active a{padding-top:7px;}
.tab_container {border: 1px solid #B3B297; border-top:#ffffff; clear: both;float: left; width: 262px;height: 200px;background: #fff;margin:0px 15px 0px 15px;}
.tab_content {padding: 10px;font-size: 1.2em;width:240px;height:180px;}
.tab_content h2 {font-weight: normal;padding-bottom: 10px;border-bottom: 1px dashed #ddd;font-size: 1.8em;}
.tab_content h3 a{color: #254588;}
.tab_content img {float: left;margin: 0 20px 20px 0;border: 1px solid #ddd;padding: 5px;}
.scrollArrows {width:100%; text-align:center; margin:5px 0px 0px 0px;}
#tab1 { color:#696662; height:200px; font-family:"Times New Roman", Times, serif;}
#tab1 .jcarousel-skin-tango .jcarousel-clip {overflow: hidden;}
#tab1 ul {width:240px; margin:0; padding:0;}
#tab1 li { list-style:none; width:240px; padding:14px 0px; border-bottom:1px solid #B9B8B6; background:url(/images/home/standard_link_arrow.png) left center no-repeat;margin-bottom: 0px;}
#tab1 li a{display:block; padding:0px 0px 0px 15px; text-decoration:none; color:#696662; font-size:14px;}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspScrollable {height:210px!important; margin-top:10px;}
.jspContainer{overflow: hidden; position: relative; height: 210px!important;}
.jspPane{position: absolute; padding-top:0px!important;}
.jspVerticalBar{position: absolute;bottom:0;top:190px;right:0px;height: 20px;width:100%;background:#F1EFDB;border-top: 1px solid #B3B297;}
.jspVerticalBar *,{margin: 0;padding: 0;}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack{background: #dde;position: relative;visibility:hidden;display:none!important;}
.jspDrag{background: #bbd;position: relative;top: 0;left: 0;cursor: pointer;visibility:hidden;display:none!important;}
.jspArrow{width:23px; height:8px;text-indent: -20000px;display: block;cursor: pointer;}
.jspArrowUp {background:url(/images/home/scroll_up.png) center center no-repeat; width:23px; height:8px; position:absolute; left:110px; top:0; margin-top:5px;}
.jspArrowDown {background:url(/images/home/scroll_down.png) center center no-repeat; width:23px; height:8px; position:absolute; right:110px; top:0; margin-top:5px;}
.jspArrow.jspDisabled{cursor: default;}
.jspVerticalBar .jspArrow{width:23px; height:8px;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{background: #eeeef4;float: left;height: 100%;}
/********************************END: HOMEPAGE WHAT'S HAPPENING TABS********************/

/********************************BEGIN: HOMEPAGE DESIGNER BIO********************/
#bioHome {width:264px; height:325px; background:url(/images/home/DesignTeam_background.jpg) center center no-repeat; float:left; padding:0px 25px 0px 27px;}
.rotateBioLeft {width:115px; height:115px; float:left; margin:110px 0px 0px 10px; background-color:#CCCCCC;}
.rotateBioRight {width:115px; height:115px; float:right; margin:110px 0px 0px 0px; background-color:#CCCCCC;}
/* rotator in-page placement */
div.rotatorLeft, div.rotatorRight {position:relative; height:115px; display: none;}
/* rotator css */
div.rotatorLeft ul li, div.rotatorRight ul li {float:left; position:absolute; list-style: none;}
div.rotatorLeft ul, div.rotatorRight ul {padding:0; margin:0;}
/* rotator image style */   
div.rotatorLeft ul li img, div.rotatorRight ul li img {}
div.rotatorLeft ul li.show, div.rotatorRight ul li.show {z-index:500}
#biozipWrapper {text-align:center; vertical-align:bottom; height:324px; padding:0px 0px 36px 30px; margin-top:265px;}
#biozipContainer {height:20px;}
.bioNavSearchField {width:101px; height:18px; padding:0px 0px 2px 5px; margin:0; float:left; background-color:#eeead1; border:1px solid #8e896c; font-size:9px; color:#787564;}
#bioNavSearchSubmitExt {width:111px; height:20px; padding:0; margin:0; float:left;}
/********************************END: HOMEPAGE DESIGNER BIO********************/