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

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

#testimonial{
	background-color: #efedd8;
    border: 1px solid #CDCCB8;
    clear: both;
    margin: 45px 10px 10px;
    padding: 10px;
}

.countrylist {
	right:200px;
}

#branding h1 {
 width:130px;
}

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

#navbar {
background: url(../images/graynavbar.jpg) no-repeat 0 0;
width:447px;

}
body {
  margin-bottom:0;
  padding:0;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:62.5%;
  color:#2f1300;
  background:#2E1306 url(../images/bodybckgrd.jpg) repeat-x 0 0;
}

#tagline {
	position:absolute;
	top:40px;
	left:120px;
}

#wrapper-fluid {
	width:100%;
	background:url(../images/backgroundimg.jpg) no-repeat 0 0;
	height:600px;
}

#wrapper {
	position:relative;
	background:url(../images/int_wrapper.jpg) repeat-y 0 0;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#container {
	background:url(../images/container.jpg) repeat-y 0 0;
	width:1000px;
	margin-top:75px;
	font-size:1.1em;
}

#content {
	float:right;
	width:700px;
	margin:20px;
}

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

#footer {
	clear:both;
	width:1000px;
	background:#2E1306;
	margin-top:50px;
	color:#fff;
	padding-top:10px;
	text-align:center;
}

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

#footer a{
	color:#f7a12c;
}


#content ul {
	margin-top:0;
}

h2 {
	font-size:1.1em;
	text-transform:uppercase;
	margin-bottom:5px;
	margin-top:4px;
}

h3 {
	font-size:1.1em;
	margin-bottom:0px;
	margin-top:15px;
}

p {
	margin-top:3px;
	margin-bottom:8px;
}

.caption {
	font-style:italic;
	font-size:1em;
}

a {
	color:#691e00;
}

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

#nav {
	float:left;
	clear:right;
	font-size:1.1em;
	margin:20px 0;
}

#nav a{
	border-bottom:1px solid #ceccb8;
	border-top:1px solid #FFF;
	float:left;
	clear:left;
	padding:10px 25px;
	text-decoration:none;
	width:192px;
}

#nav a:hover{
	color:#a14606;
	font-weight:bold;
	background:#ceccb8;
}

#nav .sub a {
	padding:5px 40px;
	width:162px;
	border:none;
}
#nav .sub2 a {
	padding:5px 20px 5px 50px;
	width:172px;
	border:none;
}



/*========= HOME ==========*/
.home #container {
	background:url(../images/home-container.jpg) repeat-y 0 0;
}

.home #container .feature {
	padding:13px;
	background:#e4e2cc;
	border:1px solid #ceccb8;
	margin:16px 16px 0 16px;
}

.home #content {
	width:650px;
	margin-left:22px;
	padding-bottom:150px;
	float:none;
	margin-top:10px;
}

.home #promo-area {
	width:291px;
	position:absolute;
	right:0;
	top:232px;
}

.home #promo-area p {
	margin-right:45px;
}

.home #promo-area .arrow {
	clear:both;
	float:right;
	margin-top:-30px;
	margin-left:20px;
}

.home #promo-area .promo {
	width:286px;
	padding-bottom:30px;
}

.home #promo-area .promo h2{
	margin-right:15px;
}

/*========= HOME ==========*/
table {
	width:700px;
}

tbody {
	padding:5px;
	}

thead {
	font-size:1.2em;
	font-weight:bold;
}

td {
	padding:5px;
}

.orangestripe {
	background:#fedeb5;
}

.greenstripe {
	background:#dcddb1;
}

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

#navigation {
  font-size:1.2em;
  left:0;
  margin-right:0;
  padding:0;
  position:absolute;
  top:169px;
  width:972px;
  height:40px;
  clear:both;
}


#navigation ul {
list-style:none;
margin:0;
}

#cssdropdown {
padding:0 12px;
}

#cssdropdown li {
float:left;
position:relative;
padding:0;

}

#cssdropdown .mainitemshtb {
border-right:none;
}


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

.mainitems a:hover {
color:#f7a11a;
}

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

.mainitemshome a:hover {
color:#f7a11a;
}

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

.mainitemshtb a {
padding:5px 15px;
color:#ffd457;
text-decoration: none;
}

.mainitemshtb a:hover {
color:#fff;
}

.subuls {
z-index:0;
clear:both;
font-size:1em;
display:none;
border-bottom:1px solid #666;
padding-left:0;
width:180px;
}

