/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/

html
{
height: 100%;
}

body
{
height: 100%;
}

#wrapper
{
position: relative;
min-height: 100%;
}

*html #wrapper
{
height: 100%;
}

#newsletter  .error_feedback li {color:#fff;}


#container{ position:relative;   border:#000000 0px solid;  padding:0px 0px 76px 0px; margin-top:0px; margin-left:14px; margin-right:auto; width:966px;  }

#header { width:100%; height:117px; margin:0px; padding:0px;  position:relative; }

#search {width:146px; position:absolute; right:0px; bottom:40px; position:absolute; }
#search form {position:relative;}
#search form button {background:none; border:0px; display:block; float:left; margin:-1px 0px 0px -4px; padding:0px;}
*+html #search form button {margin:-2px 0px 0px -2px; }
*+html #search form input  { padding:2px 0px 6px 0px;}
*html #search form button {margin:-2px 0px 0px -2px; }
*html #search form input  { padding:2px 0px4px 0px;}
#search form input { border-right:0px; font-size:1.2em; color:#636363;  border-left:0px; display:block; float:left;  width:113px; margin:0px; padding:0px; border-bottom:1px solid #a1a0a1;  border-top:1px solid #a1a0a1; font-size:1.2em; padding:2px 0px 4px 0px;}
#search .left { background:url(../images/left.jpg) no-repeat;  width:5px; height:23px; display:block; float:left;}

#logo { width:499px; height:85px; margin:0px; padding:0px;  }

#main {  width:100%; margin:0px 0px 0px 0px; }

#sidebar { width:206px;  height:100%; float:left;  margin:0px 0px 0px 0px; padding:0px; background:#ffffff; }
#sidebar_top {width:204px; height:90px; background:url(../images/top_sidebar.jpg) no-repeat left top; }
#info { width:174px; background:url(../images/info_rep.jpg) repeat-y ;  min-height:20px; height:auto !important; height:20px; position:relative; padding:0px 15px 15px 15px; }
#info p { position:relative; z-index:10; line-height:16px; font-size:1em;}
#info a { color:#232323;}
#info_bottom { width:204px; background:url(../images/bottom_side.jpg) no-repeat; width:204px; height:43px; position:absolute; bottom:0px; left:0px;}

