/*
Colours:

Purple: 			#390397
Deep Purple:	#270633
Green: 				#0a4d2e
Red:					#980e28
Orange:				#c24d07
Deep Orange: 	#6b1e16
Midnight Blue:#0c0030
Mauve:				#a050ef
Cream:				#fcdd9a
Pale Blue:		#b0c4de
Header Blue:	#83c0d9

*/

BODY {
	font-family: verdana, arial, helvetica, sans-serif;	font-size: 100%; font-style: normal; color: #fcdd9a;
	background: #2f2e2c url(/images/body.jpg) top center fixed;
	margin: 0px;
	text-align: center;
	overflow-y: scroll;
}
.imgauto {
	background: #000000; border: 0px; margin: 0px; overflow: hidden;
}
.imgautoscroll {
	background: #000000; border: 0px; margin: 0px; overflow-x: hidden; overflow-y: scroll;
}

#page_wrapper { position: absolute; left: 50%; top: 10px; width: 965px; text-align: center; margin-left: -485px; margin-right: -10px; background: #000000; border-left: 1px solid #a050ef; border-right: 1px solid #a050ef; border-bottom: 1px solid #ffffff; }
#header { height: 80px; padding: 0px; margin: 0px auto; background: #000000 url(/images/logo_ae_header1.jpg) no-repeat top center; border-top: 1px solid #ffffff; }
#header_snow { height: 80px; padding: 0px; margin: 0px auto; }
#nav_global { background: #0a4d2e; height: 23px; margin: 0px; padding: 0px; text-align: center; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
#nav_main { background: #000000; color: #ffffff; float: left; width: 150px; margin: 0px 40px 0px 0px; }
#nav_p1 { background: url(/images/elements/buttonbg_grey.gif) no-repeat; color: #ffffff; width: 150px; height: 35px; margin: 0px; text-align: left; font-size: 95%; font-weight: 600; vertical-align: middle; line-height: 32px; text-indent: 10px; margin-bottom: 5px; }
#nav_p2 { background: url(/images/elements/buttonbg_grey.gif) no-repeat; color: #ffffff; width: 150px; height: 35px; margin: 0px; text-align: left; font-size: 80%; font-weight: 600; vertical-align: middle; line-height: 34px; text-indent: 10px; margin-bottom: 5px; }
#nav_list { text-align: left; margin: 0px 0px 10px 15px; }
#crumbtrail { color: #727272; font-size: 70%; }
#content_clear { clear: both; }
#content { background: #3a0017; }

/* http://matthewjamestaylor.com/blog/holy-grail-no-quirks-mode.htm
Notes:
1. BODY > overflow-y: scroll; is necessary for precise alignment in FF when page is short
*/
#colmask { position: relative;	/* Fix IE7 overflow hidden bug */ clear: both; float: left;	width: 100%; overflow: hidden; /* Chop off any overhanging divs */ background: #000000; /* Left column */ }
#colmid { float: left; width: 200%;	position: relative;	left: 200px; border-left: 1px solid #a050ef; background: #0c0030 url(/images/bg_body_centre.jpg) top center; /* Centre column */ }
#colright {	float: left; width: 100%;	position: relative;	left: 50%; margin-left:-370px; /* Width of content_right */	background: #000000; /* Right column */ }
#col1wrap {	float: right;	width: 50%;	position: relative;	right: 100%; border-right: 1px solid #a050ef; }
#col1pad { margin: 0 0 0 410px;	overflow: hidden;	padding-right: 40px; }
#content_center {	width: 100%; overflow: hidden; text-align: left; padding: 20px 40px 20px 0px; }
#content_left {	float: left; width: 204px; position: relative; margin-left: -50%;	left: 167px; overflow: hidden; }
#content_right { float: left; width: 160px;	position: relative;
	left: 13px; /* Padding of content_right */
	overflow: hidden;	text-align: left;	padding-top: 10px; }
