@charset "utf-8";
/*
CSS Document
#D84953 orange
#DA4E1B organe drk
#4D8785 teal
#318990 bright teal
id=#
class=.
*/
body {
	font: 14px/20px Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}
.tipimg {
	float: right;
	margin-right: 20px;
	width:360px;
   	height:280px;
   	position: absolute; top: 325px; left: 630px;
	z-index:100;
	background-color: #333333; 
	border-top: 2px solid #4D8785;
	border-left: 2px solid #4D8785;

}
.bord {
	display: block;
	border:1px solid #DADADA;
	padding:5px;
}
img {
	display: block;
	border: 0px none;
	padding:0px;
}

h1 {
	color: #666666;
	letter-spacing: 1em;
	font: 16px/20px Arial, Helvetica, sans-serif;
	text-align: center;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
}
h2 {
	color: #666666;
	font: normal 20px Arial, Helvetica, sans-serif;
}

a {
	color: #333333;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
#container {
	margin: 10px auto;
	width: 960px;
	position: relative;
	/* border-top: 0px dashed #0099CC;*/
}
#message {
	font: light 8px/10px Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
}
#header {
	height: 60px;
	margin-bottom: 50px;
}
.logoimg {
	margin: 0px 20px 0px 0px;
	float: left;
}
#nav {
	clear: left;
	font: normal 12px/22px Arial, Helvetica, sans-serif;
	background: #219CC9;
	display: block;
	width: 960px;
	text-align: center;
}
#nav a {
	color: #ffffff;
	text-decoration: none;
	margin: 0px 16px;
}
#nav a:hover {
	color: #666666;
	text-decoration: none;
}
#nav a.on {
	color: #D8501D;
	text-decoration: none;
}
#content {
	margin: 0px;
}

/* ############## */

#ftimg {
	width: 900px;
	margin-left: 500px;
}

/*
#nav {
	font: 14px Tarzana Wide, Arial, Helvetica, sans-serif;
	float: left;
	width: 100px;
	margin: 0px 20px 100px;
	 border-bottom: 1px #666666 solid;
}

#first {
	margin: 0px;
	padding: 0px;
	list-style: url(none) none;
}

#first li {
	padding: 0px 0px 5px;
}
#first li a {
	color: #0099CC;
	text-decoration: none;
}
#first li a:hover {
   color: #666666;
	text-decoration: underline;
}
*/

/* ############################## */

#topimgbyline {
	margin: 0px 70px 0px 0px;
	float: right;
}
#center {
	margin: 0px;
	width: 960px; 
} 
#center_400 {
	/* background: url(images/center_400.gif) repeat-y;*/
	text-align: left;
	width: 480px;
	float: left;
	padding: 0px;
	/* border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc; */
}
/* .box {
	width: 420px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	
} 
*/
.inner {
	padding: 0px;
}
.slogan {
	margin-left: 680px;
}
#footer {
	font: 10px/14px Arial, Helvetica, sans-serif;
	clear: both;
	margin-top: 130px;
	text-align: center;
	color: #666666;/*0099CC*/
}
#footer a {
	color: #333333;
	text-decoration: none;
}
#footer a:hover {
	color: #333333;
	text-decoration: underline;
}
.line {
	border-bottom: 1px solid #cccccc;
}
.lineheight {
	line-height: 15px;
}
#right {
	width: 200px;
	float: right;
}
#left {
	width: 200px;
	float: left;
}
#righttxt {
	width: 500px;
	float: right;
}
.storebody {
	float: right;
	width: 650px;
}
#lefttxt {
	width: 400px;
	float: left;
}
.imgright {
	float: right;
	margin-bottom: 50px;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-left: 3px solid #cccccc;
	border-right: 3px solid #cccccc;
}
.imgrighthm {
	float: right;
	height: 400px;
	width: 399px;
	margin-bottom: 50px;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
	border-right: 3px solid #cccccc;
}
.imgcenter {
	margin: 10px auto;
}
.imgleft {
	float: left;
	margin-top: 10px;
}
.imgrighticon {
	float: right;
	margin: 20px 0px 0px 20px;
}
.clear {
	clear: both;
}
.clearright {
	clear: right;
}
/*

h3 {
	color: #666666;
	letter-spacing: 1em;
	font: 14px Arial, Helvetica, sans-serif;
	text-align: center;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
}

h3 a {
	color: #666666;
	text-decoration: none;
}
h3 a:hover {
	text-decoration: underline;
}
h4 {
	color: #996666;
	letter-spacing: 1em;
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	text-align: center;
	margin-bottom: 10px;
}
h4 a {
	color: #996699;
	text-decoration: none;
}
h4 a:hover {
	color: #CC99CC;
	text-decoration: none;
}
*/


