/* ------------------------------------------------------------ */
/* Standard Configurations */
/* ------------------------------------------------------------ */ 

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.Heading { display: none; }
.Float-Left { float: left; }
.Float-Right { float: right; }
.Clear-Both { clear: both; }

/* ------------------------------------------------------------ */
/* Structural Configurations */
/* ------------------------------------------------------------ */

/* ----- Structural Containers ----- */

body {
	
}

#Body-Wrapper {
	position: relative;
	float: left;
	width: 100%;
}

#Max-Width {
	position: relative;
	float: left;
	width: 100%;
}

#Min-Width {
	position: relative;
	margin: 0 auto;
	width: 1060px;
}

#Wrapper {
	position: relative;
	float: left;
	margin: 0 auto;
	width: 1060px;
}

#Faux-Shadow {
	position: relative;
	float: left;
	margin: 0 auto;
	width: 1060px;
	background-image: url(http://images.esellerpro.com/41/images/block-backgrounds/body-wrapper.gif);
	background-repeat: repeat-y;
	background-color: #ffffff;
	background-position: center 0;
}

#Faux-Body {
	position: relative;
	float: left;
	margin: 0 0 0 40px;
	width: 980px;
	height: auto;
	z-index: 2;
}

#Content-Wrapper {
	position: relative;
	float: left;
	width: 980px;
	height: auto;
}

/* ----- Content Containers ----- */

#Header-Container {
	position: relative;
	float: left;
	width: 980px;
	height: 255px;
	background-image: url(http://images.esellerpro.com/41/images/block-backgrounds/store-header.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
	z-index: 2;
}

#Content-Container {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	z-index: 1;
}

#Menu-Left {
	position: relative;
	float: left;
	width: 171px;
	height: auto;
	padding: 0 0 40px 0;
}

#Menu-Right {
	position: relative;
	float: right;
	width: 171px;
	height: auto;
	padding: 0 0 40px 0;
}

#Content {
	background-color: #ffffff;
	position: relative;
	float: left;
	padding: 0 0 10px 0;
	width: 100%;
	height: auto;
}

#Footer-SUB {
	position: relative;
	float: left;
	margin: 0;
	width: 980px;
	height: 170px;
}

#Faux-Footer {
	position: relative;
	float: left;
	padding: 0 0 0 0;
	margin: 28px 0 0 40px;
	width: 980px;
	height: 315px;
	background-image: url(http://images.esellerpro.com/41/images/block-backgrounds/faux-footer.jpg);
	background-repeat: no-repeat;
	text-align: center;
	z-index: 1;
}

/* ------------------------------------------------------------ */
/* Element Formatting */
/* ------------------------------------------------------------ */

/* ----- Top Links ----- */

#Header-Menu-Top-Links {
	position: absolute;
	right: 14px;
	top: 0px;
	height: 25px;
	line-height: 33px;
	list-style: none;
}

#Header-Menu-Top-Links li {
	float: left;
	padding: 0 0 0 9px;
}

/* ----- Header Cart ----- */

#Header-Cart {
	position: absolute;
	right: 13px;
	top: 40px;
	width: 265px;
	height: 101px;
	background-image: url(http://images.esellerpro.com/41/images/block-backgrounds/shopping-cart.gif);
}

#Header-Cart p#HC-Title{
	padding: 14px 0 0 55px;
}

#Header-Cart p#HC-ItemCount{
	padding: 10px 0 0 20px;
}

#Header-Cart p#HC-Total{
	padding: 0 0 0 20px;
}

#Header-Cart span{
	padding: 0 0 0 4px;
}

#Header-Cart a {
	position: absolute;
	right: 16px;
	bottom: 8px;
}

/* ----- Header Search ----- */

#Header-Search {
	position: absolute;
	left: 175px;
	top: 184px;
	height: 24px;
}

#Header-Search li {
	display: inline;
	float: left;
}

#Header-Search li select {
	float: left;
	margin: 2px 0 2px 0;
	padding: 0;
	width: 142px;
	height: 20px;
	background-color: #ffffff;
	color: #5f5f5f;
}

#Header-Search li #header-searchquery {
	float: left;
	margin: 1px 0 0 61px;
	padding: 3px 5px;
	width: 151px;
	height: 16px;
	color: #5f5f5f;
}

#Header-Search li #header-searchsubmit {
	float: left;
	margin: 0;
	padding: 0;
	width: 61px;
	height: 24px;
	cursor: pointer;
	background-color: transparent;
}

/* ----- Header Tabs ----- */

