/* --------------------------------------------------------------------------------------
 BASIC HTML TAGS (general definitions) 
-----------------------------------------------------------------------------------------*/
body {
	margin:0px;	padding:0px;
	font: 11px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif;  /*This CSS shorthand works only if both the font-size and the font-family are specified*/
	color:#424242; 
	text-align:center;
	background:#EEEEEE;
	}

p, td, div, span, li { font: 11px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif; }

div, span, table, tr, td { margin:0; padding:0;	}

p   {
	line-height:150%;
	text-align:left;
	margin:5px 0 15px 0; padding:0;
	}
	
h1  {font-size:300%; font-weight:bold; text-align:left; margin:0; padding:0; }
h2, h3, h4, h5, h6 {font-size:200%; font-weight:bold; margin: 15px 0 5px 0; padding:0;}
h3 {font-size:160%;	font-weight:bold;}
h4 {font-size:140%;	font-weight:bold;}
h5 {font-size:120%;	font-weight:bold;}

a:link 		{text-decoration:none; color:#338ABE;  font-weight:bold;}
a:visited 	{text-decoration:none; color:#338ABE; font-weight:bold;}
a:hover 	{text-decoration:underline;	color:#000000; font-weight:bold;}
a:active	{text-decoration:underline; color:#000000; font-weight:bold;}
a img {	border:none; }

ul { padding:0 0 0 5px; margin:0 0 20px 0; list-style:none;}
ul li{ margin:0 0 0 5px; padding-left:20px; background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:0 5px; display: inherit; }

table {border:none;}
th {height:20px; color:white; background-color:#3C3C3C; text-align:left;}

form { }
input {	border:1px solid #999999;font-size:85%;	}
select {	border:1px solid #999999;font-size:85%;	}
textarea { border:1px solid #999999;}
input.darkButton {height:15px; background-color:#999999; color:white; font-weight:normal; border:1px solid #444444;}
input.darkButtonBold {height:20px; background-color:#999999; color:white; font-weight:bold; border:1px solid #444444;}

/* --------------------------------------------------------------------------------------
 ELEMENTARY STRUCTURE
-----------------------------------------------------------------------------------------*/

/**********************
Container
**********************/
#container { width:770px; margin:auto; text-align:left;}

/**********************
Header
**********************/
#header {height:195px; position:relative; top:0; left:0;}

#header-top { width:770px; height:150px;}
#header-top-left { position:absolute; top:0; left:0; width:212px; }

#header-top-right {position:absolute; top:0; left:212px; width:558px; height:150px; background:url(../images/core/header-right-bg.jpg) no-repeat top left; margin:0; padding:0;}

#header-bottom {height:45px; width:770px; background:url(../images/core/header-btm-bg.jpg) no-repeat top center; position:absolute; top:150px; left:0px;}
#header-bottom div.welcome {font-size:10px; font-weight:bold; color:white; margin:7px 0 0 25px;}
#header-bottom span.emphasized {font-size:10px; font-weight:bold; color:#FFEB0F;}

#cart-indicator {float:right; font-size:10px; font-weight:bold; color:white; margin:10px 24px 0 0; display:inline;}
#cart-indicator a{color:white;}
#cart-indicator span.divider {margin:0 10px;}
#cart-indicator span.divider img{margin-bottom:-2px;}

/**********************
Navigation
**********************/
#navigation {float:right; margin:120px 24px 0 0; height:20px; display:inline; width:450px; text-align:right; }
#navigation ul { list-style-type:none; margin:0; padding:0; }
#navigation ul li{display:inline; color:white; font-size:10px; font-weight:bold; margin:0 0 0 5px; padding:0; background-image:none; }
#navigation ul li a:link, #navigation ul li a:visited {color:white;}
#navigation ul li a:hover, #navigation ul li a:active {color:#338ABE;}
#navigation ul li img {margin-right:3px;}
#navigation ul li span.divider {margin-left:10px;}
#navigation ul li span.divider img {margin-bottom:-6px;}

/**********************
Content
**********************/
#content{}
#content-innerpages {background:url(../images/core/content-innerpages-bg.jpg) no-repeat top left; width:770px; }
#content-innerpages-body {margin:15px 25px 20px 25px;}

/**********************
Footer
**********************/
#footer {height:88px; background:url(../images/core/footer-bg.gif) no-repeat left top;}
#footer a {}
#wfLogo {float:right; padding:15px 20px 0 0; display:inline;}
#breadCrumb {padding:14px 0 0 22px; color:white; font-size:9px;}
#breadCrumb a, #breadCrumb a:visited {color:white; font-weight:bold;}
#breadCrumb a:hover, #breadCrumb a:active {color:#338ABE;}
#copyright {margin:0 0 0 22px; color:white;font-size:10px; font-weight:bold; line-height:100%;}

/* --------------------------------------------------------------------------------------
 PAGES
-----------------------------------------------------------------------------------------*/

/* Splash  *****************************************************/
#banner-main {width:770px; height:245px; position:relative; }
#banner-main-image {position:absolute; top:0; left:0px; width:426px;}
#banner-main-text {position:absolute; top:0; left:426px; width:344px;}

#splash-2columns {background:url(../images/splash/splash-2col-bg.gif) no-repeat top left; width:770px; }

#welcome {float:left; width:449px; margin:0; padding:0;}
#welcome-content { margin:60px 1px 0 8px; padding: 0 20px 0px 15px; }
#welcome-content img { margin:0 0 15px -2px; }

#featuredProduct {margin:0 0 0 449px; padding:60px 28px 0px 21px;}
#featuredProduct div.image {text-align:center; margin:15px 0;}
#featuredProduct div.price {font: 26px/20px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FF7E00; float:right; margin-top:5px;}
#featuredProduct div.id {}
#featuredProduct div.name  { font-size:110%; font-weight:bold; color:#338ABE;}
#featuredProduct div.productCode {}
#featuredProduct div.description {margin:10px 0;}
#featuredProduct div.size {font-weight:bold;}
#featuredProduct div.buttons {margin-top:15px;}
#featuredProduct div.buttons img {margin-right:10px;}

/* Profile  ******************************************************/


/* Products  ******************************************************/
#products-listing-categoryHeader,#products-listing-categoryFooter {text-align:center; margin:20px auto;}
#products-listing-categoryHeader h2{margin:0 auto 20px auto; font: 26px/20px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:black;}

#products-listing-table td.product-cell {padding-bottom:50px;}

#products-listing-table td h3 {font-size:110%; font-weight:bold; color:#338ABE; margin:5px 0 0 0;}
#products-listing-table div.product-image {height:150px;  padding:5px 0;}
#products-listing-table div.product-image img {border:1px solid #dddddd; }
#products-listing-table div.productCode {margin:2px 0 5px 0; line-height:100%;}
#products-listing-table div.price {font: 21px/20px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FF7E00;}
#products-listing-table div.price {padding:10px 0 10px 0;}
#products-listing-table td.size {padding:0px 0px 5px 0px; line-height:100%;}
#products-listing-table td.colour {padding:5px 0px 15px 0px;}
#products-listing-table div.buttons-group1 {}
#products-listing-table div.buttons {padding-top:5px;}


#product-detail-2columns { }

#product-image {float:left; width:300px; margin:0; padding:0;}
#product-image-content { margin:0; padding:0; text-align:center;}
#product-image-content img {border:1px solid #dddddd;}
#product-image-content div.product-image-click {text-align:center; width:100%; font-size:90%;}

#product-info {margin:0 0 0 320px; padding:0;}
#product-info div.name {font-size:180%; font-weight:normal; color:#338ABE; margin:0;}
#product-info div.productCode {margin:5px 0; line-height:100%;}
#product-info div.price {font: 24px/20px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FF7E00; margin:15px 0 10px 0;}
#product-info div.buttons {margin:15px 0 10px 0;}
#product-info div.description {margin:10px 0; }
#product-info div.size {font-weight:bold;}

/* Links  ******************************************************/
#links-disclaimer {margin:20px 0 0 0; font-size:90%; font-style:italic;}

/* Contact Us  ******************************************************/
#mudmap {float:right; border:1px solid #aaaaaa;}
#opening-hours td { height:60px; }

/* --------------------------------------------------------------------------------------
 GENERAL CLASSES  
-----------------------------------------------------------------------------------------*/

.black1 {color:#000000;}
.blue1 {color:#000000;}
.yellow1 {color:#000000;}

.imageHeader { margin:0; padding:0;}
.underline {}
.topline {}
.wrap {}
.image-right {float:right; margin:0 0 10px 10px; border:1px solid #aaaaaa;}

.float-left {float:left;}
.float-right {float:right;}

.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}

.cleaner {
      clear:both;
      height:1px;
	  font-size:1px;
	  border:none;
      margin: -20px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
	  background:transparent;
      }