﻿/*----- BASIC LAYOUT ---------------------------------------------------------------------------------------------------------------*/


#wrapper {overflow: visible; text-align: left;}



#bodycont {display: block; width: 600px; clear: none; float: right; margin: 0px 0px 0px 0px;}

#giftcols {display: block; width: 560px; margin: 0px 0px 0px 40px; }

#leftnav {display: block; float: left; width: 175px; margin: 0px 0px 0px 0px; clear: none;}

#leftnav a img {border: 0px none;}

#wrapper img.topPos {display: block; float: none; clear: both; margin-top: 1px; border: none 0px;}


/*----- LEFTSIDE NAV BAR ----------------------------------------------------------------------------------------------------------*/

#leftnav p.hdr {display: block;  margin: 0px 0px 15px 0px; letter-spacing: 2px; font-size:12px; padding: 5px; border: solid 1px #cccccc; text-transform: capitalize; color: #cc3399; margin-top:20px; text-align: center; font-family: arial, helvetica, sans-serif; }

ul.adnav2 {font-size: 12px; text-align:left; list-style-position: outside; list-style-type: none; margin-top: 5px; margin-bottom: 5px; font-family: arial, helvetica, sans-serif; letter-spacing: 1px; padding-left: 0px; margin-left: 0px;}
ul.adnav2 li {padding:8px 2px 8px 0px; text-transform: capitalize;}
ul.adnav2 li a{color: #000066; text-decoration: none;}
ul.adnav2 li a:hover  {color: #0000ff; text-decoration: underline;}
ul.adnav2 li a:visited {color: #cc3399; }
ul.adnav2 li a img {border: solid 1px; border-color: #ffffff #ffffff #cccccc #ffffff;}


ul.adnav {font-size: 12px; text-align:left; list-style-position: outside; list-style-type: none; margin-top: 5px; margin-bottom: 5px; font-family: arial, helvetica, sans-serif; letter-spacing: 1px; padding-left: 0px; margin-left: 0px;}
ul.adnav li {padding:8px 2px 8px 0px; text-transform: capitalize;}
ul.adnav li a{color: #000066; text-decoration: none;}
ul.adnav li a:hover  {color: #0000ff; text-decoration: underline;}
ul.adnav li a:visited {color: #cc3399; }
ul.adnav li a img {border: solid 1px; border-color: #ffffff #ffffff #cccccc #ffffff;}
ul.adnav li em {font-style:italic; display: block; font-size: 10px; padding-right: 10px;}

div#ssearchbx span.filter {display: block; margin-top:28px;}

#leftnav p { font-size: 11px; color: #666666; font-family: arial, helvetica, sans-serif; line-spacing: 150%; letter-spacing: 1px; margin: 0px 0px 20px 0px; padding: 5px;}

#leftnav p strong {font-weight: bold;}

#leftnav p em {font-style: italic;}

p#introp {display: block; float: none; clear: both; width: 798px; height: 130px; padding: 0px 0px 0px 0px; margin: 0px;
	 font-size: 11px; color: #666666; font-family: arial, helvetica, sans-serif; line-spacing: 150%; letter-spacing: 1px;}

p#introp img {display: block; float: left; margin: 0px 20px 0px 0px;}

div#ssearchbx {display: block; padding-bottom: 10px; }

div#searchcont div.abs {border-bottom: solid 1px #cccccc;}


div#ssearchbx img {border: 0px none; margin: 5px auto 0px auto; padding:0px; display: block;}
div#ssearchbx form {margin: 0px; padding: 0px;}
div#ssearchbx .sebtn   {width: 32px; font-size:10px; TEXT-ALIGN: center;TEXT-TRANSFORM: capitalize; vertical-align: top; display: inline; margin: 0px; padding: 0px;}
div#ssearchbx .ssearch_box {width: 125px; margin: 0px; padding: 0px; display: inline;}
div#ssearchbx p.input {margin: 0px; padding: 12px 0px 12px 6px; text-align: left;}


div#searchcont {display: block; border: 0px none; width: 175px; }




h3.about {text-align:left; text-transform: capitalize; display:block;  padding: 6px 0px 4px 0px; color:#cc3399a; margin: 20px 0px 10px 0px; font-size:12px; font-weight: bold; letter-spacing: 1px; border-top: 1px solid #cccccc;}
#leftnav  div.catDesc {display: block; float: none; border: 0px none; margin: 0px 0px 35px 0px; padding: 0px; text-align: left;}
#leftnav  div.catDesc p {dispay: block; line-height: 140%; padding: 0px; margin: 0px 0px 20px 0px; text-align: left;}

.spot{border:none; margin-top: 20px; padding: 0px;}

.spot img {border:none;}


.sidead{border:solid 1px #cc3399; margin: 10px 0px 10px 0px;}


/*----------------------------------------------------------------------------------------------------------------------------*/






.subhead{display:block; margin: 15px 0px 0px 0px; font-size: 12px; font-weight:bold; letter-spacing: 2px; color:#cc0099; font-family: verdana, arial, helvetica, sans-serif;}





/*-- NEW TOP H2 --------------------------------------------------------------------------------------------- */

#wrapper h2 {color: #cc3399; display: block; text-align:left; width: 565px; font-size: 25px; font-weight: normal; font-family: arial, helvetica, sans-serif; letter-spacing: 3px; padding: 15px 4px 15px 0px; margin: 0px 0px 10px 0px; text-transform: capitalize;}

div#topflash {display: block; float: right; width: 215px; margin: 0px; padding: 0px; text-align: right; }
div#topflash img {border: 0px none; padding: 0px; margin: 0px;}



/*-- PRODUCTS RENDERING --------------------------------------------------------------------------------------------- */


.gift_rgt {display: block; float: right; margin: 0px 30px 25px auto;} 

.gift_lft {display: block; float: left; margin: 0px auto 25px 0px;}


.gift_rgt, .gift_lft {color: #01234a; padding: 10px 0px 30px 0px; width:200px; border:none 0px; vertical-align:top; font-size: 8pt; letter-spacing: 0pt; font-family: arial, helvetica, sans-serif; }
.gift_rgt a, .gift_lft  a {font-weight:bold;}

div.clrrow {display: block; float: none; clear: both; width: 500px; border: solid 1px #ffffff; height: 5px;}

a.thumb{display:block; float: none; margin: 10px auto 2px auto; text-align: center; vertical-align:top; border: none; font-size: 12px; font-weight:normal; text-decoration: none; color: #666666;}

a.thumb:link {color: #333366;}
a.thumb:visited {color: #333366;}

img.piccy {border: none; display:block; margin:0px auto 0px auto;}

.gift_lft a.thumb, .gift_rgt a.thumb {width: 200px;}



a.tleTop {display: block; margin: 10px 0px 0px 0px; width:auto; font-size:14px; text-align: left; padding: 0px 0px 10px 0px; letter-spacing: 1px;}


ul.unCuleList {display: block; list-style: none inside; margin:0px; padding: 0px 0px 5px 0px; text-align:center; font-size: 14px;}

ul.unCuleList li {display: inline; padding: 0px 0px 0px 0px; vertical-align: middle; text-align:left;}

ul.unCuleList li img {vertical-align: middle;}

ul.unCuleList li.unPrice { padding: 0px 0px 0px 0px; font-size: 13px; font-weight: normal;}


ul.unCuleList li.unPrice span.strike {text-decoration: line-through; font-weight: normal; font-size: 11px; color:#cc0099; padding: 0px 3px 0px 3px;}




.act {display:block; float: right; border:none; margin: 0px 0px 0px 0px;}

.detail {display:inline;border:none; margin:0px 0px 0px 0px;}

p.rel {display: block; text-align: center; text-transform: capitalize; margin: 0px; padding: 0px;}

a.rel2 {display:block; float: none;  font-weight:bold; color: #009900; font-size: 12px; text-decoration: underline; padding: 8px 0px 0px 0px; margin:0px auto 0px auto; }
a.rel2:visited {color: #999999;}
a.rel2:hover {color: #0000ff;}



.gift_rgt a.unInfo, .gift_lft a.unInfo  {display: block; margin: 2px auto 0px auto;}



div.imgSide {width: 200px; text-align: center; display: block;}


.gift_rgt .tle, .gift_lft .tle {display: block; margin: 3px 0px 0px 0px; width:200px; font-size:13px; font-weight: normal; text-align: center; padding: 0px 0px 5px 0px;}



a.expl {font-size: 11px; padding: 5px;}


a.withSale img {border: none 0px;}



p.stop {display: block; margin: 0px 0px 0px 0px; width:200px; font-size:17px; letter-spacing: 0px; font-weight: bold; color: #000033; text-align: center; padding: 0px 0px 5px 0px;}


div.flsh {position: absolute; text-align: right; width: 110px; margin-left: 130px;}

div.clearodd {display: block; float: none; width: 560px; height: 1px; background: #ffffff; clear: right;}



/*-- PAGE NAV --------------------------------------------------------------------------------------------------------------*/
div#pagesNav {border-bottom: solid 1px #000066; padding: 0px 0px 15px 0px;}

div#pagesNav p {text-align: center; font-family: arial, helvetica, sans-serif;}

div#pagesNav p a {text-transform: capitalize;}

ul.pages {display:block; width:auto; text-align:left; float:none; margin: 15px 0px 5px 0px; padding: 2px; font-size: 12px; font-family:  Arial, Helvetica, sans-serif; list-style: none; }

ul.pages li {display: inline; margin: 0px; padding: 0px 4px 1px 4px; border-style: none; font-weight:normal;}
ul.pages li.cur {display: inline; margin: 0px; padding: 0px 4px 1px 4px; border: none; font-weight:bold; color: #cccccc; }
ul.pages li.prev, ul.pages li.next {font-size: 12px; display: inline; margin: 0px; padding: 1px 5px 2px 5px; font-weight:normal; color: #01234A;}

ul.pages li.prev a {color: #0000ff;}
ul.pages li.next a {color: #0000ff;}

li.moreGifts img {border: none; vertical-align: middle;}


ul.pages li.moreSections {display: block; margin: 20px 0px 0px 0px; padding: 0px; font-weight:bold; font-size: 14px; color:#003366;}

ul.whereNext {display: block; margin: 12px 0px 12px 24px; font-size: 11px; letter-spacing: 1px; list-style-type: none; list-style-position: inside;}
ul.whereNext li {display: block; padding: 3px 0px 3px 0px; margin: 0px;}



/* SCROLLING PRODUCT GROUP */

div.pgrp { font-family:arial, helvetica, sans-serif; padding: 15px 0px 30px 0px; margin:0px; width:500px;}
div.pgrp p.head { text-transform:capitalize; font-size:13px; font-weight:bold; padding:0px; margin:0px 0px 15px 0px;} 

div.pgrp div.slices { overflow:auto; height:200px; font-size:11px; padding:0px 0px; margin:10px 0px; width:500px;} 

div.pgrp a.img img {border:none; height:100px; padding:0px 0px; margin:0px 0px;}
div.pgrp a.more { display:block; padding:2px 2px 2px 2px; margin:0px; height:42px; overflow:hidden}

div.pgrp div.scrollsl {margin:0px 0px; padding:0px 0px;}
div.pgrp div.scrollsl div.sl { text-align:center; margin:0px 10px; padding:0px 5px; height:175px; width:120px;} 
div.pgrp table td { margin:0px 0px; padding:0px 0px; }

div.pgrp p.tag { font-size:11px; padding:0px; margin:0px 0px 15px 0px; }

div.pgrp div.sl ul { margin:0px 0px; padding:0px 0px; list-style:none none inside;}
div.pgrp div.sl li.add	 { font-size:11px; text-align:left; margin:0px 0px; padding:0px 0px; display:inline;}
div.pgrp div.sl li.price { font-size:11px; text-align:right; margin:0px 0px; padding:5px 0px 0px 0px;  display:inline; }

div.pgrp li.add img { border:none; padding:0px 0px; margin:0px 0px}


/*---------- SERVICES -----------------------------*/

div.servAd {text-align: right; margin: 20px 0px 10px 0px; padding: 0px 2px 0px 0px;}

div.servAd img {border: none;}





/*-------------- CONTENT SPOT STUFF --------------*/

div.threeuplinks {display: block; float: none; clear: both; height:120px; background: #ffffff; margin:35px 0px 35px 0px; padding: 0px;}

div.threeuplinks p {display: block; float: left; text-align:center; margin: 10px 0px 10px 19px;}


* html div.threeuplinks p {
  margin: 10px 0px 10px 17px;
}


div.textsegment {display: block; float: none; font-family: arial, helvetica, sans-serif;}

div.textsegment p {font-size: 15px; margin: 0px 0px 0px 0px;}

div.textsegment p strong {font-weight: bold; }

div.textsegment p.sub {font-size: 12px; color: #666666; margin: 5px 0px 0px 0px;}

div.textsegment p.sub strong {font-weight: normal; }


a.specialads {display: block; float: none; margin: 10px 0px 5px 0px;}

a.specialads img {border: 0px none;}

a#specialteddy {background-image: url('/img/features/special-gifts/personalised-teddy-back.jpg'); background-repeat: no-repeat; background-position: right top;}

a#specialpendant {background-image: url('/img/features/special-gifts/eternity-pendant-back.jpg'); background-repeat: no-repeat; background-position: right top;}



div#handjew {background-image: url('/img/bgs/handmade-jewellery.jpg'); background-repeat: no-repeat; background-position: right top; }

div#clairewood {background-image: url('/img/bgs/claire-wood.jpg'); background-repeat: no-repeat; background-position: right top; }


div.contentSpot {display: block; float: none; margin: 0px 0px 25px 0px; border: 0px none; padding: 0px 0px 10px 0px; font-family: arial, helvetica, sans-serif;}

div.contentSpot p.pitch {line-height: 150%; font-size: 13px; margin: 5px 0px 5px 0px;}

div.contentSpotSub {display: block; float: none; margin: 10px 0px 35px 0px; border: 0px none; padding-left: 20px; padding-right: 20px;}

div.contentSpotSub p.callout {font-weight: bold; color: #ffffff; font-size:15px; display: block; background-color:#cc3399; padding: 4px; text-align: center; border-bottom: solid 1px #333333; border-left: solid 1px #666666;}

div.contentSpotSub a img {display: block; margin: 0px 0px 5px 0px; border: none 0px;}

div.contentSpotSubLeft {display: block; float: left; margin: 0px 5px 0px 0px;  padding:0px; width: 200px; border-top: solid 0px #cccccc;}


div.contentSpotSubRight {display: block; float: left; margin: 0px 0px 0px 5px; padding:0px; width: 200px; border-top: solid 0px #cccccc}

div.contentSpotSubClear {display: block; float: none; clear: both; width: 550px; height: 1px; border: 1px solid #ffffff;}

div.contentSpotClear {display: block; float: none; clear: both; width: 590px; height: 1px; border: 1px solid #ffffff;}

div.bordbot {border-bottom:solid 1px #cccccc;}

div.botpad {padding-bottom: 10px;}

div.toppad {padding-top: 25px;}

div.contentSpot h3, div.contentSpot h4  {display: block; float: none; font-family: arial, helvetica, sans-serif; line-height: 125%; }


div.contentSpot h3 {font-size: 24px; letter-spacing: 1px; font-weight: bold; color: #999999; margin: 5px 0px 5px 0px;}
div.contentSpot h3 strong {font-weight: normal;}

div.contentSpot h3.reverse {font-weight: normal;}
div.contentSpot h3.reverse strong {font-weight: bold;}

div.contentSpot h4 {font-size: 17px; letter-spacing: 1px; font-weight: bold; color: #000033; margin: 5px 0px 5px 0px;}

div.contentSpotSub a.biglink {display: block; text-align: center; font-weight: bold; margin: 20px auto 0px auto; }

div.lineform {display: block; margin: 20px 0px 0px 0px;}

div.lineform label {display: inline; font-size: 15px; font-weight: bold; vertical-align: middle; margin: 0px 5px 0px 0px;}

div.lineform input {display: inline; vertical-align: middle; margin: 0px 20px 0px 0px; font-size: 15px;}


div.lineform input img {display: inline; vertical-align: middle;}

div.contentSpot p.qualifier {font-weight: bold; margin-top: 0px; color: #999999; font-size: 15px; font-family: arial, helvetica, sans-serif; line-height: 125%; letter-spacing: 1px;}


div.contentSpotSub a.float {display: block; float: left; border: 1px solid #ffccff; margin: 0px 0px 10px 5px; width:130px;}

div.contentSpotSub a.float span {display: block; padding: 0px 5px 8px 5px;}

div#topads {display: block; border-bottom: solid 1px #ffffff; margin-bottom: 15px; }

h3.giftList  {display: block; float: none; font-family: arial, helvetica, sans-serif; line-height: 125%; font-size: 24px; letter-spacing: 1px; font-weight: normal; color: #999999; margin: 25px 0px 5px 0px; }

#leftnav img {display: block; float: none; margin: 0px auto 25px auto;}


div.contentSpot p.handmade {display: block; float: none; padding: 0px 7px 7px 7px; text-align: center; font-weight: normal; font-family: 'times new roman', 'times roman', serif; font-size:33px; letter-spacing: 2px; color: #cccccc;}

div.contentSpot p.handmade img {vertical-align: top; display; inline;}

div#topads a img {border: 0px none; margin-bottom: 20px;}

div#topads div.segment {display: block; margin:0px 0px 10px 0px; padding: 0px; font-size: 15px; font-family: arial, helvetica, sans-serif; letter-spacing: 0px;}
div#topads div.segment a {display: inline;}
div#topads div.segment a img {display: inline;}
div#topads div.segment p strong {font-weight: bold; display: inline;}
div#topads div.segment p {display: block; float: left; width: 250px; margin: 0px; padding: 20px 40px 10px 10px;}


#wrapper p.titlequal {font-weight: normal; margin-top: 0px; color: #cc3399; font-size: 14px; font-family: arial, helvetica, sans-serif; line-height: 125%; letter-spacing: 1px;}



/* ------------HIGHLIGHTS STUFF -------------------------- */


h4.highlight, p.highlight {display: block; font-weight: normal; text-align: center; font-family: arial, helvetica, sans-serif; font-size: 18px; letter-spacing: 1px; color: #000033; border-bottom: solid 1px #999999; padding: 4px; margin: 0px 0px 0px 0px; }

p.highcopy {display: block;  text-align: center; color: #999999;  letter-spacing:1px; font-family: arial, helvetica, sans-serif; font-size: 13px; margin: 0px 0px 25px 0px; padding: 4px;}



/* ------------Side Bar Filter and Sort -------------------------- */

div#sideFilterSort {background: #ffffff; font-family: arial, helvetica, sans-serif; font-size: 13px; display: block; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px;}

div#sideFilterSort p.title {display: block; background: #ffffff;  margin: 0px 0px 15px 0px; letter-spacing: 2px; font-size:12px; padding: 5px; border: solid 1px #cccccc; text-transform: capitalize; color: #cc3399; margin-top:0px; text-align: center; font-family: arial, helvetica, sans-serif; }

div#sideSortBox {display: block; margin: 0px 0px 20px 0px; padding: 0px 5px 0px 0px;}

div#sideFilterBox {display: block; margin: 0px 0px 0px 0px; padding: 0px 5px 10px 0px;}

div#sideFilterBox span {display: block;}

div#sideFilterBox ul {list-style: none outside; padding: 0px 0px 0px 0px; margin: 10px 0px 10px 0px;}

div#sideFilterBox ul li {padding: 2px 0px 2px 0px;}

p.sortedtitle {font-family: arial, helvetica, sans-serif; font-size: 15px; font-weight: normal; letter-spacing: 0px; color: #000033; padding: 4px; margin: 0px 0px 10px 0px; border-bottom: dashed 1px #cccccc;}
