/* Structural Page Stuff */

body 
{
	font-size: 1.05em;
	font-family: arial, "lucida console", sans-serif;
	background-attachment: fixed;
	padding: 0px;
	background: url(../images/backgrounds/back_2.jpg) top left no-repeat;
}

#main 
{
	width: auto;
	padding: 0px; 
	margin: 0px;
}

#window 
{
	width: 75%;
 	/*padding-left: 240px;*/
	margin-right: 30px;
	padding-top: 10px;
	position: relative;
	top: 0px;
	left: 240px;
	padding-bottom: 70px;
	height: auto;
	text-align: justify;
}

#window .floatimageright
{
	float: right;
	clear: none;
	margin: 3px;
}

#window .floatimageleft
{
	float: left;
	clear: none;
	margin: 3px;
}


/* Menu CSS */
.outer
{
	list-style:none;
	margin:0px;
	padding:0px;
	position: absolute;
	top: 7px;
	left: 9px;
}

div.shop
{
    border: 1px solid #000;
	clear: both;
	float: left;
}

div.productbox
{
	float: left;
	clear: none;
	height: 100px;
	width: 100px;
	margin-left: 4px;
	margin-top: 4px;
	padding: 5px;
	background: #fff;
	border: 1px solid #aa7474;
	vertical-align: middle;
	text-align: center;
}

div.productbox a.image
{
	float: left;
	height: 100px;
	width: 100px;
	margin-right: 8px;
	margin-bottom: 8px;
}

div.productbox a.image img
{
	border: 1px solid #000;
}

div.productbox h4
{
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 5px;
	font-size: 0.9em;
	text-decoration: none;
}

div.productbox h4 a
{
	text-decoration: none;
}

div.productbox form
{
	display: block;
	text-align: right;
	float: right;
	margin-top: 5px; 
	width: 120px;
	font-size: 0.8em;
}

div.header
{
	background: transparent url(../images/menu_top.png) top left no-repeat;
	width: 210px;
	height: 82px;
	clear: right;
}

#menu 
{
	width: 208px;
	border-left: 1px solid #aa7474;
	border-right: 1px solid #aa7474;

	padding-top: 0px;
	padding-bottom: 15px;
	background-color: #fff;
}

#menu ul
{
	list-style:none;
	margin:0px;
	padding:0px;
}

/* header items */
#menu li.header a 
{
	height: 24px;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 2px solid #d6b1b1;
	/* background: url(../images/bg_light.jpg) repeat-x bottom left; */
	padding: 6px 0 0 10px;
}

#menu li.header a:link, #menu li.header a:active, #menu li.header a:visited 
{
	display: block;
	padding: 6px 0 0 10px;
	color: #000;
	background: #fff;
}

#menu li.header a:hover 
{
	background: #A80000;
	color: #fff;
	display: block;
	padding: 6px 0 0 10px;
}

#menu li.header span 
{
	/* background: url(../images/bg_light.jpg) repeat-x bottom left; */
	height: 24px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	text-decoration: none;
	font-weight:bold;
	border-bottom: 2px solid #d6b1b1;
	display: block;
	padding: 6px 0 0 30px;
}


/* #menu li.header a:link, #menu li.header a:visited, #menu li.header a:active {
	color: #000;
	display: block;
	padding: 8px 0 0 10px;
}
*/
	
/* #menu li.header a:hover {
	color: #666666;
	padding: 8px 0 0 10px;
} */

#menu li.shopheader a 
{
	height: 24px;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 2px solid #d6b1b1;
	/* background: url(../images/bg_light.jpg) repeat-x bottom left; */
	padding: 6px 0 0 10px;
	background-color: #cc6666;
}

#menu li.shopheader span 
{
	/* background: url(../images/bg_light.jpg) repeat-x bottom left; */
	height: 24px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	text-decoration: none;
	font-weight:bold;
	border-bottom: 2px solid #d6b1b1;
	display: block;
	padding: 6px 0 0 30px;
	background-color: #cc6666;
}

#menu li.shopheader a:link, #menu li.shopheader a:visited, #menu li.shopheader a:active 
{
	display: block;
	padding: 6px 0 0 10px;
	color: #000;
	background: #fff;
	background-color: #cc6666;
}
	
#menu li.shopheader a:hover 
{
	background: #A80000;
	color: #fff;
	display: block;
	padding: 6px 0 0 10px;
	background-color: #660000;
}
	
/*#menu li.header a:active {
	color: #666666;
	background: url(images/bg_light.gif);
	background-repeat:repeat-x;
	padding: 8px 0 0 10px;
}*/

