body { 

	background: url(../images/site-bg.jpg) repeat top center;

	background-color: #ffffff;

	color: #000000;

	font-size: 13px;

	font-family: Tahoma, Geneva, sans-serif;

	text-align: left;

	padding: 0px;

	margin: 0px 0px 10px 0px;

	overflow-y: scroll;

}



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;

}



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

}



#email-view {

	display: none;

}



#outer {

	background: url(../images/grapevine.jpg) no-repeat top left;

	width: 1030px;

	margin: 0px auto;

	padding: 0px;

}



#wrapper {

	width: 960px;

	padding: 0px;

	margin-left: 70px;

}



.mainbody {

	background: url(../images/main-bg.jpg) repeat;

	background-color: #E6CBA0;

	width: 100%;

	padding: 0px;

	margin: 0px;

}



#header {

	position: relative;

	top: 0px;

	height: 150px;

	width: 960px;

}



#headerleft {

	background: url(../images/header-bg-left.jpg) no-repeat;

	position: absolute;

	top: 0;

	left: 0;

	height: 150px;

	width: 150px;

	color: #cc9999;

	font-size: 12px;

	padding-top: 15px;

}



#headerright {

	position: absolute;

	top: 0;

	right: 0;

	height: 150px;

	width: 810px;

}



#middle {

	width: 710px;

	margin: 0px 0px 0px 225px;

	padding: 10px 5px 30px 15px;

}



a:link, a:visited {

	color: #990000;

	font-size: 13px;

	text-decoration: underline;

}



a:hover {

	color: #006633;

	font-size: 13px;

	text-decoration: underline;

}



h1 {

	color: #660000;

	font-size: 24px;

	font-weight: normal;

	font-family: Arial Black, Gadget, sans-serif;

}



h2 {

	color: #003300;

	font-size: 20px;

	font-weight: normal;

	font-family: Arial Black, Gadget, sans-serif;

}



h3 {

	color: #660000;

	font-size: 16px;

	font-weight: normail;

	font-family: Arial Black, Gadget, sans-serif;

}



h4 {

	color: #000000;

	font-size: 16px;

	font-weight: normal;

	font-family: Arial Black, Gadget, sans-serif;

}



h5 {

	color: #003300;

	font-size: 16px;

	font-weight: bold;

}



h6 {

	color: #000000;

	font-size: 15px;

	font-weight: bold;

}



p, li, td, th {

	color: #000000;

	font-size: 13px;

	font-weight: normal;

	line-height: 18px;

}



hr {

	height: 1px;

	border: 0px;

	border-top: 1px solid #D0AB86;

}



#pagetable {

	color: #000000;

	font-weight: normal;

	font-size: 13px;

	border: 1px solid #000000;

	background-color: #ffffff;

	border-collapse: collapse;

}



#pagetable th {

	text-align: center;

	padding: 5px;

	background-color: #ffffff;

}



#pagetable td {

	border: 1px solid #ffffff;

	padding: 3px;

}



#menuh {

	background: url(../images/menuh-bg.jpg) no-repeat;

	text-align: center;

	height: 57px;

	width: 960px;

	font-size: 14px;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	z-index: 2;

}



#menuh a:link, #menuh a:visited {

	position: relative;

	display: inline-block;

	font-size: 15px;

	font-weight: bold;

	text-decoration: none;

	text-transform: uppercase;

	padding: 20px 33px 20px 33px;

	margin: 0px;

	z-index: 1;

}



#menuh .menuhnotselect a:link, #menuh .menuhnotselect a:visited {

	color: #f2ddd0;

}



#menuh .menuhselect a:link, #menuh .menuhselect a:visited {

	background: url(../images/menuh-hover.png) no-repeat center;

	color: #ffffff;

}



#menuh .menuhnotselect a:hover {

	background: url(../images/menuh-hover.png) no-repeat center;

	color: #ffffff;

}



#top {

	position: relative;

	height: 260px;

	width: 960px;

	border-bottom: 5px solid #5D1B0D;

}



