@charset "UTF-8";
/* CSS Document */

@import url('/styles/brandedheader.css');

/**#branding-small {
	margin: 26px -24px 0 0;
	position: relative;
}**/

/*========== BRANDED HEADER FOR ALJOMA ==========*/

#branding-small {
	position: relative;
  width: auto;
  float:none;
  padding: 0;
  margin: 0;
  height: auto;
  font-size: 12px;
  background: none;
}

h1#top{
	position: absolute;
	right: 15px;
	top: 15px;
	float: none;
	margin: 0;
	padding: 0;
}

#navbar-small{
	position: absolute;
	right: 0;
	top: 55px;
	float: none;
	width: 400px;
	height: 30px;
	overflow: visible;
	background: none;
}

#global-nav-small {
	position: absolute;
	top: 5px;
	right: 170px;
  float: none;
  list-style-type: none;
	height: 20px;
  margin: 0;
	width: auto;
  padding: 6px 5px 4px 10px;
	background: #e1e2e4 url(../images/graynavbar.jpg) no-repeat 0 0;
	}
	#global-nav-small a {
		color: #272727;
		text-decoration: none;
		padding-left: 8px;
		margin-right: 10px;
	}

/* Search in Branded Header for Aljoma */
#search {
	position: absolute;
	top: 5px;
	right: 0;
	margin: 0;
	padding: 5px 10px;
	width: 150px;
	height: 20px;
	background-color: #e1e2e4;
}

#search label {
  padding: 4px 4px 0 0;
  color: #272727;
}

#searcharrow {
	vertical-align:top;
}

#q {
  width: 120px;
  padding-right:0;
  padding-left:5px;
  background-color:#FFF;
  border:1px solid #272727;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  color:#555;
}

/* Google Translate Styles for Aljoma */

#google_translate_element{
	position: absolute;
	right: 18px;
	top: 100px;
	}
	.goog-te-combo{
		border: 1px solid #333333;
		height: 19px;
		width: 126px;
		font-size-adjust: .45;
		color: #363636;
	}

/*========== END BRANDED HEADER FOR ALJOMA ==========*/

h1 a {
  background: url(../images/ufplogo.jpg) no-repeat 0 0;
}

/**#navbar-small {
background: url(../images/graynavbar.jpg) no-repeat 0 0;
width: auto
}**/

body {
	margin:0;
	padding:0;
	background:#c8d3d3 url(../images/bodybackground.jpg) no-repeat center 0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#494443;
}

#header {
	background:url(../images/headerbackground.jpg) no-repeat 0 0;
	width:1000px;
	height:144px;
}

#header .logo {
	margin:30px;
}

#wrapper {
	position:relative;
	width: 1016px;
	margin:0 auto;
	text-align:left;
}

#container {
	background:url(../images/wrapper.jpg) repeat-y 0 0;
	font-size:1.2em;
	margin-top:15px;
	margin-left:-8px;
}

#content {
	background:url(../images/container.jpg) no-repeat 0 0;
	min-height:398px;
	width:1016px;
}

#content-right {
	margin-top:55px;
	margin-right:30px;
	margin-bottom:20px;
	width:740px;
	float:right;
}

#content-right .feature-image {
	float:right;
	margin:15px;
	background:#666;
}

#footer {
	background:#c8d3d3;
	clear:both;
	width:1016px;
	padding-top:10px;
	text-align:center;
}

#footer li{
	display:inline;
	padding:0 30px 0 0;
}

#footer a {
	text-decoration:none;
}

/*========= FONT TAGS ==========*/
h2 {
	font-size:1.4em;
}

h3 {
	font-size:1.1em;
	margin-bottom:-13px;
	margin-top:25px;
}

a {
	color:#a25622;
}


/*========= NAV ==========*/

#nav {
	float:left;
	margin-left:8px;
	font-size:1em;
	margin-top:60px;
	padding-bottom:20px;
}

#nav a{
	border-bottom:1px dotted #aaaaaa;
	float:left;
	clear:left;
	padding:10px 15px;
	text-decoration:none;
	width:184px;
}

#nav a:hover{
	background:url(../images/navhover.jpg) repeat-x 0 0;
	color:#6B635D;
}

#nav a.active{
	color:#6B635D;
}

#nav .sub a {
   padding-left:25px;
   width:174px;
}

#nav .sub2 a {
   padding-left:40px;
   width:160px;
}

/*========= TABLES ==========*/

table {
	border-top:1px dotted #aaaaaa;
	border-left:1px dotted #aaaaaa;
	border-bottom:1px dotted #aaaaaa;
	clear:both;
}

thead tr {
	background:url(../images/thead.jpg) repeat-x 0 0;
	font-weight:bold;
}

thead tr td {
	padding:10px;
}

tr th {
	background:#8f4716 url(../images/th.jpg) repeat-x 0 0;
	font-size:1em;
	color:#FFF;
	padding:5px;
}

tr td {
	padding:5px;
	border-right:1px dotted #aaaaaa;
}

/*========= HOME ==========*/

 body.home  {
	 background:#c8d3d3 url(../images/homebackground.jpg) repeat-x 0 0;
	 
}

