﻿/*
Menu Purple #806393
Grey Text #5f5f5f
Purple Text #522a6b
Red Text #ce0606
BreadCrumb Grey #999999

*/

body
{
	margin:0px;
	padding:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	text-align:center;
	background-color:#edebee;
	color:#5f5f5f;
	font-size:75%;
}

body table
{
	font-size:100%;
}

a
{
	color:#4f73eb;
	text-decoration:underline;
}


a:visited, a:active
{
	color:#4f73eb;
	text-decoration:underline;
}
a:hover
{
	color:#01c702;	
	text-decoration:underline;
}

.menuPurpleText
{
	color:#806393;
}

.purpleText
{
	color:#522a6b;
}

.boldText
{
	font-weight:bold;
}

.darkGreyText
{
	color:#999999;
}

h1
{
	font-size:190%;
	margin-bottom:6px;
	padding-bottom:0px;
	color:#522a6b;
}

h1.homepage
{
	font-size:180%;
	margin-bottom:6px;
	padding-bottom:0px;
}

h1.productH1
{
	font-size:130%;
	margin-bottom:0px;
	padding-bottom:0px;
}

h5
{
	font-size:110%;
	margin-bottom:5px;
}

h6
{
	font-size:120%;
	margin-bottom:5px;
}

.bold
{
	font-weight:bold;
}

.underline
{
	text-decoration:underline;
}

/*---------------BODY-------------------*/

#bodyWrapper
{
	text-align:left;
	margin:0px auto;
	width:810px;
	background-color:#ffffff;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
}

#body
{

}

#body img
{
	border:0px;
}

.homepageBody
{
	font-size:110%;
}

.homepageBody b
{
	color:#522a6b;
}

.homepageBottomBody
{
	font-size:110%;
}

/*.linkBody a
{text-decoration:underline;}
.linkBody a:hover
{text-decoration:none;}
.nolinkBody a
{text-decoration:none;}*/
/*---------------HEADER-------------------*/

#header
{/*background-color:Orange;*/}

