HTML
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
FORM
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
FIELDSET
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
BODY
{
	font-size: 76%;
	background: url(../images/bground.jpg) #2d1f0e;
	color: #2d2523;
	line-height: 1.6em;
	FONT-FAMILY: Georgia, Times, Times New Roman, sans-serif;
}
H1
{
	FONT-WEIGHT: normal;
    FONT-SIZE: 1.6em;
    COLOR: #441415;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 0.4em;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
H2
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.3em;
    COLOR: #7a2512;
    LINE-HEIGHT: 1.4em;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 0.4em;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
H3
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 0.4em;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1em;
    COLOR: #7a2512;
    LINE-HEIGHT: 1.3em
}
H4
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 0.4em;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
P
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 1em;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
PRE
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
BLOCKQUOTE
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
DL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
ADDRESS
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
FORM LABEL
{
    CURSOR: pointer
}
FIELDSET
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}
INPUT
{
    FONT-SIZE: 100%
}
SELECT
{
    FONT-SIZE: 100%
}
TABLE
{
	margin: 0px 0px 20px 20px;
}
td
{
	padding: 2px 0px
}
TEXTAREA
{
    FONT-SIZE: 100%
}
.standardsAlert
{
    DISPLAY: none
}
.clearleft
{
    CLEAR: left
}
IMG
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    DISPLAY: inline;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}
DIV.clearer
{
    CLEAR: both;
    FONT-SIZE: 1px;
    MARGIN: 0px;
    LINE-HEIGHT: 0;
    HEIGHT: 0px
}
UL
{
    PADDING-RIGHT: 0px;
    padding-left: 35px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
UL LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    TEXT-DECORATION: none
}
OL
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 35px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	list-style-type: decimal;
}
OL LI
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	list-style-type: decimal;
}
A
{
    COLOR: #ad4911;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: #ad4911;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #ad4911;
    TEXT-DECORATION: none
}
A:active
{
    COLOR: #ad4911;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #c9a063;
    TEXT-DECORATION: underline
}
#wrapper
{
	MARGIN: 0px auto 3em;
	WIDTH: 766px;
	BACKGROUND-COLOR: #270810;
	TEXT-ALIGN: center;
	padding : 0px 0px 0px 0px;
}
#masthead
{
	MARGIN: 0px auto;
	WIDTH: 760px;
	HEIGHT: 90px;
	BACKGROUND-COLOR: #4a1016;
	TEXT-ALIGN: right;	
	background-image : url(../images/masthead_small.jpg);	
}
#masthead_bottom
{
    BACKGROUND: url(../images/masthead_home_bottom.jpg) #4a1016 no-repeat 50% top;
    MARGIN: 0px auto;
    WIDTH: 760px;
    HEIGHT: 40px;
    TEXT-ALIGN: left
}
.flashbanner
{
	WIDTH: 468px;
	HEIGHT: 60px;
	margin : 15px 15px 0px 0px;	
	padding : 0px 0px 0px 0px;
	float : right;	
}
.flashbanner img
{
	border: 1px solid Black;
}
#googlesearch {
	margin : 0px 0px 0px 10px;
	padding : 0px 0px 0px 0px;
	float : left;
}
#viewcart_button
{
	MARGIN: 0px 10px 0px 0px;
	float : right;
}
#contentwrapper
{
    PADDING: 0px 0px 20px 0px;
    MARGIN: 0px auto;
    WIDTH: 760px;
    TEXT-ALIGN: left;
    /*fix firefox nested div issue*/
    height: 1%;
    overflow: hidden;
}
#contentleft
{
	DISPLAY: inline;
	FLOAT: left;
    WIDTH: 160px;
	POSITION: relative;
	TEXT-ALIGN: left;	
}

#contentleft_icons
{
	DISPLAY: inline;
	FLOAT: left;
    WIDTH: 46px;
	POSITION: relative;
	TEXT-ALIGN: left;	
	BACKGROUND-COLOR: #220507;		
}

#contentleft.narrow
{    
	DISPLAY: inline;
	FLOAT: left;
	WIDTH: 114px;
	POSITION: relative;
	TEXT-ALIGN: left;	
}