#footer {	clear: both; float: left;	width: 965px;	padding: 0;	margin: 0; height: 20px; font-size: 70%; color: #b0c4de; text-transform: lowercase;	padding-top: 2px;	/* background: #094c2d url(/images/snow_trans2.gif) repeat-x bottom center; */ ; border-top: 1px solid #ffffff;	font-weight: normal; margin-bottom: -10px; }
#footer_snow {	clear: both; float: left;	width: 965px;	padding: 0;	margin: 0; height: 10px; background: url(/images/snow_trans2.gif) repeat-x bottom center; }
#foot_space { position: relative; clear: both; height: 10px; }

DIV.caption { text-align: center; color: #333333; font-weight: bold; margin: 5px; padding: 5px 10px; font-size: 100%; background: #cccccc; border: 1px solid #d93705; }
DIV.content_box_large { float: left; width: 220px; height: 230px; background: url(/images/elements/content_box_large.gif) no-repeat; margin: 0px 20px 10px 0px; }
DIV.content_box_large_interior { width: 180px; height: 190px; margin: 15px 20px 0px 20px; }
DIV.contentblock { display: block; clear: both; }
DIV.image_hover { position: fixed; z-index: 1000; left: 50%; top: 10%; visibility: hidden; }
DIV.list_add { font-size: 80%; padding-bottom: 10px; }
DIV.list_header { font-size: 80%; padding-bottom: 10px; }
DIV.list_modify { font-size: 80%; padding-bottom: 10px; }
DIV.list_paging { font-size: 80%; padding: 5px 0; }
DIV.list_prev_next { font-size: 80%; padding: 5px 0; }
DIV.list_search { font-size: 80%; padding-bottom: 10px; }
DIV.list_summary { font-size: 80%; padding: 5px 0; }
DIV.list_total { font-size: 80%; padding: 5px 0; }
DIV.map { font-size: 80%; display: inline; }
DIV.modal { z-index: 1000; position: absolute; left: 350px; top: 10px; width: 60%; height: 60%; visibility: hidden; background: #2f2e2c url(/images/body.jpg) top center fixed; font-size: 80%; border: 2px solid #6b1e16; padding: 20px; }
DIV.modal_form { position: relative; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; }
DIV.prodcartlinksingle { float: right; margin: -30px 0px 10px 0px; }
DIV.prodcode { color: #333333; font-size: 90%; margin-bottom: 10px; }
DIV.proddetail { float: right; }
DIV.proddesc { color: #333333; font-size: 90%; margin-bottom: 20px; }
DIV.prodimg { float: left; margin-right: 20px; }
DIV.prodprice { color: #333333; font-weight: bold; text-indent: 20px; position: relative; top: -30px; }
DIV.prodpricesingle { color: #333333; font-weight: bold; margin-bottom: 10px; }
DIV.produnits { color: #333333; font-size: 90%; margin-bottom: 10px; }
DIV.prodvariety { color: #333333; font-size: 90%; margin: 10px 0px; font-weight: bold; }
DIV.sizeMsg { z-index: 1; position: absolute; left: 20px; top: 20px; background-color: #005d1d; color: #ffffff; font-size: 100%; font-weight: bold; }

.loct { font-size: 90%; color: #ffffff; text-decoration: none; font-weight: normal; font-style: italic; }
.ctn { color: #eacc04; text-decoration: none; font-weight: normal; font-style: italic; }
.pageheader { font-size: 12pt; color: #ca0f00; text-decoration: none; font-weight: bold; }
.pagecontent { font-size: 85%; color: #ffffff; text-decoration: none; font-weight: normal; }
.pagealtstrong { font-size: 85%; color: #095b28; text-decoration: none; font-weight: bold; }
.lighthead { font-size: 11pt; color: #ca0f00; text-decoration: none; font-weight: bold; }
.footnote { font-size: 7pt; color: #ca0f00; text-decoration: none; font-weight: normal; font-style: italic; }

H1 { font-size: 90%; color: #83c0d9; text-decoration: underline; font-weight: bold; }
H1.area4 { color: #d93705; }
H1.area5 { color: #333385; }
H1.area6 { color: #005d1d; }

H2 { font-size: 80%; color: #d93705; text-decoration: none; font-weight: bold; }
H2.content_box4 { color: #d93705; margin-bottom: 3px; }
H2.content_box5 { color: #333385; margin-bottom: 3px; }
H2.content_box6 { color: #005d1d; margin-bottom: 3px; }

H3 { font-size: 80%; color: #a050ef; text-decoration: none; font-weight: bold; }
H3.linklist { font-size: 100%; color: #d93705; text-decoration: none; font-weight: bold; margin-bottom: 0px; }

H4 { font-size: 70%; color: #fcdd9a; text-decoration: none; font-weight: bold; margin-top: 5px; margin-bottom: 5px; }
H4.rhs { font-size: 70%; text-align: left; color: #fcdd9a; font-weight: bold; margin: 10px 0px; }

a:link, a:visited, a:active { font-size: 100%; color: #b0c4de; text-decoration: none; }
a:hover { font-size: 100%; color: #d93705; }

a.content_box_right_bottom { position: relative; left: 120px; bottom: 5px; }
a.content_box_right_bottom1 { position: relative; left: 120px; bottom: 50px; }
a.content_box_right_bottom2 { position: relative; left: 120px; bottom: 45px; }

a.crumbtrail:link, a.crumbtrail:visited, a.crumbtrail:active { color: #727272; text-decoration: underline; }
a.crumbtrail:hover { color: #333385; }

a.footer:link, a.footer:visited, a.footer:active { color: #727272; }
a.footer:hover { color: #005d1d; }

a.gb:link, a.gb:visited, a.gb:active { font-size: 90%; }
a.gb:hover {  }

a.header:link, a.header:visited, a.header:active { color: #888888; line-height: 14px; vertical-align: bottom; }
a.header:hover { color: #d93705; text-decoration: none; line-height: 14px; vertical-align: bottom; }

a.home_list:link, a.home_list:visited, a.home_list:active { font-size: 90%; color: #888888; }
a.home_list:hover { font-size: 90%; color: #d93705; text-decoration: none; }

a.link_list:link, a.link_list:visited, a.link_list:active { color: #666666; font-size: 80%; }
a.link_list:hover { color: #005d1d; font-size: 80%; }

a.linklist:link, a.linklist:visited, a.linklist:active { color: #666666; font-size: 80%; clear: both; display: block; }
a.linklist:hover { color: #005d1d; font-size: 80%; }

a.nav_child:link, a.nav_child:visited, a.nav_child:active { font-size: 120%; }
a.nav_child:hover { }

a.nav_header1:link, a.nav_header1:visited, a.nav_header1:active { color: #888888; }
a.nav_header1:hover { color: #333385; text-decoration: none; }

a.nav_header2:link, a.nav_header2:visited, a.nav_header2:active { color: #888888; }
a.nav_header2:hover { color: #005d1d; text-decoration: none; }

a.nav_header3:link, a.nav_header3:visited, a.nav_header3:active { color: #888888; }
a.nav_header3:hover { color: #d93705; text-decoration: none; }

a.nav_list:link, a.nav_list:visited, a.nav_list:active { color: #666666; font-size: 75%; line-height: 20px; }
a.nav_list:hover { color: #005d1d; font-size: 75%; line-height: 20px; }

a.nav_side1:link, a.nav_side1:visited, a.nav_side1:active { color: #ffffff; }
a.nav_side1:hover { color: #333385; }

a.nav_side2:link, a.nav_side2:visited, a.nav_side2:active { color: #ffffff; }
a.nav_side2:hover { color: #c3c3c3; }

a.newsmore:link, a.newsmore:visited, a.newsmore:active { color: #c24d07; }
a.newsmore:hover { color: #b0c4de; }

a.product_area:link, a.product_area:visited, a.product_area:active { font-size: 85%; color: #d93705; }
a.product_area:hover { font-size: 85%; color: #005d1d; }

a.searchresults:link, a.searchresults:visited, a.searchresults:active { font-size: 100%; color: #d93705; font-weight: bold; text-decoration: underline; }
a.searchresults:hover { font-size: 100%; color: #005d1d; font-weight: bold; text-decoration: underline; }

a	{	text-decoration:none;	color: #B0C4DE;	font-weight: bold; }

P { font-size: 80%; color: #fcdd9a; text-align: justify; }
P.borderpic { font-size: 80%; font-weight: bold; color: #ffffff; margin-left: 10px; text-align: left; line-height: 22px; } 
P.centeredimage { text-align: center; margin-top: 0px; margin-bottom: 0px; padding: 0px; }
P.content_box { font-size: 80%; color: #333333; width: 180px; text-align: left; }
P.header_left { font-size: 90%; color: #888888; margin: 8px 0px; font-weight: bold; text-align: left; }
P.header_right { font-size: 90%; color: #888888; margin: 8px 0px; font-weight: bold; text-align: right; }
P.pp { font-size: 120%; color: #ffffff; text-decoration: none; font-weight: bold; }
P.scnav { font-size: 75%; color: #095b28; text-decoration: none; font-weight: normal; }
P.small { font-size: 70%; color: #fcdd9a; }

.hdnews {	text-align: left; color: #B0C4DE;	font-size: 12px; font-weight: bold; }
.smlnews { text-align: left; color: #fcdd9a;	font-size: xx-small; }

TABLE.links1 { border: 1px solid #000000; width: 114px; background-color: #d6f2e1; }
TABLE.cont { display: block; height: 100%; }

TH { font-size: 80%; color: #333300; text-decoration: none; font-weight: bold; }
TH.links1 { background-color: #d6f2e1; font-size: 7pt; color: #ffffff; text-decoration: none; height: 14px; text-align: left; text-indent: 5px; }
TH.links2 { background-color: #d6f2e1; font-size: 85%; color: #ffcc16; text-decoration: none; height: 14px; text-align: left; text-indent: 5px; }

TR.prod { background-color: #eeeeee; }

TD { font-size: 85%; color: #fcdd9a; text-decoration: none; }
TD.footnote { font-size: 7pt; color: #ca0f00; text-decoration: none; font-weight: normal; font-style: italic; }
TD.footsep { height: 1px; background-color: #d93705; }
TD.guesthead { text-align: center; font-size: 90%; width: 100%; font-weight: bold; }
TD.gbfield { font-size: 80%; color: #d93705; font-weight: bold; }
TD.gbalt { font-size: 80%; text-decoration: none; font-weight: normal; }
TD.gbcontent { font-size: 80%; text-align:justify; }
TD.gbcontcen { font-size: 80%; text-align:center; }
TD.headdiv { background-color: #ffffff; height: 2px; }
TD.headsep { height: 10px; }
TD.links1 { background-color: #d6f2e1; font-size: 7pt; color: #ffffff; text-decoration: none; height: 14px; text-indent: 5px; }
TD.links2 { background-color: #d6f2e1; font-size: 7pt; color: #d93705; text-decoration: none; height: 14px; text-indent: 5px; }
TD.login { font-size: 75%; color: #ffffff; text-decoration: none; font-weight: normal; }
TD.pageheader { font-size: 13pt; color: #095b28; text-decoration: none; font-weight: bold; font-style: normal; }
TD.pagesep { background-color: #095b28; height: 2px; }
TD.prodletter { font-size: 85%; color: #ffffff; font-weight: bold; }
TD.product { font-size: 80%; }
TD.product_notes { font-size: 80%; }
TD.product_small { font-size: 70%; }
TD.product_smaller { font-size: 55%; text-align: left; }
TD.prodvariety { font-size: 70%; }
TD.search { font-size: 70%; background-color: #095b28; color: #eacc04; text-decoration: none; font-weight: bold; }
TD.searchresults { font-size: 85%; color: #ffffff; text-decoration: none; font-weight: normal; }
TD.shop_small { font-size: 70%; }
TD.strong { font-weight: bold; }
TD.strong_small { font-size: 80%; font-weight: bold; }

HR { clear: both; height: 1px; background: #b0c4de; color: #b0c4de; margin: 10px 0px; border: none; }

FORM.inline { padding: 0px; margin: 0px; display: inline; }
FORM.nopad { padding: 0px; margin: 0px; }

INPUT, SELECT, TEXTAREA { font-family: verdana, arial, helvetica, sans-serif; font-size: 90%; color: #270633; border-color: #ffcc16; }
SELECT.cart { }
SUBMIT, RESET { font-family: verdana, arial, helvetica, sans-serif; font-size: 85%; color: #ffffff; border-color: #ffcc16; }

LI { font-size: 80%; color: #fcdd9a; text-decoration: none; font-weight: normal; }
LI.album { color: #fcdd9a; font-size: 80%; }
LI.album2 { color: #fcdd9a; font-size: 70%; font-style: italic; list-style-type: lower-roman; }
LI.supplier { list-style-image:url(images/bullet.gif); font-size: 75%; color: #ffffff; text-decoration: none; font-weight: bold; }

IMG.album { margin: 10px 0px; display: block; clear: both; border: 1px solid #6b1e16; }
IMG.albumhome { margin: 10px 0px; border: 1px solid #6b1e16; }
IMG.banner { border: 1px; border-color: #0000cc; }
IMG.basket { margin: -5px 10px 0px 0px; }
IMG.borderpic { margin: 10px 0px 0px 0px; border: 1px solid #390397; }
IMG.center { margin: 10px auto; border: 1px solid #6b1e16; }
IMG.checkout { margin: 0px 10px 0px 0px; }
IMG.content_box { display: block; clear: both; }
IMG.content_box_link { display: block; clear: both; border: 1px dotted #d93705; }
IMG.him { border: 1px; border-color: #d93705; }
IMG.home { border: 1px solid #a050ef; }
IMG.layout_center { margin: 0 auto; border: 1px solid #6b1e16; }
IMG.layout_left { float: left; margin: 0px 20px 10px 0px; border: 1px solid #6b1e16; }
IMG.layout_right { float: right; margin: 0px 0px 10px 20px; border: 1px solid #6b1e16; }
IMG.left { float: left; margin: 10px 10px 10px 0px; border: 1px solid #6b1e16; }
IMG.prodimg { border: 1px solid #6b1e16; margin: 5px; }
IMG.prodimg_link { border: 1px dotted #6b1e16; }
IMG.rhs { margin: 10px 0px; float: left; clear: both; border: 1px solid #390397; }
IMG.right { float: right; margin: 10px 0px 10px 10px; border: 1px solid #6b1e16; }

fieldset.search { border: none;	width: 160px;	margin: 0px; padding: 0px; float: right; }
.search input, .search button {	border: none;	float: left; }
.search input.box {	color: #666666;	font-size: 90%;	width: 110px;	height: 20px;	padding: 0px 0px 0px 5px;	margin: 12px 5px 0px 0px; }
.search input.box:focus {	outline: none; }
.search button.btn { width: 37px;	height: 45px;	cursor: pointer; text-indent: -9999px; background: url(/images/icon_search.gif) no-repeat top right; margin: 0; }
/*.search button.btn:hover {
	background: #fbc900 url(/images/icon_search.gif) no-repeat bottom right;
}*/

/* DD Menus
============== */

.menu { font-size: 100%; position: relative; z-index: 100; border-left: 1px solid #ffffff; margin: 0px 0px 0px 62px; }
/* IE5.5 faulty box model hack */
* html .menu { }
/* clear default styling */
.menu ul { padding: 0; margin: 0; list-style-type: none; }
.menu ul ul { width: 110px; margin-left: -1px; }
/* float: left; makes horizontal and relative allows control of dd position */
.menu li { float: left; width: 120px; position: relative; font-size: 90%; }
/* L1 */
.menu a, .menu a:visited { display: block; text-decoration: none; color: #cccccc; width: 119px; height: 22px; border: 1px solid #ffffff; border-width: 0 1px 0 1px; border-collapse: collapse; background: #0a4d2e url(/images/bg_menu1.gif); padding-bottom: 1px; line-height: 22px; font-size: 90%; font-weight: normal; text-transform: uppercase; }
.menu a:hover { text-decoration: none; color: #ffffff; }
/* L1 Current Page */
.menu a.drop1_this, .menu a.drop1_this:visited { color: #cccccc; background: #390397 url(/images/bg_menu1_this.gif); }
/* IE5.5 faulty box model hack */
* html .menu a, * html .menu a:visited { width: 130px; w\idth: 119px; }

/* L2 background */
.menu ul ul a.drop2, .menu ul ul a.drop2:visited { background: #390397 url(/images/bg_menu1_this.gif); font-size: 100%; }
/* L2 hover */
.menu ul ul a.drop2:hover { background: #c24d07 url(/images/bg_menu1_hover.gif); font-size: 100%; }
.menu ul ul :hover > a.drop2 { background: #c24d07 url(/images/bg_menu1_hover.gif); font-size: 100%; }
/* L3 background */
.menu ul ul ul a.drop3, .menu ul ul ul a.drop3:visited { background: #390397 url(/images/bg_menu1_this.gif); color: #cccccc; font-size: 120%; }
/* L3 hover */
.menu ul ul ul a.drop3:hover { background: #c24d07 url(/images/bg_menu1_hover.gif); }

/* Hide L2, L3, with absolute position - if using borders, top here needs to be 1px higher than depth of normal menus */
.menu ul ul { visibility: hidden; position: absolute; height: 0; top: 23px; left: 1px; width: 120px; border-top: 1px solid #ffffff; }
/* IE5.5 faulty box model hack */
* html .menu ul ul { left: 0px; l\eft: 1px; top: 22px; t\op: 23px; }

/* Position the L3 flyout menu */
.menu ul ul ul { left: 120px; top:-1px; width: 120px;}

/* Position L3 flyout menu for a left flyout */
.menu ul ul ul.left { left: -120px;}

/* Remove IE table from layout */
.menu table { position: absolute; top: 0; left: 0; border-collapse: collapse; }

/* L2 links */
.menu ul ul a, .menu ul ul a:visited { background: #390397 url(/images/bg_menu1_this.gif); color: #cccccc; height: auto; line-height: 1em; padding: 5px; width: 109px; border-width: 0 1px 1px 1px; font-weight: normal; }
/* IE5.5 faulty box model hack */
* html .menu ul ul a, * html .menu ul ul a:visited { width: 121px; w\idth: 119px; font-weight: normal; }

/* L1 hover */
.menu a:hover { color: #ffffff; background: #c24d07 url(/images/bg_menu1_hover.gif); }
.menu :hover > a { color: #ffffff; background: #c24d07 url(/images/bg_menu1_hover.gif); }

/* L1 hovered - style L2 hover */
.menu ul ul a:hover { color: #ffffff; background: #c24d07 url(/images/bg_menu1_hover.gif); font-weight: normal; }
.menu ul ul :hover > a { color: #ffffff; background: #c24d07 url(/images/bg_menu1_hover.gif); font-weight: normal; }

/* Make L2 visible when hover on L1 list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul { visibility: visible; }

/* Keep L3 hidden when you hover on L1 list OR link */
.menu ul :hover ul ul { visibility: hidden; }

/* Make L3 visible when you hover over L2 list OR link */
.menu ul :hover ul :hover ul { visibility: visible; margin-left: 0px; }