/* CSS Document */



/* ############ HIDE ROTATING IMAGES @ PAGE LANDING ############## */
#imageContainer1 img{display:none;}
#imageContainer2 img{display:none;}
#imageContainer3 img{display:none;}




/*################ VERY TOP BLUE HEADER #################### */
#head{
position:absolute;
left:0;
right:0;
top:0;                        
height:35px;
background-color:#006699;
border-bottom:#999999 solid 1px;
}


#headWrap{
position:relative;
width:850px;
height:20px;
top:9px;
margin:auto;
}

#headText{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:right;	
}



/* ################### SITE WIDE LINK STYLES ################# */

/* WHITE NAVIGATION CLASS LINKS */
a.nav:link {
color: white; text-decoration: none;
font-family:Verdana, Geneva, sans-serif;
font-size:13px; 
}
a.nav:visited {
color: white; 
text-decoration: none;font-family:Verdana, Geneva, sans-serif;
font-size:13px; 
}
a.nav:hover {
color: white; text-decoration: underline;
font-family:Verdana, Geneva, sans-serif;
font-size:13px; 
}
a.nav:active {
color: white; 
font-family:Verdana, Geneva, sans-serif;
font-size:13px;
}


/* SPLASH MICRO NAVIGATION CLASS LINKS */
a.micro:link {
color: #006699; 
text-decoration: none;
font-family:Verdana, Geneva, sans-serif;
font-size:12px; 
}
a.micro:visited {
color: #006699; 
text-decoration: none;font-family:Verdana, Geneva, sans-serif;
font-size:12px; 
}
a.micro:hover {
color: #006699;
text-decoration: underline;
font-family:Verdana, Geneva, sans-serif;
font-size:12px; 
}
a.micro:active {
color: #006699; 
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}


/*  CLASS FOR TINY LINKS */
a.greyLinks:link {
color: #616161; 
text-decoration: none;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
}
a.greyLinks:visited {
color: #616161; 
text-decoration: none;
font-family:Verdana, Geneva, sans-serif;
font-size:10px; 
}
a.greyLinks:hover {
color: #616161;
text-decoration: underline;
font-family:Verdana, Geneva, sans-serif;
font-size:10px; 
}
a.greyLinks:active {
color: #616161; 
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
}

/* ROTATING PICS IN DIV */
.title1{
font-size:12px;
float:right;
padding:3px;
}

.title2{
font-size:12px;
float:right;
padding:3px;
}

.title3{
font-size:12px;
float:right;
padding:3px;
}

/* ######### SITE WIDE FONT STYLING ############ */

h1.bodyTitle{
	font-family:Verdana, Geneva, sans-serif;
	font-size:34px;
	color:#006699;
	display: block;
	text-align:left;
	margin:0;
	bottom:0;
	margin-top:10px;
	margin-bottom:3px;
}

h3.medTitle{
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	color:#006699;
	text-align:left;
  margin:1px;	
}

p.boldText{
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	color:#006699;
	text-align:left;
	margin:2px;
}

p#boldLink{
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	color:#006699;
	text-align:left;
	margin:2px;
}

p.medText{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#006699;
	text-align:left;
	margin:2px;
}

ul.medText{
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	color:#006699;
	text-align:left;
	line-height:135%;
	margin:2px;
}

li.medText{
  margin-top:12px;
  line-height:110%;
}

.footTitle{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#3B3838;
	margin:0;
	padding:5;
}

.footSubTitle{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#3B3838;
	margin-top:0px;
}

p.descText{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#3A3A3A;
}

p.descSmallText{
font-family:Verdana, Geneva, sans-serif;
font-size:8px;
color:#3A3A3A;
}




ul.micro {
list-style-type:circle;
line-height:35px;
list-style-image:url("../images/ADR_LIST_IMAGE.gif");
list-style-type:square
}

 /* ################# BODY ##################### */
 
#bodyWrap{
position:relative;
width:909px;
height:auto;
margin:auto;
top:30px;
}


#bodyWrap2{
position:relative;
width:909px;
height:450px;
top:40px;
margin:auto;
}

/* #### Micro Site w/ Search */
#wrapMicroSite{
position:absolute;
width: 620px;
height: 450px;
z-index:3;
border:1px solid #999;
}