#contentcentre
{
    BACKGROUND-POSITION: left top;
    DISPLAY: inline;
    FLOAT: left;
    BACKGROUND-IMAGE: url(../images/contenttop_innercentre.jpg);
    PADDING-BOTTOM: 2em;
    WIDTH: 410px;
    PADDING-TOP: 20px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    BACKGROUND-COLOR: #eae0c3;
    TEXT-ALIGN: left
}

#contentright
{
    BACKGROUND-POSITION: center top;
    DISPLAY: inline;
    FLOAT: left;
    BACKGROUND-IMAGE: url(../images/contenttop_innerright.jpg);
    PADDING-BOTTOM: 2em;
    WIDTH: 190px;
    PADDING-TOP: 100px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    BACKGROUND-COLOR: #eae0c3;
    TEXT-ALIGN: left;
}

#navbar
{
	border-color: #270810;
	border-top: 1px solid;
	font-size: 0.9em;
	margin: 0px auto;
	width: 756px;
	font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana, arial, Helvetica, Sans-serif;
	height: 2.2em;
	background-color: #270810;
	clear : both;
	text-align : left;
}

#nav
{    
	padding: 0px;
    margin: 0px;
    line-height: 1;
    background-color: #270810;
}
#nav ul
{
    padding: 0px;    
    margin: 0px;
    line-height: 1;
    background-color: #270810;    
}
#nav a
{
	display: block;
	color: #db8015;
	text-decoration: none;
	padding: 0.5em 0.5em 0.6em 1em;
}
#nav a:link
{    
    color: #db8015;
    text-decoration: none;
}
#nav a:visited
{
    color: #db8015;
    text-decoration: none;
}
#nav a:hover
{
    color: #debf91;
    background-color: #641119;
    text-decoration: none;
}
#nav a:active
{
    color: #db8015;
    text-decoration: none;
}
#nav li
{
    float: left;
    width: 108px;
}
#nav li ul
{
    z-index: 1;
    left: -999em;
    width: 108px;
    position: absolute;
}

#nav li.sfhover ul
{
    left: auto;
}
#nav li ul ul
{
    margin: -2.4em 0px 0px 108px;
}
#nav li:hover ul
{
    left: auto;
}
#nav li:hover ul ul
{
    left: -999em;
}
#nav li li:hover ul
{
    left: auto;
}
#nav li.sfhover ul
{
    left: auto;
}
#nav li.sfhover ul ul
{
    left: -999em;
}
#nav li li.sfhover ul
{
    left: auto;
}
#nav li ul a:link
{
    border-bottom: #672006 1px solid;
}
#nav li ul a:visited
{
    border-bottom: #672006 1px solid;
}
#nav li ul ul a:link
{
    border-bottom: #672006 1px solid;
}
#nav li ul ul a:visited
{
    border-bottom: #672006 1px solid;
}

#homemasthead P
{
    PADDING-RIGHT: 1em;
    PADDING-LEFT: 10em;
    FONT-SIZE: 1.4em;
    PADDING-BOTTOM: 0px;
    COLOR: #eae0c3;
    LINE-HEIGHT: 1.5em;
    PADDING-TOP: 1.7em
}
#homemasthead P.caption
{
    PADDING-RIGHT: 1.7em;
    PADDING-LEFT: 10em;
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.9em;
    PADDING-BOTTOM: 0.5em;
    COLOR: #eae0c3;
    LINE-HEIGHT: 1.5em;
    PADDING-TOP: 0.2em
}
#contentleft H3
{
	PADDING: 20px 10px 0.4em 20px;
    MARGIN: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1em;
    COLOR: #7a2512;
    LINE-HEIGHT: 1.3em
}
#contentleft UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 0.9em;
    PADDING-BOTTOM: 0.5em;
    MARGIN: 10px 15px 0px;
    LINE-HEIGHT: 1.2em;
    PADDING-TOP: 0px;
    FONT-FAMILY: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial, Helvetica, Sans-serif;
    LIST-STYLE-TYPE: none
}
#contentleft UL LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 1em;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    TEXT-DECORATION: none
}

#contentleft P
{
	MARGIN-RIGHT: 5px
}

