/*
Design by Ann.ie Designs	  
*/

html, body, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
}

/* Basic Styles */

h1 img {
	display: block;
}
img {
	border: 0;
}
a {
	color: #464544;
}
a:hover {
	color: #FFA405;
}
.left {
	float: left;
}
.right {
	float: right;
	margin: 5px;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body {
	background: url(../images/layout/page_bg.gif) repeat-x #fef5fb;
	text-align: center;
	font: 12px Tahoma, arial, sans-serif;
	color: silver;
}

/** layout **/
#wrapper {
	text-align: left;
	margin: auto;
	width: 710px;
    position: relative;
}

/** Top Links **/

#top-nav {
	position: absolute;
	top: 0px;
	left: -1px;
	width: 710px;
	height: 33px;
	background: 000000;
}

#top-nav ul {
  text-align: center;
  line-height: 32px;
}
#top-nav li {
  display: inline;
  font-size: 12px;
  color: #ffffff;
}
#top-nav a {
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
}
#top-nav a:hover {
  text-decoration: underline;
  color: #ffffff;
}

/** Brand Images **/

#left-brands {
  background: url(../images/layout/brand01.gif) no-repeat;
  position: absolute;
  top: 10px;
  left: -155px;
  width: 150px;
  height: 250px;
}

#right-brands {
  background: url(../images/layout/brand02.gif) no-repeat;
  position: absolute;
  top: 10px;
  left: 715px;
  width: 150px;
  height: 250px;
}

/** End Brand Images **/

/** Opening Hours **/

#opening {
  position: absolute;
  top: 250px;
  left: 715px;
  width: 150px;
  height: auto;
}

#opening p {
	text-align: center;
}

/** Facebook **/

#facebook {
	background: url(../images/additional/links/facebook.png) no-repeat;
	position: absolute;
	left: 730px;
	width: 125px;
	height: 47px;
	top: 190px;
}

/** Header Logo **/

#header {
  background: url(../images/layout/header_bg.gif) no-repeat;
  position: absolute;
  top: 70px;
  left: 0px;
  width: 450px;
  height: 107px;
  margin: 0 0 0 -20px;
}

/** End Header Logo **/

/** Search Box **/

.search {
	position: absolute;
	top: 24px;
	left: 445px;
    height: 50px;
    width: 245px;
    background-color: #000000;
    padding: 2px 0 0 0;    
}

/** End Search Box **/

/** Flash Box **/

#promo {
	background: url(../images/promo/img009.jpg);
	position: absolute;
    top: 78px;
	left: 435px;
	height: 140px;
	width: 265px;
	z-index: 12;
}

/** End Flash Box **/

#header-container {
  height: 220px;
}

/* End Header */


/* Main Content Layout */

#container {
  background: url(../images/layout/body_bg.gif) repeat-y;
  width: 100%;
  height: auto;
}

#left {
  float: left;
  width: 412px;
  min-height: 200px;
}
#right {
  float: right;
  width: 295px;
  min-height: 200px;
}

/* End Main Content Layout */

/* Tab Navigation */

#nav ul {
}

#nav li {
  float: left;
  width: 102px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  background: url(../images/layout/tab_lit.gif) repeat-x;
  border-left: 1px ridge white;
  list-style: none;
}
#nav a {
  font: 12px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  padding: 10px 0;
}

#nav a:hover {
  text-decoration: underline;
}
#nav li.drk {
  background: url(../images/layout/tab_drk.gif) repeat-x;
  border-left: 1px ridge white;
}

/* End Tab Navigation */

/* Main Content */

#homecontent {
  background: #eeeeee url(../images/additional/news/homepage.gif) no-repeat right;  
  min-height: 400px;
}

#homecontent h2 {
  font: 24px "Arial", sans-serif;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

p.homecontent {
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  text-align: left;
  padding-right: 120px;
}

#content {
  background: #eeeeee;  
  padding: 15px 20px 14px 20px;
  min-height: 100px;
}

#content h2 {
  font: 24px "Arial", sans-serif;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

#content p {
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  text-align: left;
}

#content a {
  text-decoration: none;
}
#content a:hover {
  text-decoration: underline;
  color: #666;
}

/** extra styles **/

#content ul {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
}

#content li {   
  display: inline;
  font-size: 12px;
  color: #000;
}

#content h3 {
  color: #000000;
  font: 14px "Arial Black", sans-serif;
}

#content h3 a{
  color: #000000;
  font: 14px "Arial Black", sans-serif;
}

#content h3 a:hover{
  color: #000000;
  font: 14px "Arial Black", sans-serif;
  text-decoration: underline;
}


/** Thumbnail Pictures **/

.thumbnails {
	margin: 0 auto;
}

.thumbnails img {
padding: 5px;
border-left: 1px solid silver;
border-right: 1px solid silver;
}

/** Large Left Images **/

.oversize { 

background-color: #eeeeee;
font: 11px/1.4em Arial, sans-serif; 
} 

.oversize img{
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding:0px;
   }

