/* CSS Document */

body {
	margin: 0;
	padding: 0;
	border: 0;
	background-color:#ddf2ff; 
}
.mainScrollerDIV {
	position: absolute;
	top: 167px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	
}
#MSD2 {
	display:none;
}
#productdata {
	display: none;
}
.white, .white p {
	color: #FFFFFF;
}
.tooltip { 
    display:none; 
    background-color:#ffa; 
    border:1px solid #cc9; 
    padding:3px; 
    font-size:13px; 
    -moz-box-shadow: 2px 2px 11px #666; 
    -webkit-box-shadow: 2px 2px 11px #666; 
}
.pheading {
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 22px;
	border-bottom: 2px solid #3c92d0;
}
.hpINFO {
	margin:0;
	padding: 0;
	margin-left: 15px;
	padding-top: 45px;
	
	list-style: none;
}
.hpINFO li, .hpINFO li a, .hpINFO li a:visited  {
	font-size: 33px;
	color: #114588;
	padding-left: 14px;
	font-weight: bold;
	text-decoration: none;
}
.hpINFO li.hpACTIVE, .hpINFO li.hpACTIVE a, .hpINFO li.hpACTIVE a:visited {
	font-size: 33px;
	color: #FFFFFF;
	padding-left: 0px;
	font-weight: bold;
	text-decoration: none;
}
.hpcontent, .hpcontent p , .hpcontent li{
	color: #FFFFFF;
}
.hpcontent ul{
	margin-left: 15px;
	padding-left: 0;
}
.hpcontent p.heading{
	font-size: 30px;
	color: #FFFFFF;
	margin-bottom: 10px;
}
.active {
	background-image: url(/images/2010/products_block_active.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-color: transparent;
}
.active .title{
	font-size: 30px;
	color: #FFFFFF;
}
.active td{
	font-size: 14px;
	color: #FFFFFF;
}
.inactive .title{
	font-size: 30px;
	color: #0069b6;
}
.inactive td{
	font-size: 14px;
	color: #42565c;
}
.inactive img, .active img {
	border: 1px solid #1A76BB;
}
#ttSrchTxtBox
    {
        color: #000;
		float: left;
		vertical-align: middle;
		padding-top:4px;
		padding-left: 5px;
		height: 23px;
		border: transparent 0 none;
		background-image: url(/images/2010/Search_Text_Box.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-color: transparent;
    }
.jCarouselLite li {


	width: 153px;
	height: 158px;
	background-image: url(/images/2010/products-scroller-item-bg.png);
   background-repeat: no-repeat;
        background-position: left center;
        background-color: transparent;
}
.jCarouselLiteR li {

	 margin-left: 25px;
	width: 153px;
	height: 158px;
	background-image: url(/images/2010/products-scroller-item-bg.png);
   background-repeat: no-repeat;
        background-position: left center;
        background-color: transparent;
}
.jCarouselLiteR li div, .jCarouselLite li div{
	margin: 0 6px 6px 0;
	padding: 0;
	border: 0;
	text-align: center;

}
.jCarouselLiteR  li div img, .jCarouselLite li div img{
	margin: 10px 0;
}
.jCarouselLite a, .jCarouselLite a:active, .jCarouselLite a:visited, 
	.jCarouselLiteR a, .jCarouselLiteR a:active, .jCarouselLiteR a:visited{
	color: #22af46;
	font-size: 18px;
	font-weight:bold;
	text-decoration: none;
}
.jCarouselLiteR a:hover, .jCarouselLite a:hover {
	color: #CCCCCC;
}
#ttSrchTxtBoxTop
{
        color: #FFF;
		float: left;
		vertical-align: middle;
		padding-top:4px;
		padding-left: 5px;
		height: 23px;
		border: transparent 0 none;
		background-image: none;
        background-repeat: no-repeat;
        background-position: left center;
        background-color: transparent;
    }
	
form {
	padding: 0;
	margin: 0;
	border: 0;
}

.warning {
	color: #660000;
	font-weight: bold;
}

table#wrapper {
	background:transparent url("/images/footer-repeat.jpg") repeat-x bottom left; 
}
p, div, td, select, input, th, textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #828d94;
}
.padding{
	margin: 0;
	padding: 40px 60px;
}
h1{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #22af46;
	text-transform: uppercase;
	border-bottom: 1px solid #22af46;
}
.modTitle {
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 23px;
	color: #0073bd;
	text-transform: uppercase;
	margin: 0 0 0 30px;
	padding: 0 5px;
	font-weight: bold;
	background-color: #F6FAFD;
}
.cartTitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #0073bd;
	text-transform: uppercase;
	font-weight: bold;
}
.greenbrdr {
	border: 1px solid #22af46;
}