#Tabbed-Menu {
	position: absolute;
	left: 0;
	top: 216px;
	
	width: 100%;
	list-style: none;
	height: 39px;
	z-index: 10;
}

#Tabbed-Menu > li{
	float: left;
	padding: 0;
	height: 39px;
	line-height: 34px;
	position: relative;
	z-index: 10;
}

#Tabbed-Menu > li > a{
	float: left;
	padding: 1px 9px 4px 10px;
	position: relative;
	z-index: 20;
}

#Tabbed-Menu > li > a.hover, #Tabbed-Menu > li > a:hover, #Tabbed-Menu > li > a.selected{
	background-image: url(http://images.esellerpro.com/41/images/elements/tab-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #ffffff;
	border-top: 1px solid #553a79;
	border-left: 1px solid #553a79;
	border-right: 1px solid #553a79;
	padding: 0 8px 8px 9px
}

#Tabbed-Menu > li > a.hover.nodropdown, #Tabbed-Menu > li > a.nodropdown:hover, #Tabbed-Menu > li > a.nodropdown.selected{
	padding: 0 8px 4px 9px
}

#Tabbed-Menu > li > ul {
	position: absolute;
	left: 0px;
	top: 42px;
	width: 420px;
	list-style: none;
	padding: 5px 15px 10px 0;
	
	background-color: #FFFFFF;
	border-top: 1px solid #553a79;
	border-left: 1px solid #553a79;
	border-right: 1px solid #553a79;
    border-bottom: 1px solid #553a79;
    margin: 0;
    z-index: 10;
}

#Tabbed-Menu > li > ul > li {  
	float: left;  
    height: 22px;
    line-height: 22px;
    padding: 0 0 0 13px;
    width: 197px;
}

/* ----- UL List Header ----- */

.Content-Heading-Container {
	position: relative;
	float: right;
	width: 980px;
	height: 20px;
	line-height: 20px;
	background-color: #ffffff;
	overflow: hidden;
	margin: 10px 0 0;
}

.Content-Heading-Container-Overflow {
	width: 980px;
	height: 20px;
	overflow: hidden;
}

/* ----- Non Padded Heading versions ----- */

.Content-Heading-Container p {
	position: relative;
	float: left;
	padding: 0 0 0 12px;
}


/* ----- Footer Left Configurations ----- */

#Faux-Footer ul.Content {
	position: absolute;
	text-align: center;
	list-style: none;
}

#Faux-Footer ul.Links {
	position: absolute;
	left: 20px;
	bottom: 23px;
	width: 500px;
	padding: 0;
	text-align: left;
}

#Faux-Footer ul li {
	position: relative;
	list-style: none;
	display: inline;
}

#Faux-Footer ul.Content li {
	padding: 0 5px;
}

#Faux-Footer .Content#Pages {
	top: 79px;
	left: 178px;
	width: 640px;
}

#Faux-Footer .Content#Cats {
	top: 34px;
	width: 980px;
}

/* ------------------------------------------------------------ */
/* Misc Elements */
/* ------------------------------------------------------------ */

#Page-Logo {
	position: absolute;
	left: 58px;
	top: 27px;
}

#W3C-Logos{
	float: left;
	display: block;
	width: 190px;
	padding: 1px 0 0 10px;
}

#eSellerPro{
	position: absolute;
	right: 15px;
	bottom: 0px;
	width: 400px;
	list-style: none;
}

#eSellerPro li{
	float: right;
	font-size: 0.8em;
}

#eSellerPro li.logo{
	width: 102px;
	height: 53px;
}

#eSellerPro li img{
	float: right;
	margin: 0 0 0 5px;
}

#eSellerPro p{
	height: 42px;
	line-height: 42px;
}

li.Spacer{
    list-style: none;
    height: 10px;
}

#LoadingBG {
    background-image: url(http://images.esellerpro.com/41/images/objects/searchload.png);
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 99999;
}

#LoadingBG img {
    padding: 300px 0 0;
}

/* --------- POST CODE LOOKUP ----------- */

#Select-Postcode{
	padding: 2px 4px;
}

.Postcode-Lookup-Button {
	float: right;
	margin: 0 0 6px 4px;
	padding: 0 0 0 0;
	width: 21px;
	height: 21px;
	cursor: pointer;
	background-image: url(http://images.esellerpro.com/41/images/objects/magnifying_glass.png);
	background-repeat: no-repeat;
	background-color: #ffffff;
}

.Text-Message{
	padding: 0 25px 10px;
	color: #cc0000;
	text-align: right;
}

#PostcodeContainer td{
	padding: 10px 0;
}

#PostcodeContainer select{
	background: #ffffff;
}

