/* HTML entities -------------------*/

body {
	margin: 0;
	padding: 0;
	font-family: helvetica, tahoma, arial;
	font-size: medium;
	text-align: center;
	color: #647866;
	background: #c8d4c7;
}
img {
	border: none;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
h1 {
	margin: 0;
	padding: 0;
}
/*h2 {
	padding: 0;
	color: #deeff4; 
	font-size: 150%;
	font-weight: normal;
	line-height: 1.3em;
	display: block;
	padding: 11px 4px 9px 0px;
}*/
h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 0;
	font-size: 150%;
	font-weight: normal;
	color: #558c56;
}
h3 {
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}
h4 {
	margin: 0;
	padding: 0;
	margin-top:25px;
	margin-bottom: 5px;
	font-size: 125%;
	font-weight: normal;
	color: #2a363a;	
}
a {
	text-decoration: none;
}
em {
	display: block;
	font-weight: bold;
	font-style: normal;
	line-height: 21px;
	font-size: 90%;
}


/* Layout --------------------- */
.outer{
	width: 900px;
	margin: 0 auto;
	background-color: #fff;
}
.divider {
	
}
.wrapper {
	width: 850px;
	padding: 10px 25px;
	text-align:left;
	float: left;
	background-color: #fff;
	
}
.gutter {
	position: relative;
	padding: 10px 15px;
}

.half{
	float: left;
	width: 50%;
}
.half ul{
	padding: 3px;
}





/* Header ------------------------ */
#headerOuter{
	width: 900px;
	margin: 0 auto;
}
#header {
	background-color: #fff;
	background-repeat: no-repeat;
	float: left;
	width: 850px;
	border-left: 25px solid #fff;
	border-right: 25px solid #fff;
	border-bottom: 2px solid #fff;
	height: 120px;
	position: relative;
}
#headerImage{
	position: relative;
	z-index: 10;
}
#logo{
	position: relative;
	z-index: 100;
	margin-top: -105px;
	margin-left: 20px;
	float: left;
}
#icon{
	position: relative;
	z-index: 100;
	margin-top: -115px;
	margin-right: 5px;
	float: right;
}
#header .wrapper {
	position: relative;
}
#header h1 {
	position: relative;
	z-index: 100;
	margin-top: -40px;
	margin-left: 40px;
	float: left;
	color: #fff;
	font-size: 125%;
}
#header #search {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 3px;
	width: 266px;
	height: 97px;
	background: transparent url(../images/searchBG.gif) no-repeat bottom right; 
}
#header #search input {
	color: #2b3a45;
	width: 189px;
	font-size: 100%;
	vertical-align: middle;
	margin-top: 47px;
	margin-left: 14px;
	background: #dee9ec;
	border: 1px solid #304e59;
}
#header #search input.goBtn {
	width: 41px;
	height: 24px;
	border: none;
	margin-left: 5px;

}

#breadcrumbs{
	margin-bottom: 10px;
	font-size: 110%;
	text-indent: 10px;
}


/* Main Nav ---------------------- */
#mainNav {
	width: 100%;
	display: block;
	float: left;
	line-height: 40px;
	background: #333e46 url(../images/mainNavBG.gif) repeat-x center left;
}
#mainNav ul li {
	display: inline;
	float: left;
	background: transparent url(../images/mainNavDivider.gif) no-repeat center left;
}
#mainNav ul li a:link, #mainNav ul li a:visited {
	padding: 0px 15px 0px 25px;
	float: left;
	font-size: 110%;
	color: #ebebeb;
}
#mainNav ul li a:hover, #mainNav ul li a:active {
	/* background: #0b6a97; */
	color: #4bff1a;
}	
#mainNav .first {
	margin: 0;
	background: none;
}
#navInner {
	width: 900px;
	margin: 0 auto;
	text-align:left;
	
}


/* MainNav current page highlight ---------- */
#mainNav a#on {
	color: #4bff1a;
}




/* Content ----------------------- */
#content {
	clear: both;
	background: #c8d4c7 url(../images/contentBG.gif) repeat-x top left;
}
#mainContent {
	float: left;
	width: 560px;
}