/*
#second {
	margin: 0px;
	padding: 0px;
	list-style:  square;
}
#second li {
	padding: 0px 0px 5px 10px;
}
#second li a {
	color: #666666;
	text-decoration: none;
}
#second li a:hover {
	text-decoration: underline;
}
#third {
	margin: 0px;
	padding: 0px;
	list-style: url(none) none;
}
#third li {
	padding: 0px 0px 5px 20px;
}
#third li a {
	color: #999999;
	text-decoration: none;
}
#third li a:hover {
	text-decoration: underline;
}
*/
  
/*
#center_200 {
	background: url(images/center_200.gif) repeat-y;
   text-align: left;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	width: 200px;
	float: left;
}
*/

/* Styles used in the store */
#storecontent {
	width: 500px;
	margin: 0px auto;
	position: relative;
}
.store {
	font-size: 13px;
	line-height: 16px;
}
.small {
	font-size: 0.9em;
	line-height: 1.1em;
}
.storeform {
	font: 14px/18px Arial, Helvetica, sans-serif;
	margin-top: 20px;
	/*  border: 1px solid #666; */
	background: #F1F2F3;
}
.storehead {
	color: #D7501E;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
}
/* Styles used for the cart */
.cartform {
	border: 1px solid #DADADA;
	background: #FFFFFF;
	font: 13px/15px Arial, Helvetica, sans-serif;
	color: #4D8785;
}
.carthead {
	color: #D7501E;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
}
/* Styles used for the admin */
#admin {
	background: #FFFFFF;
}
#admin input, #admin select, #admin textarea {
	background: #DADADA;
}
#admincontent {
	padding: 20px;
}
.adminform {
	border: 1px solid #DADADA;
	background: #FFFFFF;
	font: 13px/15px Arial, Helvetica, sans-serif;
	color: #4D8785;
}
.formhead {
	color: #D7501E;
	font: bold 13px/15px Arial, Helvetica, sans-serif;
	border: 1px solid #DADADA;
	background: #FFFFFF;
}
.adminhead {
	color: #D7501E;
	font: bold 16px/18px Arial, Helvetica, sans-serif;
	padding: 10px;
}
.adminnavhead {
	color: #4D8785;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	background: #DADADA;
	border-top: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
}
.adminli {
	color: #4D8785;
	list-style: url(none) none;
	font: bold 13px/18px Arial, Helvetica, sans-serif;
	margin: 5px 0px 5px 20px;
	padding: 0px;
}
.adminli a {
	color: #4D8785;
	text-decoration: none;
}
.adminli  a:hover {
	color: #D84953;
	text-decoration: none;
}
.adminindent {
	margin: 0px 0px 10px 10px;
}
.red {
	color: #FF0000;
}
.shhlogo { 
	background: #FFFFFF;
	border-bottom: 1px solid #2F5272;
}
/* admin listItems styles */
.sortInactiveButton, .sortButton, .sortAscButton, .sortDescButton {
	font-weight: bold;
	margin:	0px;
	padding: 0px;
	text-align: left;
}
.sortInactiveButton b {
	display: block;
	color: #2F5272;
	background:	#DBDCDD;
	border: 1px outset;
	padding: 2px;
	height: 1%;
}
.sortButton a, .sortAscButton a, .sortDescButton a {
	display: block;
	color: #2F5272;
	background:	#DBDCDD;
	text-decoration: none;
	border: 1px outset;
	padding: 2px;
	height: 1%;
}
.sortButton a:hover, .sortButton a:focus, .sortAscButton a:hover, .sortAscButton a:focus, .sortDescButton a:hover, .sortDescButton a:focus {
	color: #993333;
	background:	#E6E7E8;
	text-decoration: none;
	border: 1px inset;
}
.sortAscButton a, .sortAscButton a:hover, .sortAscButton a:focus {
	background:	#E8E9EA url(admin/images/asc_order.png) no-repeat right;
}
.sortDescButton a, .sortDescButton a:hover, .sortDescButton a:focus {
	background:	#E8E9EA url(admin/images/desc_order.png) no-repeat right;
}
.displayItems {
	border-right: 1px solid #2F5272;
	border-bottom: 1px solid #2F5272;
}
.odd {
	background: #FFFFFF;	
}
.even {
	background: #F2F2F2;
}