.title_info {color:#232323; border-bottom:3px solid #d3ba92; padding:8px 0px 4px; font-size:1.2em; position:relative; z-index:100; }

#newsletter {width:176px; height:100px; height:auto !important; height:100px; background:url(../images/newsletter_rep.jpg) repeat-x #95249e left bottom; padding:42px 15px 12px 15px; margin:10px 0px 50px 0px; position:relative}
#newsletter p {margin:0px 0px 10px 0px;}
*html #newsletter form {margin:0px 0px 0px -2px; padding:0px}
#newsletter input {width:176px; border:0px; font-size:1.2em;}
#newsletter_top { width:206px; height:42px; position:absolute; top:0px; left:0px; background:url(../images/newsletter_top.jpg) no-repeat #ffffff;}
#newsletter_bottom {width:206px; height:12px; position:absolute;  bottom:0px; left:0px; background:url(../images/bottom_newsletter.jpg) no-repeat;}
*html #newsletter_bottom  {bottom:-1px;}
#newsletter button {background:none; border:0px; padding:0px; margin:0px; display:block; float:right;}
.hidden { display:none;}

#content_main  { width:750px;   margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important;   height:300px;}
#content {width:542px; float:left; margin:0px 0px 30px 0px;}
#content_top {margin-bottom:10px;}
#content_top a {display:block; float:left; width:271px; height:164px; margin:10px 0px 0px 0px;}
.content_offer_box { display:block; float:left; width:241px; background:url(../images/content_offer_rep.jpg) repeat-y; min-height:345px; height:auto !important; height:345px; position:relative; padding:6px 13px 7px 13px;} 
.content_offer_top { background:url(../images/content_offer_top.jpg) no-repeat; position:absolute; left:0px; top:0px; width:268px; height:6px;}
.content_offer_bottom { background:url(../images/content_offer_bottom.jpg) no-repeat left bottom; position:absolute; bottom:0px; left:0px; width:268px; height:7px;}
.offer_title {color:#232323; border-bottom:3px solid #d3ba92; padding:8px 0px 4px 0px; margin:0px 0px 6px 0px; font-size:1.2em;}
#whats_new {margin:0px 7px 0px 0px;}
#offer {}

.offer { background:#ffffff; padding:8px 0px 7px 0px; margin:0px 0px 2px 0px; border:1px solid #9f8055; position:relative; z-index:100;}
.offer img {display:block; float:left; margin:0px 8px 0px 9px;  position:relative; z-index:100;}
.offer a {color:#000000; font-size:1.2em; text-decoration:underline; line-height:18px; }
.offer a:hover {color:#000000; font-size:1.2em; }
.offer .price { color:#6d6d6d; font-size:1.2em; margin:5px 0px 5px 0px;}
.offer .link_offer {display:block; float:right;}
.finlink {margin:10px 0px 10px 0px !important;}

#basket {width:150px; min-height:123px; height:auto !important; height:123px; position:relative; margin:0px 0px 0px 4px; background:url(../images/basket_rep.jpg) repeat-y; padding:157px 10px 0px 20px;}
#basket p {position:relative; z-index:100; font-size:1.1em; margin:5px 0px 5px 0px;}
#basket_top { width:180px; height:157px; position:absolute; top:0px; left:1px; background:url(../images/top_basket.jpg) left top;}
#basket_bottom { background:url(../images/cart_bottom.jpg) no-repeat bottom left; position:absolute; bottom:0px; left:1px; width:180px; height:57px;}

#sidebar_right { width:199px;  min-height:573px; height:auto !important; height:573px; float:left;  margin:0px -1px 0px 0px; padding:0px; background:url(../images/sidebar_righ.jpg) no-repeat right top; }

#footer { position:relative; width:100%; background:url(../images/footer.jpg) repeat-x left top; height:76px; margin:-76px 0px 0px 0px; padding:0px; }
#footer_content {margin-left:14px; margin-right:auto; width:966px;}
#footer_content p {float:right; display:block; color:#ffffff; vertical-align:bottom; margin:30px 0px 0px 0px; padding:0px 52px 0px 0px; position:relative;}
#footer_content a {position:absolute; bottom:-1px; right:0px; width:48px; height:14px;}
.clear { clear:both; }

#footer_top {width:500px; height:50px; position:absolute; top:22px; left:240px; vertical-align:middle; display:block;}

#cards {position:absolute; left:20px; top:25px; background:url(../images/cards.jpg) no-repeat left top; width:178px; height:22px;}
/*------------------------------------ Basket -----------------------------------------------------------*/

#basket_table {margin:0px 0px 26px 0px;}
.remove_td {width:43px; text-align:center;  border-bottom:1px solid #c9c9c9;}
.quantity_td {width:74px; border-bottom:1px solid #c9c9c9;}
.description_td {width:179px; font-size:1.1em; padding:0px 44px 0px 0px; border-bottom:1px solid #c9c9c9;}
.image_td {width:91px; padding:16px 0px 16px 0px; border-bottom:1px solid #c9c9c9;}
.price_td {width:63px; border-bottom:1px solid #c9c9c9;}

#cart_total {width:222px; display:block; float:right;}

.subtotal {color:#898989; font-weight:bold; font-size:1.2em; display:block; float:left; padding:11px 0px 9px 0px; width:90px; text-align:right;} 
.subtotal_amount {color:#898989; font-weight:bold; font-size:1.2em;   display:block; float:right; padding:11px 0px 9px 0px;}
.shipping {color:#898989; font-weight:bold;  font-size:1.2em; display:block; float:left; padding:11px 0px 9px 0px;  width:90px; text-align:right;}
.shipping_amount {color:#898989; font-weight:bold;  font-size:1.2em; display:block; float:right; padding:11px 0px 9px 0px;}
.total {color:#898989; font-weight:bold;  font-size:1.2em; display:block; float:left; padding:11px 0px 9px 0px;  width:90px; text-align:right;}
.total_amount {color:#898989; font-weight:bold;  font-size:1.2em; display:block; float:right; padding:11px 0px 9px 0px;}

#cart_total hr  {background:#dcdcdc; color:#dcdcdc;}

#cart_updates {width:21224/03/2009 10:01:58px; display:block; float:right; margin:10px 0px 0px 0px; }
#cart_updates a {margin:0px 0px 0px 7px;}
/*------------------------------------ textpage -----------------------------------------------------------*/

#textpage { width:506px; display:block; float:left; margin:0px 0px 0px 11px;}
*html #textpage {  margin:0px 0px 0px 5px;}


#breadcrumb {font-size:1.1em; color:#c2a06b; margin:13px 0px 0px 0px;} 
#breadcrumb span {font-size:1.1em; color:#c2a06b; font-weight:bold;}
#breadcrumb a {color:#7f7f7f; font-weight:normal;}
#hearts_line {background:url(../images/hearts_line.gif) no-repeat top center;; height:17px; width:100%; margin:8px 0px 0px 0px; position:relative; z-index:100;}



#menu {width:206px; margin:10px 0px 5px 0px;}
#menu ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#menu ul li {margin:1px 0px 1px 0px; padding:0px 0px 0px 0px; list-style:none;}
#menu ul li a { font-size:1.1em; background:url(../images/menu_top.jpg) no-repeat top left #c2a06b; display:block; color:#000000; padding:9px 18px 9px 11px; position:relative; min-height:10px; height:auto !important; height:10px;}
#menu ul li a:hover {background:url(../images/menu_top_hover.jpg) no-repeat top left #231924; color:#ffffff; text-decoration:none;} 
#menu ul li a:hover .bottom {background:url(../images/menu_bottom_hover.jpg) no-repeat top left !important;} 

#menu ul li a .bottom { position:absolute; background:url(../images/bottom_menu.jpg) no-repeat left bottom; bottom:0px; left:0px; width:206px; height:8px; z-index:50; z-index:100; display:block;}
*html #menu ul li a .bottom {bottom:0px;}
*html #menu ul li a:hover .bottom {bottom:-6px;}
#menu ul li a .arrow { background:url(../images/arrow_menu.jpg) no-repeat; width:8px; height:7px; position:absolute; top:11px; right:7px; display:block; }
#menu ul li a:hover .arrow { background:url(../images/arrow_hovered.jpg) no-repeat;  }

#menu ul li ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#menu ul li ul li {margin:1px 0px 1px 0px; padding:0px 0px 0px 0px;}
#menu ul li ul li a {background:url(../images/nav_child_top.jpg) no-repeat top left #544861; color:#ffffff; padding:9px 18px 9px 26px;}
#menu ul li ul li a .bottom  { background:url(../images/nav_bottom.jpg) no-repeat left bottom;}
#menu ul li ul li a .arrow { background:url(../images/nav_sub_arrow.jpg) no-repeat; width:6px; height:9px; position:absolute; top:11px; right:7px; display:block; }
#menu ul li ul li a:hover .arrow { background:url(../images/nav_sub_arrow_hover.jpg) no-repeat;  }

#menu #selected {background:url(../images/menu_top_hover.jpg) no-repeat top left #231924; color:#ffffff; text-decoration:none;}
#menu #selected .bottom {background:url(../images/menu_bottom_hover.jpg) no-repeat top left !important;}
#menu #selected .arrow {background:url(../images/nav_sub_arrow_hover.jpg) no-repeat;}
/*------------------------------------ Gallery -----------------------------------------------------------*/

#gallery_left {width:237px; float:left; display:block; margin:10px 0px 0px 0px;}
.gal {display:block; float:left; margin:0px 9px 9px 0px}
.gal img {border:2px solid #ffffff; cursor:pointer;}

#gallery_right {width:247px; display:block; float:right; position:relative; margin:10px 0px 0px 0px;}

#gallery {width:247px; height:305px;}
#gallery ul {position:relative; margin:0px; padding:0px; display:block; float:left;}
#gallery li {position:absolute; top:0px; left:0px; list-style:none; margin:0px; padding:0px; }
.lightbox_icon {position:absolute; bottom:2px; right:0px; width:31px; height:31px; z-index:1100;}


/*------------------------------------ Products -----------------------------------------------------------*/

.product {padding:10px 10px 10px 0px; margin:0px 0px 5px 0px; border:1px solid #9f8055; position:relative; z-index:200;}
.product form {display:block; float:right; width:78px; margin:10px 5px 0px 0px;}
.product form select {font-size:1em; margin:0px 0px 0px 0px;}
.product form button {border:0px; background:0px; margin:0px; paddign:0px; margin:20px 0px 0px 0px; width:77px; height:17px; }
.product form label {font-size:1.1em; margin:0 5px 15px; }
body:last-child:not(:root:root) .product form label {font-size:1.1em; margin:0px 5px 10px 10px; }

.product_info {display:block; float:left; padding:0px 16px 0px 20px; width:280px; font-size:1.2em; color:#000000;  border-right:1px solid #c9c9c9;}
*html .product_info {width:270px; padding:0px 0px 0px 10px; width:300px;}
.product_info .details {font-size:1em; color:#6d6d6d; margin:5px 0px 5px 0px;}
.product_info .price {}

.paging { height:19px; display:block; color:#ffffff; background:#5e289a; margin:0px 0px 10px 0px;}
.page {color:#ffffff; font-size:1em; display:block; float:left; margin:3px 0px 0px 10px; }
.pages {color:#ffffff; font-size:1em; display:block; float:right; margin:3px 10px 0px 0px;   }
.pages a {color:#ffffff;}

.product_image {width:79px; height:64px; position:relative; display:block; width:64px; float:left; margin:0px 10px 0px 10px;}
.small_ligthbox {width:17px; height:17px; position:absolute; bottom:0px; right:-15px;}

*html .product_image {width:79px; height:64px; position:relative; display:block; width:64px; float:left; margin:0px 0px 0px 5px;}
*html .small_ligthbox {width:17px; height:17px; position:absolute; bottom:0px; right:0px;}

/*------------------------------------ nav-----------------------------------------------------------*/

#nav_top { position:absolute; top:13px; right:0px; margin:2px 0px 0px 0px; padding:0px 0px 0px 0px; }
#nav_top ul { padding:0px; margin: 0px 0; list-style: none; float: left;}
#nav_top li {display:block; float:left; float: left; text-decoration: none; color: #ccc; padding:0px 0px 0 0; margin-left: 3px;}
#nav_top a { margin:0px 0px 0px 0px; padding:2px 6px 15px 0px;  color:#ffffff; display:block; font-weight:normal;  background: url(../images/nav_top.jpg) no-repeat top right;}
#nav_top li a span { float: left; padding-right: 6px; display: block; margin-top: -2px; height: 18px; 	background: url(../images/nav_top.jpg) no-repeat top left;}
#nav_top a:hover { text-decoration:none;  color:#ffffff; } 

#nav_top ul li a:hover, #nav ul li a.active { background-image:url(../images/nav_hover_top.jpg);}

#nav_top ul li a:hover span, #nav ul li a.active span {background-image:url(../images/nav_hover_top.jpg);}


#nav { width:100%;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:32px; }
*html #nav { width:100%;  margin:0px 0px -2px 0px; padding:0px 0px 0px 0px; height:32px; }
#nav ul {margin:0px; padding:0px;}
#nav li {margin:0px; padding:0px; list-style:none; display:block; float:left; background:url(../images/border_right.jpg) no-repeat top right;}
#nav a { margin:0px 0px 0px 0px; padding:8px 7px 9px 7px;  color:#ffffff; display:block; font-weight:normal; font-size:1em !important; display:block;  }
#nav a#first  { padding:8px 30px 9px 30px !important;} 

#nav a:hover { text-decoration:none;  color:#ffffff; background:url(../images/nav_hover.jpg) no-repeat #4a1485 bottom center; } 
#nav a.active { text-decoration:none;  color:#ffffff; background:url(../images/nav_hover.jpg) no-repeat #4a1485 bottom center !important; } 

/*------------------------------------- Customer Details ---------------------------------------*/

#customer_details h4{ font-size:16px; }
#customer_details p{ margin:8px 0px 0px 0px; padding:0px 0px 8px 0px; color:#898989; border-bottom:1px solid #c9c9c9;  }


/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/
body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images/bac.jpg) repeat-x #fefefe left top; font-family:Verdana, Geneva, sans-serif; font-size:0.6em;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:2.5em; color:#61279F; font-weight:bold;  margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#DECC9E; font-size:2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#3D3E39; font-size:1.5em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#92289a; font-size:1.3em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#232323; font-size:1.2em; font-weight:normal; border-bottom:3px solid #c19f74; margin:10px 0px 10px 0px; padding:0px 0px 5px 0px; }
h6 { color:#92289a; font-size:1.2em; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

hr {background:#dcdcdc; color:#dcdcdc;}

ul {  }
ul li {list-style:disc; font-size:1.1em; margin:10px 0px 10px 0px; }
ol {}
ol li {list-style:decimal; font-size:1.1em;  margin:10px 0px 10px 0px;}

address {font-size:1.1em; margin:5px; font-style:italic;}

a { color:#8F2299; text-decoration:none; }
a:hover { color:#8F2299; text-decoration:underline; }

p { font-size:1.1em; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:18px; }