#leftmemberbox {

	background: url(../images/left-login-bg.jpg) no-repeat top left;

	background-color: #330000;

	position: absolute;

	top: 0;

	left: 0;

	height: 260px;

	width: 220px;

}



#leftloggedin {

	margin: 20px 30px;

}



#leftloggedin p { 

	color: #e7d7c1;

}



#leftloggedin a {

	color: #cc6666;

}



#leftloggedin a:hover {

	color: #ff6666;

}



#leftloggedin .welcome {

	color: #ffffff;

	font-size: 14px;

	padding-bottom: 5px;

	border-bottom: 1px solid #AD5E3D;

}



#leftloggedin .quicklinks {

	color: #e7d7c1;

	font-weight: bold;

	line-height: 20px;

	padding: 10px 0px 20px 0px;

}



#leftloggedin .quicklinks a {

	color: #ffcc99;

	font-weight: normal;

	text-decoration: none;

}



#leftloggedin .quicklinks a:hover {

	color: #cccc99;

	text-decoration: underline;

}



#leftjoin {

	color: #cc9999;

	font-size: 12px;

	margin: 15px 16px 10px 16px;

	padding-bottom: 5px;

	border-bottom: 1px solid #663333;

}



#leftjoin img {

	margin: 10px 20px;

}



#leftlogin {

	margin: 0px 10px;

}



#leftlogin p {

	color: #e7d7c1;

	font-size: 13px;

	font-weight: bold;

	margin: 0px;

	padding-bottom: 8px;

}



.logininput {

	color: #cccc99;

	font-size: 11px;

	font-weight: normal;

	margin: 5px 0px;

}



.logininput [type=text], .logininput [type=password] {

	border: 0px;

	margin-top: 2px;

}



#leftlogin [type=image] {

	margin: 10px 0px 0px 0px;

}



.loginforgot a {

	float: right;

	color: #99cc99;

	font-size: 10px;

	font-weight: normal;

	text-decoration: underline;

	margin-top: 15px;

}



.loginforgot a:hover {

	color: #cc0000;

}



.slideshow {

	position: absolute;

	top: 0;

	right: 0;

	height: 260px;

	width: 740px;

	overflow: hidden;

}



#pagetree {

	text-align: right;

	width: auto;

}



#pagetree p a:link, #pagetree p a:visited {

	font-weight: bold;

	color: #550000;

	text-decoration: none;

}



#pagetree p a:hover {

	color: #990000;

	text-decoration: underline;

}



#pageheading {

	text-align: left;

	width: auto;

	padding-bottom: 0px;

}



.leftcontainer {

	float: left;

	width: 220px;

	margin-top: 30px;

}



#cartbox {

	width: 200px;

	padding: 6px 10px 10px 10px;

}



.cartboxempty {

	background: url(../images/cartbox-empty-bg.jpg) no-repeat top;

	width: 220px;

}



.cartboxfull {

	background: url(../images/cartbox-full-bg.jpg) no-repeat top;

	width: 220px;

}



#cartbox .carttitle {

	color: #ffffff;

	font-size: 14px;

	font-weight: bold;

	margin: 0px;

	padding-bottom: 10px;

}



#cartbox p {

	color: #ffffff;

	font-size: 13px;

}



.cartbutton a {

	background-color: #1c3a1c;

	display: block;

	width: 80px;

	color: #ffffff;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

	text-align: center;

	margin: 15px 0px 25px 0px;

	padding: 5px;

}



.cartbutton a:hover {

	background-color: #990000;

}



#menuv {

	background-color: #d4b78a;

	width: 200px;

	padding: 10px;

	margin: 15px 0px 20px 0px;

}



#menuv ul {

	position: relative;

	list-style: none;

	text-align: left;

	margin: 0px auto;

	padding: 0px;

}



#menuv ul li a:link, #menuv ul li a:visited {

	position: relative;

	display: block;

	top: 0px;

	font-size: 14px;

	text-decoration: none;

	margin: 0px auto;

	padding: 5px 2px 5px 2px;

}