#contentleft A
{
    COLOR: #e9cea0;
    TEXT-DECORATION: none
}
#contentleft A:visited
{
    COLOR: #e9cea0;
    TEXT-DECORATION: none
}
#contentleft A:link
{
    COLOR: #e9cea0;
    TEXT-DECORATION: none
}
#contentleft A:active
{
    COLOR: #e9cea0;
    TEXT-DECORATION: none
}
#contentleft A.hover
{
    COLOR: #e9cea0;
    TEXT-DECORATION: none
}

#contentcentre H1
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 0.4em;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#contentcentre H2
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 0.4em;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#contentcentre H3
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 0.4em;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#contentcentre H4
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 0.4em;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#contentcentre P
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 1em;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#contentright H1
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 0.4em;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#contentright H2
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 0.4em;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#contentright H3
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 0.4em;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#contentright H4
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 0.4em;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#contentright P
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 1em;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#contentright IMG
{
    MARGIN: 20px 20px 0px 10px
}
.rightfloat
{
    FLOAT: right
}
.leftfloat
{
    FLOAT: left;
    MARGIN: 10px 10px 5px 0px
}

.ccenter
{
    PADDING-LEFT: 30px;
}

#buysearch
{
    MARGIN: 0px auto;
    WIDTH: 760px;
    HEIGHT: 50px;
    BACKGROUND-COLOR: #42110c;
    TEXT-ALIGN: left
}
#footer
{
    CLEAR: both;
    MARGIN: 0px auto;
    WIDTH: 760px;
    TEXT-ALIGN: center
}
#footer P
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 20px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.85em;
    PADDING-BOTTOM: 2em;
    COLOR: #a28c76;
    LINE-HEIGHT: 1.4em;
    PADDING-TOP: 2em;
    BACKGROUND-COLOR: #270810;
}
/*
additions by Mark
*/

