body {
	text-align: center;
	background-color: #4f5f5a;
	font-family: Arial;
	font-size: 0.8em;
	color: #4f5f5a;
}
div.logosection {
	margin: auto;
	width:770px;
	background-color: #1f3141;
	border: 1px solid #fff;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-size:1em;
	height:66px;
	background: url(/ui/greybar_background.gif);
}
div.logosection a.retailerlogo {
	float:right; padding: 8px 8px 0 0;
}
#mainmenu {
	margin: auto;
	width:770px;
	/*background-color: #1f3141;*/
	border: 1px solid #fff;
	border-top: 0px none #fff;
	border-bottom: 1px solid #fff;
	text-align:left;
	padding: 0px 0px 0px 0;
	font-size:1em;
	height:32px;
	line-height:30px;
	color:#C5D6E4;
}
#mainmenu a {
	border-right: 1px solid #fff;
	height: 32px;
	line-height: 32px;
	padding: 0 8px 0 8px;
	display: block;
	float:left;
	font-weight:bold;
}
#mainmenu a.greenselected {
	background-color: #578927;
	border-bottom:1px solid #578927;
	color:#EAF6DE;
}
#mainmenu a.blueselected {
	background-color: #3589ba;
	border-bottom:1px solid #3589ba;
	color:#EAF6DE;
}
#mainmenu a.orangeselected {
	background-color: #c57800;
	border-bottom:1px solid #c57800;
	color: #FFEBCD;
}
#mainmenu a.slateselected {
	background-color: #1f3141;
	border-bottom:1px solid #1f3141;
	color:#EAF6DE;
}
#mainmenu a.purpleselected {
	background-color: #814E87;
	border-bottom:1px solid #814E87;
	color:#EEE4EF;
}
 


#mainmenu span {
	line-height:18px;
	padding: 0px 8px 0px 8px;
	float:right;
	font-size:0.85em;
	color:#000;
	font-family: verdana,Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#mainmenu span a {
	float:none;
	display:inline;
	border:0px none;
	padding: 0 0 0 0;
	color:#333;
}

#submenu {
	margin: auto;
	width:770px;
	border: 1px solid #fff;
	border-top: 0px none #fff;
	border-bottom: 0px solid #fff;
	text-align:left;
	padding: 0px 0 0px 0;
	font-size:1em;
	height:32px;
}
#submenu a {
	height: 32px;
	line-height: 32px;
	padding: 0 8px 0 8px;
	display: block;
	float:left;
}
#submenu div.search {
	height: 28px;
	line-height: 28px;
	padding: 4px 8px 0 8px;
	display: block;
	float:right;
	border-left:1px solid #fff;
	width:256px;
	vertical-align: middle;
}
#submenu div.search a {
	display: inline;
	float:right;
	margin-top:-6px;
}
#submenu div.search input {
	width:125px;
}
#submenu  input {
	padding: 2px 2px 2px 2px;
	margin-right:8px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	border: 0px;
	background-color:#EFFCE2;
}
#submenu a.searchdkblueselected {
	height: 32px;
	line-height: 32px;
	padding: 0 8px 0 8px;
	display: block;
	float:right;
	background-color: #1c6a97;
	border-left:1px solid #2c5009;
}
#submenu a.dkgreenselected {
	background-color: #2c5009;
	color:#fff;
	border-bottom: 0px none;
	line-height:24px;
	height:26px;
	margin-top:6px;
}
#submenu a.dkblueselected {
	background-color: #1c6a97;
	color:#fff;
	border-bottom: 0px none;
	line-height:24px;
	height:26px;
	margin-top:6px;
}
#submenu a.dkorangeselected {
	background-color: #9e5f00;
	color:#fff;
	border-bottom: 0px none;
	line-height:24px;
	height:26px;
	margin-top:6px;
}
#submenu a.dkpurpleselected {
	background-color: #5A375E;
	color:#fff;
	border-bottom: 0px none;
	line-height:24px;
	height:26px;
	margin-top:6px;
}
#statusline {
	margin: auto;
	width:754px;
	min-height: 32px;
	line-height: 24px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align:left;
	padding: 8px 8px 0px 8px;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	clear: both;
}
#statusline.darkgreen { background-color: #2c5009; color:#B9F183; }
#statusline.darkgreen a { color:#B9F183; }
#statusline.slate { background-color: #1f3141; color:#7EA2C1; }
#statusline.darkorange { background-color: #9e5f00; color:#FFF3D4; }
#statusline.darkblue { background-color: #1c6a97; color: #DBEEF8; }
#statusline.darkpurple { background-color: #5A375E; color:#EEE4EF; }

