@charset "utf-8";

body { 
	margin: 0;
	padding: 10px 0;
	background: #2f6aa7;
	text-align: left;
	color: #000000;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
}

.clearfix:after		{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix		{ display: inline-block; }
html[xmlns] .clearfix	{ display: block; }
* html .clearfix	{ height: 1%; }

textarea		{ font-size: 13px; font-family: verdana, geneva, sans-serif; resize: none; }
input[type='text']	{ font-size: 13px; }
input[type='password']	{ font-size: 13px; }

#wrapper {
	border: 0px solid #000000;
	background: #ffffff;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#header {
	position: relative;
	top: 0;
	width: 960px;
	height: 77px;
}

#addressphone {
	width: 960px;
	height: 47px;
	border-bottom: 2px solid #2F6AA7;
}

.slideshow {
	width: 960px;
	height: 396px;
	overflow: hidden;
	border-bottom: 2px solid #ffffff;
}

.slideshow img {
	margin: 0px!important;
	padding: 0px!important;
}

#middle {
	width: 770px;
	background: #ffffff;
	border: 0px solid #000000;
	margin: 5px 5px 5px 152px;
	padding: 15px;
}

/* DEFAULT STYLING */

a {
	color: #FF6600;
	font-size: 13px;
	text-decoration: underline;
}

a:hover {
	color: #2F6AA7;
	font-size: 13px;
	text-decoration: underline;
}

h1 {
	font-weight: normal;
	color: #336699;
	font-size: 22px;
}

h2 {
	font-weight: normal;
	color: #336699;
	font-size: 20px;
}

h3 {
	font-weight: normal;
	color: #336699;
	font-size: 18px;
}

h4 {
	font-weight: normal;
	color: #336699;
	font-size: 16px;
}

h5 {
	font-weight: normal;
	color: #336699;
	font-size: 16px;
}

h6 {
	font-weight: normal;
	color: #336699;
	font-size: 16px;
}

p, li, td, th {
	color: #000000;
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
}

#middle li {
	line-height: 16px;
	margin-bottom: 6px;
}

hr { border: 0; width: 80%; color: #999999; background-color: #999999; height: 1px; }

/* HORIZONTAL MENU */

#menuhouter {
	border-top: 1px solid #ff6f0f;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ff6f0f;
	width: 958px;
	height: auto;
	overflow: hidden;
}

#menuhinner {
	width: 960px;
	height: auto;
	border-top: 1px solid #ffdfc9;
	border-bottom: 1px solid #ffdfc9;
}

#menuh {
	position: relative;
	z-index: 88;
	text-align: left;
	height: 44px;
	font-size: 13px;
	padding: 0px 0px 0px 0px;
	margin: -14px 0px 0px 0px;
	overflow-y: hidden;
	width: 960px;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #FF6600;
}

#menuh a:link, #menuh a:visited {
	font-weight: normal;
	font-size: 13px;
	padding: 8px 35px 13px 35px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	background-color: #ff6600;
}

#menuh .menuhnotselect a:link, #menuh .menuhnotselect a:visited {
	color: #ffffff;
	text-decoration: none;
}

#menuh .menuhselect a:link, #menuh .menuhselect a:visited {
	color: #ffffff;
	text-decoration: none;
	padding: 8px 35px 13px 35px;
	background-color: #2f6aa7;
	text-decoration: none;
}

#menuh .menuhnotselect a:hover {
	color: #ffffff;
	text-decoration: none;
	padding: 8px 35px 13px 35px;
	background-color: #2f6aa7;
	text-decoration: underline;
}

.divider {
	margin-top: 8px;
	vertical-align:middle;
	display: inline-block;
	height: 51px;
	width: 2px;
	background-color: #ffffff;
}

/* PAGE TREE */

#pagetree {
	text-align: right;
	width: auto;
	height: 16px;
}

#pagetree a {
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

#pagetree a:hover {
	color: #000000;
	text-decoration: underline;
}

#pageheading {
	text-align: left;
	width: auto;
	padding-bottom: 0;
}

/* VERTICAL MENU */

#leftcontainer {
	border: 0px solid #000000;
	float: left;
	width: 146px;
	margin-top: 8px;
}

#leftcontainer ul {
	position: relative;
	list-style: none;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

#leftcontainer ul li a {
	position: relative;
	text-decoration: none;
	display: block;
	padding: 7px 8px;
	margin-bottom: 1px;
	border: 1px solid #ffffff;
	margin: 0 auto;
	width: 126px;
}

#leftcontainer ul .menuvnotselect a {
	color: #ffffff;
	background-color: #5c85ad;
}

#leftcontainer ul .menuvselect a {
	color: #ffffff;
	background-color: #2f6aa7;

}

#leftcontainer ul .menuvnotselect a:hover {
	color: #ffffff;
	background-color: #2f6aa7;
}

/* RECOMMEND LINKS */

#recommend {
	position: relative;
	font-weight: normal;
	font-size: 10px;
	margin: 7px auto;
	width: 125px;
}

