/* ----- MAIN SETTINGS FOR ULTRALIGHTS ---- */
body  {
	font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	background: #33667f url(../images/pageelements/bg.jpg) repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #564c42;
}
html, body, p, td, div, a, input, li, em {font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;}

em {font-style:italic}

a img {border:0}
a {text-decoration: none}

#wrapper {
	MARGIN: 0px auto;
	padding:0;
	WIDTH: 992px;
	text-align:left;
	background: #33667f url(../images/pageelements/body-bg-1.jpg) center top repeat-y;
	position:relative;
}

#blend {background: transparent url(../images/pageelements/body-bg-7.jpg) center top no-repeat;}

#wrapper2 {
	MARGIN: 0px auto;
	padding:0;
	WIDTH: 992px;
	text-align:left;
	background: #33667f url(../images/pageelements/body-bg-4.jpg) center top repeat-y;
	position:relative;
}

/*#blend2 {background: transparent url(../images/pageelements/body-bg-8.jpg) center top no-repeat;}*/

#container { 
	width: 960px;  
	margin-left:17px;
	border-top:0;
	text-align: left;
} 


#defaultcontainer { 
	width: 960px;  
	margin-left:17px;
	border-top:0;
	text-align: left; 
} 

#header { 
	background:transparent url(../images/pageelements/banner-2-bg.jpg) repeat-x top center;  margin-bottom:-2px
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#topnav {}
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; 

}
.leftbox1 {}
.leftbox2 {background: #564c42; border-bottom:2px solid white}
.leftbox3 {background: #6bcefe; border-bottom:2px solid white}
.leftbox4 {background: #03364f; border-bottom:2px solid white}
.leftHeader {font-size:14px; font-weight:bold; color:white; padding:10px 0 5px 12px}



#mainContent { 
	margin: 0 0 0 202px;
	/*background: url(../images/pageelements/container-bg.jpg) repeat-x top left;*/
} 
#homeContent { 
	margin: 0 0 0 203px;
} 
#defaultContent { 
	margin: 0 0 0 0; 
	padding: 20px; 
}
.padding {padding:20px}
#service {background:#33667f url(../images/pageelements/service-bg.jpg) repeat-x center center; border-top:2px solid white; text-align:left}
#service table {width:90%; margin:0 15px}
#service table strong {color:white; font-size:12px; margin-left:15px}

/*.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px; 

} 
.twoColFixLtHdr #footer p {
	margin: 0; 
	padding: 10px 0; 
}*/
/*.fltrt {  this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. 
	float: right;
	margin-left: 8px;
}*/
/*.fltlft {  this class can be used to float an element left in your page 
	float: left;
	margin-right: 8px;
}*/
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#icons {text-align:right; height:31px}
#icons img {padding:0 12px 0 3px}
#icons a {color:#FFFFFF; 
	font-weight:bold; 
	font-size:11px;}




a img {border:0}
a {text-decoration: none}



H1 {
	FONT-SIZE: 22px;  
	LINE-HEIGHT: 1.3;
}

H2 { 
	MARGIN-bottom: 3px;  
	FONT-WEIGHT: normal; 
	FONT-SIZE: 18px;
}

H3 {
	PADDING: 0px; 
	MARGIN: 0px;  
	FONT-SIZE: 14px;
	font-weight:bold;
}
H4 {
	DISPLAY: block; 
	MARGIN: 0px;  
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 3px; 
}



/* features */
.feature_type {font-size:14px}
.cat_title_small {font-size:14px; font-weight:bold}

.smalltext {font-size:10px}
.findMore {font-size:14px; font-weight:bold}

.listingtagline {color:black; font-size:11px}
.formtitle {font-weight:bold; font-size:14px}


/* products */
.prodname {font-size:14px; font-weight:bold}
.disclaimer {font-size:10px; line-height:12px; padding-left:6px}

/* left column */
#leftColumn {padding-bottom:20px}

.button1 {
	height:34px; 
	line-height:34px;
	FONT-SIZE: 14px;
	color:white;
	font-size:bold;
	background:#584B42;
	border-bottom:1px solid white; }
	

#box1 {
	min-height:120px;
	background:#564C43;
	}
.innerbox {padding:10px}	
.white {color:white}
.smaller {font-size: 11px; line-height: 14px}

/* universal navigation  */
#universalNav { 
	height:36px; 
	background: #fff url(../images/pageelements/banner-3-bg.jpg) repeat-x top center; 
	color:#FFFFFF; 
	font-weight:bold; 
	font-size:12px; 
	line-height:31px;
	border-bottom:1px solid white;
	}