.greenbrdrTOP
{
	background-image: url(/images/2010/Arbrux-Web_product_b_01.png);
   background-repeat: no-repeat;
        background-position: bottom center;
        background-color: transparent;
}

.greenbrdrRIGHT
{
	background-image: url(/images/2010/Arbrux-Web_product_b_03.png);
   background-repeat: repeat-y;
        background-position: top right;
        background-color: transparent;
}

.greenbrdrLEFT
{
	background-image: url(/images/2010/Arbrux-Web_product_b_03.png);
   background-repeat: repeat-y;
        background-position: top left;
        background-color: transparent;
}
.resources {
	margin-top:0;
	padding-top:0;
	padding-left: 35px;
	line-height: 180%;
}
h2{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #0073bd;
}
h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #0073bd;
}
hr {
	color: #0073bd;
	height: 1px;
}
.topMenu {

}
.pTagline {
	color: #00386B;
	font-style:italic; 
	padding-left: 15px;
}
div.leftPadding {
	margin: 0;
	border: 0;
	padding: 0 0 0 15px;
}
ul.newLeftMenu {
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0;
}
.newLeftMenu li {
	text-align: center;
	font-size: 14px;
	margin: 6px 0;
	padding: 0;
	font-weight: bold;
}
.newLeftMenu a, .newLeftMenu a:visited, .newLeftMenu a:active{
	color: #00386B;
	text-decoration: none;
	
}
.newLeftMenu a:hover{
	color: #FFFFFF;
}
.topMenu ul {

	display: inline;
	list-style: none;
	} 

.topMenu ul li {
	padding-left: 15px;
	margin-left: 0;
	
	display: inline;
	}

.topMenu a, .topMenu a:visited, .topMenu a:active {
	color: #FFFFFF;
	text-decoration:none;	
}
.topMenu a:hover {
	color: #CCCCCC;
	text-decoration:none;
}

.secondMenu {
	background:#00386B url("/images/design/arbrux_r3_c1.jpg") no-repeat top center; 
}

.secondMenu ul {
	margin:0;
	padding:0;
	display: inline;
	list-style: none;
	} 

.secondMenu ul li {
	padding-left: 15px;
	margin-left: 0;
	
	display: inline;
	}

.secondMenu a, .secondMenu a:visited, .secondMenu a:active {
	color: #FFFFFF;
	text-decoration:none;	
}
.secondMenu a:hover {
	color: #CCCCCC;
	text-decoration:none;
}

.leftCol {
	background-color: #9FC5E8;
}

.leftColHeading {
	margin-bottom:0;
	padding-bottom:0;
	color: #2D76B9;
	text-align: left;
}
div.leftBox {
	border: 1px solid #2D76B9;
	padding: 10px;
	margin: 1px;
	margin-top:0;
	color: #666666;
}
.center {
	text-align: center;
}
.leftCol a, .leftCol a:active, .leftCol a:visited {
	color: #666666;
	text-decoration: none;
}

.leftCol a:hover {
	color: #000000;
}

.rightCol {

}