#cssdropdown .subuls {
text-transform:none;
margin:0;
position:absolute;
left:0;
padding-bottom:0;
top:1.1em;
padding-top:11px;
}

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

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

#cssdropdown .subuls li :hover {
	background:#fff url(../images/droparrow.jpg) no-repeat scroll -3px 5px;
	display:block;
	width:150px;
	color:#a14606;
	margin:-5px 0;
}

#cssdropdown .subuls li a {
text-decoration: none;
color:#691e00;
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;}

/* Sitemap */

.float-half{
	width: 42%;
	float: left;
}

#content .sitemap ul{
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	}
	#content .sitemap ul li{
		list-style: none;
		width: 200px;
		margin: 0;
		padding: 0;
		font-weight: bold;
	}
	#content .sitemap ul ul{
		margin-left: 20px;
		padding: 0;
	}
		#content .sitemap ul ul li{
			font-weight: normal;
			padding: 0;
		}
		
#content #htbForm table th{
	text-transform: uppercase;
}

#content #htbForm span.product-label,
#content #htbForm tr#HowToBuyControl_trZip{
	font-weight: bold;
	font-size: 1.1em;
}

#content #htbForm table#HowToBuyControl_tblResults th{
	background-color: #691e00;
	color: #FFFFFF;
	padding: 5px 10px;
}

/*=========ACCORDION============ */

.ui-icon {
height:16px;
width:16px;
}

.ui-state-default .ui-icon {
	background:url(../images/accordion-arrow-right.png) no-repeat 6px 2px;
}

.ui-state-active .ui-icon {
		background:url(../images/accordion-arrow-down.png) no-repeat 2px 5px;

}

.ui-accordion .ui-accordion-header .ui-icon {
	left:0.5em;
	margin-top:-8px;
	position:absolute;
	top:50%;
}

.ui-accordion .ui-accordion-header {
	background:#e4e2cd url(../images/accordion-header-bckgrd.jpg) repeat-x 0 0;
	cursor:pointer;
	margin-top:1px;
	padding-left:2em;
	position:relative;
	outline:none;
}

.ui-corner-all {
-moz-border-radius:4px;
-webkit-border-radius: 4px; /* Safari, Chrome */
border-radius: 4px;
}

.ui-corner-top {
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
border-top-left-radius:4px;
border-top-right-radius:4px;
}

.ui-corner-bottom {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active  {
border:1px solid #ecebe6;
color:#CECCB8;
font-weight:normal;
}

.ui-state-default  {
border:1px solid #ecebe6;
}

.ui-state-default:hover {
border:1px solid #a5a5a5;
}

.ui-state-default a:hover {
color:#a14606;
}

.ui-state-default a {
color:#691E00;
}


.ui-widget-content {
	border:1px solid #ecebe6;
}

.ui-accordion .ui-accordion-content {
border-top:0 none;
margin-bottom:2px;
margin-top:-2px;
overflow:hidden;
padding:1em 2.2em;
top:1px;
}

.ui-accordion-icons .ui-accordion-header a {
padding-left:2.2em;
}


.ui-accordion .ui-accordion-header a {
display:block;
font-size:1.2em;
padding:0.5em 0.5em 0.5em 0.7em;
text-decoration:none;
}

.ui-widget-content .caption {
	font-size:12px;
	font-style:italic;
}

.ui-widget-content .thumbwrap {
	width:75px;
	font-size:12px;
	float:left;
	text-align:center;
	padding:0 8px 10px 8px;
	height:120px;
}

.ui-widget-content .thumbwrap img {
	clear:right;
}


.ui-widget-content .thumbwrap a {
	text-decoration:none;
}

#content .ui-widget-content p {
clear:both;
margin:10px 0;
}

#accordion h4 {
	margin-right:0;
	clear:both;
}

.ui-widget-content .accordion-content-desc {
	padding-bottom:10px;
}

#accordion .accordion-content-wrapper {
	margin: 0 auto;
}

#accordion {
	margin-top:30px;
	font-size:12px;
}
/*=========END ACCORDION============ */
/*===========LIGHTBOX============ */

#lightbox{
	background-color:#fff;
	padding: 5px;
	
	}
#lightboxDetails{
	font-size: 1em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left;}


#keyboardMsg{ float: right; }
#closeButton{ top: 2px; right: 2px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}
/*===========END LIGHTBOX============ */