.menu_active {
  color:#999; 
  background: transparent;
  }
  
.menu {
  padding:0; 
  margin:0; 
  list-style-type:none;
  white-space:nowrap;
  }
.menu li {
  float:left;
  }
.menu a {
  position:relative;
  line-height:36px;
  display:block; 
  text-decoration:none; 
  float:left; 
  color:#564c42;
  }

.menu a span {
  display:block; 
  color:#564c42; 
  font-weight:bold; 
  /*font-family: Trebuchet MS;*/
  /*background:#666; */
  /*border-right:1px solid #969696;*/
  text-align:center; 
  padding:0 18px; 
  cursor:pointer;
  text-decoration:none;
  font-size:12px;
  }

.menu a:visited span {
  color:#564c42; 
  background: transparent;
  text-decoration:none;
  }

.menu a:hover span {
  color:#564c42; 
  background: url(../images/pageelements/banner-2-nav-bg-2.gif) repeat-x;
  text-decoration:none;
  }

	
	
	
.menu_admin {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9px;
	/*COLOR: #DAA520;*/
	TEXT-DECORATION: none
}
A.menu_admin{
	FONT-WEIGHT: normal;
	FONT-SIZE: 9px;
	/*COLOR: #DAA520;*/
	TEXT-DECORATION: none
}

/* -------- buttons and links ------------ */
.leftNavButton {
	padding: 4px 0px 3px 0px;
	width:200px;
	font-size:11px;
	float:left;
	COLOR: #ffffff;
	font-weight:bold;
	}
	