.footer td, .footer p{
	color: #FFFFFF;

}
.footer, .footer a, .footer a:active, .footer a:visited, .footer a:hover {
	color: #FFFFFF;
}
.copy, .copy a, .copy a:active, .copy a:visited, .copy a:hover {
	
	color: #FFFFFF;
	font-size: 9px;
}

.question  {
	
	margin-left: 20px;
	padding: 20px 0 20px 80px;
	background-image: url(/images/2010/Question_Image.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: transparent;
}
.question a, .question a:active, .question a:hover, .question a:hover  {
	font-weight: bold;
	text-decoration: none;
	color: #22af46;
}
div.response {
	margin: 10px;
	margin-left: 40px;
	padding: 5px 0 5px 80px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
}
.rsp0 {
	background-image: url(/images/2010/droplet1.png);
}
.rsp1 {
	background-image: url(/images/2010/droplet2.png);
}
a, a:active, a:visited {
	color: #00386B;
}

a:hover {
	color: #999999;
}
.dataName {
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}
.dataDisplayed {
	color: #FFFFFF;
	text-align: left;
}
.dataHeadings {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: bold;
}
.disclaimer {
	font-size: 9px;
	color: #666666;	
}
td.resources {
	background:#A0C6E9 url("/images/resources/resources_r2_c2.jpg") no-repeat bottom right; 
	height: 201px;
	text-align: center;
}
.price {

   font-weight: normal;
   color: #000000;
   border-style: none;
   text-align: right;
  }
div.overlay {
	background:url(/images/lightbox-blank.gif) no-repeat;
	padding: 0px;	
	width:  734px; 
	height: 200px;
	display:none;
	border: 0px none;
}

div.overlay div.close {
	background:url(/img/overlay/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

a.player {	
	display:block;
	width:350px;
	height:300px;	
	background:url(/images/splash.png) no-repeat;

	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}
	

/* playlist style */
#playlist {
	width:312px;
	height:350px;
	overflow-y:auto;
	overflow-x:hidden;
	border:1px solid #ccc;
	padding:4px 10px 12px 10px;
	background-color:#efefef;

}

/* playlist entry */
#playlist a {
	display:block;
	width:100%;
	height:90px;
	padding:7px;
	background-color:#fff;
	border:1px solid #ccc;
	font:11px "bitstream vera sans", "lucida grande",verdana;
	text-decoration:none;
	margin-top:7px;
	color:#666;
}

/* different states of a playlist entry */
#playlist a:hover {
	background-color:#ffc;		
}

#playlist a.progress {
	background-color:#efefef;	
}

#playlist a.playing {
	border:1px solid #666;
	background-color:#ffc;	
}

#playlist a.paused {
	border:1px solid #666;
	background-color:#ffc;	
}

/* elements inside playlist entry */
#playlist a img {
	border:0;	
	float:left;
	margin-right:10px;
}

#playlist a strong {
	color:blue;		
	padding-bottom:5px;
}
.frmHeading {
	border-bottom: 1px solid #e6e6e6;
}
.contactFRM{
	border: 1px solid #0069b6;
	background-color: #F6FBFF;
}

.submit {
	color: #FFF;
	height: 32px;
	border-style: none;
		background-image: url(/images/2010/nav-bg.jpg);
        background-repeat: no-repeat;
        background-position: left center;
        background-color: transparent;
}

#playlist a em {
	border:0;	
	float:left;
	margin-right:10px;
	background:url(/img/demos/clock.gif) no-repeat 0 50%;
	padding-left:20px;
	color:#333;
	font-style:normal;
	margin-top:10px;
}

div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 700px; 
    height:325px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable ul.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
	list-style:none;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable ul.items li { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
ul.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/images/2010/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:135px 0px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 

.scrollerContainer
{
	background-image: url(/images/2010/home-top-scroller-blue.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: transparent;
	z-index: 100;
}

.mainScrollerBG 
{
	background-image: url('/images/2010/homeImages/2 HP Juniper1.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	background-color: transparent;
}