#contentwideright
{
    BACKGROUND-POSITION: center top;
    DISPLAY: inline;
    FLOAT: left;
    BACKGROUND-IMAGE: url(../images/contenttop_innercentre.jpg);
    PADDING-BOTTOM: 2em;
    WIDTH: 600px;
    PADDING-TOP: 20px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    BACKGROUND-COLOR: #eae0c3;
    TEXT-ALIGN: left
}
#contentcentre IMG
{
	MARGIN: 10px 0px 0px
}
#contentcentre UL
{ 
	margin: 0px 0px 1em 20px;
    padding: 0px;
    list-style-type: circle;
    list-style-position: outside;
}
#contentcentre UL.twocol
{ 
	width: 380px;
	margin: 0px 0px 1em 20px;
    padding: 0px;
	 list-style-type: none;
}
#contentcentre UL.twocol LI
{
	float: left;
	width: 165px;
	padding: 0px;
	margin: 0px 0px 5px 10px;
	
}
#contentcentre UL LI
{
	margin: 0px 0px 5px 15px;
    padding: 0px
}
#contentonecol
{
    WIDTH: 760px;
    BACKGROUND-POSITION: center top;
    BACKGROUND-IMAGE: url(../images/content_top_full.jpg);
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #eae0c3;
    PADDING: 20px 160px 20px 160px;
    TEXT-ALIGN: left
}
#contentonecolwide
{
    WIDTH: 540px;
    BACKGROUND-POSITION: center top;
    BACKGROUND-IMAGE: url(../images/content_top_full.jpg);
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #eae0c3;
    PADDING: 20px 110px 20px 110px;
    TEXT-ALIGN: left
}
#heightmaker
{
	float: left;
	height: 250px;
	border: none
}
.headings
{
	FONT-FAMILY: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial, Helvetica, Sans-serif;
	background-color: #e7d1aa;
	color: #42110c;
	vertical-align: top;
	font-weight: bold;
	font-size: 9pt;
	line-height: 10pt;
	padding: 4px 0px 4px 0px;
}
.notes
{ 
	text-align: center;
	padding: 20px 0px
}
.shop2col
{
	width: 300px;
}
.small
{
	font-size: 8pt
}
TH
{
	FONT-FAMILY: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial, Helvetica, Sans-serif;
	background-color: #42110c;
	color: #cc5a20;
	font-weight: 600;
	font-size: 10pt;
	text-indent: 10px;
	padding: 2px 0px;
	margin: 2px 0px 2px 0px
}
TR.buttons A {color: #42110c; font-weight: bold}
TR.buttons td
{
	padding: 4px 20px 4px 20px;
	color: #42110c; 
	background-color: #e7d1aa;
	font-weight: bold;
	FONT-FAMILY: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial, Helvetica, Sans-serif;
}
TR.buttons td.left { }
TR.buttons td.right { text-align: right }

TR.comment td {font-size: 8pt}
TR.comment td P {margin: 4px 0px; padding: 0px 10px 0px 10px}
TR.error
{
	
}
TR.items
{
	vertical-align: middle;	
}
TR.items td
{
	border-bottom: solid 1px #e7d1aa;
	padding: 4px 0px;
}
TR.pricing {text-align: center; font-size: 8pt }
TR.subtotal 
{
	background-color: #e7d1aa;
	color: #42110c;
	FONT-FAMILY: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial, Helvetica, Sans-serif;
	font-size: 10pt;
}
TR.salediscount
{
	background-color: #ff0000;
	color: #ffffff;
	FONT-FAMILY: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial, Helvetica, Sans-serif;
	font-size: 10pt;
	font-weight: bold;
}
TR.total 
{
	background-color: #cc5a20;
	color: #eae0c3;
	FONT-FAMILY: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial, Helvetica, Sans-serif;
	font-size: 10pt;
	font-weight: bold
}
#shopleft
{
    DISPLAY: inline;
    FLOAT: left;
	width: 460px;
	margin: 20px 10px 0px 10px;
    POSITION: relative;
}
#shopleft TABLE {margin: 0px; padding: 0px 0px 5px 0px; }
#shopleft IMG {	border: 0px; vertical-align: middle }
#shopleft INPUT { width: 230px }
#shopleft INPUT.qty { width: 20px }
#shopleft INPUT.radio {width: 20px; margin: 0px 5px 0px 0px }
#shopleft td.description { width: 220px; text-align:left; padding: 0px 0px 0px 10px}
#shopleft td.qty { width: 55px; text-align:center}
#shopleft td.price { width: 60px; text-align:center}
#shopleft td.remove { width: 55px; text-align:center}
#shopleft td.required {width: 60px; font-size: 8pt}
#shopleft td.formname {width: 170px; padding: 0px 0px 0px 10px}
#shopleft td.formvalue { width: 180px }
#shopleft td.regname {width: 202px}
#shopleft td.regvalue {width: 192px}
#shopleft TR.divider td {border-bottom: solid 2px #e7d1aa;}
#shopleft TR.submit
{
	vertical-align: middle;
	background-position: right top;
	background-image: url(../images/login_background.gif);
	background-repeat: repeat-y;
}
#shopleft TR.submit td {width: 436px; text-align: right; color: #cc5a20; font-weight: bold; padding: 4px 10px}
#shopleft P {margin: 0px; padding: 4px 0px }
#shopright
{
    DISPLAY: inline;
    FLOAT: left;
    WIDTH: 270px;
    margin: 20px 6px 0px 0px;
    POSITION: relative;
}
#shopright table {margin: 0px; padding: 0px 0px 5px 0px; }
#shopright td {	padding: 4px 0px 4px 10px; }
#shopright td.description { width: 200px; }
#shopright td.value {width: 70px; text-align: right; padding: 4px 10px 4px 0px; }
#shopright TR.checkout td
{
	FONT-FAMILY: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial, Helvetica, Sans-serif;
	background-color: #42110c;
	color: #cc5a20;
	font-weight: 600;
	font-size: 10pt;
	text-align: right;
	padding: 2px 20px;
}
#shopright TR.checkout td IMG {	vertical-align: middle;	margin: 2px 0px 2px 4px; }
#shopright td.qty {width: 30px}
#shopright td.total{width: 50px}
#checkoutbar
{
	background-image: url(../images/checkout_background.gif);
	background-repeat: repeat-y;
	text-align: right;
	margin: 0px 20px 20px 20px;
	padding: 4px 20px 4px 0px;
	background-position: right;
	color: #cc5a20;
}
#invoiceaddress TR {vertical-align: top}
#invoiceaddress td {width: 363px; padding: 4px 4px 4px 10px;}

#invoicedetails TR {vertical-align: top}
#invoicedetails td {width: 237px; padding: 4px 4px 4px 10px}

#invoiceitems TR {vertical-align: top}
#invoiceitems TR.shaded td {border-top: solid 2px #e7d1aa; }
#invoiceitems TH {border-left: solid 2px #ece0c5;}
#invoiceitems td {height: 35px; padding: 4px 4px 4px 10px; }
#invoiceitems .title {width: 298px; border-left: solid 2px #ece0c5}
#invoiceitems .serial {width: 216px}
#invoiceitems .qty {width: 30px; text-align: center}
#invoiceitems .price {width: 70px; text-align: right; padding: 4px 10px 4px 4px; }
#invoiceitems .total {width: 68px; text-align: right; padding: 4px 10px 4px 4px; border-right: solid 2px #ece0c5}

#invoicetotals td.col1 {width: 444px; padding: 4px 4px 4px 10px; font-weight: normal}
#invoicetotals td.col2 {width: 200px; text-align: right; font-weight: bold; padding: 4px 10px 4px 4px}
#invoicetotals td.col3 {width: 70px; text-align: right; padding: 4px 10px 4px 4px; font-weight: bold; background: #e7d1aa;}
.register {text-align: center; border-top: solid 2px #e7d1aa; border-bottom: solid 2px #e7d1aa;}
.register INPUT.text {width: 100px}
.invoicenote
{ 
	font-size: 8pt;
	text-align: center;
}
#shop P
{
	padding: 0px 0px 1em 0px;
}
#shop TABLE
{
	margin: 10px 0px 1em 0px
}
#shop td {padding: 4px 4px 4px 10px }
#shop td.description { width: 324px; border-bottom: solid 2px #e7d1aa }
#shop td.bundle { width: 224px; border-bottom: solid 2px #e7d1aa }
#shop td.bundlesaving { width: 84px; border-bottom: solid 2px #e7d1aa }
#shop td.price { width: 74px; padding: 4px 10px 4px 4px; text-align: right; border-bottom: solid 2px #e7d1aa }
#shop td.qty { width: 50px; padding: 4px 4px 4px 4px; text-align: center; border-bottom: solid 2px #e7d1aa }
#shop td.qty INPUT {width: 20px}
TR.buttons td.col1 {width: 342px; padding: 4px }
TR.buttons td.col2 {width: 210px; text-align: center; padding: 4px 4px 4px 4px }
#shop TR.buttons INPUT {width: 120px }

#login TABLE { display: inline; float: left; margin: 0px 0px 20px 18px; padding: 0px}
#login TABLE.one
{
	padding: 0px;
	margin: 0px 0px 0px 18px;
	left: 70px; position: relative;
}
#login IMG {vertical-align: middle; padding-left: 10px;}
#login TR {vertical-align: top }
#login td {padding: 0px 0px 4px 0px }
#login INPUT {width: 170px }
#login INPUT_SHORT {width: 50px }
#login TR.submit {
	vertical-align: middle;
	background-position: right top;
	background-image: url(../images/login_background.gif);
	background-repeat: repeat-y;
}
#login td.intro {width: 260px; padding: 0px 0px 8px 0px }
#login td.col1 {width: 80px }
#login td.col2 {width: 185px }
#login TR.submit td
{
	text-align: right;
	padding: 4px 10px;
	width: 247px;
	color: #cc5a20;
	font-weight: bold
}
#login TABLE.wide td.intro {width: 182px }
#login TABLE.wide td.col1 {width: 150px }
#login TABLE.wide td.col2 {width: 185px }
#login TABLE.wide TR.submit td
{
	text-align: right;
	padding: 4px 10px;
	width: 318px;
	color: #cc5a20;
	font-weight: bold
}
#login TABLE.wideright td.col1 {width: 180px }
#login TABLE.wideright td.col2 {width: 375px }
#login TABLE.wideright TR.submit td
{
	text-align: right;
	padding: 4px 10px;
	width: 545px;
	color: #cc5a20;
	font-weight: bold
}
#login TABLE.fullright td.col1 {width: 180px }
#login TABLE.fullright td.col2 {width: 320px }
#login TABLE.fullright TR.submit td
{
	text-align: right;
	padding: 4px 10px;
	width: 460px;
	color: #cc5a20;
	font-weight: bold
}
#login TABLE.searchright td.searchleft {width: 430px }
#login TABLE.searchright td.searchright {width: 210px; text-align: right; line-height: 9pt }
#login TABLE.searchright TR.submit td
{
	text-align: right;
	padding: 4px 10px;
	width: 500px;
	color: #cc5a20;
	font-weight: bold
}

#regright
{
    DISPLAY: inline;
    FLOAT: left;
    WIDTH: 270px;
    margin: 20px 6px 0px 0px;
    POSITION: relative;
}
#regright td {width: 270px}
#regright P {margin: 0px; padding: 4px 0px}
#regright UL {margin: 0px; padding: 4px 0px 4px 15px }
#regright IMG {padding: 2px;}
#regright A {font-weight: bold }
DIV.go { width: 420px; margin: 0px 0px 0px 20px; padding: 4px 10px; text-align: right; font-weight: bold ;
	vertical-align: middle;
	background-position: right top;
	background-image: url(../images/login_background.gif);
	background-repeat: repeat-y;
}


.gallerygrid {
	width: 370px;
	margin-left: 25px;
	margin-top: 25px;
}

.gallerygrid .pic {
	float: none;	
	margin: 0px 12px 0px 0px;	
}

.gallerygrid .piclast {
	float: none;
	margin: 0 0 0 0;	
}

.gallerygrid  img {
	border: 1px solid #dac697;	
}

.gallerygrid .noborder
{
    margin: 0 0 0 0
}

/* Additions by Ralf Schemmann */

.gallerygrid4 {
	width: 490px;
	margin-left: 25px;
	margin-top: 25px;
}

.gallerygrid4 .pic {
	float: none;	
	margin: 0px 12px 0px 0px;	
}

.gallerygrid4 .piclast {
	float: none;
	margin: 0 0 0 0;	
}

.gallerygrid4  img {
	border: 1px solid #dac697;	
}

.gallerygrid4 .gallery_line {
	margin : 12px;
}

.gallerygrid4 .noborder
{
    margin: 0 0 0 0
}

#contentwideright OL
{
	margin: 0px 0px 1em 20px;
	padding: 0px;
	list-style-type: disc;
	list-style-position: outside;
}
#contentwideright OL LI
{
	margin: 0px 0px 5px 15px;
   padding: 0px
}
#contentwideright UL
{
	margin: 0px 0px 1em 20px;
	padding: 0px;
	list-style-type: disc;
	list-style-position: outside;
}
#contentwideright UL LI
{
	margin: 0px 0px 5px 15px;
   padding: 0px
}

#review_header
{
	width: 360px;
	FONT-FAMILY: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial, Helvetica, Sans-serif;
	background-color: #42110c;
	color: #cc5a20;
	font-weight: bold;
	font-size: 10pt;
	text-indent: 10px;
	margin: 10px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
}

#review_body
{
	width: 350px;
	background-color: #e2d4ae;
	margin: 0px 20px 0px 20px;
	font-style: italic;
	padding: 10px 0px 10px 10px;
}

#review_footer
{
	width: 340px;
	background-color: #e7d1aa;
	margin: 0px 20px 0px 20px;
	padding: 3px 10px 3px 10px;
}

.required 
{
	color: red;
}

th.subheader
{
	font-style: italic;
	font-weight: normal;	
	text-indent: 0px;
	padding: 4px 10px 4px 10px;
	text-align: left;
}


#contentwideright.narrow {
	width: 554px
}

/* Library Tables */

#library_left
{
    DISPLAY: inline;
    FLOAT: left;
	 width: 400px;
	 margin: 10px 5px 0px 5px;
    POSITION: relative;
}
#library_left table {margin: 0px; padding: 0px 0px 5px 0px; }
#library_left td.entry_label {
	width: 120px;
	padding: 0px 0px 0px 4px;
	vertical-align : top;
	font-weight : bold;
}

#library_right
{
    DISPLAY: inline;
    FLOAT: left;
    WIDTH: 345px;
    margin: 10px 5px 0px 0px;
    POSITION: relative;
}
#library_right table {margin: 0px; padding: 0px 0px 5px 0px; }
#library_right td {
	padding: 4px 0px 4px 4px;
}
#library_right td.entry_label {
	width: 120px;
	padding: 0px 0px 0px 4px;
	vertical-align : top;
	font-weight : bold;
}

/* End Additions by Ralf Schemmann */	

/* lightbox /**************************/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

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