A:link.leftNavButton {COLOR: #ffffff; text-decoration:none;}	
A:visited.leftNavButton {COLOR: #ffffff; text-decoration:none; }	
A:hover.leftNavButton {COLOR: #000792; font-weight:bold; background: #ffffff;}	
A:active.leftNavButton {COLOR: #000792; background: #ffffff;}

A:hover.leftNavButton #MenuSpace1 {COLOR: red;}		

/* menu space is the margin left of the button text */
.MenuSpace1 {margin-left:15px}
.menuSpace {margin-left:22px}
	
.leftNavButton2 {
	/*background: #797979;*/
	padding: 3px 0;
	width:200px;
	font-size:11px;
	COLOR: #fff;
	float:left;
	position:relative;
	}

A:link.leftNavButton2 {COLOR: #fff;  text-decoration:none; /*background:url(../images/pageelements/arrow.gif) no-repeat; background-position: 14px center*/}
A:visited.leftNavButton2 {COLOR: #ccc; text-decoration:none}
A:hover.leftNavButton {COLOR: #33667f; text-decoration:none; background-color: #ffffff;}	
A:active.leftNavButton {COLOR: #33667f; text-decoration:none; background-color: #ffffff;}

/*.buybutton {letter-spacing:-0.1em; width:75px}
*/

A:link {
	color: #1458ac;
	text-decoration: none;
}
A:visited {
	color: #530;
	text-decoration: none;
} 
A:hover {
	color: #530;
	text-decoration: none;
}
A:active {
	color: #530;
	TEXT-DECORATION: none
}

/* This is the default font for the entire page body */


/* This is a smaller text used for the wishlist, etc. */
.smalltext {
	font-size : 9px;
}

/* Style for page breaks when printing */
P.pageEnd {page-break-before: always}

/* ----- PAGE SECTIONS & HEADERS -----*/
/* Header is a large separating bar used in page layout */
/* Sections are used for output areas */

.section_title {
	font-size: 12px;
	font-weight: bold;
	color : Maroon;
}

/* Used for the menu footer at the bottom of list and detail pages */
.section_footer {
	font-size: 11px;
	color : Maroon;
}
A.section_footer {
	text-decoration : none;
}

HR.thickline {
	size: 1;
	height: 2px;
	margin-bottom : 0px;
	margin-top : 0px;
	border: 0;
}
HR.thinline {
	size: 1;
	height : 1px;
	margin-bottom : 0px;
	margin-top : 0px;
	border: 0;
}

/* Wish list button */
.WishButton {
	BORDER-RIGHT: 1px outset;
	BORDER-TOP: 1px outset;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BORDER-LEFT: 1px outset;
	COLOR: white;
	BORDER-BOTTOM: 1px outset;
	BACKGROUND-COLOR: #999999;
	text-align : center;
}

/* CATEGORY PAGES: Category itself (large) plus 3 listing sizes  for subcats & article, etc. --------------------------------------------- */
.cat_title_large {
	font : Arial, Helvetica, sans-serif;
	font-size: 28px;
}
.cat_title_small {
	font : Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.cat_title_list {
	font : Arial, Helvetica, sans-serif;
	font-size:	12px;
	font-weight: bold;
	text-decoration: underline
}

.cat_text_large {
	font-size: 14px;
}
.cat_text_featured {
	font-size: 14px;
}
.cat_text_small {
	font-size: 11px;
}


/* FEATURE:.Detail page -------------------------------- */

/* Style for detail item name, if no image defined   */
.FeatureTitle {
	font-size : 26px;
}
/* Style for product names, if no image defined   */
.FeatureTeaser {
	font-size : 16px;
	font-family : Arial, Helvetica, sans-serif;
}
.FeatureByline {font-style : italic;}


/* PRODUCTS:. --------------------------------------------- */

.CatRibbons {
	float:left;
	width:200px;
	margin:0px 15px 15px 20px; }

.CatRibbonsLink {
	 font-weight:bold; 
	 border-bottom:1px solid silver; 
	 margin-bottom:5px; 
	 display:block}

#addReview {margin-left:175px}
#addReview2 {margin-left:175px; min-height: 300px; height: auto; _height: 300px;}
#addReview td {padding:4px 0px}

#prodReviews {margin:20px 0px 10px 0px}

/* Style for product names, if no image defined   */
.prodname {
	font-size : 12px;
	font-weight: bold;
}

/* Style for product names, if no image defined   */
.prodname_list {
	font-weight: bold;
	/*line-height:20px;*/
}

/* Style for Product SKU line, if turned on */
.prodSKU {
	font-size : 11px;
	color : #666666;
	font-weight:bold;
}

/* Style for Product price, if turned on */
.prodprice {
	font-size : 12px;
}

/* Style for Product price emphasized words */
.prodprice2 {
	font-size : 12px;
	font-weight: bold;
	color: maroon;
}

/* Style for Product discount line, if turned on */
.proddisc {
	font-size : 12px;
	color : maroon;
}

/* Style for border around image on moreinfo page */
.listingimg {
	margin-right : 10px;
}

.moreimg {
	border-style : solid;
	border-width : 1px;
	border-color : Silver;
	padding : 10px;
	background-color: white;
}

.gallery_img {
	border-style : solid;
	border-color : Silver;
	margin-right : 3px;
	border-width : 1px;
}


/* ----- ORDER BOX & HIGHTLIGHT BOX -----*/
.BoxTitle {
	FONT-SIZE: 16px;  
	font-family : Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.BoxText {
	font-family : Arial, Helvetica, sans-serif;	
	FONT-SIZE: 13px;  
}


/* ----- SHOPPING CART  -----*/

/* Style for shopping cart text */
.carttext {
	font-size : 11px;
}

/* Style for small shopping cart text */
.smallcarttext {
	font-size : 10px;
}

#basket-table td {padding:5px}

.rowcolor {background:#efefef}

.required {background: #CC0000}

#thankyou {text-align:left; width:500px}

.border {1px solid silver}

/* ----- INPUT FORM ---------------------------------*/
.FormTitle {
	FONT-SIZE: 12px;
	font-weight : bold;
}
.FormText {
	FONT-SIZE: 12px;
	vertical-align : baseline;
}

.FormError {
	FONT-SIZE: 12px;
	color : Red;
}

.FormErrorsmall {
	FONT-SIZE: 10px;
	color : Red;
}

.FormTextSmall {
	FONT-SIZE: 10px; 
}

.FormTextVerySmall {
	FONT-SIZE: 9px;
}

.formfield {
	BACKGROUND-COLOR: #fbfbfb;
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	COLOR: #003163;
}

.formfieldlogin {
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #cccccc 1px solid;
	COLOR: #101F74;
	BORDER-BOTTOM: #cccccc 1px solid;
}

.formfieldcheckbox {
	FONT-SIZE: 10px;
	COLOR: #cccccc;
}

.FormButton {
	BORDER: 1px solid silver;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	padding:3px;
	BACKGROUND: url(../images/pageelements/button-bg-1.gif) center center;
	text-align : center;
}
A.FormButton:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #dddddd;
	BACKGROUND-COLOR: #999999;
	TEXT-DECORATION: none;
}
A.FormButton:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: white;
	BACKGROUND-COLOR: #666666;
	TEXT-DECORATION: none;
}



/* ----- Listing Outputs (for address lists, etc.) -----------------*/
.ResultHead {
	FONT-SIZE: 16px;
}
.listingHead {
	FONT-SIZE: 12px; 
	TEXT-DECORATION: none;
}
.ListingSmall {
	font-size:	10px;
}
.listingTitle {
	FONT-SIZE: 14px;
	TEXT-DECORATION: none;
	font-weight : bold;
}
A.listingTitle:link {
	FONT-SIZE: 14px;  TEXT-DECORATION: none
}
A.listingTitle:visited {
	FONT-SIZE: 14px;  TEXT-DECORATION: none
	}
A.listingTitle:hover {
	FONT-SIZE: 14px; ; TEXT-DECORATION: underline
	}
	
.listingsubtitle {
	FONT-STYLE: italic;  
}



/* MENUs --------------------------------------------- */
.menu_category {
	text-decoration : none;
	COLOR: gray;
}
a.menu_category {}

.menu_page {COLOR: gray;}

a.menu_page{}

.menu_page_title {
	font-size: 12px;
	COLOR: gray;
	FONT-WEIGHT: bold;
}

a.menu_page_title
{
	font-size: 12px;
	COLOR: gray;
	FONT-WEIGHT: bold;
}

/* ------ parentstring ------- */
#parentstring {padding:0 0 10px 0; color: #7F8080;}

A.menu_trail:link {COLOR: #7F8080; font-variant:small-caps;}
A.menu_trail:visited {COLOR: #7F8080; font-variant:small-caps;}
A.menu_trail:hover {color: #565DD8;	text-decoration: underline; font-variant:small-caps;}
A.menu_trail:active {COLOR: #565DD8; font-variant:small-caps;}

.menu_trail_name {color:#530; font-weight: bold; font-variant:small-caps;}

.menu_service {
	font-size: 11px;
	text-decoration : none;
	color : white;
	text-align:left;
}

a.menu_service
{	color:white;
	
	
}
	
.menu_footer {
	font-size: 11px;
	text-decoration : none;
	color : white;
	text-align:center;
}
a.menu_footer
{	color:white;
	
	
}

.menu_admin {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8px;
	COLOR: #DAA520;
	TEXT-DECORATION: none
}
A.menu_admin{
	FONT-WEIGHT: normal;
	FONT-SIZE: 8px;
	COLOR: #DAA520;
	TEXT-DECORATION: none
}




.caution {
	COLOR: #ff6600; FONT-SIZE: 12px; FONT-WEIGHT: 700
}
.photocaption {
	COLOR: white; FONT-SIZE: 11px; 
}



/* ----- INPUT FORM ---------------------------------*/
TD.TopTierHeader {
}
.TopTierHeader {
	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

A.TopTierHeader:link {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;  TEXT-DECORATION: none
}
A.TopTierHeader:visited {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;  TEXT-DECORATION: none
}
A.TopTierHeader:hover {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}


/* ----- top tier is tabs; TD produces height ---------------------------------*/
TD.TopTierNav {
	FONT-WEIGHT: bold; FONT-SIZE: 17px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.TopTierNav {
	FONT-WEIGHT: bold; FONT-SIZE: 11px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.TopTierNav:link {
	 FONT-SIZE: 11px; FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none
}
A.TopTierNav:visited {
	FONT-SIZE: 11px;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none
}
A.TopTierNav:hover {
	FONT-SIZE: 11px;
	FONT-FAMILY: verdana,arial,sans serif;
	TEXT-DECORATION: none;
	background-color : transparent;
}

/* ----- the sub tier is for sort  ---------------------------------*/
.SubTierNav {
	FONT-SIZE: 11px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.SubTierNav:link {
	 FONT-SIZE: 11px; FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none
}
A.SubTierNav:visited {
	FONT-SIZE: 11px;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none
}
A.SubTierNav:hover {
	FONT-SIZE: 11px;
	FONT-FAMILY: verdana,arial,sans serif;
	TEXT-DECORATION: none;
	background-color : transparent;
}


/* ---------- Links for the sitemap search --------------------- */
A.alphaon:link {
	 FONT-SIZE: 13px; FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none ; Font-Weight: Bold;
}
A.alphaon:visited {
	FONT-SIZE: 13px;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none; Font-Weight: Bold;
}
A.alphaon:hover {
	FONT-SIZE: 13px;
	FONT-FAMILY: verdana,arial,sans serif;
	TEXT-DECORATION: none;
	Font-Weight: Bold;
	background-color : #F0F0F0;
}
A.alphaoff:link {
	 FONT-SIZE: 9px; FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none
}
A.alphaoff:visited {
	FONT-SIZE: 9px;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none
}
A.alphaoff:hover {
	FONT-SIZE: 9px;
	FONT-FAMILY: verdana,arial,sans serif;
	TEXT-DECORATION: none;
	background-color : #F0F0F0;
}