﻿/* Overrides */
body  {
	background-image:url(../images/triBack.gif); 	
	background-repeat: repeat-x;
	background-attachment: fixed;
	margin: 3px 0px 0px 0px;
	background-color: #F0F0F0;	
	font-family:Arial; 
	font-size:.8em;
}
	
img		{ border:0 }
a		{ color:#000000; }
h3		{ font-size:14px; }

select, input, textarea				{ font-family:Arial; color: black; font-size:.9em;}

hr						{ color: #CCCCCC; height:1px }


/* EMAIL MARKETING */
.admindark1{ background-color:#A9B7BF; font-weight:bold; color:#000000; padding-top:5px; padding-bottom:5px}

.admindark{ font-size:12px; background-color:#CE0606; font-weight:bold; color:#ffffff; padding-top:7px; padding-bottom:7px}
.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }

.price{ color:#02365E; font-size:19px; font-weight:bolder; font-family:Impact; background-image:url(../images/blue-footer.gif); background-color:#7AB0DF}
.emarkback{ background-color:#7AB0DF}
.smallprice{color:#02365E; font-size:14px; font-weight:bolder; font-family:Impact;}
a.smallblack:link			{ color: #000000; font-size:11px; font-weight:bolder; text-decoration:none; }
a.smallblack:visited		{ color: #000000; font-size:11px; font-weight:bolder;  text-decoration:none; }
a.smallblack:hover		{ color: #000000; font-size:11px; font-weight:bolder; text-decoration:none; }

.paleblue{ background-color:#EBF5FE;border-right:solid 1px #5890bf}

a.bigblack:link			{ color: #000000; font-size:14px; font-weight:bolder; text-decoration:none; }
a.bigblack:visited		{ color: #000000; font-size:14px; font-weight:bolder;  text-decoration:none; }
a.bigblack:hover		{ color: #000000; font-size:14px; font-weight:bolder; text-decoration:none; }
.bluebox{ border:solid 1px #5890BF}
.lrblue{ border-right:solid 1px #5890BF;border-left:solid 1px #5890BF}
.topblue{ border-top:solid 1px #5890bf}
.lblue{ border-left:solid 1px #5890bf}

.categorypromotion{ background-color:#E9E9E9; color:#000000; font-size:1.2em; font-weight:bold; padding:3px}
.greybox{ border:solid 1px #d1d1d1;}

.dark{ background-color:#0064B5; color:#ffffff}
.mid{ background-color:#95C6EE; color:#ffffff} 
.light{ background-color:#E8EEF3; color:#000000;}


/* Basket */
.quantityBox	{ text-align:center; font-size:11px; width:20px; border:solid 1px #909090; }

.downBasket		{ width:228px; height:29px; position:relative; z-index:1000; left:-3px; overflow:hidden; clear: both; z-index:999; }
.downBasketHTML	{ height:106px; border-left:solid 2px #aa001b; border-right:solid 2px #aa001b; background-color:White; }

.basket			{ width:228px; height:24px; background:url(../images/UI/myBasketHeader.png); color:White; 
       			  padding-top:7px; text-align:center; cursor:hand; }
              	  
.basketFooter	{ width:224px; border-top:solid 2px #aa001b; border-left:solid 2px #aa001b; 
             	  border-right:solid 2px #aa001b; background-color:White; }

/* UI */

.button			{ background-image:url(../images/buttons/button.png); background-repeat:no-repeat; width:76px; }
.cleanbutton	{ background-image:url(../images/buttons/clean.png); background-repeat:no-repeat; width:76px; }

.goButton		{ background-image:url(../images/buttons/go.png); background-repeat:no-repeat; width:28px; }
.roundButton	{ background-image:url(../images/buttons/round.gif); background-repeat:no-repeat; width:22px; }
.button a, .goButton a
				{ font-family:arial; font-weight:bold; font-size:11px; display:block; padding-top:6px;	
				  text-decoration:none; min-height:19px; color:black; text-align:center; }
.roundButton a	{ font-family:arial; font-weight:bold; font-size:11px; display:block; padding-top:5px;	
				  text-decoration:none; min-height:20px; color:black; text-align:center; }

.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }
.modalPopup		{ background-color:White; border: solid 1px black; padding:5px; }

.watermark		{ color:#CCC; }				  

.allCatOut		{ font-size:.95em; padding-left:10px; text-decoration:none; color:Black; font-weight:bold; background-color:White; }
.allCatOut	a	{ font-size:.95em; padding-left:10px; text-decoration:none; color:Black; font-weight:bold; background-color:White; }

.allCatOver		{ font-size:.95em; padding-left:10px; text-decoration:none; color:Black; font-weight:bold; background-color:#F2F2F2; cursor:hand; }
.allCatOver	a	{ font-size:.95em; padding-left:10px; text-decoration:none; color:Black; font-weight:bold; background-color:#F2F2F2; cursor:hand; }

.topNavWhite	{ color:white; font-size:.95em; font-weight:bold; }
.topNavWhite a	{ color:white; font-size:.95em; text-decoration:none; font-weight:bold; }

/* Boxes */

.border3		{ border-left:solid 1px #CACACA; border-bottom:solid 1px #CACACA; border-right:solid 1px #CACACA; padding:5px; }
.border4		{ border:solid 1px #CACACA; padding:5px; }
.redBorder		{ border:solid 1px #aa001b; padding:5px; }

.blueTab		{ background: #7AA4DD url(../images/box/blueTab.gif) no-repeat; padding:0; height:27px; clear:both; }
.blueTabRight	{ background:url(../images/box/blueTab.gif) no-repeat; _height:1px; background-position:0 -27px; height:6px; width:6px; float:right; overflow:hidden; }
.redTab			{ background: #7AA4DD url(../images/box/redTab.gif) no-repeat; padding:0; height:27px; clear:both; }
.redTabRight	{ background:url(../images/box/redTab.gif) no-repeat; _height:1px; background-position:0 -27px; height:6px; width:6px; float:right; overflow:hidden; }
.blackTab		{ background: #7AA4DD url(../images/box/blackTab.gif) no-repeat; padding:0; height:27px; clear:both; }
.blackTabRight	{ background:url(../images/box/blackTab.gif) no-repeat; _height:1px; background-position:0 -27px; height:6px; width:6px; float:right; overflow:hidden; }
.redTab h2, .blueTab h2, .blackTab h2 { padding:7px 8px 4px 8px; margin:0; font-size: .9em; float: left; color:White; font-weight:bold; }
.redTab h3, .blueTab h3, .blackTab h3 { padding:0px 8px 4px 8px; margin:0; font-size: .9em; float: left; color:White; font-weight:bold; }

/* Products */

.title			{ font-size: 1.4em; color: #df0023; }

.bigger			{ font-size:1.2em}
.evenbigger		{ font-size:1.4em}

/* Standard Colours */

.yellow			{ color: #fbdf1f; }
.darkRed		{ color: #df0023; }
.lightRed		{ color: #aa001b; }
.darkBlue		{ color: #0064b5; }
.lightBlue		{ color: #0082ec; }

.leftNav		{ background: url(../images/UI/leftNavBack.gif); font-size:.9em; height:18px;
        		  border-left:solid 1px #CACACA; border-bottom:solid 1px #CACACA; border-right:solid 1px #CACACA; padding:5px; }
.leftNav a		{ padding-left:12px; font-weight:bold; }
.leftNav a:hover { color: #0082ec; text-decoration:none; background: url(../images/UI/arrow.gif) center left no-repeat; }

.blueArrow		{ padding-left:12px; background: url(../images/UI/arrow.gif) center left no-repeat; }

.breadcrumb		{ font-size:.95em; height:20px; }
.breadcrumb	a	{ text-decoration: underline; }

.autocomplete_completionListElement { visibility: hidden; margin: 0px!important; background-color: inherit; color: windowtext;
									  border: buttonshadow; border-width: 1px; border-style: solid; cursor: hand; overflow: auto; 
									  height: 200px; text-align: left; list-style-type: none; }
.autocomplete_highlightedListItem	{ background-color: #0082ec; color: white; padding: 1px; }
.autocomplete_listItem				{ background-color: window; color: windowtext; padding: 1px; }


.MagicZoomSmallImageCont	{ position: relative; }
.MagicZoomBigImageCont		{ overflow: hidden; position: absolute; z-index: 100; border: 1px solid #9E2F2D; background:#fff; visibility: hidden; /* display: none; */ }
.MagicZoomHeader			{ position: relative; z-index: 10; left: 0px; top: 0px; font: 10px Tahoma, Verdana, Arial, sans-serif;
							  color:#fff; background:#9E2F2D; padding:3px; }
.MagicZoomHeader a			{ color: #fff; }
.MagicZoomPup				{ z-index: 10; visibility: hidden; position: absolute; width: 50px; height: 50px; border: 1px solid #aaa; 
             				  background: #ffffff; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50);}

.checkout		{ font-weight:normal; text-decoration:none; }











/* Standard Colours */

.Red					{ color: #9B0000; }
.Green					{ color: #E1F2EC; }
.DarkGreen				{ color: #86BEB1; }
.Grey					{ color: #CCCCCC; }
.Pink					{ background-color: #F3E1E1; }





a.white:link		{  color:#ffffff; text-decoration: none; }
a.white:visited		{  color:#ffffff; text-decoration: none; }
a.white:hover		{  color:#ffffff; text-decoration: underline; }



/* Others */

.greyBorder				{ border:solid 1px #CCCCCC; }
.centerText				{ text-align:center; }


.redBold				{ color:Red; font-weight:bold; }
.pinkBorder				{ border:solid 1px #DDDDDD; }
.html					{ font-size: 1em; font-weight:normal; }
.disabled				{ color:#999999; }
.offerTitleOld			{ font-size: 1.2em; font-weight: bold; color: White; }

.pager					{ background-color: #DDDDDD; height:20px; vertical-align:middle; }
.pager a				{ text-decoration: underline; }

/* Offers */
.offerBox				{ background-color: #DDDDDD; border: solid 1px #999999;}
.offerTitle				{ background-color: #999999; color: White; font-size: 1.3em; vertical-align:middle; font-weight:bold; }
.redBold2				{ background-color: #9B0000; color: White; font-weight:bold; }

/* XML */

.XMLHeading				{ font-size: 1.2em; font-weight:bold; }
.XMLBody				{ font-size: 1em; font-weight:normal; }

/* Admin */

#ctl00_ContentPlaceHolder1_gvProducts a		{ text-decoration:underline; }

UL.sortable LI	{ POSITION: relative; }
UL.boxy			{ border: #ccc 1px solid; padding: 4px 4px 4px 4px; list-style-type: none; }
UL.boxy LI		{ BORDER: #ccc 1px solid; PADDING: 2px; MARGIN: 2px; CURSOR: move; BACKGROUND-COLOR: #eee; width:186px; float:left; }

ul.white		{ color:White; font-weight:bold; line-height:15px; padding-left:0px; text-indent:0px; padding:0px; border:0px; margin-bottom:0px}

#box0  { FLOAT: left; MARGIN-LEFT: 0px; width:394px; }
#box1  { FLOAT: left; MARGIN-LEFT: 0px; width:394px; }
#box2  { FLOAT: left; MARGIN-LEFT: 0px; width:394px; }
#box3  { FLOAT: left; MARGIN-LEFT: 0px; width:394px; }
#box4  { FLOAT: left; MARGIN-LEFT: 0px; width:394px; }
#box5  { FLOAT: left; MARGIN-LEFT: 0px; width:394px; }
#box6  { FLOAT: left; MARGIN-LEFT: 0px; width:394px; }
#box7  { FLOAT: left; MARGIN-LEFT: 0px; width:394px; }
#box8  { FLOAT: left; MARGIN-LEFT: 0px; width:394px; }
#box9  { FLOAT: left; MARGIN-LEFT: 0px; width:394px; }
#box10 { FLOAT: left; MARGIN-LEFT: 0px; width:394px; }
#box11 { FLOAT: left; MARGIN-LEFT: 0px; width:394px; }
#box12 { FLOAT: left; MARGIN-LEFT: 0px; width:394px; }
#box13 { FLOAT: left; MARGIN-LEFT: 0px; width:394px; }
#box14 { FLOAT: left; MARGIN-LEFT: 0px; width:394px; }
#box15 { FLOAT: left; MARGIN-LEFT: 0px; width:394px; }

div.roundcorner				{ background: url(../images/topright.gif) no-repeat top right; width:100%; height:100%; text-align:center; }
div.roundcorner div			{ background: url(../images/topleft.gif) no-repeat top left; width:100%; height:100%; text-align:center; }
div.roundcorner div div		{ background: url(../images/bottomright.gif) no-repeat bottom right; width:100%; height:100%; text-align:center; }
div.roundcorner div div div { background: url(../images/bottomleft.gif) no-repeat bottom left; width:100%; height:100%; text-align:center; }

div.lastchance				{ background: url(images/last-chance-1.jpg) no-repeat top right; width:100%; height:100%; text-align:center; }
div.lastchance div			{ background: url(images/last-chance-2.jpg) no-repeat top left; width:100%; height:100%; text-align:center; }
div.lastchance div div		{ background: url(images/last-chance-4.jpg) no-repeat bottom right; width:100%; height:100%; text-align:center; }
div.lastchance div div div	{ background: url(images/last-chance-3.jpg) no-repeat bottom left; width:100%; height:100%; text-align:center; }

.tab	{ font-size:12px; font-family:Arial,Helvetica; color:navy; }
.tabb	{ font-size:14px; font-family:Arial,Helvetica; }

.rawticker				{ BACKGROUND-POSITION: 0px 0px; DISPLAY: inline; FLOAT: left; BACKGROUND-IMAGE: url(/img/ticker_news_panel.gif); MARGIN:  2px 0px 2px; WIDTH: 598px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 15px; max-width: 598px; }
.rawticker .lnkcnt		{ CLEAR: none; PADDING-RIGHT: 7px; BACKGROUND-POSITION: 0px 5px; PADDING-LEFT: 12px; BACKGROUND-IMAGE: url(/img/bullet.gif); BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; }
.rawticker .lnkcnt .lnk { FONT-WEIGHT: bold; TEXT-DECORATION: underline; color:#003EDC; }