/* menu items */
#menu li.selected a 
{
	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	font-weight:bold;
	border-bottom: 1px solid #d6b1b1;
	padding: 6px 0 0 20px;
	background: #991100;
	color: #fff;
	/* background: url(../images/bg_vlight.jpg) repeat-x bottom left; */
}	

#menu li.selected span 
{
	height: 24px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	text-decoration: none;
	font-weight:bold;
	border-bottom: 1px solid #d6b1b1;
	display: block;
	padding: 6px 0 0 20px;
	background: #991100;
	color: #fff;
	/* background: url(../images/bg_vlight.jpg) repeat-x bottom left; */
}
	
#menu li.selected a:link, #menu li.selected a:visited, #menu li.selected a:active 
{
	color: #fff;
	display: block;
	/*background: url(images/bg_light.gif);
	background-repeat:repeat-x;*/
	padding: 6px 0 0 20px;
}
	
#menu li.selected a:hover 
{
	color: #fff;
	/*background: url(images/bg_light.gif);
	background-repeat:repeat-x;*/
	padding: 6px 0 0 20px;
	font-weight: bold;
	/* background: url(../images/sidearrow.jpg) left center no-repeat; */
}

#menu li.item a 
{
	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	font-weight:normal;
	border-bottom: 1px solid #d6b1b1;
	padding: 6px 0 0 10px;
	/* background: url(../images/bg_vlight.jpg) repeat-x bottom left; */
}	

#menu li.item span 
{
	height: 24px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	text-decoration: none;
	font-weight:normal;
	border-bottom: 1px solid #d6b1b1;
	display: block;
	padding: 6px 0 0 10px;
	/* background: url(../images/bg_vlight.jpg) repeat-x bottom left; */
}
	
#menu li.item a:link, #menu li.item a:visited, #menu li.item a:active 
{
	color: #000;
	display: block;
	/*background: url(images/bg_light.gif);
	background-repeat:repeat-x;*/
	padding: 6px 0 0 10px;
}
	
#menu li.item a:hover 
{
	color: #fff;
	/*background: url(images/bg_light.gif);
	background-repeat:repeat-x;*/
	padding: 6px 0 0 10px;
	font-weight: bold;
	background-color: #991100;
	/*background: url(../images/sidearrow.jpg) left center no-repeat;*/
}

#menu li.subitem a 
{
	voice-family: inherit;
  	height: 20px;
	text-decoration: none;
	font-weight:normal;
	font-size: 0.9em;
	border-bottom: 0px solid #d6b1b1;
	background-color: #FFBCBC;
	padding: 6px 0 0 20px;
	/* background: url(../images/bg_vlight.jpg) repeat-x bottom left; */
}	

#menu li.subitem span 
{
	height: 20px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	text-decoration: none;
	font-weight:normal;
	border-bottom: 0px solid #d6b1b1;
	display: block;
	padding: 6px 0 0 20px;
	/* background: url(../images/bg_vlight.jpg) repeat-x bottom left; */
}
	
#menu li.subitem a:link, #menu li.subitem a:visited, #menu li.subitem a:active 
{
	color: #000;
	display: block;
	/*background: url(images/bg_light.gif);
	background-repeat:repeat-x;*/
	padding: 6px 0 0 20px;
}
	
#menu li.subitem a:hover 
{
	color: #000;
	/*background: url(images/bg_light.gif);
	background-repeat:repeat-x;*/
	padding: 6px 0 0 20px;
	background: #FF9191;
	font-weight: bold;
}

#menu li.subitemselected a 
{
	voice-family: inherit;
  	height: 20px;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	border-bottom: 0px solid #d6b1b1;
	background-color: #FFBCBC;
	padding: 6px 0 0 20px;
	/* background: url(../images/bg_vlight.jpg) repeat-x bottom left; */
}	

#menu li.subitemselected span 
{
	height: 20px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	text-decoration: none;
	font-weight: bold;
	border-bottom: 0px solid #d6b1b1;
	display: block;
	padding: 6px 0 0 20px;
	/* background: url(../images/bg_vlight.jpg) repeat-x bottom left; */
}
	
#menu li.subitemselected a:link, #menu li.subitemselected a:visited, #menu li.subitemselected a:active 
{
	color: #000;
	display: block;
	/*background: url(images/bg_light.gif);
	background-repeat:repeat-x;*/
	padding: 6px 0 0 20px;
}