#leftFoot {
	width: 100%;
	background: #e3ecf0;
	margin-bottom: 35px;
	float: left;
}
#leftFoot h2{
	margin-bottom: -15px !important;
}
#leftFoot p{
	margin-bottom: 0 !important;
}
#leftFoot ul{
	width: 220px;
	float: left;
	margin-top: 10px;
}
#leftFoot ul a{
	 color: #0066cc;
}
#leftFoot ul a:hover{
	 text-decoration: underline;
}
#accomGads{
	width: 150px;
	float: left;
}	

#accom{
  padding: 4px 0;
  margin-right: 10px;
  text-align: center;
  border: 1px solid #0066cc;
  background: #eee;
  color: #0066cc;
  font-size: 75%;
  width: 135px;
  float: left;
}
#accom a{
  color: #0066cc !important;
}
#accom a:hover {
  color: #ff9900 !important;
  text-decoration: underline;
}

#left {
	width: 100%;
	background: #e3ecf0;
	margin-bottom: 25px;
	float: left;
}
#left .first {
	margin-top: 0;
}
#left h4.first {
	margin-top: 25px;
}
#left a, #breadcrumbs a {
	color: #2a363a;
}
#left a:hover, #breadcrumbs a:hover {
	border-bottom: 1px dotted #2a363a;
}
/* hide ugly dotted lines */
* html #left a:hover {
	border-bottom: 1px solid #acb3b7;
}
#left .gutter ul#listing li {
	clear: both;
	float: left;
	width: 100%;
}
#left .gutter ul li a.more {
	float: right;
	margin-top: -52px;
	margin-right: 2px;
	color: #69808b;
	font-size: 125%;
}
#left p {
	margin-top: 11px;
	line-height: 1.2em;
}
#left span {
	color: #0091c7;
	font-weight: bold;
	font-size: 90%;
}
#left em {
	color: #2a5564;
}
#left label{
	float: left;
	width: 100%;
	clear: both;
	font-weight: bold;
	font-style: italic;
	margin: 3px 0;
	font-size: 90%;
}
#left fieldset{
	width: 100%;
	clear: both;
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
}
#left form p{
	float: left;
	width: 100%;
	clear: both;
	margin: 3px 0;
	line-height: 1em;
}
#left form h3,#left form h2,#recaptcha{
	float: left;
	width: 100%;
	clear: both;
}
#left form h3{
	font-size: 100%;
}
#left form h2{
	font-size: 110%;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0;
}
#recaptcha{
	margin-bottom: 10px;
}

#left input,#left select, #left textarea {
	float: left;
	clear: both;	
	margin-bottom: 5px;
}
td{
	vertical-align: top;
}
#addForm input,#addForm select,#addForm textarea{
	width: 450px;
}
	
	

#listing li{
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
}
#listing{
	float: left;
}
#listing li img{
	float: left;
	/*width: 80px;*/
}
.listL{
	float: left;
	width: 250px;
	margin-left: 10px;
}
.listR{
	float: left;
	width: 180px;
	margin-left: 10px;
	font-size: 90%;
}
#item{
	float: left;
	font-size: 90%;
}
#item h3{
	width: 100%;
	color: #e3ecf0;
	font-size: 100%;
	text-indent: 20px;
	background: #748388 url(../images/arrowIcon.png) no-repeat 5px center;
	padding: 1px 0;
	clear: both;
	margin-top: 10px;
	float: left;
}
.itemIntro{
	width: 100%;
	height: 115px;
	overflow: hidden;
	float: left;
	border-bottom: 2px dotted #748388;
	margin-bottom: 20px;
}

.itemL{
	float: left;
	width: 270px;
	padding-right: 10px;
}
.itemR{
	float: left;
	width: 250px;
}
.itemRow{
	float: left;
	width: 100%;
	clear: both;
	padding: 2px 0;
}
.itemRow b{
	font-weight: normal;
	color: #333;
}
.itemRowL{
	float: left;
	width: 32%;
	color: #333;
}
.itemRowR{
	float: right;
	width: 66%;
}


ul#checklist{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
#checklist li{
	float: left;
	width: 250px;
	margin-right: 10px;
	clear: none !important;
	text-indent: 30px;
	background: #e3ecf0 url(../images/tick.gif) no-repeat 5px center;
}
.bottList li{
	border-bottom: 1px dotted #748388;
	margin-bottom: 4px;
	padding-bottom: 4px;
}

