/* Ellis-Brigham.com	__________________________________________________________________________________________________*/
/* Main .css file	__________________________________________________________________________________________________*/



BODY			{ padding: 10px; text-align: center; min-width: 762px; background: #FFFFFF url(gfx/back/bgRange-BMP2int.gif) repeat-y center top; }

/* background: #FFFFFF url(gfx/back/bgRange-BMP2int.gif) repeat-y center top;	*/

FORM			{ margin: 0px; }
SELECT			{ }
P			{ 	color:#333333; font-size:12px; 
				font-family:Arial, Helvetica, sans-serif; 
				text-align:left; }
A			{ color: #FF6600; font: bold; }
A:visited		{ color: #666666; }
A:active		{ color: #FF6600; }
A:hover			{ text-decoration: none; }
HR			{ color: #808080; width: 760px; height: 1px; }
IMG			{ border: 0px; }
UL			{ color: #333333; padding-bottom: 0px; margin-bottom: 0px; }
LI			{ color: #333333; font: normal x-small sans-serif; list-style-type: square; }
ul#topmenu li		{ color:#ffffff; }

#wholepagecontentholder {
	position: relative;
    	top: 0px;
    	right: 0px;
    	margin: 0px auto;
    	width: 760px;
    	text-align: left; }


/* General Font CSS	__________________________________________________________________________________________________*/

.text			{ }
.u				{ text-decoration: underline !important; }
.soft			{ font: normal !important; }
.body			{ color: #666666; font: normal x-small arial; text-decoration: none; line-height: 13pt; }
.error			{ color: #FF3300 !important; font: bold 10pt arial,sans-serif; }
.head			{ color: #FF6600; font: bold x-small verdana; }
.note			{ color: #666666; font: normal xx-small verdana; }
.dead			{ color: red; text-decoration: line-through; }
.Xsmall			{ font: xx-small !important; }
.vsmall:link		{ color: #808080; font: normal xx-small arial !important; }
.vsmall:visited		{ color: #808080; font: normal xx-small arial !important; text-decoration: underline; }
.vsmall:hover		{ color: #808080; font: normal xx-small arial !important; text-decoration: none; }
.vsmall:active		{ color: #000000; }
.footlist		{ font: normal xx-small verdana; margin-bottom: 10px !important; }
.footlist LI		{ color: #FF6600; font: normal xx-small verdana; }
.orange			{ color: #FF6600; !important; }
.emphasised		{ color: #F26522; font: bold !important; }
.nopad			{ padding: 0px !important; margin: 0px !important; }
.justifyoff		{ text-align: left !important; }
.lite			{ font: normal !important; }
.notoppad		{ padding-top: 0px !important; margin-top: 0px !important;}

/* ADDED BY SP 05/06/07	___________________________________________________________________________________________*/

.imgj			{ border-width: 1px !important; border-color: #657F8C; border-style: solid; }
.brandlogo		{
	padding:15px;
	float: right;
}

.saleprice		{ color: #FF0000 !important; font: bold 11pt arial,sans-serif; }
.stencil		{ color: #333333; font: x-large stencil, futura black, portago, arial black, sans-serif ; }
.pinkemphasised		{ color: #F782BF; font: x-large impact; }
.vsmlpink		{ color: #F782BF !important; font: normal xx-small verdana !important; text-decoration: underline; }
.vsmlpink:visited	{ color: #F782BF !important; font: normal xx-small verdana !important; text-decoration: underline; }
.vsmlpink:hover		{ color: #F782BF !important; font: normal xx-small verdana !important; text-decoration: none; }
.vsmlpink:active	{ color: #000000 !important; }
.bigheadline		{ color: #F26522; font-size:16px; font-family:Arial,Helvetica,sans-serif; font: bold !important; }

/* FORMS		__________________________________________________________________________________________________*/

.formheadband		{ color: #ffffff; background: #808080; width: 760px; height: 25px; font: bold x-small verdana; text-align: center; margin-top: 0px; margin-bottom: 10px; }

#gcatalogues		{ color: #666666; width: 760px; font: normal x-small verdana; }
#gcatalogues TR		{ height: 30px; }
.fcatsfield		{ color: #666666; width: 100%; border: 1px solid #666666; background: #FAFAFA; font: normal x-small verdana; }
.fcatssend		{ color: #606060; width: 167px; margin-bottom: 10px; font: bold x-small verdana; }
.field100		{ color: #666666; width: 100% !important; border: 1px solid #666666; background: #FAFAFA; font: normal x-small verdana; }
.field75		{ color: #666666; width: 75% !important; border: 1px solid #666666; background: #FAFAFA; font: normal x-small verdana; }
.field50		{ color: #666666; width: 50% !important; border: 1px solid #666666; background: #FAFAFA; font: normal x-small verdana; }
.field25		{ color: #666666; width: 25% !important; border: 1px solid #666666; background: #FAFAFA; font: normal x-small verdana; }



#gsearch		{ width: 570px; color: #666666; font: normal x-small verdana; }
#gsearch TR		{ height: 30px; }
.bsearch		{ color: #606060; width: 50%; margin-bottom: 10px; font: bold x-small verdana; }
.dropcats		{ width: 75%; background: #FAFAFA; }
.dropcatsclear		{ width: 75%; background: #FAFAFA; }
.dropbrands		{ width: 75%; background: #FAFAFA; }
.dropbrandsclear	{ width: 75%; background: #FAFAFA; }

#results		{ margin-top: 0px; }


/* HEADER		__________________________________________________________________________________________________*/

#logo			{ }
#logogrid		{ color: #FFFFFF; width: 760px; background: #F26522; border-bottom: 2px solid #FFFFFF; }
.logoarea		{ color: #FFFFFF; width: 189px; height: 60px; background: #F2F2F2; }
.fotoarea		{ color: #FFFFFF; width: 571px; height: 60px; background: #FFFFFF; }
#menuarea		{ width: 760px; border-bottom: 4px solid #F5F5F5; }
#menuleft		{ width: 665px; }
.menuarea		{ color: #FFFFFF; height: 25px; background: #F2F2F2 url(gfx/back/menuarea.gif) repeat-x; }
#menutree		{ color: #000000; width: 760px; margin-top: 2px; padding-bottom: 2px; font: normal 12px Arial, Helvetica, sans-serif; border-bottom: 1px solid #808080; }
#menutree A		{ color: #808080; font: normal; }
#menutree A:visited	{ color: #808080; }
#menutree A:hover	{ color: #000000; text-decoration: none; }
#treecell		{ color: #808080; font: normal; }


/* SEARCH FORM		__________________________________________________________________________________________________*/

#searcharea		{ width: 200px; height: 28px; }
#searchform		{ }
.searchgrid		{ width: 190px; color: #000000; background: #e0e0e0; }
.search1		{ width: 55px; color: #505050; font: bold x-small arial; }
.search2		{ width: 97px; }
.search3		{ width: 30px; }
.keywords		{ width: 97px; height: 20px; border: 0px solid #000000; border-top: 1px solid #404040; border-left: 1px solid #404040; padding-right: 0px; background: #f5f5f5; }
.keywordson		{ width: 97px; height: 20px; border: 0px solid #000000; border-top: 1px solid #404040; border-left: 1px solid #404040; padding-right: 0px; background: #ffffff; }
.searchgo		{ width: 30px; height: 20px; border: 1px solid #FFFFFF; font: xx-small verdana; }
.searchgoon		{ width: 30px; height: 20px; border: 1px solid #000000; font: xx-small verdana; background: #FFFFFF; }
.gobutton		{ border-top: solid #E0E0E0 1px; }

/* FOOTER		__________________________________________________________________________________________________*/

#footgrid		{ color: #808080; width: 760px; padding-top: 10px; border-top: 1px solid #808080; font: bold xx-small verdana; }
.footlink		{ }
.footlink:visited	{ }
.fl			{ }
.fr			{ font: normal x-small arial; }
.fl A			{ color: #808080; font: bold; }
.fl A:visited		{ color: #808080; }
.fl A:hover		{ color: #000000; }

.base			{ color: #666666; font: normal 8pt verdana; text-decoration: none; line-height: 13pt; }
.small			{ color: #666666; font: normal 8pt verdana; text-decoration: none; line-height: 13pt;	 }
.oheader		{ color: #FF6600; font: normal 8pt verdana; text-decoration: none; line-height: 13pt;	}
.bheader		{ color: #B8B8D8; font: normal 8pt verdana; text-decoration: none; line-height: 13pt;	}
.sub	   		{ color: #B8B8D8; font: normal 8pt verdana; text-decoration: none; line-height: 13pt; font-weight: bold;      }
.wheader		{ color: #FFFFFF; font: normal 8pt sans-serif; text-decoration: none; line-height: 13pt;	}
.olink			{ color: #FF6600; font: normal 8pt verdana; text-decoration: none; line-height: 13pt;	}
.olink:hover		{ text-decoration: underline;										}
.clock			{ color: #FFCC99; font-family: Verdana; text-decoration: none; font-size: 8pt; font-weight: bold;	}

.logobox		{ width: 150px; background: url(gfx/back/logobox.gif); }

/* GALLERY CSS		__________________________________________________________________________________________________*/

.close			{ text-align: center !important; }
.creditbox		{ color: #606060; background: #EBEBEB; font: normal x-small verdana; }


/* TABLES AND GRIDS	__________________________________________________________________________________________________*/

.headband		{ color: #ffffff; background: #FF6600; width: 760px; height: 25px; font: bold x-small verdana; text-align: center; margin-top: 0px; margin-top: 10px; margin-bottom: 10px; }

.content		{ width: 760px; padding-top: 15px; padding-bottom: 15px; }
.gintro			{ width: 760px; padding-top: 15px; padding-bottom: 0px; }
.gintrol		{ width: 199px; vertical-align: top; }
.gintror		{ width: 561px; vertical-align: top; }
.gintrossi		{ width: 760px; background: grey; font: normal xx-small fixedsys; }

.gstore			{ width: 760px; padding-top: 10px; padding-bottom: 10px; }
.gstorel		{ width: 480px; vertical-align: top; }
.gstorer		{ width: 280px; vertical-align: top; }
.storeaddress		{ color: #666666; font: normal 9pt arial; }
.storemap		{ width: 473px; border: 1px solid #c0c0c0; margin-top: 5px; margin-bottom: 5px; }
.storephoto		{ width: 278px; border: 1px solid #c0c0c0; margin-top: 5px; margin-bottom: 5px; }
.storeopeninghours	{ color: #808080; font: normal xx-small verdana; }

.gridgrey		{ color: #808080; font: normal x-small arial,sans-serif; background: #c0c0c0; width: 760px; }
.gridgreytr		{ background: #FFFFFF; height: 28px; }
.gridgreytron		{ background: #FAFAFA; height: 28px}
.gridgrey A		{ }



/* ticker area		__________________________________________________________________________________________________*/

#tickarea		{ width: 280px; height: 310px; }
#tickgrid		{ width: 240px; }
.tickpart		{ background: #EEEEEE url('gfx/back/ticker.gif'); }
.tickup			{ width: 25px; height: 25px; }
.tickdown		{ width: 25px; height: 25px; }
.tickpiczone		{ width: 65px; }
.tickpic		{ }
#tickscroll		{ height: 260px; background: url('gfx/back/tickscroll.gif'); }
.tickrow		{ width: 280px; height: 65px; color: #808080; font: normal xx-small "ms sans serif",arial; vertical-align: top; }
.tickhead		{ color: #333333; font: bold x-small arial; }
.tickhead:visited	{ color: #666666; }
.ticklink		{ color: #808080; text-decoration: underline; font: normal !important; }
.ticklink:visited	{ color: #808080; }
.ticklink:hover		{ color: #000000; text-decoration: none; }

.tickgo			{ color: #808080; font: normal !important; }
.tickgo:visited		{ color: #808080; }
.tickgo:hover		{ color: #000000; text-decoration: underline; }

#HideDiv1		{ position: relative; }
#HideDiv2		{ position: relative; }

#divContainer		{ position: absolute; width: 240px; height: 290px; overflow: hidden; top: 142px; left: 490px; visibility: visible; } 
#divContent		{ position: absolute; left: 0; top: 0; }



/* shop.htm CSS		__________________________________________________________________________________________________*/

.gshop			{ width: 760px; margin-top: 10px; padding-bottom: 10px; }
.gshopl			{ width: 480px; background: #FFFFFF; vertical-align: top; }
.gshopr			{ width: 280px; background: #FFFFFF; vertical-align: top; }
.gbadges		{ width: 480px; }
.gbadges TD		{ width: 120px; background: #FFFFFF; vertical-align: top; padding-bottom: 10px; }
.badge			{ width: 120px; padding: 0px !important; margin: 0px !important; }



/* misc...		__________________________________________________________________________________________________*/

#gallerythumbs		{ background: #FFFFFF; }
#gallerythumbs TD	{ width: 52px; height: 52px; vertical-align: middle; background: #F2F2F2; }
.thumbon		{ background-color: #666666 !important; }

/* Shop Images etc	__________________________________________________________________________________________________*/

.intropic		{ }



/* "Logos" page css	__________________________________________________________________________________________________*/

#glogos			{ width: 760px; margin-top: 10px; margin-bottom: 10px; }
#glogos A		{ color: #808080 !important; font: normal; text-decoration: underline !important; }
#glogos A:hover		{ color: #808080 !important; font: normal; text-decoration: none !important; }
.glogoslot		{ width: 148px; height: 70px; background: url(gfx/back/glogoslot.gif); repeat: no-repeat; vertical-align: middle; font: 7.5pt arial; }
.glogosloton		{ width: 148px; height: 70px; background: url(gfx/back/glogosloton.gif); repeat: no-repeat; vertical-align: middle; font: 7.5pt arial; }
.glogoslotdown		{ width: 148px; height: 70px; background: url(gfx/back/glogoslotdown.gif); repeat: no-repeat; vertical-align: middle; font: 7.5pt arial; }
.glogoslotnone		{ width: 148px; height: 70px; font: 7.5pt verdana; }
.glogogapline		{ height: 5px; }
.glogopad		{ width: 5px; }
#glogosp		{ color: #666666; width: 760px; margin-bottom: 10px; font: normal x-small verdana; }

.glogoslot_blue	{ width: 148px; height: 70px; background: url(gfx/back/glogoslotGREEN.gif); repeat: no-repeat; vertical-align: middle; font: 7.5pt arial; }
.glogoslot_grey	{ width: 148px; height: 70px; background: url(gfx/back/glogoslot_grey.gif); repeat: no-repeat; vertical-align: middle; font: 7.5pt arial; }
.glogoslot_sand	{ width: 148px; height: 70px; background: url(gfx/back/glogoslot_sand.gif); repeat: no-repeat; vertical-align: middle; font: 7.5pt arial; }

/* @ ELLIS.css @	__________________________________________________________________________________________________*/

.bigblue 	{ color: #666666; font-family: Arial; text-decoration: none; font-size: 11pt; font-weight: bold;    	}
.header 	{ font-family: Verdana; text-decoration: none; color: #FFFFFF; font-size: x-small;			}
.headerb	{ font-family: Verdana; text-decoration: none; color: #333333; font-size: x-small;				}
.back		{ font-family: Verdana; text-decoration: none; color: #333333; font-size: x-small;				}
.back:hover	{ text-decoration: none; color: #EE9C00;								}
.menu		{ font-family: Verdana; text-decoration: none; color: #EEEEEE; font-size: x-small;				}
.menu:hover	{ color: #333333;											}
.bg		{ background-color: #FF6600;										}
.nowprice	{ font: bold 13pt Verdana; text-decoration: none; color: #EE9C00; }
.news		{ font-family: Verdana; text-decoration: none; color: white; font-size: 8pt;				}
.news:hover	{ text-decoration: underline;										}
.junior 	{ font-family: Verdana; text-decoration: none; color: #EE9C00; font-size: 7pt;				}
.junior:hover	{ text-decoration: underline;										}
.blue	 	{ font-family: Verdana; text-decoration: none; color: #336699; font-size: x-small; line-height: 11pt;	}
.shopcat 	{ font-family: Verdana; text-decoration: none; color: #666666; font-size: 7pt; line-height: 11pt;	}
.shopcat:hover 	{ color: #FF6600;											}
.link2		{ font-family: Verdana; text-decoration: none; color: white; font-size: x-small; line-height: 11pt; 	}
.link2:hover	{ text-decoration: none; color: #000000;								}
.link4		{ font-family: arial; color: #333333; font-size: 11pt; line-height: 11pt;	}
.link4:hover	{ text-decoration: none;										}
.textfield	{ width: 160px; font-family: Verdana; border-top: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; border-left: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid;					}
.clock	 	{ font-family: Verdana; text-decoration: none; color: #FFFFFF; font-size: 8pt; font-weight: bold;	}
.price		{ font-family: Arial; font-weight: bold; text-decoration: none; color: black; font-size: small;	}
.pricedesc	{ font-family: Arial; text-decoration: none; color: #999999; font-size: xx-small; line-height: 11pt; 	}
.pricespecs	{ font-family: Arial; text-decoration: none; color: #666666; font-size: x-small; line-height: 12pt; text-align: justify;	}
.quantity	{ font-size: x-small; color: #FF6600;								}
.tickertext	{ font-family: Verdana; text-decoration: none; color: #666666; font-size: 8pt; line-height: 11pt; 	}
.link3		{ font-family: Verdana; color: #0066CC; font-size: x-small; line-height: 11pt;				}
.link3:hover	{ text-decoration: none;										}
.skilink	{ font-family: Verdana; color: #FF6600; font-size: 7pt; line-height: 11pt;				}
.skilink:hover	{ text-decoration: none;										}
.splash		{ font-family: Verdana; text-decoration: none; color: #999999; font-size: 7pt; text-align: justify;	}
.currency	{ font-family: Verdana; text-decoration: none; color: #FF6600; font-size: x-small;			}

.resultMan  { font-family: Verdana; text-decoration: none; color: #666666; font-size: x-small; line-height: 13pt; text-align: left;	 font-weight: bold; }
.prodDetName  { font-family: Arial; text-decoration: none; color: #666666; font-size: small; line-height: 13pt; text-align: left;	 font-weight: bold; }

.base		{color: #000000; font-family: Verdana, sans-serif; font-size: 8pt;					}
.basek		{color: #000000; font-family: Verdana, sans-serif; font-size: 8pt;					}
.small		{color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 8pt;			}
.smallit	{color: #808080; font-family: Verdana, sans-serif; font-size: 7pt; font-style: italic;			}
.sub		{color: #808080; font-family: Verdana, sans-serif; font-size: 10pt; font-weight: bold;			}
.sub2		{color: #000080; font-family: Verdana, sans-serif; font-size: 10pt; font-weight: bold;			}

.maintCellLabel {background-color: #8DEBFF; font-family: Verdana, sans-serif; font-size: 8pt color: #000000; 	}
.maintCellValue {background-color: #c0c0c0; font-family: Verdana, sans-serif; font-size: 8pt color: #000000;		}
.checkoutLabel { color: #666666; font: normal x-small verdana; text-decoration: none; line-height: 13pt;  font-weight: bold; }
.smallMsg { color: #808080; font: normal xx-small verdana; text-decoration: none; line-height: 13pt; }
.checkoutHeader { color: #ff6600; font: normal small arial; text-decoration: none; line-height: 13pt;  font-weight: bold; }
.topRule { border-top: 1px solid #808080; }


.orangebutton	{ font-family: verdana; font-size: 9pt; color: #FFFFFF; height: 24px; width: 100px; padding-top: 5px; text-decoration: none; font-weight: bold;				}
.orangebutton:hover	{ text-decoration: underline;}
.orangebg	{ background-image: url(graphics/menu_orange.gif);							}
.orangebgbig	{ background-image: url(graphics/menu_orange_big.gif);							}
.greybutton	{ font-family: verdana; font-size: 8pt; color: #FFFFFF; height: 20px; width: 100px; padding-top: 3px; text-decoration: none; font-weight: bold; 								}
.greybutton:hover	{ text-decoration: underline;}
.greybg		{ background-image: url(graphics/menu_grey.gif);							}
.blackbutton	{ font-family: verdana; font-size: 8pt; color: #FFFFFF; width: 90px; height: 33px; padding-top: 2px; padding-bottom: 3px; text-decoration: none; font-weight: bold;			}
.blackbutton:hover	{ text-decoration: underline;									}
.blackbg	{ background-image: url(graphics/menu_black.gif);							}



/* Stuff from eb_4_ that some pages on eb_3_ need:

/* Search Results */

#results						{ clear: both !important; width: 774px; padding: 10px 0px 10px 10px; }
#results div					{ }

.result						{ position: relative; top: 0px; left: 0px; float: left; width: 248px; height: 140px; background: transparent url(/gfx/back/result.gif) no-repeat top; padding: 0px; margin: 0px 10px 10px 0px; }
.result:hover					{ float: left; width: 248px; height: 140px; background: transparent url(/gfx/back/hi/result.gif) no-repeat top; padding: 0px; margin: 0px 10px 10px 0px; }
.result:hover a					{ color: #000000 !important; text-decoration: underline !important; }
.result h1						{ font: normal 10pt arial; float: left; color: #808080; padding: 10px 0px 5px 10px; }
.result h1 a					{ color: #606060; text-decoration: none; }
.result h1 a:hover				{ color: #606060; text-decoration: none !important; }
.result:hover h1 a				{ color: #F26C36 !important; }
.result:hover h1 a:visited 			{ color: #F26C36 !important; }
.result h2						{ float: left; clear: left; color: #606060; background: transparent; font: normal 8pt arial, "MS Sans Serif", verdana; width: 150px; padding: 0px 0px 5px 10px; margin: 0px; }
.result img.thumbnail				{ position: absolute; bottom: 10px; right: 10px; float: left; margin: 0px; border: 1px solid #FFFFFF; padding: 1px; }
.result img.thumbnail:hover		{ border: 1px solid #c0c0c0; padding: 1px; }
.result img.logo					{ position: absolute; bottom: 10px; left: 10px; float: left; margin: 0px; cursor: default; }
.result img.gender				{ position: absolute; bottom: 10px; left: 115px; float: left; margin: 0px; cursor: default; }