#recommend a {
	font-size: 10px;
	color: #ff6600;
	text-decoration: none;
}

#recommend a:hover {
	color: #ff6600;
	text-decoration: underline;
}


/* PAGE GALLERY */

.pagegallery {
	margin: 7px auto;
	width: 84%; 
}

.pagegallerycontent {
	float: left;
	width: 100%; 
	border: 0px solid #000000;
	margin-bottom: 10px;
	padding: 5px;
	font-weight: normal;
}

.pagegalleryheading {
	background: #FF6600;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	padding: 3px 3px 3px 9px;
}

.pagegalleryinner {
	width: 100%; 
	margin: 0 auto;
	padding: 0;
}

.pagegalleryimage {
	float: left;
	padding: 0;
	margin: 5px;
	height: 110px;
	width: 150px;
	text-align: center;
}

.pagegalleryimage img {
	border: 1px solid #000000;
	padding: 2px;
	vertical-align: middle;
}

.pagegalleryimage a:hover img {
	border: 1px solid #2F6AA7;
	opacity: 0.7;
	filter:alpha(opacity: 70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}

/* IMAGE LIBRARY */

#imagelibrary		{ margin: 4px; padding: 4px; }
#imagelibrary img	{ margin: 3px; }

/* IMAGE STYLING */

html>body .outerpair1	{ background: url(../images/upperrightfade.png) right top no-repeat; }
html>body .outerpair2	{ background: url(../images/lowerleftfade.png) left bottom no-repeat; padding-top: 8px; padding-left: 8px; }
html>body .shadowbox	{ background: url(../images/shadow.png) bottom right; }
html>body .innerbox	{ position: relative; left: -8px; top: -8px; }
.shadowbox img		{ border: 1px solid #000000; vertical-align: bottom; }

.pageimagecenter	{ text-align: center; margin: 0 auto; padding: 0; }
.pageimageright		{ float: right; margin: 5px 0 5px 5px; padding: 0; }
.pageimageleft		{ float: left; margin: 5px 5px 5px 0; padding: 0; }
.pageimagenone img	{ margin: 3px; padding: 0; }

/* LINKS */

.link {
	background: #ffffff;
	overflow: hidden;
	border: 0px solid #000000;
	margin: 20px 30px;
	padding: 5px;
	height: 180px;
}

.link a:hover img {
	opacity: 0.7;
	filter:alpha(opacity: 70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}

.link p {
	font-weight: normal;
	color: #000000;
}

.linktop {
	width: auto;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	background: #2F6AA7;
	margin: 0 auto;
	text-align: center;
	padding: 5px;
}

.linktop a {
	color: #ffffff;
	text-decoration: none;
}

.linktop a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.linkleftcontainer {
	float: left;
	position: relative;
	top: 5px;
	width: 150px;
	height: 150px;
	margin-bottom: 5px;
}

.linkleftcontainer img{
	border: 0px solid #000000;
	margin: 0;
	padding: 0;
}

.linkrightcontainer {
	float: right;
	position: relative;
	top: 5px;
	width: 525px;
	height: 120px;
	overflow-y: auto;
	border: 1px solid #000000;
	background: #ffffff;
	margin-bottom: 5px;
	padding: 5px;
}

.linkfooter {
	position: relative;
	margin: 0;
	color: #000000;
	text-align: right;
	bottom: 15px;
	margin-bottom: -15px;
	font-size: 13px;
}

.linkfooter a:link, .linkfooter a:visited {
	color: #FF6600;
	text-decoration: none;
}

.linkfooter a:hover {
	color: #FF6600;
	text-decoration: underline;
}

/* PRODUCT STYLING */

#product {
	overflow: auto;
	overflow: hidden;
}

.productitem {
	position: relative;
	width: 375px;
	height: 220px;
	margin: 0px 7px 25px 0px;
	float: left;
	/*background: #c6d7e8;*/
	border: 0px solid #20548a;
}

.productitem a:hover img {
	opacity: 0.7;
	filter:alpha(opacity: 70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}

.producttitle {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 3px 3px 6px;
	background: #2F6AA7;
	border-bottom: 1px solid #20548a;
}

.producttitle a:link, .producttitle a:visited {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}

.producttitle a:hover {
	color: #666633;
}

.productsold {
	color: #ff0000;
	font-weight: bold;
}

.productimage {
	position: relative;
	width: 150px;
	height: 150px;
	float: left;
	top: 5px;
	margin-left: 6px;
	text-align: center;
}

.productimage img {
	border: 1px solid #cccaca;
}

.producttext {
	position: relative;
	width: 194px;
	height: 115px;
	font-size: 13px;
	float: right;
	top: 5px;
	padding: 5px;
	margin-right: 6px;
	background: #ffffff;
	border: 1px solid #cccaca;
	overflow-y: auto;
}

.producttext li {
	list-style: square;
}

.productprice {
	position: relative;
	float: right;
	width: 367px;
	color: #000000;
	text-align: right;
	font-size: 13px;
	margin-right: 3px;
	margin-top: 10px;
}

.productprice img {
	float: left;
	padding-right: 2px;
}

.productspacing img {
	padding-top: 7px;
}

#red {
	color: #990000;
}

#strike {
	text-decoration: line-through;
}

.productdisplaytitle {
	margin-top: 10px;
	text-align: center;
	background: #bfbfbf;
}

.productdisplaytitle h1 {
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	padding: 1px;
}

.productdisplaylarge {
	text-align: center;
}

.productdisplaytext {
	width: 500px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
}

.productdisplaytext a:hover img {
	opacity: 0.7;
	filter:alpha(opacity: 70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}

.productdisplaytext li {
	list-style: square;
}

.productdisplayimages {
	float: left;
	border: 2px solid #bbbbbb;
	background: #ffffff;
	padding: 4px;
	height: 100%;
	margin-bottom: 5px;
}

.productdisplaythumb {
	float: left;
	padding: 1px;
}

.productdisplaythumb a img {
	border: 1px solid #999999;
	padding: 1px;
}

.productdisplaythumb a:hover img {
	border: 1px solid #FF6600;
}

.productdisplaythumb a:hover img {
	opacity: 0.7;
	filter:alpha(opacity: 70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}

/* ADMIN STYLING */

#adminpage {
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 20px;
	margin-left: 0;
}

#adminpage a {
	color: #000000;
}

#adminpage a:hover {
	color: #cc0000;
}