#menu li.subsubitem a 
{
	voice-family: inherit;
  	height: 20px;
	text-decoration: none;
	font-weight:normal;
	font-size: 0.9em;
	border-bottom: 0px solid #d6b1b1;
	background-color: #FFE0E0;
	padding: 6px 0 0 30px;
	/* background: url(../images/bg_vlight.jpg) repeat-x bottom left; */
}	

#menu li.subsubitem span 
{
	height: 20px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	text-decoration: none;
	font-weight:normal;
	border-bottom: 0px solid #d6b1b1;
	display: block;
	padding: 6px 0 0 30px;
	/* background: url(../images/bg_vlight.jpg) repeat-x bottom left; */
}
	
#menu li.subsubitem a:link, #menu li.subsubitem a:visited, #menu li.subsubitem a:active 
{
	color: #000;
	display: block;
	/*background: url(images/bg_light.gif);
	background-repeat:repeat-x;*/
	padding: 6px 0 0 30px;
}
	
#menu li.subsubitem a:hover 
{
	color: #000;
	/*background: url(images/bg_light.gif);
	background-repeat:repeat-x;*/
	padding: 6px 0 0 30px;
	background: #FFE0E0;
	font-weight: bold;
}

#menu li.subsubitemselected a 
{
	voice-family: inherit;
  	height: 20px;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	border-bottom: 0px solid #d6b1b1;
	background-color: #FFE0E0;
	padding: 6px 0 0 30px;
	/* background: url(../images/bg_vlight.jpg) repeat-x bottom left; */
}	

#menu li.subsubitemselected span 
{
	height: 20px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	text-decoration: none;
	font-weight: bold;
	border-bottom: 0px solid #d6b1b1;
	display: block;
	padding: 6px 0 0 30px;
	/* background: url(../images/bg_vlight.jpg) repeat-x bottom left; */
}
	
#menu li.subsubitemselected a:link, #menu li.subsubitemselected a:visited, #menu li.subsubitemselected a:active 
{
	color: #000;
	display: block;
	/*background: url(images/bg_light.gif);
	background-repeat:repeat-x;*/
	padding: 6px 0 0 30px;
}

#menu li.shopitem a 
{
	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	font-weight:normal;
	border-bottom: 1px solid #d6b1b1;
	padding: 6px 0 0 30px;
	background-color: #FF9191;
	/* background: url(../images/bg_vlight.jpg) repeat-x bottom left; */
}	

#menu li.shopitem span 
{
	height: 24px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	text-decoration: none;
	font-weight:normal;
	border-bottom: 1px solid #d6b1b1;
	display: block;
	padding: 6px 0 0 30px;
	background-color: #FF9191;
	/* background: url(../images/bg_vlight.jpg) repeat-x bottom left; */
}
	
#menu li.shopitem a:link, #menu li.shopitem a:visited, #menu li.shopitem a:active 
{
	color: #000;
	display: block;
	/*background: url(images/bg_light.gif);
	background-repeat:repeat-x;*/
	padding: 6px 0 0 30px;
	background-color: #ff9999;
}
	
#menu li.shopitem a:hover 
{
	color: #000;
	/*background: url(images/bg_light.gif);
	background-repeat:repeat-x;*/
	padding: 6px 0 0 40px;
	background: url(../images/sidearrow.jpg) left center no-repeat;
	background-color: #fff;
}

li.menucurrent
{
	/*background: url(../images/sidearrow_here.jpg) left center no-repeat;*/
	font-weight: bold;
	/* background: url(../images/sidearrow_here.jpg) left center no-repeat;
	height: 24px;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 2px solid #d6b1b1;
	padding: 6px 0 0 40px;
	background-color: #cc6666; */
}

li.menucurrent a
{
	/*background: #660000 url(../images/sidearrow_here.jpg) left center no-repeat;*/
	height: 24px;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 2px solid #d6b1b1;
	/* background: url(../images/bg_light.jpg) repeat-x bottom left; */
	padding: 6px 0 0 40px;
	color: #fff;
	background-color: #660000;
}

#menu li.menucurrent a:link, #menu li.menucurrent a:visited, #menu li.menucurrent a:active 
{
	/*background: #660000 url(../images/sidearrow_here.jpg) left center no-repeat;*/
	display: block;
	padding: 6px 0 0 40px;
	color: #fff;
}

#menu li.menucurrent a:hover
{
	/*background: url(../images/sidearrow_here.jpg) left center no-repeat;*/
	color: #fff;
	display: block;
	padding: 6px 0 0 40px;
	background-color: #660000;
}
	
span.menucurrent
{
	/*background: url(../images/sidearrow_here.jpg) left center no-repeat;*/
	padding-left: 30px;
	font-weight: bold;
	background: #991100;
	color: #fff;
}