.home #gradient-background{
	background:url(../images/homebodybackground.jpg) no-repeat center 0;
	width:99%;
	min-height:771px;
	padding-top:28px;
}

.home #wrapper{
	background:none;
}

.home #container{
	background:url(../images/homecontainer.jpg) no-repeat 0 0;
	width:1016px;
	height:398px;
	margin-left:-8px;
	margin-top:54px;
}

.home #container #flash-feature {
	float:left;
	margin-left:20px;
}

.home #content {
	background:none;
	width:350px;
	float:right;
	margin-right:20px;
	padding-top:20px;
	min-height:0;
}

.home #navigation {
  background:transparent url(../images/homenavbackground.jpg) no-repeat scroll 0;
}

.home #navigation .mainitemshome{
	visibility:hidden;
}

.more {
	position:absolute;
	right:8px;
	margin-top:20px;
}

.home #promo-area {
	width:1016px;
	margin-top:5px;
}

.promo {
	float:left;
	background:url(../images/promo-bckgrd.jpg) no-repeat 0 0;
	height:162px;
	width:325px;
	margin-right:15px;
	font-size:1.2em;
}

.promo img {
	margin-left:20px;
	margin-top:20px;
	margin-right:10px;
	float:left;
}

.promo h2 {
	font-size:1em;
	margin-top:25px;
	margin-bottom:2px;
	margin-right:5px;
}

.promo h2 a {
	text-decoration:none;
	text-transform:uppercase;
}

.promo p {
	margin-top:0;
	margin-right:15px;
}

.promo .promomore {
	float:right;
	margin-right:15px;
	bottom:0;
	margin-top:-8px;
}

.promo .promomore a {
	text-decoration:none;
}

/*========= NAVIGATION ==========*/

#navigation {
  background:transparent url(../images/navbackground.jpg) no-repeat scroll 0;
  font-size:1.2em;
  left:0;
  padding:0;
  position:absolute;
  top:144px;
  width:1016px;
  height:54px;
  clear:both;
  margin-left:-8px;
}

#navigation ul {
font-family:Arial, Helvetica, sans-serif;
list-style:none;
margin:0;
text-transform:uppercase;
font-weight:bold;
}

#cssdropdown {
padding:12px 0;
}

#cssdropdown li {
border-right:1px solid #556062;
float:left;
position:relative;
padding:2px 14px;

}

.mainitems a {
padding:5px 12px;
color:#556062;
text-decoration: none;
}

.mainitems a:hover {
color:#a25622;
text-decoration: none;
}

.home .mainitemshome {
	visibility:hidden;
}

.mainitemshome a {
padding:5px 12px;
color:#556062;
text-decoration: none;
margin-bottom:10px;
}

.mainitemshome a:hover {
color:#a25622;
text-decoration: none;
}

.subuls {
z-index:0;
clear:both;
font-size:1em;
display:none;
padding-left:0;
}

#cssdropdown .subuls {
text-transform:none;
margin:0;
position:absolute;
left:1em;
padding-bottom:0;
top:1em;
padding-top:20px;
border-bottom:1px dotted #aaaaaa;
}


#cssdropdown .subuls li {
background:url(../images/white.png) repeat 0 0;
display:block;
width: 200px;
padding:5px 0;
border-right:1px dotted #aaaaaa;
border-left:1px dotted#aaaaaa;
}

#cssdropdown li .heading {
border-top:1px solid #999;
font-size:1em;
text-transform:uppercase;
font-weight:bold;
padding:5px 0;
}

#cssdropdown .subuls li :hover {
display:block;
width:183px;
background: #c6c6c6;
margin:-5px 0;
}

#cssdropdown .subuls li a {
text-decoration: none;
color:#444;
padding-left:5px;
border-right:none;
letter-spacing:0;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
padding-bottom:10px;
top:.9em;
left:0;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;}

/*========= SLIDER ==========*/
	
	#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:610px;
	height:380px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:74px;
	height:67px;
	position:absolute;
	left:-2px;
	top:480px;
	}	
#nextBtn{ 
	left:560px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:74px;
	height:67px;
	background:url(../slider/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(../slider/btn_next.gif) no-repeat 0 0;	
	}
	

#slider li h2{
	margin-top:280px;
	margin-left:80px;
	margin-bottom:0;
	font-size:1.1em;
	text-transform:uppercase;
}
#slider li p{
	margin-left:80px;
	margin-top:3px;
	margin-right:80px;
}

/** How to Buy and Contact Styles **/

#content #htbForm table {
	width:650px;
	border:1px dotted #aaaaaa;
}

#htbForm .product-label {
padding-top:10px;
}

#content #conForm table {
	width:550px;
	border:1px dotted #aaaaaa;
}

#content #HowToBuyControl_tblHTB table {
	border-top:medium none;
	border-right:none;
	border-left:none;
}

#htbForm table tbody tr td {
	border-right:medium none;
}

#content #conForm #ContactForm_cblProduct {
	border:none;
}

#conForm tr td {
	border-right:medium none;
}