#adminpage th a {
	color: #000000;
}

#adminpage th a:hover {
	color: #cc0000;
}

#adminpage table {
	background: #dfdfdf;
	border: 1px solid #9f9f9f;
	margin-bottom: 10px;
}

#adminpage table img {
	display: inline-block;
	margin: 0 auto;
}

#adminpage td {
	background: #cfcfcf;
	color: #000000;
	text-align: left;
}

#adminpage th {
	background: #ffffcf;
	color: #000000;
	text-align: left;
}

#adminpage b {
	color: #000000;
	font-weight: bold;
}

#adminpagegallery {
	position: relative;
	font-weight: normal;
	font-size: 12px;
}

#adminpage table.productedit {
	width: 100%;
}

#adminpage table.LogBody {
	width: 100%;
}

#adminpage table.log {
	width: 100%;
	background: #333333;
}

#adminpage table.log th {
	background: #555555;
	padding: 2px;
	font-size: 13px;
	color: #ffffff;
}

#adminpage table .logrow1 td {
	background: #cfcfcf;
	padding: 4px;
	font-size: 12px;
}

#adminpage table .logrow2 td {
	background: #eeeeee;
	padding: 4px;
	font-size: 12px;
}

#adminpage table .logrowS td {
	background: #ffff66;
	padding: 4px;
	font-size: 12px;
}

#adminpage table label {
	padding: 2px;
	display: inline-block;
	width: 100%;
}

#adminpage table label:hover {
	color: #cf0000;
	cursor: pointer;
}

/* SUBPAGES */

.subpage {
	border: 0px solid #000000;
	vertical-align: top;
}

.subpage img {
	border: 0;
	margin-bottom: 5px;
}

.subpage a:hover img {
	opacity: 0.7;
	filter:alpha(opacity: 70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}

.subpage a {
	text-decoration: none;
	color: #FF6600;
}

.subpage a:hover {
	text-decoration: underline;
	color: #FF6600;
}

/* CONTACT */

#contact {
	width: auto;
	clear: both;
	color: #ffffff;
	background: #5C85AD;
	margin: 8px auto;
	text-align: center;
	font-size: 13px;
}

#contact a:link, #contact a:visited {
	color: #ffffff;
	text-decoration: none;
}

#contact a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#contactpage table {
	margin: 0 auto;
}

#contactpage th {
	text-align: left;
}

.error {
	color: #cc0000;
}

.contactThankyou {
	background: #cfcfcf;
	border: 1px solid #afafaf;
	padding: 15px;
}

/* Footer Line */

#footerline {
	width: 960px;
	height: 6px;
	background-color: #2f6aa7;
	clear: both;
}

/* FOOTER */

#footer {
	background: #ff6600;
	clear: both;
	text-align: center;
	padding: 13px 0;
	border-top: 1px solid #ffffff;
	color: #ffffff;
	font-weight: normal;
	font-size: 11px;
}

#footer a {
	color: #ffffff;
	font-size: 11px;
	text-decoration: underline;
}

#footer a:hover {
	color: #FFFF33;
	text-decoration: none;
}

#footer img {
	margin-left: 5px;
	vertical-align: top;
}

/* DEBUG */

#debug		{ position: relative; width: 100%; padding: 10px 15px; text-align: left; background: #cfdaff; border-top: 12px solid #c4d2ff; border-bottom: 12px solid #c4d2ff; }
#debug h1	{ border: none; color: #001b51; text-transform: none; text-decoration: none; }
#debug pre	{ color: #000d27; }