#wrapMicroImage{
position:relative;
width: 610px;
height: 150px;
z-index:3;
margin:auto;
top:25px;
}

#wrapMicroSearch{
position:relative;
width: 610px;
height: 40px;
z-index:3;
margin:auto;
top:45px;
padding:3px;
}

#wrapMicroLinks{
position:relative;
width: 610px;
height: 232px;
z-index:3;
margin:auto;
top:25px;
}

#wrapMicroLinkA {
    float: left;
    width: 200px;
    height: 225px;
}
#wrapMicroLinkC {
    float: right;
    width: 200px;
    height: 225px;
}
#wrapMicroLinkB {
    padding: 0px 150px auto 150px;
    margin: 0px;
}

.wrapMicroLinkContent{
position:relative;
margin:auto;
width: 190px;
height: auto;
padding: 5px;
}


/* #### Login & Catalog Request */
#wrapRetCat{
position:relative;
width: 270px;
height: 450px;
z-index:3;
float:right;
}

#wrapLogin{
position:relative;
width: 260px;
height: 290px;
border:1px solid #999;
background:#DEDEDE;
margin:auto;
padding:3px;
}

#wrapRequest{
position:relative;
width: 260px;
height: 130px;
border:1px solid #999;
background:#DEDEDE;
margin:auto;
top:15px;
padding:3px;
white-space:normal; 
}




/* ################# FOOTER ##################### */

#footWrap{
position:relative;
width:909px;
min-height: height:255px;
height: auto !important;
height:255px;
top:80px;
margin:auto;
border:1px solid #999;
background:#DEDEDE;
}


#footWrapSpacer{
position:relative;
width:909px;
height:90px;
top:40px;
margin:auto;
}




/*###############  ROTATING HEADER SCRIPT ################# */

/* Rotator Styles */
#wrapper {
width:1043px;
height:550px;
margin:auto;
margin-top:56px;
}

#wrapSitesLeft{
float:right;
width:260px;
height:450px;
margin:0 auto;
}

#wrapSitesContent{
float:left;
width:640px;
height:550px;
margin:0 auto;
}

#site1{
width:230px;
height:165px;
margin:0 auto;
padding:5px;
}


#site2{
width:230px;
height:165px;
margin:0 auto;
padding:5px;
margin-top:5px;
}

#site3{
width:230px;
height:165px;
margin:0 auto;
padding:5px;
margin-top:5px;
}


#wrapImageBanners{
width:640px;
height:465px;
margin:0 auto;
margin-top:10px;
border:1px solid #999;
}

#wrapButtonControls{
width:640px;
height:35px;
margin:0 auto;
margin-top:10px;
border:1px solid grey;
}

/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:1.3;
	text-decoration:none;
	font-size:100%;
	list-style:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	
}

ul.ui-tabs-nav {
	position:absolute;
	bottom:0px;
	left:0;
	z-index:1;
	width:100%;
	background:#FFF url(../images/uitabsbg.gif) repeat-x bottom right;
	border-top:1px solid #FFF;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {	
	font-size:.8em;
	font-weight:normal;
	color:#999;
	background:#FFF url(../images/uitabsbg.gif) repeat-x bottom left; 
	border-left:1px solid #FFF;
	border-right:1px solid #c5ced9;
}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	background:#FFF url(../images/uiactivetabbg.gif) repeat-x bottom left;
	color:#333;
}

#rotator .ui-tabs-nav-item a span {
	float:left; 
	padding:1em; 
	cursor:pointer;
}

/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	background:#fff url(../images/uiactivetabbg.gif) repeat-x bottom left;
	color:#333;
}

/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
	color:#000;
	height:405px;
}

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

#rotator h2 {
	color:#000;
	font-weight:normal;
	margin:0;
	font-size:1.8em;
	line-height:1.2em;
}

#rotator p {
	font-size:1.1em;
	margin:.5em 0;
	color:#333;
}

#rotator .btn_get_started {
	float:left;
	height:30px;
	width:99px;
	text-indent:-9999em;
	margin-right:7px; 
	overflow:hidden; 
	background:transparent url(images/getstarted.gif) no-repeat
}