/** Site Map

#sitemap {
  float: left;
  width: 405px;
  height: 400px; 
  overflow: auto;
  padding-right:0px;
  padding-left: 8px;
  padding-bottom: 10px;
  margin-top: 22px;
}


#sitemap h3 {
  padding-bottom: 5px;
  margin-top: 5px;
}

#sitemap li ul li {
  float: left;
  width: 405px;
  padding-right:0px;
  padding-left: 20px;
}

*/

#subs {
  min-height: 100px; 
  margin: 0;
}

/** Left **/

#subs-left {
  float: left;
  width: 175px;
  padding-right:0px;
  padding-left: 8px;
  margin: 22px 0 20px 0;
}

#subs-left ul {
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
}

#subs-left li {
  display: block;
  font-size: 12px;
  color: #000;
}


#subs-left a {
  color: #000;
  text-decoration: none;
}

#subs-left a:hover {
  color: silver;
  text-decoration: none;
}

#subs-left {
  color: #000;
}
#subs-left h3 {
  color: #000000;
  font: 14px "Arial Black", sans-serif;
}

#subs-left h3 a{
  color: #000000;
  font: 14px "Arial Black", sans-serif;
}

#subs-left h3 a:hover{
  color: #000000;
  font: 14px "Arial Black", sans-serif;
  text-decoration: underline;
}

#subs-left p {
  text-align: justify;
}

/* End Main Content */

/** Right Column **/

#subs-right {
  float: right;
  width: 175px;  
  padding-right: 10px;
  margin: 22px 0 20px 0;
}

#subs-right ul {
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
}

#subs-right li {
  display: block;
  font-size: 12px;
  color: #000;
}

#subs-right a {
  color: #000;
  text-decoration: none;
}

#subs-right a:hover {
  color: silver;
  text-decoration: none;
}

#subs-right {
  color: #000;
}
#subs-right h3 {
  color: #000;
  font: 14px "Arial Black", sans-serif;
}

#subs-right h3 a{
  color: #000000;
  font: 14px "Arial Black", sans-serif;
}

#subs-right h3 a:hover{
  color: #000000;
  font: 14px "Arial Black", sans-serif;
  text-decoration: underline;
}

#subs-right p {
  text-align: justify;
}

/* Catalogue */

#catalog {
  float: left;
  width: 380px;
  min-height: 250px; 
  padding-right:0px;
  padding-left: 8px;
  padding-bottom: 10px;
  margin-top: 22px;
}

#catalog ul {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
}

#catalog li {
  display: inline;
  font-size: 12px;
  color: #000;
}


#catalog a {
  color: #000;
  text-decoration: none;
}

#catalog a:hover {
  color: #000;
  text-decoration: underline;
}

#catalog {
  color: #000;
}
#catalog h3 {
  color: #000000;
  font: 14px "Arial Black", sans-serif;
}

#catalog h3 a{
  color: #000000;
  font: 14px "Arial Black", sans-serif;
}

#subs-left h3 a:hover{
  color: #000000;
  font: 14px "Arial Black", sans-serif;
  text-decoration: underline;
}

/** Sizing Page **/

sizing table
{
caption-side: top;
border-collapse: separate;
width: 350px;
empty-cells: show
}

.table td
{ border-bottom: 1px #C9C9C9 dotted;
text-align: center;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 10px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 0px;
padding-right: 0px; 
}

.table th
{ 
border-bottom: 1px #C9C9C9 dotted;
border-right: 1px #C9C9C9 dotted;
text-align: center;
font-family: Verdana, sans-serif, Arial;
font-weight: bold;
font-size: 10px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px; 
}

.table caption
{ 
border-bottom: 1px #C9C9C9 dotted;
border-right: 1px #C9C9C9 dotted;
text-align: center;
font-family: Verdana, sans-serif, Arial;
font-weight: bold;
font-size: 12px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px; 
}

/** Right Side of Page **/

#right-i {
  padding: 10px 25px 0 20px;
}

#right-i img {
  margin: 5px auto 10px auto;
}

#right h2 {
  color: #EEEEEE;
  font: 22px "Arial", sans-serif;
  font-weight: bold;
  margin-bottom: 12px;
}
#right h3 {
  color: #EEEEEE;
  font: 12px "Arial", sans-serif;
  font-weight: bold;
  letter-spacing: 0.1em; 
  margin-bottom: 5px;
}
#right p {
  margin-top: 0;
  color: silver;
}
#right .left {
  margin-right: 4px;
}
#right a {
  color: silver;
  font-weight: bold;
  text-decoration: none;
}
#right a:hover {
  text-decoration: underline;
}

/** footer **/

#footer {
  background: silver;
  color: #000000;
  text-align: center;
  font-size: 11px;
  float: right;
  width: 710px;
  padding: 10px 0;
  margin-bottom: 20px;
}
#footer p.copyright {
  margin: 0;
  padding: 0;
}

#footer p.design {
  margin: 5px 0 0 0;
  padding: 0;
  color: #666;
  font-size: 10px;
}

#footer p.design a{
  margin: 5px 0 0 0;
  padding: 0;
  color: #666;
  font-size: 10px;
}

#footer a {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}