﻿/* -----  GENERAL   -------- */

body { background: #937766 url(Images/bgd_main2.gif) repeat center top; margin: 0px; padding: 0px;}
div#wrap { width: 808px; background: transparent url(Images/bgd_wrap.gif) repeat-y left top; margin: 0px auto;}
#banner { width: 800px; height: 150px; margin: 0px auto;}
#slcbanner { width: 800px; height: 18px; margin: 0px auto; padding: 5px 0px 5px 0px; background: transparent url(Images/bgd_slcbanner.gif) no-repeat center top;}
#contentcontainer { width: 800px; min-height: 300px; background: transparent url(Images/bgd_contentr.gif) no-repeat left top; margin: 0px auto;}
#contentl { width: 160px; float: left; margin: 0px 0px 0px 0px;} /* --  left menu  -- */
#footer { width: 800px; height: 69px; clear: both; background: transparent url(Images/Footer.jpg) no-repeat center top; margin: 0px auto;}

/*body { background: #662200 url(Images/bgd_main.gif) repeat center top; margin: 0px; padding: 0px; text-align: center;}
div#wrap { width: 800px; background: #ffffff; margin: 0px auto; text-align: left; border-right: 2px solid #551100; border-left: 2px solid #551100;}
*/

a { color: #EC6E21;}
p {	font-family: Arial; font-size: 10pt; color: #000000; margin: 0px; padding: 0px;}

#search { width: 155px; position: relative; font-family: Arial; font-size: 8pt; color: #000000; line-height: 20px;}
#login, #cart { font-family: Arial; font-size: 8pt; line-height: 18px; color: #000000; margin: 0px; padding: 0px;}
#cart a { color: #000000; text-decoration: none;}
#cart a:hover { color: #EC6E21; text-decoration: underline;}

#login a { font-family: Arial; font-size: 8pt; line-height: 18px; font-weight: bold; color: #000000; text-decoration: none;}

/* -----  TOP MENU   -------- */

/*#nav { width: 800px; height: 35px; margin: 8px 0px 8px 0px;}*/
#nav { width: 800px; height:31px; margin: 0px auto; padding:0px;}

/*#nav img { border: none; margin: 0px; padding: 0px;}*/
#nav ul { margin: 0px; padding: 0px;}
/*#nav li { list-style: none; display: inline; width: 130px; margin: 0px; padding: 0px;}*/
#nav A span { DISPLAY: none;}
#nav li.main, #nav li.current { list-style: none; FLOAT: left; margin: 0px; padding: 0px;}
#nav li.main a, #nav li.current a { display: block; width: 128px; height:31px; margin: 0px; padding: 0px; TEXT-DECORATION: none;}

#nav li.main a.products { width: 160px; background: transparent url(Images/Buttons/btn_products.gif) no-repeat center top;}
#nav li.main a.products:hover { width: 160px; background: transparent url(Images/Buttons/btn_products.gif) no-repeat center -31px;}
#nav li.main a.ordernow { background: transparent url(Images/Buttons/btn_ordernow.gif) no-repeat center top;}
#nav li.main a.ordernow:hover { background: transparent url(Images/Buttons/btn_ordernow.gif) no-repeat center -31px;}
#nav li.main a.retailoutlets { background: transparent url(Images/Buttons/btn_retail.gif) no-repeat center top;}
#nav li.main a.retailoutlets:hover { background: transparent url(Images/Buttons/btn_retail.gif) no-repeat center -31px;}
#nav li.main a.newproducts { background: transparent url(Images/Buttons/btn_newproducts.gif) no-repeat center top;}
#nav li.main a.newproducts:hover { background: transparent url(Images/Buttons/btn_newproducts.gif) no-repeat center -31px;}
#nav li.main a.aboutus { background: transparent url(Images/Buttons/btn_aboutus.gif) no-repeat center top;}
#nav li.main a.aboutus:hover { background: transparent url(Images/Buttons/btn_aboutus.gif) no-repeat center -31px;}
#nav li.main a.contactus { background: transparent url(Images/Buttons/btn_contactus.gif) no-repeat center top;}
#nav li.main a.contactus:hover { background: transparent url(Images/Buttons/btn_contactus.gif) no-repeat center -31px;}

/* -----  CURRENT PAGE STYLES   -------- */
#nav li.current a.products, #nav li.current a.products:hover { width: 160px; background: transparent url(Images/Buttons/btn_products_on.gif) no-repeat center top;}
#nav li.current a.ordernow, #nav li.current a.ordernow:hover { background: transparent url(Images/Buttons/btn_ordernow_on.gif) no-repeat center top;}
#nav li.current a.retailoutlets, #nav li.current a.retailoutlets:hover { background: transparent url(Images/Buttons/btn_retail_on.gif) no-repeat center top;}
#nav li.current a.newproducts, #nav li.current a.newproducts:hover { background: transparent url(Images/Buttons/btn_newproducts_on.gif) no-repeat center top;}
#nav li.current a.aboutus, #nav li.current a.aboutus:hover { background: transparent url(Images/Buttons/btn_aboutus_on.gif) no-repeat center top;}
#nav li.current a.contactus, #nav li.current a.contactus:hover { background: transparent url(Images/Buttons/btn_contactus_on.gif) no-repeat center top;}

/* -----  LEFT MENU   -------- */

#contentl ul{ margin: 0px 0px 0px 12px; padding: 0px; font-family: Arial;}
#contentl ul.pc{ margin: 0px 0px 0px 0px; padding: 0px; font-family: Arial;}
#contentl li {
    font-size: 8pt;
    font-weight: bold;
    list-style-type: none;
    padding: 0px 0px 4px 15px;
    margin: 0px;
	}

#contentl li.pc
	{
    font-size: 9pt;
    font-weight: bold;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    border-top: solid 1px #9E8877;
    border-bottom: solid 1px #775F55;
    color: #F1CC88;
    background-color: #937766; 
	}

#contentl li.pc a
	{
	display: block;
	width: 145px;
    padding: 4px 0px 4px 15px;
    margin: 0px;
	color: #F0E9E5;
	background-color: #937766;
	}

#contentl li.pc a:hover
	{
	color: #F0E9E5;
	background-color: #EE6622;
	}

#contentl li.Current
	{
	color: #F0E9E5;
	background-color: #EE6622;
	}

#contentl li.Current a
	{
	color: #F0E9E5;
	background-color: #EE6622;
	}
#contentl li a { color: #000000; text-decoration: none;}

/* -----  CONTENT   -------- */

#contentr { width: 630px; float: left;}
#contentr #col { padding:10px 0px 10px 10px;}
#contentr div { font-family: Arial; font-size: 10pt; color: #000000; margin: 0px 0px 10pt 0px; padding: 0px}
#contentr p { margin-bottom: 10pt; color: #000000;}
#contentr h1 { font-size: 14pt; margin-bottom: 10pt; color: #EC6E21;}
#contentr li { font-family: Arial; font-size: 10pt; color: #000000; margin: 0px 0px 2px 0px; padding: 0px;}
#contentr .orange { color: #EC6E21}
#contentr .brown { color: #662200}

.dgproducts { border: none; font-size: 8pt;}
.dgproducts td { border: none;}
.dgproductsalt { background: #E7E8E9;}
.dgproducts span.prohead { display: block; margin: 0px 0px 6px 0px; font-weight: bold;}
.dgproducts .image { width: 135px; background: #ffffff; 
/*border: solid 1px #EC6E21;*/
}

img.results { border: solid 1px #EC6E21; width: 125px; height: 94px; }
.dgproducts td.desc { padding: 8px; height: 84px; line-height: 14px;}
.dgproducts .price { width: 60px; padding: 6px; text-align: right; font-weight: bold;}

#contentr div {
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	margin: 0px 0px 10pt 0px;
	padding: 0px
}
#contentr p { margin-bottom: 10pt; color: #333333;}
#contentr h1 { font-size: 12pt; margin-bottom: 10pt; color: #EC6E21;}
#contentr h4 { font-size: 11pt; margin-bottom: 10pt; color: #EC6E21;}
#contentr li { font-family: Arial; font-size: 10pt; color: #333333; margin: 0px 0px 2px 0px; padding: 0px;}

.AdminPanel { background: #d9d9d9 }
p.login { font-size: 11pt }
p.cart { font-size: 11pt }

table.results { width: 100% }
	td.resultsimg { width: 135px }
		/*img.results { border: solid 1px #ccc; width: 125px; height: 94px }*/
	td.resultsdesc { vertical-align: top }
		p.resultsproductname { color: #660000; font-weight: bold; margin: 0px 0px 6px 0px }
		p.resultsdesc { margin: 0px }
	td.resultsprice { width: 85px; text-align: center }
		p.resultsprice { font-weight: bold; color: #253D3D; font-size: 12pt; margin: 0px }
	td.resultsreadmore { width: 85px; text-align: center }
		p.resultsreadmore { margin: 0px }
		a.resultsreadmore { color: #6800AE }
		a.resultsreadmore:hover { color: #976AFF }
		
div.productprice { font-size: 12pt; font-weight: bold }
.cartdgheader { font-family: Arial; font-size: 11pt; color: #000; font-weight: bold }
.carttotal { font-size: 12pt; font-weight: bold; margin: 11pt 0px 11pt 0px }
/*table.cart {
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	border-collapse: collapse;
	background-color: white;
}
table.cart td {
	border-width: 1px;
	padding: 3px;
	border-style: groove;
	border-color: #ccc;
	background-color: white;
}*/
table.admin {
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	border-collapse: collapse;
}
table.admin td {
	border-width: 1px;
	padding: 3px;
	border-style: groove;
	border-color: #ccc;
}
.infofield { font-family: Arial; font-size: 10pt; font-weight: bold; color: #000; margin: 0px; padding: 0px }
td.infofield { width: 140px }
.txbox { font-family: Arial; font-size: 10pt; color: #000 }
.adminsectionheader { font-family: Arial; font-size: 12pt; color: #000; font-weight: bold; margin: 0px 0px 11pt 0px; padding: 0px 0px 0px 0px }
.admindgheader { font-family: Arial; font-size: 11pt; color: #000; font-weight: bold }

/* OLG FOOTER */
#olg { font-family: Arial; text-align: right; padding: 40px 10px 0px 0px;}
#olg a, #olg a:link, #olg a:visited, #olg a:active { font-family: Arial; color: #FFFFFF; text-decoration: none;}
/*a.olg, a:link.olg, a:visited.olg, a:active.olg { color: #933193; font-weight: bold; text-decoration: none;}*/
.smalltext { font-family: Arial; font-size: 9px;}
#olg a:hover { color: #775555; text-decoration: underline;}