#menuv ul .menuvnotselect a:link, #menuv ul .menuvnotselect a:visited {

	color: #330000;

}



#menuv ul .menuvselect a:link, #menuv ul .menuvselect a:visited {

	color: #990000;

}



#menuv ul .menuvnotselect a:hover {

	color: #990000;

}



#memberbutton {

	background: url(../images/member-button-bg.jpg) no-repeat;

	width: 220px;

	height: 50px;

}



#memberbutton a {

	display: block;

	color: #ffffff;

	font-size: 15px;

	font-weight: bold;

	text-decoration: none;

	padding: 15px 20px;

}



#memberbutton a:hover {

	color: #ffcc66;

}



#recommendlinks {

	position: relative;

	line-height: 18px;

	margin: 30px 10px;

}



#recommendlinks img {

	padding-right: 8px;

}



#recommend a:link, #recommend a:visited {

	color: #660000;

	font-size: 11px;

}



#recommend a:hover {

	color: #cc0000;

}



#bookmark a:link, #bookmark a:visited {

	color: #003300;

	font-size: 11px;

}



#bookmark a:hover {

	color: #cc0000;

}



.pagegallery {

	margin-top: 5px;

	margin-bottom: 10px;

	margin-left: auto;

	margin-right: auto;

	width: 100%; 

}



.pagegallerycontent {

	float: left;

	width: 100%; 

	border: 1px solid #000000;

	margin-bottom: 10px;

	padding: 5px;

	font-weight: normal;

}



.pagegalleryheading {

	background-color: #cccccc;

	font-size: 13px;

	font-weight: bold;

	color: #000000;

	padding: 3px;

}



.pagegalleryinner {

	width: 100%; 

	margin-left: auto;

	margin-right: auto;

	padding: 0px;

}



.pagegalleryimage {

	float: left;

	padding: 0px;

	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 #cc0000;

	opacity: 0.7;

	filter:alpha(opacity: 70);

	-moz-opacity: 0.7;

	-khtml-opacity: 0.7;

}



#imagelibrary {

	margin: 4px;

	padding:4px;

}



#imagelibrary img {

	margin: 3px;

}



.pageimagecenter {

	text-align: center;

	margin-left: auto;

	margin-right: auto;

	padding: 0px;

}



.pageimageright {

	float: right;

	margin-left: 5px;

	margin-top: 5px;

	margin-bottom: 5px;

	padding: 0px;

}



.pageimageleft {

	float: left;

	margin-right: 5px;

	margin-top: 5px;

	margin-bottom: 5px;

	padding: 0px;

}



.pageimagenone img {

	margin: 3px;

	padding: 0px;

}



.link {

	margin: 20px 30px;

	height: 180px;

}



.linktop {

	width: auto;

	color: #550000;

	font-size: 14px;

	font-weight: bold;

	padding: 5px 0px;

}



.linktop a {

	color: #550000;

	font-size: 14px;

	font-weight: bold;

}



.linktop a:hover {

	color: #cc0000;

}



.linkleftcontainer {

	position: relative;

	float: left;

	height: 150px;

	width: 150px;

}



.linkleftcontainer img {

	border-style: none;

	margin: 0px;

	padding: 0px;

}



.linkrightcontainer {

	position: relative;

	float: right;

	width: 480px;

	height: 110px;

	overflow-y: auto;

	color: #222222;

	font-size: 13px;

	padding: 5px;

}



.linkfooter {

	position: relative;

	color: #330000;

	font-size: 13px;

	text-align: right;

	top: 10px;

}



.linkfooter a:link, .linkfooter a:visited {

	color: #990000;

}



.linkfooter a:hover {

	color: #336633;

}



#latestnews {

	padding-right: 10px;

}



#latestnews h4 {

	font-size: 14px;

	font-weight: bold;

}



#latestnews a img {

	border: 0px;

}



#freighttable th {

	background-color: #550000;

	color: #ffffff;

	font-weight: bold;

	margin: 0px;

	padding: 3px 20px;

}