.ratingL{
	width: 125px;
	float: left;
	color: #333;
}
.ratingBox{
	width: 120px;
	float: right;
	height: 10px;
	border: 1px solid #748388;
}
.ratingBox img{
	float: left;
	height: 10px;
}
#writeReview{
	display: block;
	float: left;
	clear: both;
	margin-top: 10px;
}
#writeReview a{
	display: block;
	font-weight: bold;
	text-indent: 20px;
	background: #e3ecf0 url(../images/reviewBtnIcon.gif) no-repeat left center;
}

ul.reviewList{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.reviewList li{
	font-size: 80%;
	margin-bottom: 5px;
}
#moreRevsButt{
	color: #333;
	font-size: 100%;
	margin-top: 3px;
	font-weight: bold;
}
#moreRevsButt:hover{
	cursor: pointer;
	text-decoration: underline;
}
.revBox{
	width: 250px;
	float: right;
	font-size: 90%;
	background-color: #eee;
	padding: 5px;
	margin-left: 4px;
	border: 1px dotted #748388;
}
#reviewAvg{
	clear: both;
	margin-bottom: 10px;
	text-align: center;
	border: 1px  dotted #748388;
	background-color: #eee;
	padding: 2px 0;
	font-weight: bold;
}
#reviewRatingsBox{
	float: left;
	width: 400px;
	background-color: #fff;
	padding: 50px 10px 10px 10px;
}
#reviewRatingsBox span{
	width: 100px;
	float: left;
	margin-top: -40px;
	text-align: right;
}

.revLabel{
	width: 200px;
	float: left;
}
#revButton{
	margin-bottom: 5px;
}
#revButton:hover{
	border: 0 !important;
}
#reviewText{
	width: 460px;
	margin: 5px 0;
}
#submitReview{
	width: 460px;
	margin: 15px 0;
}
.replyShow{
	color: #4bff1a;
}
.replyShow:hover, .close:hover{
	cursor: pointer;
}

.response{
	font-style: italic;
	clear: both;
	border: 1px dashed #ccc;
	padding: 5px 10px;
	background-color: #eee;
	margin: 10px 0;
}
.response h4{
	margin: 5px 0;
	font-color: 666;
}

#addList{
	width: 270px;
}

/*--Review form stars----------------------------------*/
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(images/star.gif) left -1000px repeat-x;
}

.star-rating{
position:relative;
float: right;
width:250px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
margin-top: -40px;
background-position: left top;
}

.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:10%;
z-index:11;
}
.star-rating a.two-stars{
width:20%;
z-index:10;
}
.star-rating a.three-stars{
width:30%;
z-index:9;
}
.star-rating a.four-stars{
width:40%;
z-index:8;
}
.star-rating a.five-stars{
width:50%;
z-index:7;
}
.star-rating a.six-stars{
width:60%;
z-index:6;
}
.star-rating a.seven-stars{
width:70%;
z-index:5;
}
.star-rating a.eight-stars{
width:80%;
z-index:4;
}
.star-rating a.nine-stars{
width:90%;
z-index:3;
}
.star-rating a.ten-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}

/*-----------------------------------------------------------*/


#secContent {
	float: right;
	width: 260px;
}

#categories {
	margin-left: 6px;
	width: 250px;
	background: #24a1c6;
}
#categories h2{
	color: #effde5;
}
#categories ul {
}
#categories .first {
	margin-top: -5px;
}
#categories ul a:link, #categories ul a:visited, #moreCatsButt {
	display: block;
	font-size: 110%;
	padding: 5px 5px 3px 13px;
	color: #dfeaed;
	border-bottom: 1px solid #0786ac;
	background: transparent url(../images/catNavIcon.gif) no-repeat center left;
}
#categories ul a:hover, #categories ul a:active {
	color: #003140;
}
#categories ul a span {
	color: #00536c;
}
#moreCatsButt{
	color: #fff;
}
#moreCatsButt:hover{
	cursor: pointer;
	color: #333;
}