.shopcattext
{
	background-color: #cc6666;
}

.shopsubcattext
{
	background-color: #ff9999;
}

/*#menu li.item a:active {
	color: #666666;
	padding: 8px 0 0 25px;
}*/

.footer
{
	background: transparent url(../images/border_bottom.gif) bottom left no-repeat;
	width: 210px;
	height: 354px;
	clear: left;
	padding: none;
}

.footer span.contactdetails
{
	font-variant: small-caps;
	font-size: 0.9em;
	padding: 5px;
}

.footer a.contactdetails
{
	font-size: 0.9em;
	color: #003300;
	text-decoration: none;
	padding-left: 12px;
	padding-right: 12px;
}

.footer a.contactdetails:hover
{
	color: #003300;
	text-decoration: underline;
}

.footer #search
{
	width: 180px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 10px;
}

.footer #search input#q
{
	font-size: 0.8em
}

.footer #search input#searchbutton
{
	font-size: 0.8em
}

.footer div.validations
{
	margin-top: 10px;
	margin-left: 15px;
}

.footer div.validations a
{
	border: none;
	display: block;
	float: left;
	clear: none;
	width: 88px;
	height: 31px;
}

.footer div.validations a img
{
	border: none;
	width: 88px;
	height: 31px;
}

/* hot links bar */

#hotbar
{
	display: block;
	font-size: 0.85em;
	position: relative;
	bottom: 20px;
	height: auto;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	text-align: center;
	padding: none;
}

#hotbar #links
{
	text-align: center;
	height: 20px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	float: left;
	clear: right;
}

#hotbar #links a:link, #hotbar #links a:visited, #hotbar #links a:active
{
	margin-left: 5px;
	margin-right: 5px;
	color: #000;
}

#hotbar #links a:hover
{
	color: #663300;
	margin-left: 5px;
	margin-right: 5px;
}

#topbar
{
	display: block;
	font-size: 0.85em;
	position: relative;
	bottom: 20px;
	height: auto;
	width: 95%;
	margin-top: 5px;
	text-align: center;
	padding: none;
}

#topbar #links
{
	text-align: center;
	height: 20px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	float: left;
	clear: right;
}

#topbar #links a:link, #topbar #links a:visited, #topbar #links a:active
{
	margin-left: 5px;
	margin-right: 5px;
	color: #000;
}

#topbar #links a:hover
{
	color: #663300;
	margin-left: 5px;
	margin-right: 5px;
}

div#copyright
{
	display: block;
	float: left;
	clear: left;
	
	height: 40px;
	width: 100%;
	font-size: 0.7em;
	font-weight: bold;
	vertical-align: middle;
	padding-right: 5px;
	text-align: center;
	/*background-color: #333;
	color: #fff;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;*/
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}

/* Page CSS */


#window ul li a:link, a:active, a:visited
{
	color: #08003A;
}

#window ul li a:hover
{
	color: #3399ff;
}

/* Headers */
h3
{
	text-decoration: underline;
	/*font-variant: small-caps;*/
	color: #000;
}

h3 a
{
	text-decoration: underline;
	/*font-variant: small-caps;*/
	color: #000;
}

h3 a:hover
{
	text-decoration: underline;
	/*font-variant: small-caps;*/
	color: #3399ff;
}

#window h3.h3nounderline
{
	text-decoration: none;
	font-variant: normal;
	clear: left;
}

h4
{
	text-decoration: underline;
	/*font-variant: small-caps;*/
}

h4 a:link, a:active, a:visited
{
	color: #08003A;
}

h4 a:hover
{
	color: #3399ff;
}

h4.category
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	width: 100%;
	background: url(../images/head_back.jpg) repeat-y top left #fff;
}

#window h4.noleftclear
{
	text-decoration: underline;
	/*font-variant: small-caps;*/
	clear: none;
}

h5
{
	text-decoration: underline;
	/*font-variant: small-caps;*/
	clear: left;
}

/* Window stuff */

#window p
{
	font-family: arial, "lucida console", sans-serif;
}

#window p a:hover
{
	color: #3399ff;
}

#window p a:link, a:active, a:visited
{
	color: #000033;
}

#window table.displaytable tr td
{
	vertical-align: middle;
	padding-bottom: 5px;
	border-bottom: 1px solid #999900;
}

#window table.displaytable tr th
{
	vertical-align: middle;
	padding-bottom: 5px;
	border-bottom: 2px solid #999900;
}