#freighttable td {

	text-align: center;

	padding: 3px 20px;

}



#freighttable .line1 {

	background-color: #f4dbb8;

}



#freighttable .line2 {

	background-color: #fae4c5;

}



.warning {

	border: 1px solid #996666;

	color: #330000;

	font-size: 12px;

	line-height: 15px;

	padding: 10px;

	margin-right: 10px;

}



/* Product Items */


#product {
	float: left;
	margin-bottom: 20px;
}


.productitem {

	border: 1px solid #cc9966;

	background-color: #f1e5d2;

	position: relative;

	float: left;

	height: 160px;

	width: 345px;

	margin: 3px;

}



.productleft {

	position: absolute;

	top: 0;

	left: 0;

	height: 160px;

	width: 120px;

}



.productimage {

	position: relative;

	background-color: #ffffff;

	height: 120px;

	width: 120px;

	text-align: center;

}



.productmore a {

	position: relative;

	display: block;

	background-color: #333333;

	height: 16px;

	width: 120px;

	color: #ffffff;

	font-size: 10px;

	font-weight: bold;

	text-transform: uppercase;

	text-decoration: none;

	text-align: center;

	padding-top: 4px;

}



.productmore a:hover {

	background-color: #111111;

}



.productcart a {

	position: relative;

	display: block;

	background-color: #660000;

	height: 16px;

	width: 120px;

	color: #ffffff;

	font-size: 10px;

	font-weight: bold;

	text-transform: uppercase;

	text-decoration: none;

	text-align: center;

	padding-top: 4px;

}



.productcart a:hover {

	background-color: #111111;

}



.productright {

	position: absolute;

	top: 0;

	right: 0;

	height: 160px;

	width: 225px;

}



.producttitle {

	padding: 10px 5px 0px 10px;

	color: #660000;

	font-size: 12px;

	font-weight: bold;

}



.productdescription {

	position: absolute;

	bottom: 48px;

	overflow-y: auto;

	width: 200px;

	color: #222222;

	font-size: 11px;

	line-height: 15px;

	padding: 5px;

	margin-left: 5px;

}



#titlelong {

	height: 43px;

}



#titleshort {

	height: 58px;

}



.productbottom {

	position: absolute;

	background-color: #e0d1b8;

	height: 40px;

	width: 225px;

	bottom: 0;

}



.productstatus {

	position: absolute;

	bottom: 0;

	left: 0;

	color: #000000;

	font-size: 12px;

	line-height: 16px;

	padding: 0px 0px 4px 10px;

}



.statusstock {

	color: #336633;

	font-weight: bold;

}



.statusorder {

	color: #996633;

	font-weight: bold;

}



.statussold {

	color: #660000;

	font-weight: bold;

}



.productprice {

	position: absolute;

	bottom: 0;

	right: 0;

	color: #000000;

	font-size: 12px;

	line-height: 16px;

	text-align: right;

	padding: 0px 10px 4px 0px;

}



.productsold {

	color: #ff0000;

	font-weight: bold;

}



.was {

	color: #990000;

}



.strike {

	text-decoration: line-through;

}



/* Product Items */



.productpagebacklink {

	margin-top: -20px;

}



.productpagetitle h1 {

	font-size: 20px;

	padding: 5px 0px;

}



.productpageimage {

	float: right;

	width: 300px;

	text-align: center;

	margin: 0px 0px 20px 20px;

}



.productpageprice {

	font-size: 16px;

	font-weight: bold;

	line-height: 20px;

	margin-bottom: 15px;

}



.productpageprice .was {

	font-size: 14px;

}



.productpagequote, .productpagequote a {

	font-size: 14px;

}



.productpagestatus {

	margin-bottom: 10px;

}



.productpagedescription {

	padding: 5px 0px 30px 0px;

}



.productpagesize {

	color: #330000;

	margin-bottom: 10px;

}



