html, body, div, span, small, object, iframe, pre, a, abbr, blockquote, acronym, address, code, del, dfn, dl, dt, dd, em, img, q, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, b, p { border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: Arial, Helvetica, sans-serif; }

body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #767676; background: #fff url('../../includes/images/headerLines.jpg') repeat-x; }

.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%; }

img { behavior: url(/includes/js/iepngfix.htc) !important; }

/* ================================================= */
/* 	 LAYOUT COLUMNS CSS                              */
/* ================================================= */
#container	{ margin: 0 auto; width: 1012px; }

#header { float: left; width: 100%; height: 146px; }
	#logo 	{ float: right; width: 364px; height: 146px; }

div.nav { float: left; margin: 0; padding: 0; }
ul.nav { clear: left; float: left; position: relative; margin: 52px 0 0 0; padding: 0; width: 160px; color: #452715; list-style: none; text-align: right; text-transform: lowercase; }
	ul.nav li { margin: 0; padding: 0; height: 30px; font-size: 16pt; font-weight: 100; letter-spacing: 0.10em; }
	ul.nav li a { color: #452715; }
	ul.nav li a:hover { color: #77872d; }
	ul.subNav { clear: left; float: left; margin: 0; padding: 0; width: 160px; font-size: smaller; text-align: right; text-transform: uppercase; list-style: none; }
	ul.subNav li { margin: 0; padding: 0; height: auto; font-size: 9pt; }
	ul.subNav li a { color: #452715; }
	ul.subNav li a.selected { color: #b88d73; }

#content { float: left; margin-left: 18px; width: 832px; background: url('../../includes/images/contentBorderLeft.jpg') top left no-repeat; }
	div#headerBtm { margin-bottom: 36px; width: 832px; height: auto; min-height: 8px; color: #b88d72; background: url('../../includes/images/logoBtm.jpg') top left no-repeat; }
		div#headerBtm ul { margin: 0 0 0 40px; padding: 0; font-size: 0.75em; list-style: none; text-transform: uppercase; line-height: 12px; letter-spacing: 0.08em; }
			div#headerBtm ul li { display: inline; margin: 0 1px; padding: 0; color: #b88d72; }
				div#headerBtm ul li a { color: #b88d72; border-top: 2px solid #fff; }
				div#headerBtm ul li a:hover { border-top: 2px solid #bcd748; }
	#content div.contentPad { margin: 0; padding: 4px 0 0 40px; }

	div#splashSlideshow div { position: relative; margin: 0; padding: 0; width: 831px; height: 554px; }
		div#splashSlideshow div img { margin: 0; padding: 0; width: 831px; height: 554px; }
		div#splashSlideshow div div { position: absolute; z-index: 5; left: 0; bottom: 0; width: 831px; height: 72px; background-color: #452715; opacity: 0.85; filter: alpha(opacity=85); }
		div#splashSlideshow div p { position: absolute; z-index: 10; left: 14px; bottom: 16px; margin: 0; padding: 0; width: 452px; color: #fff; font-size: 1.5em; font-weight: 100; }
		div#splashSlideshow div div.title { position: absolute; z-index: 10; bottom: 42px; left: auto; right: 24px; text-align: right; background-color: transparent; opacity: 1; filter: alpha(opacity=100); }
			div#splashSlideshow div div.title h1 { margin: 4px 0 0 0; color: #fff; font-size: 1.3em; font-weight: 100; letter-spacing: 0.14em; text-transform: lowercase; }
			div#splashSlideshow div div.title a { margin: 0; padding: 0; color: #bcd748; font-size: smaller; text-decoration: none; text-transform: lowercase; }
			div#splashSlideshow div div.title a:hover { color: #fff; }

ul#footer { clear: both; margin: 5px 0; padding: 20px 0 0 0; color: #452715; list-style: none; text-align: right; letter-spacing: 0.08em; }
	ul#footer li { display: inline; padding: 0 6px; width: auto; border-right: 1px solid #452715; }
	ul#footer li.last { border: none; }
		ul#footer li a { color: #452715; }
		ul#footer li a:hover { color: #77872d; }
		ul#footer li address { display: inline; width: auto; }

img.map { float: right; margin: -5px -10px 18px 12px; width: 430px; height: 430px; }

div.pagination { clear: left; float: left; }
	div.pagination a { margin: 0 4px; padding: 2px 4px; border: 1px solid #452715; }
	div.pagination a:hover { color: #fff; background-color: #452715; }

/* ================================================= */
/* 		   	HEADINGS, LINKS & PARA CSS 		         */
/* ================================================= */
h1 { margin: 0 0 12px 0; color:#452715; font-size: 150%; font-weight: 100; text-transform: uppercase; letter-spacing: 0.14em; }
h2 { margin: 30px 0 24px 0; color:#452715; font-size: 1.25em; font-weight: 100; letter-spacing: 0.12em; }
h3 { clear: left; float: left; margin:7px 0; color:#cb1f1f; font-size: 100%; }
h4 { margin:5px 0; font-size: 140%; }
h5 { margin:5px 0; font-size: 110%; }
h6 { margin:5px 0; font-size: 92.5%; }

a, a:hover { text-decoration: none; }
a { color: #452715; }
a:hover { color: #77872d; }
a, img { outline: none; }

p { color: #452715; }

img.productLogos { float: right; margin: 12px 0 0 80px; width: 190px; height: 130px; }
img.special { width: 360px; height: auto; border: 1px solid #c8bdb7; }

/* ================================================= */
/* 					PRE,CODE CSS 					 */
/* ================================================= */
pre,code { font: 1em/1.4em  "Courier News", monospace; color: #484848; line-height: 1.5em; }


/* ================================================= */
/* Root = Horizontal, Secondary = Vertical           */
/* ================================================= */

.clearfix:after{ /*Clear floats hack: http://positioniseverything.net/easyclearing.html*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix{
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* tablesorter pager styling */
div#pager { width: 100%; }
div#pager div { float: left; margin: 0 5px; }
div#pager div.nav { margin-top: 14px; }
div#pager form { float: right; margin: 0; }
div#pager label { display: block; float: left; margin: 0; padding: 0; width: auto; font-size: 0.8em; }
div#pager select { clear: left; float: left; }
div#pager input { clear: left; float: left; margin: 0; padding: 1px; }
div#pager a { padding: 2px 4px; background-color: #283951; color: #fff; border: 1px solid #52647e; font-family: Tahoma, Arial, sans-serif; font-size: 1.2em; font-weight: bold; text-decoration: none; }
div#pager a:hover { background-color: #435d82; border: 1px solid #283951; }

/* ================================================= */
/* 	 FORM AND FIELDSET CSS                         */
/* ================================================= */

form { margin: 12px 0 24px 0; width: 500px; }
form#filter { clear: both; margin-top: 32px; width: auto; }

label { display: block; clear: left; float: left; margin: 0 0 8px 0; padding: 2px 0; width: 140px; }
input[type="text"], input[type="password"], input[type="file"], select, textarea { float: left; margin: 0 0 8px 0; padding: 2px 3px; width: 200px; }
input[type="file"] { width: auto; }
select { width: 209px; }
input[type="submit"] { clear: both; float: left; margin-left: 140px; }
p.error { clear: left; float: left; margin: -6px 0 10px 140px; color: #cb1f1f; }

/* ================================================= */
/* 	 TABLE CSS                                       */
/* ================================================= */

table#productList { margin: 24px 0 0 0; width: 808px; }
	table#productList td { text-align: center; color: #452715; height: 180px; vertical-align: top; }
		table#productList td a { color: #452715; }
		table#productList td a:hover { color: #77872d; }
			table#productList td a img { border: 1px solid #fff; width: 120px; height: 120px; }
			table#productList td a:hover img { border: 1px solid #77872d; }

table#productAdminList { width: 100%; color: #000; font-size: 1.2em; }
	table#productAdminList thead { color: #fff; background-color: #452715; font-weight: bold; }
	table#productAdminList tr { background-color: #f3ede3; }
	table#productAdminList tr.odd { background-color: #f4fad9; }
	table#productAdminList td { padding: 2px 4px; }
	table#productAdminList td.image { padding: 0; }
	table#productAdminList td.actions { text-align: right; }
	table#productAdminList td.actions a { padding: 0 2px; }
	table#productAdminList img { margin: 0; padding: 0; width: 50px; height: 50px; }
	table#productAdminList img.actionBtn { width: 16px; height: 16px; }
	table#productAdminList span { clear: left; float: left; }
	table#productAdminList span.sub { clear: left; float: left; color: #555; font-size: 0.9em; font-style: italic; }

table.photoAdminList { clear: none; float: left; width: auto; color: #000; font-size: 1.2em; }
	table.photoAdminList thead { color: #fff; background-color: #452715; font-weight: bold; }
	table.photoAdminList tr { background-color: #f3ede3; }
	table.photoAdminList tr.odd { background-color: #f4fad9; }
	table.photoAdminList td { padding: 2px 4px; }
	table.photoAdminList td.image { padding: 0; }
	table.photoAdminList td.actions { text-align: right; }
	table.photoAdminList td.actions a { padding: 0 2px; }
	table.photoAdminList img { margin: 0; padding: 0; width: 50px; height: 50px; }
	table.photoAdminList img.actionBtn { width: 16px; height: 16px; }
	table.photoAdminList span { clear: left; float: left; }
	table.photoAdminList span.sub { clear: left; float: left; color: #555; font-size: 0.9em; font-style: italic; }

img.editImg { float: left; margin: 0 6px; width: 30px; height: 30px; }
div.productImages { float: left; margin: 6px 26px 0 0; }
	div.productImages img { width: 330px; height: 330px; }
	div.productImages table { margin: 24px 0 0 0; padding: 0; }
	div.productImages table td { padding: 0 12px 0 0; }
	div.productImages table img { width: 100px; height: 100px; }

table.productInfo { float: left; margin: 8px 0 0 0; width: 422px; height: 566px; color: #452715; font-size: 0.85em; font-weight: bold; border-collapse: collapse; }
	table.productInfo td { padding: 6px 12px; border: 1px solid #452715; }

table.contactInfo { margin: 0; padding: 0; text-align: left; }
	table.contactInfo td { color: #452715; font-size: 1.25em; font-weight: 100; letter-spacing: 0.12em; vertical-align: middle; }

address { margin: 0; padding: 0; }

/* ================================================= */
/* 	 INPUT FIELD CSS                                 */
/* ================================================= */


div.selectBox { z-index: 5; position: relative; float: left; margin: 6px 18px 6px 0; padding: 0; width: 240px; height: 26px; background: url('../../includes/images/selectBG.jpg') top left no-repeat; }
	div.selectBox img { z-index: 10; position: absolute; top: 0; right: 0; width: 32px; height: 26px; cursor: pointer; }
	div.selectBox input { z-index: 15; position: absolute; top: 0; left: 0; margin: 0; padding: 5px; border: none; color: #fff; background-color: transparent; font-weight: bold; cursor: pointer; }
	div.selectBox div.selectZone { z-index: 20; position: relative; top: 0; right: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
ul.selectOptions { 
	z-index: 2;
	display: none;
	position: relative;
	margin: 0;
	padding: 2px 12px;
	max-height: 260px;
	overflow-y: scroll;
	color: #777;
	font-weight: bold;
	border-left: 1px solid #bcd748;
	border-right: 1px solid #bcd748;
	background: #fff url('../../includes/images/selectOptBG.jpg') top left repeat-x;
	list-style: none;
}
	ul.selectOptions li { border-bottom: 1px dotted #999; }
		ul.selectOptions li a { color: #777; }
			ul.selectOptions li a:hover { color: #452715; }

.cke_skin_kama { clear: left; } 


/* ================================================= */
/*               DATE PICKER                         */
/* ================================================= */

table.ui-datepicker-calendar th { padding: 5px 3px; }
table.ui-datepicker-calendar td { padding: 1px 3px; }
table.ui-datepicker-calendar td:hover { cursor: pointer; }
table.ui-datepicker-calendar td:hover a { color: #bd0b0b; }
table.ui-datepicker-calendar tbody tr:hover { color: #fff; }