#header a, #header a:active, #header a:link, #header a:visited
{color:#5f5f5f; text-decoration:none;}
#header a:hover
{text-decoration:underline;}

#headerLeft
{
	float:left;
	width:186px;
}

#headerCenterWrapper
{
	float:left;
	width:424px;
}

#headerCenter
{
	padding: 10px 0px 0px 0px;	
}

.headerCenterTop
{
	height:65px;
}

#headerRight
{
	float:right;
	width:190px;
}

#headerImage
{/*background-color:Lime;*/}

#shoppingBasketSummary
{
		
	padding:3px 4px 3px 10px;
	/*background-color:Maroon;*/
}

#shoppingBasketSummaryBorder
{
	padding:2px 6px 2px 6px;
	border:solid 1px #806393;
}

#shoppingBasketSummaryBody
{
	text-align:center;
}

#shoppingBasketSummaryBody table
{
	text-align:left;
}

#shoppingBasketSummaryHeaderImage
{
	float:left;
}

#shoppingBasketSummaryHeaderTitle
{
	padding:4px 0px 0px 5px;
	float:left;
}

#shoppingBasketSummaryHeaderTitle a
{
	color:#5f5f5f;
	font-weight:bold;
}

#lanugageSelector
{
	padding:1px 0px 0px 12px;
}

.languageSelectorFlag
{
	float:left;
	padding:2px;
}

#topMenu
{
	/*height:20px;*/
	padding:2px 0px 2px 8px;
	background-color:#806393;
	display:block;
}

#topMenu ul
{
	padding:0px;
	margin:0px;
	display:inline;
	
	/*##TESTING##*/
	/*background-color:yellow;*/
}

#topMenu ul li
{
	float:left;
	list-style:none;
	background-image: url(../images/arrow-small-white-purple.png);
	background-repeat: no-repeat;
	background-position: center left;	
	margin:0px;
	padding:0px 10px 2px 9px;
	
	/*##TESTING##*/
	/*background-color:blue;*/
}

#topMenu ul li a
{
	font-weight:bold;
	font-size:110%;
	color:white;
	text-decoration:none;
}
#topMenu ul li a:hover
{
	text-decoration:underline;
}
#topMenu ul li a.Selected
{
	color:#01c702;
}

.phoneBanner
{color:#ce0606;font-size:125%; font-weight:bold;}

/*---------------CONTENT-------------------*/
#content
{}

#centreColumnWrapper
{float:left; width:620px;}

#centreColumn
{
	margin:10px;	
}
/*---------------Breadcrumb--------------*/

#breadcrumb
{
	padding:0px 10px 0px 180px;
	margin:5px 0px 0px 0px;
}

#breadcrumb ul
{
	padding:0px;
	margin:0px;
	display:inline;
}

#breadcrumb ul li
{

	color:#aaaaaa;

	
	float:left;
	list-style:none;
	background-image: url(../images/arrow-verysmall-purple-white-li.png);
	background-repeat: no-repeat;
	background-position: center left;	
	margin:0px;
	padding:0px 12px 0px 10px;
}

#breadcrumb ul li a
{
	font-size:95%;
	color:#999999;
	text-decoration:none;
}
#breadcrumb ul li a:hover
{
	text-decoration:underline;
}


/*---------------Left Column-------------*/

#leftColumnWrapper
{
	float:left;
	width:180px;
}

#leftColumn
{
	
	padding:5px 10px 0px 10px;
	/*background-color:Aqua;*/
}

#leftColumn a, #leftColumn a:active, #leftColumn a:link, #leftColumn a:visited
{color:#5f5f5f; text-decoration:none;}
#leftColumn a:hover
{text-decoration:underline;}


#leftColumn h4
{	
	margin:0px;
	font-size:130%;
}

#leftColumn ul
{
	
	margin:5px 0px 15px 16px;
	
	padding:0px;
	
	/*##TESTING##*/
}

#leftColumn ul ul
{
	margin:5px 0px 5px 16px;
}

#leftColumn ul li
{
	list-style-image:url(../images/arrow-small-purple-white-li.png);
	list-style-type:none;	
	margin:0px 0px 5px 0px;
	
	/*##TESTING##*/
	/*background-color:blue;*/
}

#leftColumn ul li a
{

}

/*---------------Simple Search------------*/
.simpleSearch
{
	padding:0px 0px 10px 0px;
}

.simpleSearchTitle
{
	font-weight:bold;
	padding:0px 0px 6px 0px;
	font-size:90%;
}

.simpleSearchInput
{
	width:115px;
}

/*---------------main Menu------------*/
.mainMenu
{
	font-size:110%;
	font-weight:bold;
}

#leftColumn a.Selected, .mainMenu a.Selected, .mainMenu a.Selected:Link, .mainMenu aSelected:.Active, .mainMenu a.Selected:Hover
{
	/*color:#01c702;*/
}

/*---------------FOOTER-------------------*/

#footer
{	
	/*background-color:Blue;*/
}

#footerMenu
{
	float:right;
	padding:25px 20px 15px 5px;
}

#footerMenu a, #footerMenu a:active, #footerMenu a:link, #footerMenu a:visited
{color:#5f5f5f; text-decoration:none;}
#footerMenu a:hover
{text-decoration:underline;}

#footerMenu ul
{
	padding:0px;
	margin:0px;
	display:inline;
}

#footerMenu ul li
{
	float:left;
	list-style:none;
	
	margin:0px;
	font-size:100%;
	
	/*##TESTING##*/
	/*background-color:blue;*/
}




/*-------------STRUCTURE-------------------*/
div.clear
{
	/*
	Hack for Firefox to allow height to fit. 
	Use as <div class="clear"></div> to clear the surrounding div.
	Only use as the last item in a div, can use clear: both; otherwise.
	*/
	
	clear: both; 
	display: block;
	font-size: 0; /* To fix back for IE */
	line-height: 0px;
	overflow: hidden;
	height: 0;
	visibility: hidden;
	
}

div.floatLeft
{
	float:left;
}

div.floatRight
{
	float:right;
}

/*------------HomePage-----------------------*/
table.CatagoryList
{
	text-align:center;
	font-size:100%;
	
}

table.CatagoryList h2
{
	margin:5px 0px 10px 0px;
	padding:0px;
	font-size:150%;
}

table.CatagoryList h2 a
{
	color:#522a6b;
	font-weight:normal;
	
}

table.CatagoryList h2 a, table.CatagoryList h2 a:active, table.CatagoryList h2 a:link, table.CatagoryList h2 a:visited
{text-decoration:none;}
table.CatagoryList h2 a:hover
{text-decoration:underline;}

/*----------------Latest Products--------------*/

.latestProducts
{
	float:left;
	width:160px;
	
}

.latestProducts h4
{
	margin:0px 0px 5px 19px;
	font-size:130%;
}

.latestProductsItem
{
	clear:both;
	padding:0px 0px 10px 15px;
}

.latestProductsItem .latestProductsItemName
{
	text-align:left;
	background-image:url(../images/arrow-small-purple-white-li.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0px 0px 0px 15px;
}

.latestProductsItem .latestProductsItemImage
{
	text-align:center;
}

.latestProductsItem .latestProductsItemPrice
{
	text-align:right;
	color:#ce0606;
}

.latestProductsItem a, .latestProductsItem a:active, .latestProductsItem a:link, .latestProductsItem a:visited
{color:#5f5f5f;text-decoration:none;}
.latestProductsItem a:hover
{text-decoration:underline;}


/*---------------------Products-----------------------*/

.purpleArrowLink
{
	background-image:url(../images/arrow-small-purple-white-li.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0px 5px 0px 12px;
}

.deleteLink
{
	background-image:url(../images/tree/exp.gif);
	background-position: -3px top;
	background-repeat:no-repeat;
	padding:0px 5px 0px 12px;
}

.purpleLinkButton
{
	background-image:url(../images/button-purple-small.png);
	background-position:right top;
	background-repeat:no-repeat;
	padding:0px 15px 0px 0px;
}

.addToCartLink
{
	font-size:110%;
	font-weight:bold;
}

/*--------------------Basket----------------------*/
.basketTable
{
	padding:0px;
	margin:0px;
	border: solid #806393 1px;
}

.basketTableHeader
{
	background-color:#806393;
	padding:0px;
	margin:0px;
	color:White;
	font-weight:bold;

}

.basketTable a, .basketTable a:active, .basketTable a:link, .basketTable a:visited
{color:#5f5f5f;text-decoration:none;}
.basketTable a:hover
{text-decoration:underline;}

.basketTable td
{
	border-left: solid #806393 1px;
	padding: 4px; 
	text-align:center;
}

td.basketTableDetails
{
	border-left: solid #806393 0px;
	padding: 3px; 
	text-align:left;
}

td.basketTableEmpty
{
	border-left: solid #806393 0px;
	padding:20px;
}

td.basketTableDetails .title
{
	font-weight:bold;
}

td.basketTableDetails .image
{
	float:left;
	padding-right:5px;
}

td.basketTableDetails .smalltext
{
	padding-top:5px;
	font-size:80%;
	float:left;
}

td.basketTableDetails .usuallyships
{
	font-style:italic;
	float:left;
}

.basketTableHeader td 
{
	background-color:#806393;
	padding: 5px; 
	border: solid #806393 0px;
	text-align:center;
}

.basketTableFooter td 
{
	padding: 5px; 
	font-weight:bold;
	font-size:110%;
}

.basketTableFooter td.basketTableDetails
{
	text-align:right;
}

.checkoutLink
{
	font-size:110%;
	font-weight:bold;
}

/*------------------Catagory--------------------*/

.productbox
{
	width:160px;
	padding-bottom:20px;
}
.productsummaryproductname a, .productsummaryproductname a:active, .productsummaryproductname a:link, .productsummaryproductname a:visited
{color:#5f5f5f;text-decoration:none;}
.productsummaryproductname a:hover
{text-decoration:underline;}

.productsummarydisplaywrapper
{
	padding-left:5px;
}

.productsummarydisplaywrapper .productsummaryimageholder
{
}

.productsummarydisplaywrapper .productsummarytext
{
	padding-bottom:10px;
}

.productsummarydisplaywrapper .productsummaryproductname
{
	font-weight:bold;
	padding-bottom:8px;
}

.retailprice
{
	text-decoration:line-through;
	color:#5f5f5f;
}

.retailpricenormal
{
	color:#5f5f5f;
}

.price
{
	color:#ce0606;
}


.productsummarydisplaywrapper .usuallyships
{
	font-style:italic;
}

.productsummarydisplaywrapper .smalltext
{
	font-size:90%;
}

/*-------------------------Login-----------------*/

#login
{
	padding:0px 100px 0px 100px;
}

.loginTable
{
	width:100%;
}
.loginTable td
{
	padding:2px;
}
.loginTable td .purpleArrowLink
{
	padding:0px;
	padding-left:10px;
}
.loginTable .loginButtonStyle
{	
	background-image:url(../images/arrow-small-purple-white-li.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0px 5px 0px 12px;
	font-weight:bold;
}
.loginTable .failureTextStyle
{	
	border:dashed 1px #ce0606;
	color:#ce0606;
	padding:15px;
	margin:10px;
}
.loginTable .hyperLinkStyle
{	

}
.loginTable .instructionTextStyle
{	
	padding:0px 0px 10px 0px;
	font-weight:bold;
}
.loginTable .labelStyle
{	
	padding:0px 8px 0px 0px;
	text-align:right;
}
.loginTable .textBoxStyle
{	
	
}
.loginTable .titleTextStyle
{	
}
.loginTable .checkBoxStyle
{	
	padding:0px 0px 0px 70px;
}
.loginTable .validationTextStyle
{	
	padding: 0px 0px 0px 5px;
}

/*----------------------Register-----------------*/

.registerTable
{
	width:100%;
}
.registerTable .loginButtonStyle
{	
	background-image:url(../images/arrow-small-purple-white-li.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0px 5px 0px 12px;
	font-weight:bold;
}

.registerTable .instructionTextStyle
{	
}
.registerTable .labelStyle
{	
	padding:0px 5px 0px 0px;
	text-align:right;
}
.registerTable .completeSuccessTextStyle
{	
	display:block;
	border:dashed 0px #806393;
	padding:15px;
	margin:10px;
}
.registerTable .continueButtonStyle
{	
	font-weight:bold;
}
.registerTable .errorMessageStyle
{	
	display:block;
	border:dashed 1px #ce0606;
	color:#ce0606;
	padding:15px;
	margin:10px;
}

.registerTable .validationTextStyle
{	
	padding: 0px 0px 0px 5px;
}


/*-----------------------Address Book----------------------*/
.showAddressBook
{
	font-weight:bold;
}

/*---------------------Checkout------------------------------*/

.checkoutlabel
{
	white-space:nowrap;
}

.nextButton
{
	font-weight:bold;
	font-size:110%;
	background-image:url(../images/button-purple-small.png);
	background-position:right center;
	background-repeat:no-repeat;
	padding:0px 20px 0px 0px;
}

.previousButton
{
	font-weight:bold;
	font-size:110%;
	background-image:url(../images/button-back-purple-small.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
}

.checkoutStageSelected
{
	font-size:200%;
	color:#806393;
}

.checkoutStage
{
	font-size:160%;
	color:#999999;
}

.checkoutStage a:active, .checkoutStage a:link, .checkoutStage a:visited
{color:#999999;text-decoration:none;}
.checkoutStage a:hover
{text-decoration:underline;}

.highlight
{background-color:Yellow;}

/*http://mattberseth.com/blog/2007/09/more_sample_ajaxcontroltoolkit.html*/
/* ajax__tab_technorati-theme theme */
.ajax__tab_technorati-theme .ajax__tab_header 
{
    background:url(../images/tab-line.png) repeat-x bottom;
    display:block;
    font-weight: bold;
    font-size:110%;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(../images/tab.png) no-repeat left top;
    border-color:#222;
    color:#999999;
    padding-left:10px;
    margin-right:3px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner 
{
    background:url(../images/tab.png) no-repeat right top;
    border-color:#666;
    color:#999999;
    padding:3px 10px 2px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner 
{
    color:#5f5f5f;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(../images/tab.png) no-repeat 0pt -40px;
    border-bottom-color:#ffffff;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner 
{
    background:url(../images/tab.png) no-repeat right -40px;
    color:#5f5f5f;
    border-color:#333
}
.ajax__tab_technorati-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:1em;
    padding:8px;
    padding-top:10px;
    background-color:#ffffff;
    border:solid 1px #d7d7d7;
    border-top-width:0;
}

/*Buttons*/
input.button
{
	border:1px solid #666666;
}

a.sitemapLink, a.sitemapLink:active, a.sitemapLink:link, a.sitemapLink:visited
{color:#5f5f5f;text-decoration:none;}
a.sitemapLink:hover
{text-decoration:underline;}

.sitemapLink
{
	display:block;
	background-image:url(../images/arrow-small-purple-white-li.png);
	background-position: left top;
	background-repeat:no-repeat;
	padding:0px 0px 2px 10px;
}
.sitemapLinkLevel0 {margin-left:0px;}
.sitemapLinkLevel1 {margin-left:20px;}
.sitemapLinkLevel2 {margin-left:40px;}
.sitemapLinkLevel3 {margin-left:60px;}
.sitemapLinkLevel4 {margin-left:80px;}
.sitemapLinkLevel5 {margin-left:100px;}
.sitemapLinkLevel6 {margin-left:120px;}
.sitemapLinkLevel7 {margin-left:1400px;}

h3.newslink, h3.newslink a
{
	font-size:105%;
	margin:0px;
	padding:0px;
}
h3.newslink
{
	background-image:url(../images/arrow-small-purple-white-li.png);
	background-position: left top;
	background-repeat:no-repeat;
	padding:0px 0px 2px 10px;
}
.newsdate
{
	font-style:italic;
}
.newsTitle
{
	text-align:center;
	color:#4f73eb;
}
h2.newItemDate
{
	font-size:110%;
	color:#4f73eb;
}