.productpagecart a {

	display: block;

	background-color: #660000;

	color: #ffffff;

	font-size: 13px;

	font-weight: bold;

	text-transform: uppercase;

	text-decoration: none;

	text-align: center;

	width: 150px;

	padding: 5px;

}



.productpagecart a:hover {

	background-color: #111111;

}



.productpagestock {

	margin: 10px 0px;

}



.nostock {

	color: #880000;

}



/* Shopping Cart */



#shopping a {

	display: block;

	width: 167px;

	height: 22px;

	background: url(../images/continue-shopping.jpg) no-repeat;	

}



#shopping a:hover {

	background: url(../images/continue-shopping2.jpg) no-repeat;	

}



#cart table {

	border-top: 1px solid #E9CDA5;

	border-right: 1px solid #E9CDA5;

	border-left: 1px solid #E9CDA5;

	background-color: #F1E5D2;

	margin: 0px auto;

}



#cart th {

	border-bottom: 1px solid #E9CDA5;

	background-color: #550000;

	color: #ffffff;

}



#cart td {

	border-bottom: 1px solid #E9CDA5;

}



#cart a:link, #cart a:visited {

	color: #990000;

	font-size: 12px;

	text-decoration: none;

}



#cart a:hover {

	color: #336633;

	font-size: 12px;

}



#total {

	background-color: #E9CDA5;

}



.cartcase {

	color: #444444;

	font-size: 12px;

}



.cartstock {

	color: #663300;

	font-size: 11px;

	font-weight: bold;

}



.cartstockerror {

	color: #cc0000;

	font-size: 11px;

	font-weight: bold;

}



#cartmessage {

	font-size: 12px;

	color: #333333;

}



#cartbuttons {

	text-align: right;

	margin-top: 10px;

}



#cartbuttons input {

	margin-top: 10px;

}



#cartconfirm {

	margin: 25px 30px 10px 30px;

}



#cartconfirm th {

	font-weight: bold;

}



#cartconfirm input {

	margin: 10px 0px 0px 270px;

}



#cartconfirm .orderheading {

	color: #003300;

	text-decoration: underline;

}



#form {

	margin: 4px;

	padding-bottom: 10px;

}



#form p {

}



#form .error {

	color: #cf0000;

	font-size: 13px;

	text-align: center;

}



#form .table {

	margin-left: auto;

	margin-right: auto;

	border: 1px solid #a58d68;

	margin-bottom: 10px;

}



#form .table th {

	background-color: #440000;

	color: #ffffff;

	padding: 8px;

	font-size: 12px;

}



#form .table td {

	background-color: #d3bb95;

	padding: 4px;

	font-size: 12px;

}



#form .tablerow1 td {

	background-color: #cccccc;

	padding: 4px;

	font-size: 12px;

}



#form .tablerow2 td {

	background-color: #dddddd;

	padding: 4px;

	font-size: 12px;

}



/* Members Area */



#memberlogin th {

	border-bottom: 1px solid #c1a476;

	font-size: 15px;

	font-weight: bold;

	text-align: left;

}



.memberinput {

	border-left: 2px solid #336633;

	padding: 3px 3px 3px 10px;

}



.memberdivider {

	border-left: 1px solid #7F391F;

}



.password a {

	font-size: 11px;

	color: #336633;

}



.password a:hover {

	color: #990000;

}



.membersubpages {

	margin: 0px 10px;

}



.membersubpages h1 {

	color: #880000;

	font-size: 16px;

	border-bottom: 1px solid #660000;

}



.membersubpages img {

	float: left;

	margin: 0px 10px 10px 0px;

}



/* Order History */



.memberhistory {

	float: left;

	width: 330px;

}



#orderhistory table {

	margin: 20px 0px;

}



#orderhistory th {

	background-color: #660000;

	color: #ffffff;

	font-weight: bold;

}



#orderhistory .items {

	background-color: #d9bd91;

}



.orderdate {

	font-weight: bold;

	color: #660000;

}



.ordertotals {

	border-top: 0px solid #D4B78A;

}



/* Edit Account Details */



.memberdetails {

	float: right;

	width: 330px;

}