#window img.showborder
{
	/*display: block;
	clear: none;*/
	float: left;
	margin-right: 10px;
	border-left: 1px solid #990000;
	border-top: 1px solid #990000;
	border-right: 1px solid #FF3300;
	border-bottom: 1px solid #FF3300;
}

#window a img.showborder
{
	/*display: block;
	clear: none;*/
	float: left;
	margin-right: 10px;
	border-left: 1px solid #990000;
	border-top: 1px solid #990000;
	border-right: 1px solid #FF3300;
	border-bottom: 1px solid #FF3300;
}

#window a img.noborder
{
	/*display: block;
	clear: none;*/
	border: none;
	margin: 0px;
	padding: 0px;
}

a.boxing
{
	width: 100%;
}

img.boxing
{
	margin-left: auto;
	margin-right: auto;
	border: none;
	width: 100%;
}

.hr
{
	height: 15px;
	width: 100%;
	border: none;
	background: url(../images/chain-rule.png) repeat-x;
}

.hr hr
{
	display: none;
}

.textright
{
	text-align: right;
}

.textleft
{
	text-align: left;
}

.textmiddle
{
	text-align: center;
}

table.contactform
{
	border: 1px solid #999999;
	margin-left: auto;
	margin-right: auto;
}

table.contactform tr td
{
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

span.success
{
	color: #006600;
	font-weight: bold;
}

span.failure, span.incomplete
{
	color: #990000;
	font-weight: bold;
}

table.pagetable
{
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	border: none;
	width: auto;
	
}

table.pagetable tr td
{
	vertical-align: top;
}

td.left
{
	width: 45%;
	vertical-align: top;
	
}

td.right
{
	width: 45%;
	vertical-align: top;
	
}

td.left div
{
	width: 85%;
	margin-right: 20px;
	margin-bottom: 30px;
}

td.right div
{
	width: 85%;
	margin-left: 20px;
	margin-bottom: 30px;
}

td.right div p, td.left div p
{
	text-align:justify;
}

.packagetable
{
	background-color: #fff;
	border: 2px solid #999900;
	margin-right: auto;
	margin-left: auto;
}

.packagetable tr td
{
	border-bottom: 1px solid #999900;
}

.packagetable tr th
{
	border-bottom: 2px solid #999900;
}

.packagetable tr td a, .packagetable tr th a
{
	text-decoration: none;
	color: #000;
}

.silver
{
	background: #c0c0c0 url('../images/silver.jpg') top left repeat-x;
}

.gold
{
	background: #ffff00 url('../images/gold.jpg') top left repeat-x;
}

.top
{
	text-align: right;
}

/* Bordered advert area */
div.banner
{
	margin-top: 0px; 
	position: relative; 
	width: 90%; 
	display: block; 
	height: auto;
	background-color: #fff;
}

div.bannertop
{
	width: 100%; 
	height: 100%; 
	background: url(../images/dbl_top.gif) repeat-x top left; 
	margin: 0px; 
	padding: 0px;
}

div.bannerleft
{
	width: 100%; 
	height: 100%; 
	background: url(../images/dbl_left.gif) repeat-y top left; 
	margin: 0px; 
	padding: 0px;
}

div.bannerright
{
	width: 100%; 
	height: 100%; 
	background: url(../images/dbl_right.gif) repeat-y top right; 
	margin: 0px; 
	padding: 0px;
}

div.bannerbottom
{
	width: 100%; 
	height: 100%; 
	background: url(../images/dbl_bottom.gif) repeat-x bottom left; 
	margin: 0px; 
	padding: 0px;
}

div.bannercontent
{
	margin-left: 7px; 
	margin-top: 7px; 
	padding-left: 30px; 
	padding-top: 7px; 
	padding-bottom: 20px; 
	padding-right: 30px; 
	/* background: url(../images/brooch.jpg) no-repeat left; */
}

img.bannerimagetopleft
{
	position: absolute; 
	left: 0px; 
	top: 0px; 
	border: none; 
	margin: 0px; 
	padding: 0px;
}

img.bannerimagebottomleft
{
	position: absolute; 
	left: 0px; 
	bottom: 0px; 
	border: none; 
	margin: 0px; 
	padding: 0px;
}

img.bannerimagetopright
{
	position: absolute; 
	right: 0px; 
	top: 0px; 
	border: none; 
	margin: 0px; 
	padding: 0px;
}

img.bannerimagebottomright
{
	position: absolute; 
	right: 0px; 
	bottom: 0px; 
	border: none; 
	margin: 0px; 
	padding: 0px;
}

div.book
{
	float: left;
	clear: none;
}
