﻿/* Override */


.mainTable { width: 768px; background-color: White; height: 100%}
.contentTable {width: 576px; }
.mainContentTable {width: 576px; height: 500px}
.topNavTable {background-image: url(images/topNav.png); background-repeat: no-repeat; height: 33px; width: 380px;}
.topBar {background-image: url(images/topBar.png); background-repeat: no-repeat; width: 768px; height: 30px;}
.middle {background-image: url(images/middle.png); background-repeat: repeat-y; width: 768px; height: 100%}
.middleRowSpacer {background-image: url(images/middle.png); background-repeat: repeat-y; height: 10px; width: 768px;}
.bottom {background-image: url(images/bottom.png); background-repeat: no-repeat; height: 100px; width: 768px;}
.innerContentTable {width: 100%; height: 100%;}
.footer {background-image: url(images/footer.png); background-repeat: no-repeat; height: 80px; width: 768px; padding-top: 20px}
.orderLineTable {width: 200; height: 30px}
.orderLine {font-family: Arial; font-size: 1.2em; font-weight:  normal; color: White; padding-top: 8px;padding-left: 8px;}

.seperatingLine {background-color: Black; height: 1px}

.leftNavTitle { background-image: url(images/leftNavTitle.jpg); background-repeat: no-repeat;  height: 22px; width: 141px; font-family: Arial; font-size: 1em; color: White; font-weight: bold;}
.leftNav { background-image: url(images/leftNav.jpg); background-repeat: no-repeat; height: 22px; width: 183px; padding-bottom: 4px; padding-left: 0px; font-family: Arial; font-size: 1em; color: black; font-weight: bold}
.leftNavHDotted {background-image: url(images/dottedline.gif); background-repeat:  repeat-x; height: 5px}
.leftNavVDotted {background-image: url(images/verticaldotted.gif); background-repeat:  repeat-y; width: 5px; padding-right: 18px}
.leftNavTable {width: 141px; height: 100%; }

.watermark {background-image: url(images/watermark.jpg); background-position: right; background-repeat: no-repeat;}

.titleRow { background-image: url(images/featured-products-title.jpg); background-repeat: repeat-x; height: 23px; font-family: Arial; font-size: 1.0em; color: White; font-weight:bold; }

.rowSpacer { height: 10px; }

.top5Table { height: 470px; width: 250px; }
.top5Cell { width: 80px; padding-left: 20px }

.bottomNavPadding {padding-left: 10px;  font-family: Arial; font-size: 1em; color: black;}
.bottomNavRightPadding {padding-left: 10px; padding-right: 10px; padding-bottom: 10px;  font-family: Arial; font-size: 1em; color: black;}
.bottomNavSpacer {padding-left: 10px; padding-bottom: 30px;  font-family: Arial; font-size: 1em; color: black;width: 2px}

.browseShopPadding { height: 4px; }

body					{ font-family:Arial; font-size:.70em; color:black; background-color:white; }
td { font-family: Arial; font-size: 1em; color: black;}
a						{ font-family:Arial; color:black; text-decoration:none; }
a:hover					{ text-decoration:underline; }
a.nohover:hover			{ text-decoration:none; }

.mainTitle {padding-top: 20px; padding-bottom: 20px}