#gads {
	margin-left: 6px;
	width: 250px;
	background: #69c624;
	margin-bottom: 20px;
}
#search {
	margin-left: 6px;
	width: 250px;
	margin-bottom: 25px;
	color: #2a6500;
	background: #24a1c6;
}
#search select{
	width: 220px;
	color: #748388;
	font-size: 100%;
	margin-bottom: 8px;
}
#search input{
	width: 220px;
	color: #333;
	font-size: 100%;
	margin-bottom: 5px;
}

#topRated {
	margin-left: 6px;
	width: 250px;
	margin-top: 25px;
	color: #2a6500;
	background: #69c624;
}
#topRated h2, #search h2 {
	color: #effde5;
}
#topRated h4{
	font-size: 110%;
}
#topRated a:link, #topRated a:visited {
	color: #effde5;
}
#topRated a:hover, #topRated a:active {
	color: #003212;
}
#topRated a.more {	
	font-size: 110%;
	padding: 3px 7px;
	line-height: 1.9em;
	background: #298422;
}
#topRated span {
	color: #1c3908;
}
#topRated em {
	margin-bottom: 10px;
}

/* star ratings ----------------- */
/* topRated - STAR RATINGS --------------------------- */
#topRated .stars0 {
	background: transparent url(../images/topZeroStar.gif) no-repeat 60% 50%;
}
#topRated .halfStar {
	background: transparent url(../images/topHalfStar.gif) no-repeat 60% 50%;
}
#topRated .stars1 {
	background: transparent url(../images/topOneStar.gif) no-repeat 60% 50%;
}
#topRated .oneHalfStar {
	background: transparent url(../images/topOneHalfStar.gif) no-repeat 60% 50%;
}
#topRated .stars2 {
	background: transparent url(../images/topTwoStars.gif) no-repeat 60% 50%;
}
#topRated .twoHalfStars {
	background: transparent url(../images/topTwoHalfStars.gif) no-repeat 60% 50%;
}
#topRated .stars3 {
	background: transparent url(../images/topThreeStars.gif) no-repeat 60% 50%;
}
#topRated .threeHalfStars {
	background: transparent url(../images/topThreeHalfStars.gif) no-repeat 60% 50%;
}
#topRated .stars4 {
	background: transparent url(../images/topFourStars.gif) no-repeat 60% 50%;
}
#topRated .fourHalfStars {
	background: transparent url(../images/topFourHalfStars.gif) no-repeat 60% 50%;
}
#topRated .stars5 {
	background: transparent url(../images/topFiveStars.gif) no-repeat 60% 50%;
}

/* Pagination ---------------------*/
ul#pagination{
	border:0; 
	margin: 0; 
	padding:10px 0 0 0; 
	font-size: 90%;
	width: 100%;
	clear: both;
	float: left;
	}

#pagination li{
border:0; 
 float: left;
padding:0;
list-style:none;
margin-right:3px !important;
clear: none !important;
}
#pagination a{
border: solid 1px #ccc;
margin-right:2px;
}
#pagination .first a,#pagination .last a{
border:solid 1px #DEDEDE;
color:#888888 !important;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination .next a,
#pagination .previous a {
font-weight:bold;
}
#pagination .active{
background:#ccc;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination a:hover{
	background:#ccc;
	color:#FFFFFF !important;
}
#pagination a {
color:#0066cc;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination a:hover{
border:solid 1px #ccc;
}


/* Footer ------------------------ */
#footer {
	display: block;
	clear: both;
	color: #9effb0;
	background: #29343a;
}
#footer p {
	margin: 0;
	padding: 20px 15px 10px 15px;
	text-align: left;
	background: #29343a url(../images/footerBG.gif) no-repeat top left;
}
#footer form {
	margin: 0;
	padding: 20px 15px 10px 15px;
	text-align: left;
	background: #29343a url(../images/footerBG.gif) no-repeat top left;
}
#footer input{
	margin-right: 10px;
}
#footer span, #footer a {
	color: #fff;
}

#legal{
	font-size: 75%;
	padding-bottom: 10px;
	color: #ccc;
}
#legal a{
	color: #ccc;
}

