/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: arial, FreeSans, sans-serif; font-size: 12px; }
.errorBox { font-family : arial, FreeSans, sans-serif; font-size : 12px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : arial, FreeSans, sans-serif; font-size : 12px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : arial, FreeSans, sans-serif; font-size : 12px; color: #70d250; text-decoration: underline; }

BODY {
  width:96%;
  margin: 0px 0px 0px 2%;
  /*background: #EDF5F7;*/
  background: #f8f8f9;
  color: #000000;
}

A {
  color: #3b6dbf;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline;
}

SPAN {
font-family: arial, FreeSans, sans-serif;
font-size: 14px;
}

TR.header {
  font-family: "Monotype Corsiva", URW Chancery L,  Apple Chancery, cursive;
  font-size: 40px;
  color: #669999;
  font-weight : bold;
  background: #f8f8f9;
}



TR.slogan {
  font-family: arial, FreeSans, sans-serif;
  font-size: 14px;
  color: #669999;
  background: #f8f8f9;
}

TR.headerNavigation {
  background: #669999;
}

TD.headerRight {
  font-family: arial, FreeSans, sans-serif;
  font-size: 14px;
  background: #f8f8f9;
  color: #669999;
 }

TD.headerNavigation {
  font-family: arial, FreeSans, sans-serif;
  font-size: 14px;
  background: #871611;
  color: #ffffff;
 }

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerRight { 
  color: #669999; 
}

A.headerNavigation:hover {
  color: #ccffcc;
}

A.headerRight:hover {
  color: #000066;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: arial, FreeSans, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: arial, FreeSans, sans-serif;
  font-size: 14px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: arial, FreeSans, sans-serif;
  font-size: 12px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: arial, FreeSans, sans-serif;
  font-size: 12px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: arial, FreeSans, sans-serif;
  font-size: 12px;
}

TD.infoBoxHeading {
  font-family: arial, FreeSans, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: arial, FreeSans, sans-serif;
  font-size: 12px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: arial, FreeSans, sans-serif;
  font-size: 12px;
  background: #66AA88;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: arial, FreeSans, sans-serif;
  font-size: 12px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: arial, FreeSans, sans-serif;
  font-size: 18px;
  font-weight:500;
  color: #333;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: arial, FreeSans, sans-serif;
  font-size: 12px;
  color: #000000;
}

TD.main, P.main {
  font-family: arial, FreeSans, sans-serif;
  font-size: 14px;
  line-height: 1.2;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: arial, FreeSans, sans-serif;
  font-size: 11px;
}

TD.accountCategory {
  font-family: arial, FreeSans, sans-serif;
  font-size: 12px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: arial, FreeSans, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: arial, FreeSans, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: arial, FreeSans, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: arial, FreeSans, sans-serif;
  font-size: 12px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: arial, FreeSans, sans-serif;
  font-size: 12px;
}

TEXTAREA {
  width: 100%;
  font-family: arial, FreeSans, sans-serif;
  font-size: 12px;
}

SPAN.greetUser {
  font-family: arial, FreeSans, sans-serif;
  font-size: 14px;
 # color: #00CD00;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: arial, FreeSans, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: arial, FreeSans, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: arial, FreeSans, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: arial, FreeSans, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: arial, FreeSans, sans-serif; font-size: 14px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: arial, FreeSans, sans-serif; font-size: 14px; color: #000000; }

/* message box */

.messageBox { font-family: arial, FreeSans, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family: arial, FreeSans, sans-serif; font-size: 14px; background-color: #66AA88; }
.messageStackSuccess { font-family: arial, FreeSans, sans-serif; font-size: 12px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: arial, FreeSans, sans-serif; font-size: 12px; color: #ff0000; }


/*** ESSENTIAL STYLES for superfish menu ***/
/*containing div*/
.cat_navbar{
padding-top:0px;
min-height:30px;
z-index:88;
clear:both; margin-left:0px; z-index:999;
}
.navbar_bg {margin: 0px auto 0px 5px; min-height:30px; padding-top:0px; padding-bottom:0px;
background: rgb(235, 235, 235); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3MzgzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDEwMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
background: -moz-linear-gradient(top,  rgba(235, 235, 235,1) 0%, rgba(184,184,184,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235, 235, 235,1)), color-stop(100%,rgba(184,184,184,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(235, 235, 235,1) 0%,rgba(184,184,184,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(235, 235, 235,1) 0%,rgba(184,184,184,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(235, 235, 235,1) 0%,rgba(184,184,184,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(235, 235, 235,1) 0%,rgba(184,184,184,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37383a', endColorstr='#101010',GradientType=0 ); /* IE6-8 */

-webkit-border-radius: 0px 0px 5px 0px;
        border-radius: 0px 0px 5px 0px;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	
}
.sf-menu {
	line-height:	1.0;	
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			13.7em; /* left offset of submenus need to match (see below) */
	/*background:url('../images/sf-menu_ul.png') 0px 100% no-repeat transparent;*/
}
.sf-menu ul ul{
	margin-top: -10px;
	
}

.sf-menu ul ul{
/*	border:1px solid #ebebeb; border-top:1px solid #ebebeb;*/
}

.sf-menu ul li {
	width:			100%;	
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */

}
.sf-menu > li li > a:hover,
.sf-menu > li:hover {
background: rgb(235, 235, 235); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EyZDIwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YzljMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */
background: -moz-linear-gradient(top,  rgba(235, 235, 235,1) 0%, rgba(108,156,35,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235, 235, 235,1)), color-stop(100%,rgba(108,156,35,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(235, 235, 235,1) 0%,rgba(108,156,35,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(235, 235, 235,1) 0%,rgba(108,156,35,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(235, 235, 235,1) 0%,rgba(108,156,35,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(235, 235, 235,1) 0%,rgba(108,156,35,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2d20c', endColorstr='#6c9c23',GradientType=0 ); /* IE6-8 */
	}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0px;
	top:			1.7em; /* match top ul list item height */
	z-index:		9999;
background: rgb(235, 235, 235); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwMzAzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODM4MzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */
background: -moz-linear-gradient(top,  rgba(235, 235, 235,1) 0%, rgba(184, 184, 184,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235, 235, 235,1)), color-stop(100%,rgba(184, 184, 184,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(235, 235, 235,1) 0%,rgba(184, 184, 184,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(235, 235, 235,1) 0%,rgba(184, 184, 184,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(235, 235, 235,1) 0%,rgba(184, 184, 184,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(235, 235, 235,1) 0%,rgba(184, 184, 184,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#383838',GradientType=0 ); /* IE6-8 */

-webkit-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px;

}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			13.7em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			13.7em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:		 none;
	margin: 0 0px 0 0px;
	
}
.sf-menu a, 
.sf-menu a:hover,
.sf-menu > li:hover > a { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff; text-decoration:none;
}
.sf-menu .sfHover li a,
.sf-menu > li li > a:hover, 
{ /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff; text-decoration:none;

}

.sf-menu > li > a.current,
.sf-menu > li > a:hover { /* visited pseudo selector so IE6 applies text colour*/
	text-decoration:none;
}

.sf-menu > li > a:hover { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000;
}
.sf-menu .sfHover li a:hover  {
	color:#9ccc0e;
}
.sf-menu .sfHover li.last a,
.sf-menu > li li.last > a  {}

.sf-menu > li li:hover > a.current,
.sf-menu > li li > a:hover {
}


.sf-menu > li,
.sf-menu > li:hover		{margin-right:0px;}/*url('../images/sf-menu_marker.png') no-repeat*/

/*	border:1px solid #dfdfdf; border-width: 0px 0px 0 1px;*/

.sf-menu > li:hover > a { color:#fdfdfd;}
.sf-menu > li.last {}
.sf-menu > li.last a { }
.sf-menu li li {
	border-top:0px dashed #525152;
/*	background:#76625c;*/
	}
	.sf-menu li li.first {
	border-top:0px dashed #525152;
	}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;	
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	
	
}

/*** arrows **/
.sf-menu a.sf-with-ul {
/*	padding-right: 	31px;*/
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	color:#ffee00;
}
.sf-sub-indicator2 			{width:17px;	height:10px;}
.sf-sub-indicator 				{width:10px;	height:10px;}
.sf-sub-indicator2,
.sf-sub-indicator {
	position:		absolute;
	display:		none;
	right:			0;
	top:			1.05em; /* IE6 only */
	text-indent: 	-999em;
	overflow:		hidden;
 	background:		url('../images/superfish-arrows.png') no-repeat ;/* 8-bit indexed alpha png. IE6 gets solid image only */
	z-index:100;
}
.sf-menu > li a > span.sf-sub-indicator {top:3px; right:1px;display:none;}
.sf-menu > li li a >  .sf-sub-indicator {top:7px; right:-15px}
li li a >  .sf-sub-indicator {top:7px; right:5px;}
a:hover >  .sf-sub-indicator {}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator {
	background-position: 0px -1px; /* arrow hovers for modern browsers*/
}
a > .sf-sub-indicator {
	background-position: 0px 0px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  0px -1px; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 -2px; }
/* apply hovers to modern browsers */

.sf-menu ul li:hover > a > .sf-sub-indicator 	{
	background-position: 0px -3px;	
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	/*background:	url('../images/superfish-shadow.png') no-repeat bottom right;*/
	padding: 2px 0px 2px 0;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* ****************************************************************************************************************************** */
.sf-menu > li		{}


.sf-menu > li > a  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000; text-decoration:none;
	padding: 7px 10px 7px 10px;
	font-weight:normal;
	font-size:1.00em;font-style:normal; text-transform:none;
	font-family: arial, FreeSans, sans-serif;
}
.sf-menu .sfHover li a,
.sf-menu > li li > a  {
	padding: 5px 11px 4px 16px; text-align:left;
	color:#000;font-weight:normal;
	font-size:0.8em;
	font-family: arial, FreeSans, sans-serif;
}
.sf-menu > li li > a:hover  {
}
.sf-menu > li.first > a	{ padding-left:29px;}

.sf-menu > li  ul{
	padding: 7px 0px 9px 0px;/*1.8181*/
	/*border:1px solid #ebebeb; border-top:0px solid transparent; margin-left:-1px;*/ 
}
.sf-menu > li li  a:hover,
.sf-menu > li li  a.current:hover  {
	color:#fdfdfd;
   }
.home		{width:30px; height:30px; display:inline-block; float:left;
-webkit-border-radius: 5px 0px 0px 5px;
        border-radius: 5px 0px 0px 5px;
background: rgb(162,210,12); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EyZDIwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YzljMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */
background: -moz-linear-gradient(top,  rgba(162,210,12,1) 0%, rgba(108,156,35,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(162,210,12,1)), color-stop(100%,rgba(108,156,35,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(162,210,12,1) 0%,rgba(108,156,35,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(162,210,12,1) 0%,rgba(108,156,35,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(162,210,12,1) 0%,rgba(108,156,35,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(162,210,12,1) 0%,rgba(108,156,35,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2d20c', endColorstr='#6c9c23',GradientType=0 ); /* IE6-8 */
margin-left:-5px;
}
.home	strong	{width:30px; height:30px; display:inline-block;
		background:	url('../images/icons/sf-home.png') no-repeat 0 0 transparent;
}

.photo {
    border: 1px;
    padding: 0.5em;
    width: 110px; 
    height: auto;
	max-height: 40px;
  }
 
.listing-image {
  width: 200px;   
  height: auto;
  }
  
.logo-image {
  width: 40px;
  height: 40px;
  }
  
.responsive-input-field {
  width: 300px;
 }
  
@media screen and (max-width: 412px), (min-device-width: 412px) and (max-device-width: 732px) and (orientation: portrait) {
	BODY {
	  width:100%;
	  margin: 0px;
	}

	TR.header {
	  font-size: 22px;
	}

	TR.slogan {
	  font-size: 14px;
	}

	TD.headerNavigation {
	  font-size: 14px;
	 }

	TD.headerInfo {
	  font-size: 12px;
	}

	.listing-image {
	  width: 75px;   
	  height: auto;
	  }

    .responsive-table {
		width: 412px;
        overflow: scroll;
		margin-top: 0px;
		}
		
	.logo-image {
	  width: 20px;
	  height: 20px;
	  }
	 .responsive-input-field {
	  width: 150px;
	 }
}

@media screen and (min-width: 413px) and (max-width: 732px), (min-device-width: 412px) and (max-device-width: 732px) and (orientation: landscape) {
	BODY {
	  width:100%;
	  margin: 0px;
	}

	TR.header {
	  font-size: 28px;
	}

	TR.slogan {
	  font-size: 16px;
	}

	TD.headerNavigation {
	  font-size: 16px;
	 }

	TD.headerInfo {
	  font-size: 14px;
	}

	.listing-image {
	  width: 100px;   
	  height: auto;
	  }

    .responsive-table {
		width: 732px;
        overflow: scroll;
		margin-top: 0px;
		}
		
	.logo-image {
	  width: 30px;
	  height: 30px;
	  }
	  
	 .responsive-input-field {
	  width: 200px;
	 }
	  
}

@media screen and (min-width: 733px) and (max-width: 768px), (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	BODY {
	  width:100%;
	  margin: 0px;
	}

	TR.header {
	  font-size: 28px;
	}

	TR.slogan {
	  font-size: 16px;
	}

	TD.headerNavigation {
	  font-size: 16px;
	 }

	TD.headerInfo {
	  font-size: 14px;
	}

	.listing-image {
	  width: 100px;   
	  height: auto;
	  }

    .responsive-table {
		width: 768px;
        overflow: scroll;
		margin-top: 0px;
		}
		
	.logo-image {
	  width: 30px;
	  height: 30px;
	  }
	  
	 .responsive-input-field {
	  width: 200px;
	 }
}

@media screen and (min-width: 769px) and (max-width: 1024px), (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	BODY {
	  width:100%;
	  margin: 0px;
	}

	TR.header {
	  font-size: 30px;
	}

	TR.slogan {
	  font-size: 18px;
	}

	TD.headerNavigation {
	  font-size: 18px;
	 }

	TD.headerInfo {
	  font-size: 16px;
	}

	.listing-image {
	  width: 150px;   
	  height: auto;
	  }

    .responsive-table {
		width: 1024px;
        overflow: scroll;
		margin-top: 0px;
		}
		
	.logo-image {
	  width: 40px;
	  height: 40px;
	  }
	  
	 .responsive-input-field {
	  width: 250px;
	 }
	  
}

/* header tag seo css */
h1 { font-family: arial, FreeSans, sans-serif; font-size:18px; font-weight:500; margin:0; padding:0; color:#333 }
h2 { font-family: arial, FreeSans, sans-serif; font-size:14px; font-weight:300; margin:5px 0; padding:5px 0; color:#333; text-align:left }
#hts_viewing  { font-size:10px; font-weight:400; margin-bottom:0; color:#9a9a9a; padding:6px 5px; text-align:center }
#hts_viewing a  { color:#9a9a9a }
.hts_listing_text { font-size:10px; font-weight:400; margin-bottom:0; color:#9a9a9a; padding:6px 5px }
.hts_listing_text a { color:#ff0000 }
.hts_listing_see_more  { color:#ff0000 } 
.hts_sub_text { font-size:10px; font-weight:400; margin-bottom:0; color:#9a9a9a; padding:10px 0 }
.hts_bookmarks {padding:10px 0}
.hts_additional_container {color:#9a9a9a; font-size:11px; margin-bottom:20px}
.hts_additional {color:#444; font-size:11px; font-weight:bold; margin-bottom:20px}
a.hts_additional:link  {color:#999; font-size:11px; font-weight:bold; margin-bottom:20px}
a.hts_additional:hover  {color:#999; font-size:11px; font-weight:bold; margin-bottom:20px}
.hts_model_xref_img {display:flex; align-items:center; padding-bottom:10px}
a.hts_model_xref:link {color:#000; font-size:11px;padding-left:10px}
a.hts_model_xref:hover {color:#000; font-size:11px}
#hts_page_top  { margin-bottom:-10px; color:#777; font-size:10px; text-align:center }
#hts_header  { position:absolute; top:0; left:40%; color:#777; font-size:10px; text-align:center}
#hts_footer  { background-color:#F5F5F5; padding:6px 5px; text-align:center }
span.hts_footer_title { font-size:1.2em; color:#000; text-align:center }
#tagcloud { color:#06F; text-align:center; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:10px }
#tagcloud a:link,#tagcloud a:visited { text-decoration:none; color:#333 }
#tagcloud a:hover { text-decoration:underline }
#tagcloud span { padding:4px }
#tagcloud .smallest { font-size:x-small }
#tagcloud .small { font-size:small }
#tagcloud .medium { font-size:medium }
#tagcloud .large { font-size:large }
#tagcloud .largest { font-size:larger }

/* mobile menus for left and right menu bars */
.leftmenu-container {
  background-color: #ddd;
  color: white;
  border-radius: 10px;
  position: absolute;
  top: 140;
  max-width: 180px;	
  left: 0; /* Aligns the left menu container to the left */
  margin-left: 5px; /* Adds some space from the very edge of the screen */
}

.rightmenu-container {
  background-color: #ddd;
  color: white;
  border-radius: 10px;
  position: absolute;
  top: 140;
  max-width: 180px;	
  right: 0; /* Aligns the right menu container to the right */
  margin-right: 5px; /* Adds some space from the very edge of the screen */
}

.topnav {
  overflow: hidden;
  background-color: #ddd;
  position: relative;
  width: 100%; 
}

.topnav #leftmenuLinks, .topnav #rightmenulinks {
  background-color: #ddd;
  display: none;
}


.topnav a {
  color: white;
  padding: 4px 4px;
  text-decoration: none;
  font-size: 12px;
  display: block;
}

.lefttopnav a { left: 120; } /* Show left menu */
.righttopnav a { right: 120; } /* Show right menu */

.topnav a.icon {
  background: #ddd;
  display: block;
  position: absolute;
  top: 0;
}

.lefttopnav a.icon { left: 0; } /* Icon for left menu */
.righttopnav a.icon { right: 0; } /* Icon for right menu */

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #ddd;
  color: white;
}