.awaitingInfoLarge { background-color: #b9b7b7; height: 200px; }
.awaitingInfoSmall { background-color: #b9b7b7; height: 60px; }

.blackBorder { border: 1px solid black }

.rawticker {
	BACKGROUND-POSITION: 0px 0px; DISPLAY: inline; FLOAT: left; BACKGROUND-IMAGE: url(/img/ticker_news_panel.gif); Margin:  4px 0px 4px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 15px; max-width: 430px; width: 430px;
}
.rawticker .lnkcnt {
	CLEAR: none; PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 5px; PADDING-LEFT: 12px; BACKGROUND-IMAGE: url(images/red-dot.gif); BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat
}

.rawticker .lnkcnt .lnk {
	TEXT-DECORATION: underline; color:black
}


.highlight{ background-color:#FCFF00; color:#000000; padding:1px}
.red{ color:black}
.darkgrey{ background-color:#7E7E7E; color:black; cursor:hand; padding-left:13px; padding-right:13px; }
.lightgrey{ background-color:#B7B7B7; color:black; cursor:hand; padding-left:13px; padding-right:13px;}
.lime{ background-color:#7CC35D; color:black; cursor:hand; padding-left:13px; padding-right:13px;}
.pink{ background-color:#86AACE; color:black; cursor:hand; padding-left:13px; padding-right:13px;}
.white {font-family: Arial; font-size: 1em; font-weight: normal; color: White;}
.black {font-family: Arial; font-size: 1em; color: Black; font-weight:bold;}
.gray {font-family: Arial; font-size: 1.2em; color: black; font-weight:bold;}
.blackLink {font-family: Arial; font-size: 11px; color: Black; font-weight: bold;}
.blue {font-family: Arial; font-size: 11px; font-weight: bold; color: black}
.blueLink {font-family: Arial; font-size: 11px; font-weight: bold; color: black; text-decoration:underline;}
.blueLinkSmall {font-family: Arial; font-size: 11px; font-weight: bold; color: black; text-decoration:underline;}
.blueNoBold {font-family: Arial; font-size: 11px; font-weight: normal; color: black}
.myBasket {color : black;font-family: Arial; font-size: 11px; font-weight: normal; }
.blueNoBoldSmall {font-family: Arial; font-size: 11px; font-weight: normal; color: black}

.content {  font-family: Arial; font-size: 11px; color: black }
.contentTitle {  font-family: Arial; font-size: 1.3em; color: black; font-weight:bold }
.contentSpacer { height: 15px }

.confirmationSteps {font-family: Arial; font-size: 10px; font-weight: normal; color: black; width: 130px;}
.confirmationStepsEndColumn {font-family: Arial; font-size: 10px; font-weight: normal; color: black; width: 130px; padding-right: 30px}
.blacknav {font-family: Arial; font-size: 11px; font-weight: normal; color: black}
.productnav {font-family: Arial; font-size: 11px; font-weight: normal; color: black}
.nohover {font-family: Arial; font-size: 11px; font-weight: normal; color: black}
.blueBar { background-color: black; height: 20px}
.smallspace{ border-top:solid 1px #ffffff;}
a.nav:link{ color:#ffffff; text-decoration:none}
a.nav:visited{ color:#ffffff; text-decoration:none}
a.nav:hover{ color:#ffffff; text-decoration:none}

.offersSpacer { width: 2px; background-image: url(images/verticaldotted.gif); background-repeat: repeat-y; }
.offerRowSpacer {height: 10px;}
.offerRowSeperator {background-image: url(images/dottedline.gif); background-repeat: repeat-x; height: 2px;}
.top5 {background-image: url(images/top5.gif); background-repeat: no-repeat; width: 250px;}

.leftNavCell 
{
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top:10px;  
	color:#ffffff;
	padding-bottom:10px; 
}

.aboutUsText {font-family: Arial; color: black;}
.aboutUsSubTitle {font-family: Arial; font-weight: bold; text-decoration: underline;color: black;}
.aboutUsTitle {font-family: Arial; font-size: 1.2em; font-weight: bold; text-decoration: underline;color: black;}
.aboutUsLink {color: black; text-decoration: underline}
.aboutUsPadding {height: 20px}

.topline { background-color: #e8e8e8; height: 20px }

a.highlightlink:link	{ font-family:Arial; color:#8ADFF7; text-decoration:none; }
a.highlightlink:visited	{ font-family:Arial; color:#8ADFF7; text-decoration:none; }
a.highlightlink:hover	{ font-family:Arial; color:#8ADFF7; text-decoration:none; }

a.whitelink:link	{ font-family:Arial; color:#ffffff; text-decoration:none; }
a.whitelink:visited	{ font-family:Arial; color:#ffffff; text-decoration:none; }
a.whitelink:hover	{ font-family:Arial; color:#ffffff; text-decoration:none; }

a.blacklink:link	{ font-family:Arial; color:#787878; text-decoration:none; }
a.blacklink:visited	{ font-family:Arial; color:#787878; text-decoration:none; }
a.blacklink:hover	{ font-family:Arial; color:#787878; text-decoration:none; }

.button2			{ background-image:url(images/button2.gif); background-position:center; color: white; background-repeat:no-repeat; width:80px; padding-top: 3px; cursor: hand; font-weight: bold; height: 19px;}
.largeButton2			{ background-image:url(images/largeButton2.gif); background-position:center; color: white; background-repeat:no-repeat; width:100px; padding-top: 3px; cursor: hand; font-weight: bold; height: 19px;}

.buttonhead
{
    font-family:Arial;
}

.button			{ background-image:url(images/button.gif); background-repeat:no-repeat; width:80px; padding-top: 3px; cursor: hand; color: black; font-weight: bold; height: 19px;}


.logosPadding {height: 20px;}

.yellb { font-family:Arial; color:black; text-decoration:none; font-weight:bold; }
.yelllink { font-family:Arial; color:black; text-decoration:none; }
a.yelllink:link	{ font-family:Arial; color:black; text-decoration:none; }
a.yelllink:visited	{ font-family:Arial; color:black; text-decoration:none; }
a.yelllink:hover	{ font-family:Arial; color:black; text-decoration:none; }


a.bluelink:link						{ font-family:Arial; color:black; text-decoration:none; }
a.bluelink:visited	{ font-family:Arial; color:black; text-decoration:none; }
a.bluelink:hover					{ font-family:Arial; color:black; text-decoration:underline; }

a.leftnav:link						{ font-family:Arial; font-size:1.0em; font-weight:bold; color:black; text-decoration:none; }
a.leftnav:visited	{ font-family:Arial; color:black; font-size:1.0em; font-weight:bold; text-decoration:none; }
a.leftnav:hover					{ font-family:Arial; font-size:1.0em; font-weight:bold; color:black; text-decoration:underline; }


select, input, textarea				{ font-family:Arial; color: black; font-size:.95em;}

hr						{ color: black; height:1px }

/* Standard Colours */

h1						{color: black; margin-bottom:0px; font-size:1.2em;}
.Red					{ color:black; font-weight: bold;}
.Green					{ color: black; }
.Blue					{ color:black; font-weight: bold; }
.DarkGreen				{ color:black; }
.Grey					{ color: black; }
.veryDarkGrey			{ background-color:#413F40}
.breadcrumb			{  font-family: Arial; font-size: 1em; color: black; font-weight: bold; background-image: url(images/gray-space.gif);  height: 27px; width: 100%}
.breadcrumbLogin			{  font-family: Arial; font-size: 1em; color: black; font-weight: bold; text-decoration: none; }
.breadcrumbRow		    { background-image:url(images/searchgrad.jpg);background-repeat:repeat; height: 43px; padding-right: 10px }
/* Top Navigation */

#topNav 				{ float: left; width: 100%; background: url("images/topnav/topnavback.gif") }
#topNav ul				{ margin: 0; padding: 0; list-style: none; }
#topNav li				{ float: left; list-style: none; background: url("images/topnav/topnavdivider.gif") no-repeat left top;
						  margin: 0; padding: 0 0 0 2px; font-family: Arial; color: black; width:125px; text-align:center; }
#topNav a				{ display: block; background: url("images/topnav/topnavback.gif"); padding:5px 6px 5px 6px; 
						  text-decoration: none; font-weight: bold; color: black; }
#topNav a:hover			{ background: url("images/topnav/topnavhilite.gif") }

a.breadcrumb			{ text-decoration: underline;}

/* Left Navigation */

#ctl00_leftNav			{ width:158px; }
#ctl00_leftNav dt		{ font-weight:bold; margin: 0; padding:8px 0 8px 17px; background-color: #D5E1B1; color: Black}
#ctl00_leftNav dl 		{ margin: 0 0 0px 0; padding: 0; }
#ctl00_leftNav dd		{ display:inline; list-style-type:none; padding: 0; margin: 0;}
										
#ctl00_leftNav dd a			{ color:#9B0000; display:block; background: url("images/leftnav/navstandard.gif"); font-family: Arial; 
							  margin:0; padding:10px 0 10px 17px; text-align:left; text-decoration:none; font-weight:normal; width:141px; color: black; }
#ctl00_leftNav dd a:hover	{ background: url("images/leftnav/navhilite.gif"); text-decoration:none; }				  

/* Products */

.title					{ font-size: 1.2em;  color: black; font-family: Arial;}
.titlePrice				{ font-size: 1.2em;  color: black }
.tagLine				{ font-size: 1.2em; color: #9B0000; font-weight:bold; }
.bigtitle {font-size:1.7em; color:#28530E;font-weight:bold}
/* Others */

.bluetext				{ color:#1B79F7}
.greyBorder				{ border:solid 1px #CCCCCC; }
.centerText				{ text-align:center; }
.productsTitle			{ background-color: #DDDDDD; vertical-align:middle; }
.pinkTitle				{ background-color: #d5d5d5; height:20px; vertical-align:middle; }
.productbar				{ background-color:#EBEBEB}
.redBold				{ color:Red; font-weight:bold; }
.pinkBorder				{ border:solid 1px #DDDDDD; }
.html					{ font-size: 1em; font-weight:normal; }
.disabled				{ color:#999999; }
.offerTitle				{ font-size: 1.2em; font-weight: bold; color: White; }
.productPrice			{ color: black; }

/* 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;
}

#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/top-right.gif) no-repeat top right; width:100%; height:100%; text-align:left; }
div.roundcorner div			{ background: url(images/top-left.gif) no-repeat top left; width:100%; height:100%; text-align:left; }
div.roundcorner div div		{ background: url(images/bottom-right.gif) no-repeat bottom right; width:100%; height:100%; text-align:left; }
div.roundcorner div div div { background: url(images/bottom-left.gif) no-repeat bottom left; width:100%; height:100%; text-align:left; }

div.roundcornerL {background: url(images/leftnav/topright2.gif) no-repeat top right;width:100%;height:100%;text-align:left;}
div.roundcornerL div {background: url(images/leftnav/topleft2.gif) no-repeat top left;width:100%;height:100%;text-align:left;}
div.roundcornerL div div {background: url(images/leftnav/bottomright.gif) no-repeat bottom right;width:100%;height:100%;text-align:left;}
div.roundcornerL div div div {background: url(images/leftnav/bottomleft.gif) no-repeat bottom left;width:100%;height:100%;text-align:left;}

.dark{ color:White; font-weight:bold; background-color:#7E7E7E}
.quitedark{ color:White; background-color:#739A5D}
.mid{ background-color:#B7B7B7; color:#ffffff}
.light{ background-color:#E9E9E9;}

.terms		{ BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; OVERFLOW: auto; BORDER-LEFT: black 1px solid; WIDTH: 520px; BORDER-BOTTOM: black 1px solid; HEIGHT: 83px; PADDING-LEFT: 5px; }
.head { background-color:#D5E1B1}
.box{ border:solid 1px #DADADA}
.whitetext{ color:#ffffff}
.line{ background:url(images/leftnav/dotted.gif);}
.bigger { font-size:1.1em}

.rightNavSpacer 
{
	height: 20px
}

.myroundcorner{ border:1px solid #cccccc; -moz-border-radius: 25px; padding:1em }


ul{ padding-top:0px; margin-top:10px; text-indent:0px; list-style-image: url(images/bullet.gif); padding-left:0px; margin-left:17px}
li.indented{margin-left:5px;}

.topnavright{
    border-bottom-style:dotted;
    border-bottom-color:Gray;
    border-bottom-width:thin;
}

.searchtext{ padding-bottom:6px;}

.offersSpacing 
{
	background-image: url('images/verticaldotted.gif'); 
	background-repeat: repeat-y;
	background-position: center;
	width: 30px
}

.homeoffer1 
{
	background-image: url('images/everything_under_fifteen.gif'); 
	background-repeat: no-repeat;
	background-position: center;
	width: 185px;
	height: 171px;
}

.homeOfferWidthPadding
{
	width: 9px;
}

.homeOfferHeightPadding
{
	height: 10px;
}

/* Basket */

.quantityBox	{ text-align:center; font-size:11px; width:20px; border:solid 1px #909090;  }
.downBasket		{ width:273px; position:relative; left:-2px; background-color: White; height: 27px; overflow:hidden; clear: both; z-index:999; }
.downBasketHTML	{ height:126px; border-left:solid 1px #00A9EE; border-right:solid 1px #00A9EE; background-color:White; }
.basket			{ width:273px; height:27px; background:url(images/gradient.gif);  background-repeat: repeat-x; color:White; padding-top:0px; padding-left:7px; text-align:left; cursor:hand; }
.basketFooter	{ width:271px; border:solid 1px #00A9EE; background-color:White; }
.basketprice { font-size:1.3em; font-weight:bold;}

/* END BASKET */

/*MAGIC ZOOM*/
.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 Arial, Arial, 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;  
             				  background: #ffffff; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50);}
/*END ZOOM*/
/* Basket */

.quantityBox	{ text-align:center; font-size:11px; width:20px; border:solid 1px #909090;  }
.downBasket		{ width:182px; position:relative; left:-2px; background-color: White; overflow:hidden; clear: both; z-index:999; height: 22px}
.downBasketHTML	{ height:134px; border-left:solid 1px #00A9EE; border-right:solid 1px #00A9EE; background-color:White; }
.basket			{ width:182px; height:22px; background:url(images/ui/mybasketheader.gif);  background-repeat: repeat-x; color:White; padding-top:0px; padding-left:7px; text-align:left; cursor:hand; }
.basketFooter	{ width:180px; border:solid 1px #00A9EE; background-color:White; }
.basketprice { font-size:1.3em; font-weight:bold;}

/* END BASKET */