/* ------------------------------------------------------------ */
/* Elements Colours */
/* ------------------------------------------------------------ */

/* ----- Generic Colours ----- */

* { color: #2a2a2a; }

/* ----- Top Links ----- */

#Header-Menu-Top-Links LI { color: #583e7c; }
#Header-Menu-Top-Links LI a { color: #583e7c; }
#Header-Menu-Top-Links LI a:hover { color: #583e7c; }

/* ----- Header Menu ----- */

#Header-Menu LI a { color: #ffffff; }		
#Header-Menu LI a:hover { color: #ffffff; }

/* ---- Header Cart ------ */

#Header-Cart #HC-Title { color: #583e7b; }
#Header-Cart #HC-ItemCount { color: #583e7b; }
#Header-Cart #HC-ItemCount span { color: #3b3b3b; }
#Header-Cart #HC-Total { color: #583e7b; }
#Header-Cart #HC-Total span { color: #3b3b3b; }
#Header-Cart a { color: #583e7b; }

/* ----- Header Tabs ----- */

#Tabbed-Menu a { color: #ffffff; }
#Tabbed-Menu a:hover, #Tabbed-Menu a.hover { color: #ffffff; }

#Tabbed-Menu li ul li a { color: #2c2c2c; }
#Tabbed-Menu li ul li a:hover { color: #2c2c2c; }	

/* ----- Content Headings ----- */

.Content-Heading-Container p h1 { color: #393939; }

.Content-Heading-Container p a { color: #393939; }
.Content-Heading-Container p a:hover { color: #393939; }

.Homepage-Heading-Container p { color: #393939; }

/* ----- Footer Elements ----- */

#Faux-Footer UL LI { color: #333333; }
#Faux-Footer UL LI a { color: #333333; }
#Faux-Footer UL LI a:hover { color: #333333; }

.CreatedBy { color: #4e4e51; }

/* ----- Sub Header Elements ----- */

#Header-Content p { color: #000000; }
#SUB-Header-Content p { color: #000000; }

/* ------------------------------------------------------------ */
/* Font Formatting */
/* ------------------------------------------------------------ */

/* ----- Generic Formatting ----- */

* {
	font-family: Arial, Tahoma, "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Lucida, Verdana;
	font-size: 100%;
}

/* ----- Top Links ----- */

#Header-Menu-Top-Links LI { font-size: 0.85em; }
#Header-Menu-Top-Links LI a { text-decoration: none; }
#Header-Menu-Top-Links LI a:hover { text-decoration: underline; }

/* ----- Header Menu ----- */

#Header-Menu LI { font-size: 0.9em; }
#Header-Menu LI a {text-decoration: none; }
#Header-Menu a:hover { text-decoration: underline; }

/* ----- Header Cart ----- */

#Header-Cart { font-size: 0.7em; font-weight: bold; text-transform: uppercase; }
#Header-Cart #HC-Title { font-size: 1.4em; }
#Header-Cart a{ text-decoration: none; text-transform: capitalize; }
#Header-Cart a:hover{ text-decoration: underline; }
#Header-Cart span{
	font-size: 1.3em;
}

/* ----- Header Search ----- */

#Header-Search {
	font-size: 0.8em;
}

/* ----- Header Tabs ----- */

#Tabbed-Menu a {
	font-size: 0.8em;
	text-decoration: none;
}

#Tabbed-Menu a:hover { text-decoration: none; }

#Tabbed-Menu li ul li a {
    font-size: 0.75em;
    font-weight: normal;
}
#Tabbed-Menu li ul li a:hover { text-decoration: underline; }

/* ----- Content Headings ----- */

.Content-Heading-Container h1 {
	font-weight: normal;
	font-size: 0.75em;
}

.Content-Heading-Container p {
	font-weight: bold;
	font-size: 0.85em;
}

.Content-Heading-Container p a {
	font-weight: normal;
	text-decoration: none;
}
.Content-Heading-Container p a:hover { text-decoration: underline; }

/* ----- Header Elements ----- */

#Faux-Header LI { font-size: 0.7em; }
#Faux-Header LI a { text-decoration: none; }

/* ----- Sub Header Elements ----- */

#Header-Content p { font-size: 0.8em; }
#SUB-Header-Content p { font-size: 0.8em; }

/* ----- Footer Elements ----- */

#Faux-Footer UL LI {
	line-height: 20px;
	font-size: 0.75em;
}

#Faux-Footer UL LI a {
	text-decoration: none;
}

#Faux-Footer UL LI a:hover {
	text-decoration: underline;
}

.CreatedBy {
	font-size: 0.7em;
}
