/* alfastop.co.uk StyleSheet */

/* Import the other StyleSheets. Unleash the Hounds! */

@import url(/css/text.css);



#homePhotoLeft				{ float: left; margin-right: 5px; }
#homePhotoRight				{ float: right; margin-left: 5px; clear: right; }
#passionate					{ text-align: center !important; margin-left: auto; margin-right: auto; background-color: #FFFFFF; }
#passionate img				{ margin-top: 10px; }
#homePageIntro				{ padding-top: 5px; }

/* Photo placements */

.leftSidePhoto					{ float: left; margin-right: 5px; }
.rightSidePhoto					{ float: right; margin-left: 5px; }
.rightSidePhotoeasyq				{ float: right; margin-left: 0px; }

#homePhotoRight				{ float: right; margin-left: 5px; clear: right; }
.forcedLineBreak				{ clear: both !important; }

#pageFooter					{ width: 100%; border: 0px; clear: both; }
.alertBox						{ border: 3px solid red; background: url(/gfx/hazard_reflected.gif) no-repeat 10 10; padding: 5px 5px 5px 50px; }
.hiLite						{ color: red !important; background: yellow !important; }



/* Fonts, Links Etc. */

body    	    			{ background-color: #FFFFFF; background-image: url(/gfx/bg.gif); scrollbar-base-color: #CCCCCC; scrollbar-arrow-color: #F0EFEF; margin: 0px; padding: 0px; text-align: center; }
img					{ border: 0px; }
a 		    			{ font: 9pt Verdana,Arial; color: #FF0000; text-decoration: underline; line-height: 16px; }
a:visited 	    			{ font: 9pt Verdana,Arial; color: #720000; text-decoration: underline; line-height: 16px; }
a:hover   	    			{ font: 9pt Verdana,Arial; color: #FF0000; text-decoration: none; line-height: 16px; }
a:active  	    			{ font: 9pt Verdana,Arial; color: #FF0000; text-decoration: underline; line-height: 16px; }

table		    			{ font: 9pt Verdana,Arial; color: #000000; line-height: 16px; }
span		    			{ font: 9pt verdana,arial; color: #000000; line-height: 16px; }
ul		   			{ font: 8pt Verdana,Arial; color: #000000; list-style-type: disc; }
ol					{ font: 8pt verdana,arial; color: #000000; }
hr	         			{ height: 1px; width: 100%; border: 1px solid #000000; }

form					{ padding: 0px !important; margin: 0px !important; }

ul a 					{ font: 8pt Verdana,Arial; text-decoration: underline; line-height: 20px; }
UL A:visited 			{ font: 8pt Verdana,Arial; text-decoration: underline; line-height: 20px; }
UL A:hover   			{ font: 8pt Verdana,Arial; text-decoration: none; line-height: 20px; }
UL A:active  			{ font: 8pt Verdana,Arial; text-decoration: underline; line-height: 20px; }
OL A 				{ font: 8pt Verdana,Arial; text-decoration: underline; line-height: 20px; }
OL A:visited 			{ font: 8pt Verdana,Arial; text-decoration: underline; line-height: 20px; }
OL A:hover   			{ font: 8pt Verdana,Arial; text-decoration: none; line-height: 20px; }
OL A:active  			{ font: 8pt Verdana,Arial; text-decoration: underline; line-height: 20px; }
.model	    	 		{ font: bold 14pt Verdana,Arial; color: #000000; }
.modelPrint	 		{ font: bold 18pt Verdana,Arial; color: #000000; }
#diary H1				{ font: bold 12pt Verdana,Arial; color: #000000; text-decoration: underline; }

a.menuitem	        		{ font: 9pt Verdana,Arial; color: #000000; margin-left: 2px; margin-right: 2px; text-decoration: underline; }
a:visited.menuitem			{ font: 9pt Verdana,Arial; color: #000000; margin-left: 2px; margin-right: 2px; text-decoration: underline; }
a:hover.menuitem			{ font: 9pt Verdana,Arial; color: #000000; margin-left: 2px; margin-right: 2px; text-decoration: underline; }
a:active.menuitem			{ font: 9pt Verdana,Arial; color: #000000; margin-left: 2px; margin-right: 2px; text-decoration: underline; }

#home 	          	 		{ background-color: transparent; }
#home P	           			{ font: 11pt Verdana,Arial; text-decoration: underline; text-align: center; }
#home A	           			{ font: 11pt Verdana,Arial; text-decoration: underline; text-align: center; }
#home A:visited	  		{ font: 11pt Verdana,Arial; text-decoration: underline; text-align: center; }
#home A:hover	   			{ font: 11pt Verdana,Arial; text-decoration: none; text-align: center; }
#home A:active	   			{ font: 11pt Verdana,Arial; text-decoration: underline; text-align: center; }

.head		    			{ font: bold 10pt Verdana,Arial; color: #C00000; text-decoration: underline; }
.header		    			{ font: bold 20pt Verdana,Arial; color: #C00000; text-decoration: underline; }
.base	        			{ font: x-small Verdana,Arial; color: #000000; }

.baseBlue	        			{ font: x-small Verdana,Arial; color: #0000E5; }

.random		    			{ font: bold 10pt Verdana,Arial; color: #C00000; }
.xxsmall	    				{ font: 7pt Verdana,Arial !important; color: #000000; }
.xsmall	      				{ font: 8pt Verdana,Arial !important; color: #000000; }
.xsmall A        				{ font: 8pt Verdana,Arial; color: #FF0000; text-decoration:underline; }
a:hover.xsmall	        		{ font: 8pt Verdana,Arial; color: #FF0000; text-decoration:none; }
a:visited.xsmall				{ font: 8pt Verdana,Arial; color: #FF0000; text-decoration:underline;  }
a:active.xsmall	       			{ font: 8pt Verdana,Arial; color: #FF0000; text-decoration:underline; }
.about	      				{ font: bold 7.5pt Verdana,Arial; color: #000000; }
.small		    			{ font: 8pt Verdana,Arial; color: #FFFFFF; }
.text		    				{ font: 8pt Verdana,Arial; color: #C0C0C0; }
A:hover.small				{ font: 8pt Verdana,Arial; color: #FFFFFF; }
A:visited.small				{ font: 8pt Verdana,Arial; color: #FFFFFF; }
A:active.small				{ font: 8pt Verdana,Arial; color: #FFFFFF; }

.red            				{ color: #C00000; }
.grey           				{ background-color: #ECECEC; }
.hilite					{ background-color: gold; }
.formbox       				{ font: 9pt Verdana,Arial; color: #000000; width: 300px; border: 1pt solid #C00000; background-color: #FFFFFF; }
.formboxHI      				{ font: 9pt Verdana,Arial; color: #000000; width: 300px; border: 1pt solid #C00000; background-color: #E59482; }
.button         				{ font: 9pt Verdana,Arial; color: #000000; width: 300px; padding: 0pt; }
.search         				{ font: 10pt Verdana,Arial; width: 150px; }

.alert					{ display:none; }



/* News Page */

#notices					{ clear: both; border-top: 1px solid #c00000; border-bottom: 3px double #c0c0c0; background-color: #FFFFFF; }
#notices div.inner			{ padding: 5px 5px 15px 5px; }

#notices .alert				{ display: block; color: #00000; background: transparent url(/gfx/icons/png/newsIconHome.png) no-repeat left; clear: both; padding: 0px 0px 10px 55px; }
#notices .alert:first-line		{ color: red; font: bold 10pt verdana; }
#notices .alert#urgent		{ display: none; background-image: url(/gfx/icons/hazard.gif); background-position: 10 center; }
#notices .alert a			{ color: red; }
#notices .alert a:visited		{ color: red; }

#noticeGrid				{ width: 100%; padding: 0px; background: transparent; }
#noticeboard				{ display: block; background: transparent; text-align: left; padding: 10px; }
#noticeboard ul				{ line-height: 20px; font: normal 10pt verdana; }
#noticeboard hr				{ width: 100%; height: 0px; background: #808080; border-bottom: 1px solid #808080; }

#jessicaFletcher				{ float: left; padding: 0px 20px 0px 0px; background: transparent; }
#alerts					{ float: right; width: 250px; color: red; background: #FFFFFF; }
#alerts h1					{ height: 36px; background: url(/gfx/icons/hazard.gif) no-repeat; 0px 0px; padding: 5px 0px 5px 40px; }
#alerts h1.newParts			{ color: #505050; background: url(/gfx/icons/newParts.gif) no-repeat; cursor: pointer; }
#alerts h2					{ color: #cc0000; font: normal 10pt verdana; }
#alerts p					{ color: #505050; font: normal 8pt verdana; text-align: left; }
.notice					{ clear: both; border: 2px solid red; padding: 10px; margin: 0px 0px 5px 10px; }
.noticenp					{ clear: both; border: 1px solid #808080; border-bottom: 2px solid #808080; padding: 11px; margin: 0px 0px 10px 10px; background: url(/gfx/back/newParts.gif) no-repeat bottom right; }
.noticenp a:link				{ color: #505050; }
.noticenp a:visited			{ color: #505050; }

#latestCell				{ padding-bottom: 25px; border-bottom: 1px dotted #c00000; }
#latestCell ul				{ font: normal 10pt verdana !important; }
#latestCell li:first-line			{ font-weight: bold; }
#headlinesCell				{ padding-bottom: 25px; border-bottom: 1px dotted #c00000; }
#headlinesCell ul			{ font: normal 10pt verdana !important; }
#headlinesCell li:first-line		{ font-weight: bold; }
#headlinesCell li li:first-line		{ font-weight: normal; }
#newsArchive				{ display: none; clear: left; }
.systemNews				{ color: #404040; float: left; border: 1px solid red; padding: 10px; font: normal 10pt verdana; margin-bottom: 5px; background: #FFFFFF; }
.systemNews:first-line		{ color: #cc0000; font-weight: bold !important; }
.systemNews img			{ float: right; padding-left: 10px; }
.systemNewsleft:first-line		{ color: #cc0000; font-weight: bold !important; }

/* spotlight */

#spotlightGrid         			{ width: 150px; height: 200px; border-collapse: collapse; font: normal 8pt verdana; }
#spotlightGrid td	         	{ border: 1px solid #c0c0c0; padding: 3px; }
.spotlightGrid				{ border: 1px solid #c0c0c0; }
.spotlightGridHi				{ border: 1px solid #606060; cursor: pointer; }
.spotlightItemGrid        		{ height: 175px; border-top: solid 1px #d0d0d0; border-bottom: solid 1px #d0d0d0; border-left: solid 1px #d0d0d0; border-right: solid 1px #d0d0d0}
.spotlightItemGrid img		{ filter: alpha(opacity: 100); }
.spotLightname				{ height: 65px; vertical-align: top; }
.spotLightimage				{ height: 140px;}
.slgridhead        			{ color: #505050; background: #f5f5f5; }
.slgridhead a,.slgridhead a:visited { color: #000000; }
.slgridhead a:hover			{ background: transparent; }
.slrowhi					{ color: #ff0000; background: ivory repeat-x bottom; }
.slrowhi a,.slrowhi a:visited 	{ color: #ff0000; }
.slrowhi a:hover    			{ color: #ff0000; background: transparent !important; }
.slheader					{ color: #ff0000; font: 10pt Verdana,Arial; font-weight:bold;}
.sltext					{ color: #ff0000; font: 8pt Verdana,Arial; font-weight:normal;}

/* login */

.flags
{
  vertical-align: top;
}

.small_info
{
  font: 10px Verdana,Arial;
  text-align: center;
}

.centre
{
  text-align: center;
  padding: 5px;
}

.centre_table
{
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.error
{
  font-weight: bold;
  color: red;
}

.bottom_links
{
  width: 50%;
  vertical-align: top;
  border-top: 1px solid grey;
}

#slimer					{ display: none; }
#vacationContainer			{ position: relative; top: 0px; left: 0px; padding: 0px 10px 0px 10px; }
#vacationContainer.news		{ padding: 0px; width: 50%; }
#vacation					{ position: relative; top: 0px; left: 0px; background: #FFFFFF; border: 3px solid red; padding: 10px; margin: 10px auto 10px auto; }
#vacationUpdated			{ position: absolute; right: 10px; top: 10px; }
#vacation h1				{ color: red; text-align: center; font: bold 12pt verdana,arial; }
#vacation b				{ color: red !important; }

.closedBox				{ border: 1px solid red !important; padding: 9px; background-color: transparent; }
.closedBox p				{ color: #000000 !important; font-size: 9pt; }
.closedBox strong			{ color: #FF0000 !important; }
.closedBox a:link			{ color: #FF0000 !important; font-size: 9pt; }
.closedBox a:visited			{ color: #FF0000 !important; font-size: 9pt; }
#closed					{ display: none; }
#cartQuoteClosedNotice		{ display: none; }

/* what is wish list? */

.body
{
  padding: 0 15px 0 15px;
}

.body2
{
  padding: 0px;
}

#faqsPanel			{ font: normal 20pt verdana !important; }
.faq					{ text-align: left; }
.faq H3 .anchor			{ text-decoration:none; }
#wishFaqAnswers .faq h3	{ padding-top:0px !important; margin-top:0px !important; }
#WishFaqList			{ text-align: left !important; width:25%; border:1px solid #000000; background:#ffffff url(http://alfastop.peaknet.ltd.uk/gfx/wishfaqbg.gif) repeat-x; float:left; margin-right:10px; margin-bottom: 10px; padding: 5px;}
#WishFaqList ol			{ margin-left: 10px; margin-right: 5px;}
#WishFaqList ol li		{ margin-left: 10px; padding-left: 0px; }
#WishFaqList li a 		{ font-size:9pt !important;}
#WishFaqList h1			{ text-decoration: none; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top: 2px; }
#wishFaqAnswers		{ width: 70%; float:left; font: normal 20pt verdana !important; }



/* FAQ wishlist   */

.hidden 				{ display: none; }
.visible				{ display: inline; }



/* The Wish List System ... */

#wlBetaNote			{ width: 750px; border: 2px solid red; padding: 14px; background: #FFFFFF url(/gfx/back/hazard.gif) no-repeat center top; padding-top: 56px; margin-bottom: 10px !important; }

#wl					{ width: 100%; text-align: center; border: 0px solid red; margin: 0 0 10 0; }
#wlGrid				{ width: 760px; text-align: center; border-bottom: 0px solid red; border: 0px solid red; margin-left: auto !important; margin-right: auto !important; padding: 25 0 0 0; }
#wlGrid h1			{ color: #c00000; font: boldl 10pt verdana; }
#wlGrid span			{ width: 100%; text-align: left !important; }

.wlField				{ width: 100%; border: 1px solid #808080; }
.wlFieldHi				{ width: 100%; border: 1px solid #cc0000; color: #cc0000; background: ivory; }

/* Log In Page */

#wlLogin				{ width: 300px; border: 1px solid #c0c0c0; background: #FFFFFF url(/gfx/back/wlLogin.gif) repeat-x bottom; }
.wlLoginLeft			{ width: 35%; }
#wlLoginButton			{ width: 50px; cursor: pointer; }

/* Registration Page */

#wlRegister			{ width: 350px; border: 1px solid #c0c0c0; background: url(/gfx/back/wlLogin.gif) repeat-x bottom; }
.wlRegisterLeft			{ width: 40%; }
#wlRegisterButton		{ width: 70px; cursor: pointer; }

/* Create a List Form Page */

#wlCreateList				{ width: 400px; border: 1px solid #808080; background: #FFFFFF url(/gfx/back/wlLogin.gif) repeat-x bottom; margin-left: auto; margin-right: auto; }
.wlCreateListLeft			{ width: 40%; }
.wlCreateListComments		{ width: 100%; height: 75px; font: normal 8pt verdana !important; border: 1px solid #808080; color: #404040; }
.wlCreateListCommentsHi		{ width: 100%; height: 75px; font: normal 8pt verdana !important; border: 1px solid #cc0000; color: #cc0000; background: ivory; }
.wlButton					{ width: 150px !important; cursor: pointer; margin: 5 0 5 0; }
#wlCreateForm				{ width: 100px; margin: 10 0 0 0; }

.wlList					{ color: #404040; font: normal 10pt verdana !important; }
.wlList li					{ list-style-type: circle !important; }



/* Choose a List Page */

#wlChosenProduct		{ width: 600px; color: #000000; border: 1px solid #cc0000; text-align: center; padding: 15px; margin: 0 0 10 0; margin-left: auto; margin-right: auto; }
#wlListSelect			{ width: 600px; border: 1px solid #808080; margin-left: auto; margin-right: auto; }
.wlChooseListCol1		{ font: bold 10pt verdana !important; }
.wlChooseListError		{ text-align: center; color: red !important; }
.wlChooseListHeadCol2	{ width: 150px; text-align: center; }



/* Edit a List Form Page */

.wlListComments		{ color: #606060 !important; font: normal 8pt verdana !important; }
.wlEditableButton		{ width: 150px !important; color: #909090 !important; border: 0px; background: transparent !important; text-decoration: underline !important; font: normal 8pt verdana; text-align: left !important; }
#wlEditList				{ width: 400px; border: 1px solid #c0c0c0; background: url(/gfx/back/wlLogin.gif) repeat-x bottom; }

#wlTheListsGrid			{ width: 100%; border: 0px solid red; padding: 5px; text-align: center; }
#wlTheLists			{ width: 100%; border: 1px solid #808080; margin-left: auto; margin-right: auto; }
#wlTheLists td			{ border-bottom: 1px solid #c0c0c0; height: 40px; }
#wlTheLists input		{ width: 60px; cursor: pointer; }
.wlNoLists			{ color: #ff0000 !important; text-align: center !important; }
.wlCol1				{ font: bold 10pt verdana !important; }
.wlCol2				{ width: 120px !important; text-align: center !important; }
.wlCol2red			{ width: 120px !important; text-align: center !important; color: red !important; }
.wlCol3				{ width: 120px !important; text-align: center !important; }
.wlCol4				{ width: 120px !important; text-align: center !important; }
.wlCol5				{ width: 120px !important; text-align: center !important; }
#wlTheLists form		{ padding: 0px; margin: 0px; }
#wlTheListsHead		{ color: #FFFFFF; font: bold 10pt verdana; background: #c00000 url(/gfx/back/wlTheListsHead.gif) repeat-x top !important; }
.wlCreateListButton		{ cursor: pointer; }

#wlFooterLinks			{ width: 100%; text-align: center !important; margin: 10 0 10 0; }



/* Opened List Page */

#wlOpenedListGrid		{ width: 100%; border: 0px solid red; padding: 5px; margin-bottom: 25px; }
#wlOpenedList			{ width: 100%; border: 1px solid #808080; margin-left: auto; margin-right: auto; text-align: center; }
#wlOpenedList td		{ border-bottom: 1px solid #c0c0c0; vertical-align: middle !important; height: 40px; }
#wlOpenedList input		{ width: 60px; cursor: pointer; }
.wlOpenedListCol1		{ font: bold 10pt verdana !important; text-align: left; }
.wlOpenedListCol2		{ width: 120px !important; text-align: left !important; }
.wlOpenedListCol3		{ text-align: center !important; }
.wlOpenedListCol4		{ text-align: center !important; }
.wlOpenedListCol5		{ text-align: center !important; }
.wlOpenedListCol6		{ text-align: center !important; }
.wlOpenedMoveToEq		{ width: 140px !important; }

.wlThumbnailTD			{ width: 100px !important; }

.thumbnail_holder
{
  border: 1px solid black;
  //postion: absolute;
  text-align: center;
  //clip: rect(0, 60px, 60px, 0);
  max-width: 60px;
  max-height: 60px;
  min-width: 60px;
  min-height: 60px;
  height: 60px;
  //overflow: hidden;
  background: no-repeat center;
  cursor: pointer;
}

.wlOpenedProdname		{ text-align: left; }
.wlOpenedProdno			{ font: normal 8pt "MS Sans Serif" !important; }
.wlOpenedProdcode		{ font: normal 8pt "MS Sans Serif" !important; }

.John				{ background: #eeeeee !important; }
.John td				{ border-bottom: 1px solid #808080 !important; }

.slimerblk
{
display: block;
float: left;
width: 100%;
padding-top: 15px;
}

.slimertxt
{
font-size: 12pt;
font-family: Verdana,Arial;
color: #000000;
line-height: 19px;
}

.slbold
{
font-weight: bold;
font-size: 12pt;
font-family: Verdana,Arial;
color: #000000;
line-height: 19px;
}



/* Easy Quote css (Jnm, revised October 2008) */

#eqCustomerInfoGrid				{ border-collapse: collapse; border: 1px solid #606060; }
#eqCustomerInfoGrid td				{ padding: 5px border: 1px solid #a0a0a0; }

/* Tip: To quickly disable/close the Easy Quote buttons ("add") swap over the display values below. Currently: Enabled! (on) */

.eqButton							{ display: block; }
.eqUnavailableIcon					{ display: none; }



/* Links */

.mailto							{ color: blue; text-decoration: underline; }
.mailto:visited						{ color: red !important; background: yellow !important; text-decoration: underline; }
.mailto:hover						{ color: blue; text-decoration: none; }



/* Model Parts Category Pages /html/catheadings.html etc. */

#dept							{ clear: both; width: 100%; text-align: center; padding: 10px 0px 0px 0px; }
#departmentHead					{ width: 960px; margin: 10px auto 0px auto; border: 0px solid #808080; }
#departmentHead p					{ font-weight: bold; }
#deptIntro						{ float: left; }
#deptImage						{ float: right; }



/* Opera menu grid stuff */

#operaBackupBar					{ padding: 4px 0px 0px 0px; border: 0px solid red; }



/* Extras */



/* Width overriders */

.100								{ width: 100px; }
.200								{ width: 200px; }
.300								{ width: 300px; }
.400								{ width: 400px; }
.500								{ width: 500px; }



/* 3rd Party Fragments */

#ga								{ display: inline; clear: both; width: 100%; border-top: 2px solid limegreen; overflow: hidden; }



/* Categories */

.category							{ width: 85px; color: #606060; font: normal 8pt verdana !important; text-align: center; padding-bottom: 5px; }
.category img.card					{ border: 1px solid #808080; padding: 3px; }
.category img.card:hover				{ border: 2px solid #404040; padding: 2px; }
.category a						{ font: bold 8pt verdana !important; color: red; text-decoration: underline; }
.category a:hover					{ color: red; text-decoration: none; }
.category span.count					{ margin-top: 10px; font: normal 8pt verdana; }



/* Search Results */

#table.results						{ border-collapse: collapse; border: 2px solid #606060; background: #FFFFFF; }
#table.results td					{ padding: 8px; border: 1px solid #c0c0c0; }
#table.results tr:hover				{ background: #e0e0e0; }

.border        						{ border: 1pt solid #000000; vertical-align: top; }
.border-bottom 	 					{ border-bottom: 1px solid #000000; }
.border-highlight	 				{ border-top: 2px solid #c00000 !important; border-bottom: 2px solid #c00000 !important; background: #ffeb7f; }



/* Gallery ... */

#gallery							{ width: 100%; text-align: center; }
#gallery table.grid					{ background-color: #FFFFFF; border-collapse: collapse; border: 2px solid #c00000; margin: 0px auto 0px auto; }
#gallery table.grid td					{ width: 130px; height: 130px; text-align: center; border: 1px solid #c0c0c0; }
#gallery table.grid td:hover			{ background-color: #eeeeee; }
#gallery table.grid td img				{ padding: 0px; }



/* End of alfastop.css © AlfaStop 2005-present. Engines off please Gentlemen.. */