#rotator .btn_learn_more {
	float:left;
	height:26px;
	font-size:.9em;
}

/* ################ ROTATING BACKGROUND IMAGES #################### */
#rotator #fragment-1 {
	background:transparent url(../images/sbanner_1.jpg) no-repeat top right;
}

#rotator #fragment-2 {
	background:transparent url(../images/sbanner_2.jpg) no-repeat top right;
}

#rotator #fragment-3 {
	background:transparent url(../images/sbanner_3.jpg) no-repeat top right;
	
}


/* ################# ROTATING INFO IN DIVS ####################### */

.wrapAll{
height:370px;
left:0;
right:0;
padding:5px;
}
.wrapInfo{
position:absolute;
width: 310px;
height: 370px;
z-index:3;
}
.wrapImage{
position:relative;
width: 580px;
height: 370px;
z-index:3;
float:right;
}
.menuWrap{
position:absolute;
left:2px;
right:2px;
bottom:3px;
width:570px;
height:18px;
}










/* ################################################ */
/*              SMALL ROTATING BANNERS CSS - #1     */
/* ################################################ */
#push {
	height: 43px; /* .push must be the same height as .footer */
  padding-top:10px;
}
#wrapperShow{
  width:640px;
	height: auto !important;
	height: 465px;
  padding:0 0px 0px 0px;
}

.clearfix{
	clear:both;
	float:none;
}
#bigPic{
	width:640px;
	height:465px;
	padding:0;
	background-color:#FFF;
	margin-bottom:1px;
}
#bigPic img{
	position:absolute;
	display:none;
}

#wrapThumbsRight{
  position:relative;
  font-family:Verdana, Geneva, sans-serif;
  font-size:12px;
  float:left;
  padding:6px;
}

ul#thumbs li.active{
	border:2px solid #000;	
	background:#fff;
	padding:2px;
}
ul#thumbs, ul#thumbs li{
	margin:0;
	padding:0;
	list-style:none;
}
	
ul#thumbs li{
	float:left;
	margin-right:7px;
	margin-bottom:5px;
	border:1px solid #CCC;	
	padding:3px;
	cursor:pointer;
	background:#E8E6E6;
}


.boldSite{
border-right:3px solid black;
border-left:3px solid black;
}

.siteOn{
opacity:1.0;
filter:alpha(opacity=100);
}

.siteOff{
opacity:0.5;
filter:alpha(opacity=50);
}


/*############################
##############################
#
#
#  START LOGIN DROP DOWN
#
#
##############################
#############################*/
/*-------LOGIN STARTS HERE -------*/

/* Login Container (default to float:right) */
#loginContainer {
    position:relative;
    float:left;
    left:350px;
    font-size:12px;
}

/* Login Button */
#loginButtonTop { 
    cursor:pointer;
}

/* Login Button Text */
#loginButtonTop span {
    color: white; text-decoration: none;
    font-family:Verdana, Geneva, sans-serif;
    font-size:13px; 
}



/* Login Box */
#loginBox {
    position:absolute;
    top:27px;
    right:0;
    display:none;
    z-index:29;
}

/* Login Form */
#loginForm {
    width:248px; 
    border:1px solid #006699;
    margin-top:-1px;
    background:#D6D6D6;
    padding:8px;
}

#loginForm fieldset {
    margin:0 0 12px 0;
    display:block;
    border:0;
    padding:0;
}

fieldset#body {
    background:#fff;
    border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 13px;
    margin:0;
}

#loginForm #checkbox {
    width:auto;
    margin:1px 9px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}

#body label {
    color:#3a454d;
    margin:9px 0 0 0;
    display:block;
    float:left;
}

#loginForm #body fieldset label {
    display:block;
    float:none;
    margin:0 0 6px 0;
}

/* Default Input */
#loginForm input {
    width:92%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}

/* Sign In Button */
#loginForm #login {
    width:auto;
    float:left;
    background:#339cdf;
    color:#fff;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}

/* Forgot your password */
#loginForm span {
    text-align:center;
    display:block;
    padding:7px 0 4px 0;
}

#loginForm span a {
    color:#3a454d;
    text-shadow:1px 1px #fff;
    font-size:12px;
}

input:focus {
    outline:none;
}