/* CSS Document */
html {height:100%; margin:0px; padding:0px;}
body {height:100%; margin:0px; padding:0px; background:#fff; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#666; text-align:center;}

h1, h2, h3, h4, h5 {color:#212121; margin: 0 0 0 0; font-weight: normal; letter-spacing: 1px;}
h1 {line-height: 1em; font-size: 2.45em;}
h2 {font-size: 1.6em; margin:0 0 1px 0;}
h3 {font-size: 1.3em; margin-top:15px;}
h4 {font-size: 1.27em;}
h5 {font-size: 1.1em; margin: 8px 0 0 0;}
p {margin: 0px 0px 10px 0px;line-height: 18px; font-size: 1em;}
p img {padding-bottom: 5px;}
ul {margin-top:2px;}
li {line-height:18px;}
li img {padding: 0px 3px 3px 3px;}
hr {border: 0; height: 0px; text-indent: -10000px; padding: 3px 0 3px 0; background: transparent; color: #fff;}

.bb_container {height:100%; margin-top:40px;}
.bb_container[class] {height:auto; min-height:100%;}
div {margin:0px; padding:0px; display:block;}
img {border:0px;}
a {color:#00446e; text-decoration:none;}
a.active {color:#000 !important;}
a:hover {text-decoration:underline;}
a:visited {color:#0077bf;}
.nav a:visited {color:#00446e;}
.clearFix {clear:both;}

.blue {color: #0095d8;}
.grey {color: #a5a5ab;}
.orange {color: #ff8231;}
.phone {color: #0095d8; font-size:18px;}
.marg {margin-bottom:10px;}

.logo {}

/* footer
------------------------------------------------------------------------------*/           
#footer {
  margin: 20px 0 10px 0;
  text-align: right;    
  clear: both;
  font-size: 0.95em;
}
#footer p {
	margin: 0;
	padding-top: 15px;
	padding-right: 12px;
}
#footer ul {
	margin: 0 0 7px 0; 
	padding: 0;
   list-style: none;
	float: right;
	clear: both;
}
#footer ul li {
  float: left;
  display: block;
  padding: 0 12px;
}
#footer ul li a {
  text-decoration: none;
  color: #555;
}
#footer ul li a:hover {
  text-decoration: underline;
} 
         
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {display: inline-table;}

/* Form stuff---------------------------------*/
form {font:100% arial, verdana, helvetica, sans-serif; margin: 0; padding: 0; width: 780px;}
form fieldset {/ * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #a5a5ab; border-width: 1px; border-style: solid; padding: 10px; margin: 0;}
form label {display: block; float: left; width: 150px; padding: 0; margin: 5px 0 0; text-align: right;}
form fieldset label:first-letter {text-decoration:underline;}
form fieldset legend {font-size:1em; color: #0095d8;} 
form input, form textarea {width:auto; margin:5px 0 0 10px;}
form input#reset {margin-left:0px;}
textarea {overflow: auto;}
form small {display: block; margin: 0 0 5px 160px; padding: 1px 3px; font-size: 88%;}
form .required{font-weight:bold;} 
form br {clear:left;}

/*---------------------------------------------------------------------------------------------------------------*/
/* Left Nav */
.nav {position:relative; float:left; width:152px; height:10px; padding:4px 15px 20px; font-size:12px;}
.nav[class] {height:auto; min-height:10px;}
.nav p {margin:10px 0; }
.nav ul {position:relative; clear:both; margin:0px; padding:0px;}
.nav ol {position:relative; clear:both; width:130px; height:auto; margin:10px 0 0 0; padding:0 0 0 23px; border:none;}
.nav h2 {margin:0px; padding:10px 0 10px 0; border-bottom:solid 1px #dedede; font-size:16px; font-weight:normal; line-height:100%;}
.nav ul li{position:relative; clear:both; height:auto; margin:0px; padding:3px 0px 3px 0px; border-bottom:solid 1px #e2e2e2; list-style:none;}
.nav ol li {position:relative; clear:both; width:130px; height:auto; margin:0px; padding:0; border:none; list-style-image:none; list-style-position:outside; list-style-type:decimal; display:list-item;}	
.nav ul li.last {padding-bottom:30px; border:0px; background:none;}
.nav ul li a {display:block; width:132px; padding-right:20px;}
.nav ul li a.active, .nav ol li a.active {background:none;}
.nav .leftNavSupport{margin-top:23px;}
.nav ul.noBorder {margin:10px 0 0 5px;}
.nav ul.noBorder li {border:0px;}
.nav ul.noBorder li a {width:auto; padding:0 15px 0 0;}


/* Boxes */
.box{padding:0; margin:0; list-style-type:none;}
.box .boxes{position:relative; float:left; width:251px; height:162px; padding:7px 4px 0px 4px; list-style-type:none; border:1px solid #d4d4d4; background:#333333; background:url(images/bgblue.jpg) bottom no-repeat;}
.box .boxes .bb_title{position:relative; margin:15px 0px 15px 20px; width:100px; height:60px; display:block;}
.box .boxes .bb_subtitle{position:relative; width:100px; display:block;}
.box .boxes .bb_placeholder{position:absolute; right:10px; top:10px;}
.box .boxes ul { width:100px; list-style:disc; padding-left:14px; }
.box .blueBG{background:url(images/gradient.jpg) repeat-x left bottom;}
.box .endOfRow2{width:260px; border-right:none;}
.box.last .boxes {border-bottom: none;}
.boxes h2{line-height:20px;}
.boxes p{line-height:16px;}
.last2 .boxes{border-bottom:none; height:162px; padding:0; border-bottom:none;}
.box.last .boxes{height:162px; padding:0 !important;}
.box .boxes,
.box.middle .boxes,
.box.last .boxes {
min-height:200px;
height:auto;
_height:240px;
padding-bottom:30px;
border-bottom:solid #dedede 1px;
}
/*box on somalia page */
.box .boxes2{position:relative; float:left; width:185px; height:100px; padding:7px 4px 0px 4px; list-style-type:none; border:1px solid #d4d4d4; background:url(images/bgblue.jpg) bottom no-repeat;}
.box .boxes2 .bb_title{position:relative; margin:15px 0px 15px 20px; width:100px; height:60px; display:block;}
.box .boxes2 .bb_subtitle{position:relative; width:100px; display:block;}
.box .boxes2 .bb_placeholder{position:absolute; right:10px; top:10px;}
.box .boxes2 ul { width:100px; list-style:disc; padding-left:14px;}
.box .blueBG{background:url(images/gradient.jpg) repeat-x left bottom;}
.box .endOfRow2{width:260px; border-right:none;}
.box.last .boxes2 {border-bottom: none;}
.boxes2 h2{line-height:20px;}
.boxes2 p{line-height:16px;}
.last2 .boxes2{border-bottom:none; height:162px; padding:0; border-bottom:none;}
.box.last .boxes2{height:100px; padding:0 !important;}
.box .boxes2,
.box.middle .boxes2,
.box.last .boxes2 {
min-height:100px;
height:auto;
_height:140px;
padding-bottom:30px;
border-bottom:solid #dedede 1px;
}


/** misc ----------------------------------------------------------------*/
#main {
	float:left;
	width:783px;
}
#mainleft {
	float:left;
	width:483px;
}
#mainright {
	float:left;
	width:300px;
}
#main p{
	padding:0 0 0 28px;
}
.rule {
	background: transparent url(images/rule.gif) repeat-x;
	height: 2px;
	margin: 1em 0;
	clear: left;
}
.border {border: 1px solid #BFBFBF;}
img.left {
	float: left;
	margin: 3px 15px 0px 0px;
}
img.right {
	float: right;
	margin: 3px 0px 0px 15px;
}

.more {
}
.more a {
	background: url(images/arrow.png) no-repeat 100% 50%;
	padding-right: 20px;
}
.price {
	font-size:28px;
	color:#0077bf;
	margin:1px;
	line-height:180%;
}
.price1 {
	margin:1px;
}
.order {
	font-size:14px;
	color:#0077bf;
	margin-top:1px;
}
.order a {
	background: url(images/arrow.png) no-repeat 100% 50%;
	padding-right: 20px;
}