#adminpage {

	font-weight: normal;

	font-size: 12px;

	margin-bottom: 20px;

}



#adminpage a:link, #adminpage a:visited {

	color: #660000;

}



#adminpage a:hover {

	color: #cc0000;

}



#adminpage table {

	background-color: #eeeeee;

	border: 1px solid #CC9966;

	margin-bottom: 10px;

}



#adminpage table img {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



#adminpage td {

	background-color: #dddddd;

	color: #000000;

	text-align: left;

}



#adminpage th {

	background-color: #E0D1B8;

	color: #000000;

	text-align: left;

}



#adminpage b {

	color: #000000;

	font-weight: bold;

}



#adminpage input {

	visibility: visible;

	color: #000000;

	background-color: #efefef;

	font-weight: normal;

	font-size: 12px;

	padding-left: 0px;

}



#adminpage input[disabled] {

	color: #9f9f9f;

}



#adminpagegallery {

	position: relative;

	font-weight: normal;

	font-size: 12px;

}



#adminpage table.log {

	background-color: #E2C79C;

}



#adminpage table.log th {

	background-color: #440000;

	padding: 2px;

	font-size: 13px;

	color: #ffffff;

}



#adminpage table .logrow1 td {

	background-color: #cfcfcf;

	padding: 4px;

	font-size: 12px;

}



#adminpage table .logrow2 td {

	background-color: #efefef;

	padding: 4px;

	font-size: 12px;

}



#adminpage table .logrowS td {

	background-color: #990000;

	padding: 4px;

	color: #ffffff;

	font-size: 12px;

}



#adminpage .centeralign {

	text-align: center;

}



.adminorder {

	background: url(../images/main-bg.jpg) repeat;

	background-color: #E6CBA0;

	width: 650px;

	margin: 10px auto;

	padding: 10px 20px;

}



.subpage {

	border: 0px solid #000000;

	vertical-align: top;

}



.subpage img {

	border: 0px;

	margin-bottom: 5px;

}



.subpage a:link, .subpage a:visited {

	color: #660000;

	font-size: 14px;

	font-family: Arial Black, Gadget, sans-serif;

	text-decoration: none;

}



.subpage a:hover {

	color: #bb0000;

}



#googlemap {

	border: 1px solid #666666;

}



#contact {

	width: auto;

	clear: both;

	background-color: #D4B78A;

	color: #000000;

	font-size: 13px;

	text-align: center;

	margin: 15px auto 5px auto;

	padding: 2px;

}



#contact a:link, #contact a:visited {

	color: #330000;

	text-decoration: none;

}



#contact a:hover {

	color: #990000;

	text-decoration: none;

}



#contactpage table {

	margin: 0px auto;

}



#contactpage th {

	font-weight: bold;

	text-align: left;

}



.contactdetails {

	padding-bottom: 10px;

}



#contactdivider {

	border-left: 1px solid #b78e66;

}



.error {

	color: #cc0000;

}



#footer {

	position: relative;

	height: 80px;

	width: 960px;

	margin: 10px 0px 10px 70px;

}



#footerleft {

	position: absolute;

	top: 0;

	left: 0;

	color: #cc6666;

	font-size: 11px;

	line-height: 18px;

}



#footerleft a {

	color: #cc9966;

	font-size: 11px;

}



#footerleft a:hover {

	color: #ffcc99;

}



#ubc a {

	color: #cc3333;

}



#ubc a:hover {

	color: #ff3333;

}



#footerright {

	position: absolute;

	border: 1px solid #993333;

	top: 0;

	right: 0;

	color: #cc9999;

	font-size: 12px;

	line-height: 15px;

	padding: 10px;
	width: 545px;

}



#footerlicence {

	float: right;

	font-size: 11px;

}



#clearpagebottom {

	clear: both;

	height: 1px;

}



#debug {

	position: relative;

	width: 100%;

	padding: 10px;

	margin-top: 20px;

	border: 1px solid #000000;

	text-align: left;

	background-color: #cfcfff;

}