/* other ------------------------ */
.clear {
	clear: both;

}
.goTop {
	color: #8a9ea5;
	clear: both;
	padding-left: 13px;
	float: left;
	width: 150px;
	background: transparent url(../images/goTopBG.gif) no-repeat 0% 40%;
}
#top{
	clear: both;
	float: left;
	margin-bottom: 10px;
}

.text p {
	line-height: 1.4em;
}
h4.success {
	font-size: 125%;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 6px;
	padding-left: 35px;
	background: #d1e6ef url(../images/confirmIcon.gif) no-repeat 2% 50%;
	border: 1px solid #96abb4;
}
h4.error {
	font-size: 125%;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 6px;
	padding-left: 35px;
	background: #d1e6ef url(../images/errorIcon.gif) no-repeat 2% 50%;
	border: 1px solid #96abb4;
}
#left p.paginate {
	position: relative;
	padding-left: 15px;
	display: block;
	line-height: 29px;
	font-size: 110%;
	color: #7d8f96;
	background: #5d7078;
}
#left .paginate a:link, #left .paginate a:visited {
	color: #dfdfdf;
	font-weight: bold;
}
#left .paginate a:hover, #left .paginate a:active {
	color: #fff;
	border: none;
}
.paginate a.viewAll {
	position: absolute;
	right: 0;
	margin-right: 14px;
	color: #73d2ff;
}
#left ul {
	margin-bottom: 50px;
}
#left a.reviewBtn {
	padding: 5px;
	padding-left: 22px;
	background: #c4d9e2 url(../images/reviewBtnIcon.gif) no-repeat 8% 50%;
}
#left a.reviewBtn:hover {
	color: #2f6283;
	border: none;	
}



/* Form styles --------------------- */
#left .txt {
	margin-top: -3px;
	width: 365px;
	font-size: 110%;
	color: #465c66;
	border: 1px solid #9db8c4;
	background: #d5e8f0;
}
textarea {
	font-size: 100%;
	font-family: helvetica, tahoma, arial;
}

table input{
	width: 200px;
}
.checkbox{
	width: 20px;
}


/* hack for IE to display correct font size */
* html body {
	font-size: small; /* for IE5/Win */
	f\ont-size: medium; /* for other IE versions */
}

/*TABS------------------------------------------------------*/
#mapBox{
	
}
#mapBox ul{
	margin: 0;
}
#mapBox-1{
	float: left;
}
#mapBox-1 ul{
	float: left;
	padding: 5px;
}

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

.ui-tabs-nav, .ui-tabs-panel {
}
.ui-tabs-nav {
	float: left;
	width: 250px;
	margin-top: 40px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li{
	list-style: none;
	float: left;
	width: 75px;
	height: 25px;
}
.ui-tabs-nav li a{
	width: 75px;
	height: 25px;
	display: block;
	background-color: #eee;
	color: #fff;
	font-size: 90%;
	text-align: center;
	line-height: 20px;
	border-top: 1px solid #748388;
	border-left: 1px solid #748388;
	border-right: 1px solid #748388;
}

.ui-tabs-nav .ui-tabs-selected a {
    width: 75px;
    background-color: #748388;
    color: #fff !important;
    font-weight: bold;
}
.ui-tabs-nav a  {
    padding-top: 1px;
    padding-right: 0;
    height: 25px;
    background-position: 0 0;
    line-height: 20px;
}

.ui-tabs-nav a:hover{ /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}

.ui-tabs-panel {
  border: 1px solid #748388;
	width: 248px;
	clear: both;
  background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.ui-tabs-panel p{
	padding: 5px;
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#productTabs{
	float: left;
	width: 330px;
	margin-top: 40px;
}
.productTab{
	float: left;
	width: 100px;
	height: 20px;
	margin-right: 10px;
	background-color: #7faaca;
	color: #fff;
	font-size: 75%;
	text-align: center;
	line-height: 20px;
}

#productTabOn{
	background-color: #005696;
}

/*------------------------------------------------------*/

.rbottom{
	clear: both;
}
#recaptcha{
	clear: both
	width: 500px;
	font-size: 90%;
	margin-top: 20px;
}
.error{
	font-size: 75%;
	color: #f00;
	font-style: italic;
	float: left;
	clear: both;
}