a.browseremove {
	padding: 4px 4px 4px 20px;
	background-image: url(/ui/browse_remove.gif);
	background-position: left center;
	background-repeat: no-repeat;
	border:1px solid #69A72E;
	margin-top:8px;
	display:inline-block;
	background-color:#EAF6DE;
}
a.browseremove:hover {
	border:1px solid #FF4040;
	background-color:#FFC1C1;
}
a.indexletter {
	width:22px;
	height:22px;
	margin-right:8px;
	margin-bottom: 8px;
	background-color: #2F7AA6;
	float:left;
	text-align:center;
	line-height:22px;
}
a.indexletter:hover {
background-color: #245E7F;
}
.slate {
	background-color: #1f3141;
	border-bottom:1px solid #fff;
	color:#EAF6DE;
}


/*
.lightgreen {
	background-color: #578927;
	color:#EAF6DE;
}*/

/* BLUES */

.blue { background-color: #3589ba; color: #E6F0F8; }
a.blue, a.blue:link, a.blue:visited { color:#AAEBFF; }
a.blue:hover { background-color: #3589ba; color:#ffffff; }
.blue a {font-weight:bold; }
.blue a:link, .blue a:visited  {color: #AAEBFF;}
.blue a:hover {color: #fff;}

.lightblue { background-color: #b3dff8; color: #0f374f; }

.dblue { background-color: #295a83; color: #E6F0F8; }
.dbluetint { color:#16597F; background-color:#BCDAED; }
a.dblue, a.dblue:link, a.dblue:visited { color:#AAEBFF; background: transparent; }
a.dblue:hover {color: #fff;}
/*
a.blue, a.blue:link, a.blue:visited { color:#BDD7EC; }
a.blue:hover { background-color: #2686d0; color:#ffffff; }
.blue a {font-weight:bold; }
.blue a:link, .blue a:visited  {color: #BDD7EC;}
.blue a:hover {color: #fff;}*/


/* GREENS */

.greenselected { background-color: #578927; color:#EAF6DE; }
.green { background-color: #578927; color:#EAF6DE; }
a.green, a.green:link,a.green:visited { color:#EAF6DE; }					/* nav link */
a.green:hover { background-color: #69b223; color:#ffffff; }
.green a {font-weight:bold; }
.green a:link, .green a:visited  {color: #A6D24D;}
.green a:hover {color: #fff;}
/*
.green a {font-weight:bold; }
.green a:link {color: #A6D24D;}
.green a:visited {color: #A6D24D;}
.green a:hover {color: #fff;}*/



/* ORANGES */

.orange { background-color: #c57800; color:#FFF3D4; }
a.orange, a.orange:link, a.orange:visited { color:#FFF3D4; }
a.orange:hover { background-color: #e4ac15; color:#ffffff; }
.orange a {font-weight:bold; }
.orange a:link, .orange a:visited  {color: #FFFA95;}
.orange a:hover {color: #fff;}


.dkorange {
	background-color: #9e5f00;
	color:#FFF3D4;
}
.dkorange a {font-weight:bold; }
.dkorange a:link, .dkorange a:visited  {color: #FFFA95;}
.dkorangeange a:hover {color: #fff;}
.dkorange a.selectedsidemenu:link, .dkorange a.selectedsidemenu:visited, .dkorange a.articlesidemenuselected:link, .dkorange a.articlesidemenuselected:visited   {color: #fff;}
/* PURPLES */

.purple { background-color: #814E87; color:#EEE4EF; }
a.purple, a.purple:link, a.purple:visited { color:#EEE4EF; }
a.purple:hover { background-color: #9C3CA4; color:#ffffff; }
.purple a {font-weight:bold; }
.purple a:link, .purple a:visited  {color: #EEE4EF;}
.purple a:hover {color: #fff;}

/* SLATES */

.slateselected { background-color: #15212B; color:#EAF6DE; }
.slate { background-color: #1f3141; color:#EAF6DE; }
a.slate, a.slate:link,a.slate:visited { color:#EAF6DE; }					/* nav link */
a.slate:hover { background-color: #263C4F; color:#ffffff; }


.red { background-color: #A52A2A; color:White; }


a.centreimage {
	display:block;
	text-align: center;
	margin-bottom:4px;
}

/* SINGLE COLOURS */

.browse {
	color:#16597F;
	background-color:#e4f0f8;
}
.browseselected {
	color:#fff;
	background-color:#678212;
}
.retailer {
	color: #5B6136;
	background-color:#effce2;
}
.profile {
	color: #402743;
	background-color:#EADDEC;
}
.news {
	color:#524b2d;
	background-color:#fcf8e5;
}
.promo {
	color:#f2f7e4;
	background-color:#6f7659;
	border-bottom:1px solid white;
	padding: 0 0 0 0;
}
.headline {
	color:#1f3040;
	font-weight:bold;
	font-size:1.25em;
	letter-spacing:-1px;
	display:block;
}
.price {
	color:#E2EBFD;
	font-weight:normal;
	font-size:1em;
	text-align: right;
	display:block;
}
.price b {
	color:#E2EBFD;
	font-size:1.25em;
	letter-spacing:-1px;
}
.bigprice {
	color:#fff;
	font-weight:bold;
	font-size:1.3em;
	letter-spacing:-1px;
	display:block;
}
.promobordered {
	color:#f2f7e4;
	background-color:#6f7659;
	border-left:1px solid white;
	border-right:1px solid white;
	border-bottom:1px solid white;
}


.bh
{
	color:#237EB2;
}
.nh
{
	color:#D0B988;
}
.bhd
{
	color:#737C59;
}
.pfhd
{
	color:#9E65A5;
}

.bo
{
		color:#FFD700;
}

/* ADMIN MENUS */

div.adminmenu {
	width:770px;
	border: 1px solid #fff;
	margin: 0 0 0 0;
	text-align:left;
	font-size:1em;
	background-color: #BB0000;
	height:32px;
}
div.adminmenu input {
	font-size:0.8em;
	line-height:1em;
	padding: 0px 4px 0px 4px;
	margin: 0px 0 0px 0;
}
div.adminmenu a {
	height: 32px;
	line-height: 32px;
	padding: 0 8px 0 8px;
	display: block;
	float:left;
}
/* FOOTER */

div.footer {

	width:770px;
	border: px none;
	margin: 8px auto 0px auto;
	text-align:center;
	font-size:0.85em;
	font-weight: normal;
	color:#97A8A3;
	font-family: verdana;
}
div.footer a { font-weight:bold; color:#7b9e93; font-family: verdana; }
div.footer a:link { font-weight:bold; color:#7b9e93; }
div.footer a:hover { font-weight:bold; color:#97c4b6; }

div.filterline
{
	border:1px solid #1c6a97;
	background-color:#e4f0f8;
	color:#1c6a97;
	padding: 8px;
	margin-bottom: 8px;
}
div.filterline span 
{
	font-size:0.85em;
}
div.noticeline
{
margin: auto;
	border:1px solid #fff;
	border-top: 0px none;
	background-color:#ffba00;
	color:#000;
	width:770px;
	margin: auto;
}
div.noticeline div
{
	margin: 4px;
	padding:4px;
}
div.noticeline div img
{
	margin-top:-2px;
}
div.basketnotice
{
	margin: auto;
	border:1px solid #000;
	background-color:#ffba00;
	color:#000;
	width:538px;
	padding:8px;
}
table.display td a
{
	display:block;
	font-size:1.30em;
	font-weight: normal;
	margin: 4px 0 4px 0;
	letter-spacing:0px;
	clear:both;
}

.yellow {
	background-color:#ffba00;
	color:#000;
}

div.dotd a:hover
{
	text-decoration: none;
	color: #DAA520;
}


#tooltip {
	position: absolute;
	z-index: 9999;
	border: 1px solid #000;
	background-color: #ffffe0;
	background-image: url(ui/yellowtooltipback.gif);
	background-repeat:repeat-x;
	color:#000;
	font-size:11px;
	line-height:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	padding: 6px 10px 10px 10px;
	width:232px;
}
#tooltip h3 {
	font-family: Arial;
	font-weight:bold;
	letter-spacing:-1px;
	font-size:13px;
	margin: 0 0 4px 0 ; 
	color:navy;	
}
#tooltip div { margin: 0; }

#tooltip div img
{
	float:right;
	padding-left:4px;
}


/*
#classamenus
{
	border:1px solid yellow;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
}
#classamenus li
{
	list-style: none;
	border:1px solid pink;
	padding: 0px 0px 0px 0px;
	position:relative;
}
#classamenus a
{
	display:block;
	line-height: 18px;
	height:22px;
	z-index:0;
}

div.menucontainer
{
	width:400px;
	position:absolute;	
	top:0px;
	left: 0px;
	border:1px solid red;
	display:none;
	color:#fff;
	z-index:99000;
}
div.menucontainer span
{
	border:1px solid blue;
	background-color:#333;
	z-index:99000;
}
div.menucontainer div
{
	border:1px solid green;
	background-color:#333;
	z-index:99000;
}
*/

#classmenus
{
	width:246px;
	float:left;
	padding:0px 0px 0px 0px;
}
#classmenus a
{
	
}
#homecontent
{
	background-color:#333;
	overflow:hidden;
	height:292px;
	width:512px;
	position:relative;
	padding: 0px 0px 0px 0px;
	background-image:url(ui/whatsnewback.gif);
	background-repeat: repeat-x;
}
div.displaypanel
{
	width:496px;
	top:0px;
	left: 0px;
	color:#fff;
	height:272px;
	position:absolute;
	margin-top:-290px;
	padding:8px;
	background-color:#0f3c69;
	border-top:1px solid #071b2e;
	border-left:1px solid #071b2e;
	overflow: hidden;
	z-index:9000;
	background-image:url(ui/bluegrad.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
div.displaypanel h1 {
	padding-left:4px;
}
div.displaypanel div.listing
{
	width:240px;
	color:#fff;
	height:200px;
	float:left;
	overflow:hidden;
	padding:4px;
}
div.displaypanel div.listing a
{
	display:block;
	/*font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;*/
}
div.displaypanel div.listing a:hover
{
	color:orange;
}
div.displaypanel div.thumbpreview
{
	position:absolute;
	padding: 0px 8px 0px 110px;
	height:56px;
	bottom:0px;
	left:0px;
	width:394px;
	font-family:verdana;
	font-size:11px;
}
div.displaypanel div.thumbpreview a 
{
	height:44px;
	float:left;
	padding-top:12px;
	margin-right:8px;
}
#spotlight 
{
width:512px;
height:292px;
overflow:hidden;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
border-bottom:1px solid white;
}
#spotlight img
{
border:0;
}
#spotlight h1
{
	padding:8px;
}
#spotlight xli
{
/*
	float:left;
	list-style: none;
	width:255px;
	border-left:1px solid black;
	overflow:hidden;
	position:relative;*/
	/*border-top:1px solid white;*/
}
#buttonbar {
	display:block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position:relative;
	font-family:verdana;
	font-size:11px;
	text-align:center;
	width:512px;
}
#buttonbar p {
	padding: 12px 120px 0px 120px;
}
.jcarousel-clip
{
	border-bottom:0px solid white;
}
.jcarousel-item
{
	width:256px;
	height:196px;
	border:0px solid yellow;
	float:left;
	list-style: none;
	overflow:hidden;
	position:relative;
}
.jcarousel-container-horizontal {
    position: relative;
	 width:512px;
	 height:196px;
}
.jcarousel-clip-horizontal {
    position: relative;
	 width:512px;
	 height:196px;
}
/*
.category
{
	display:block;
	background-image:url(ui/categoryicon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-top:1px dotted #4d9dcb;
	padding: 4px 0px 4px 22px;
}

.category:hover
{
	background-color: #0d2f56;
}
*/
div.frontsection {
	padding: 8px 12px 8px 12px;
	margin: 0px 0px 0px 0px;
}

div.frontsection a {
	color:#d86d04;
}
div.frontsection a:hover {
	color:#924b03;
	text-decoration:underline;
}
/*
div.frontsection a.link {
	color: #ff8c00;
}*/
div.highlight
{
	background-color: #e1f3fd;
	padding:8px 8px 8px 8px;
	position:relative;
	margin-bottom:8px;
	min-height:122px;
	height:122px;
	color:black;
	border:1px solid #4cb6f3;
}
div.highlight .pimage
{
	float:left;
	margin: 0 8px 0 0;
}
div.highlight .bimage
{
	float:right;
	margin: 0 0 0 8px;
}
div.highlight:hover
{
	border:1px solid #074264;
}
div.highlight div.foot
{
	height:20px;
	position:absolute;
	bottom:0px;
	left:0px;
	background-color: #f5fbfe;
	padding: 4px 8px 4px 8px;
	width:343px;
	text-align:left;
	color:#000;
}
a.ph
{
	color:#000;
}
div.productdotd b {
	font-size:1.25em;
}

div.productdotd
{
	background-color: #82ccf6;	
	padding:8px 8px 8px 8px;
	position:relative;
	margin-bottom:8px;
	min-height:150px;
	height:150px;
	color:black;
}
div.productdotd .pimage
{
	float:right;
	margin: 0 0 0 8px;
}

div.productdotd:hover
{
	background-color: #0f3c69;
	color:white;
	text-decoration: none;
	cursor:hand;
}

div.spotlightdescription {
	padding:8px;
	width:240px;
	background-color: #000;
	position:absolute;
	top:20px;
	left:0px;
	color:#fff;
	height:64px;
	/*margin-top:188px;*/
}
div.spotlightdescription b {
	display:block;
}

#classpanel
{
	padding-left:8px;
}

#classpanel p {
	border-top:1px dotted #4d9dcb;
	padding: 3px 0px 3px 8px;
	margin: 0px 0px 0px -8px;
}

#classpanel p:hover {

	background-color: #0d2f56;
}

#basketsteps
{
	position:relative;
	background-image: url(ui/basketstep_title.png);
	background-repeat: no-repeat;
	width:186px;
	height:320px;
	color:#87cefa;
	text-align:center;
}

#basketsteps a
{
	height:43px;
	width:186px;
	background-image: url(ui/basketstep.png);
	background-repeat: no-repeat;
	position:absolute;
	left:0px;
	top:100px;
	text-align:center;
	padding-top:32px;
	color:#fff;
}
#basketsteps a.disabled
{
	background-image: url(ui/basketstep.png);
	color:#fff;
}
#basketsteps a.current
{
	font-weight:bold;
	background-image: url(ui/basketstep_done.png);
	color:#ffd700;
}
#basketsteps a.selected
{
	background-image: url(ui/basketstep_done.png);
}
#basketsteps a.selected:hover
{
	color:#ffd700;
}