﻿/*----- BASIC LAYOUT ---------------------------------------------------------------------------------------------------------------*/


#wrapper {overflow: visible;}

#wrapperChristmas {background-image: url('/img/bgs/christmas-title-holly.jpg'); background-repeat:no-repeat; background-position: right top;}


#bodycont {display: block; width: 575px; clear: none; float: right;}

#leftnav {display: block; float: left; width: 175px; margin: 0px; clear: none;}

#prewrap div.clr {display: block; float: none; clear: both; height: 1px; width:100%;}


/*----- LEFTSIDE NAV BAR ----------------------------------------------------------------------------------------------------------*/

p.hdr {display: block; width: 170px; margin: 0px 0px 15px 0px; letter-spacing: 2px; font-size:12px; padding: 2px 5px; border: solid 1px #cccccc; text-transform: capitalize; color: #cc3399; margin-top:20px; text-align: center; font-family: arial, helvetica, sans-serif; }

ul.adnav {font-size: 11px; text-align:left; list-style-image: url('http://www.pressies4princesses.co.uk/img/bgs/angle-quote-bulletIE.gif'); list-style-position: outside; margin-top: 5px; margin-bottom: 5px; font-family: arial, helvetica, sans-serif; letter-spacing: 1px; clear: none;}
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; text-decoration: none;}


div#wrapper div.catDesc {width: 170px; border-top: solid 1px #cccccc; font-size: 11px; color: #666666; font-family: arial, helvetica, sans-serif; line-spacing: 150%; letter-spacing: 1px; margin: 0px 0px 20px 0px; background: #eaf1f8; padding: 5px;}

div#wrapper div.catDesc p 

div#wrapper div.catDesc p strong {font-weight: bold;}

div#wrapper div.catDesc p em {font-style: italic;}



h3.about {text-align:left; text-transform: capitalize; display:block; float:none;  padding: 3px 0px; color:#01234a; margin: 55px 0px 0px 0px; font-size:13px; font-weight: normal; letter-spacing: 1px;}
p.about {display:block; position:relative; text-align:left; margin: 0px 0px 45px 0px; font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 130%; color:#cc3399; letter-spacing: 1px; padding: 0px;}



.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; float: none; text-align:left; clear: both; width: 794px; font-size: 25px; font-weight: normal; font-family: arial, helvetica, sans-serif; letter-spacing: 3px; padding: 30px 4px 0px 0px; margin-top: 0px !important; margin: 0px; text-transform: capitalize;}




/*-- PRODUCTS RENDERING --------------------------------------------------------------------------------------------- */


.gift2 {color: #01234a; padding: 10px 0px 30px 20px; margin: 0px; display: block; float:none; width:500px; border:none; vertical-align:top; font-size: 8pt; letter-spacing: 0pt; font-family: arial, helvetica, sans-serif; }
.gift2 a {font-weight:bold;}
.gift2 {margin: 5px 0px 5px 0px;}


a.thumb{display:block; float: left; margin: 10px 10px 2px 0px; text-align: center; vertical-align:top; border: none; font-size: 13px; font-weight: bold;}
img.piccy {border: none; display:block;}

.gift2 a.thumb {width: 130px;}
.gift2_lg a.thumb {width: 200px;}


.gift2 p.cpy {display: block; float: none; padding: 0px; text-align: left; margin: 10px 0px 0px 175px; min-height: 130px;}
.gift2 p.cpy .tle {display: block; margin: 10px 0px 0px 0px; width:auto; font-size:13px; text-align: left; padding: 0px 0px 10px 0px;}
p.cpy a.rel2 {display:inline; font-weight:normal; color: #0000ff;font-size: 11px; text-decoration: underline; padding: 8px 0px 8px 0px; margin:0px; white-space: nowrap;}

.gift2 .cule {display: block; float: none; text-align:left; padding: 0px 0px 0px 0px; border:none; font-size: 10px; width: 285px; margin: 5px 0px; height:37px;}
.cule b{font-weight:bold; color: #cc0099; font-size: 11px; font-family:  verdana, arial, helvetica, sans-serif; display:block; float: none; clear: none; letter-spacing: 3px; padding-top: 7px !important; margin: 0px 10px 0px 0px; line-height: 100%;}
.cule a{display:block; float: right; margin: 0px 0px 3px 0px; }


.gift2 div.clr {display: block; clear: right; float: none; width: 400px; }

.act {display:inline;border:none;margin:0px 0px 0px 2px;}
.detail {display:inline;border:none;margin:0px;}


/*LARGE THUMBS LAYOUT CHANGES ---------------------------------------------------------------------------------- */


.gift2_lg {color: #01234a; padding: 10px 0px 30px 0px; margin: 0px; display: block; float:none; width:500px; border:none; vertical-align:top; font-size: 8pt; letter-spacing: 0pt; font-family: arial, helvetica, sans-serif; }
.gift2_lg a {font-weight:bold;}
.gift2_lg {margin: 5px 0px 5px 0px;}

.gift2_lg p.cpy {display: block; float: none; padding: 0px; text-align: left; margin: 10px 0px 0px 265px; min-height: 130px; width:auto;}
.gift2_lg p.cpy .tle {display: block; margin: 10px 0px 0px 0px; width:auto; font-size:13px; text-align: left; padding: 0px 0px 10px 0px;}

.gift2_lg .cule {display: block; float: none; text-align:left; padding: 0px 0px 0px 0px; border:none; font-size: 10px; width: 200px; margin: 5px 0px;}


.gift2_lg div.clr {display: block; clear: left; float: none; width: 300px; }



/*-- ICONS STUFF --------------------------------------------------------------------------------------------*/

.gift2_lg  span.icons {display: block; float: none; width: 225px; padding: 0px; text-align: left; margin: 8px 0px 0px 0px; }


.gift2 span.icons {display: block; float: none; width: 300px; padding: 0px; text-align: left; margin: 8px 0px 0px 0px; }


span.icons img {border:none;}

span.icons a {text-decoration: none;}


div#iconKey {text-align: left; display: block; float: none; clear: both; width: 798px; height: 100px; border-top: solid 1px #f4d3ed; margin: 20px 0px 20px 0px; padding: 10px 0px 10px 0px;}

div#iconKey a {color: #01234a; text-decoration: none; letter-spacing: 1px;}

div#iconKey ul {display:block; float:none; margin: 15px 0px 15px 0px; width:798px; padding: 0px; font-size: 11px; font-family:  Arial, Helvetica, sans-serif; list-style: none;}

div#iconKey ul li {display: inline; margin: 0px; padding: 0px 45px 0px 0px; text-align: left; }

div#iconKey ul li img {border: none; display: inline; vertical-align: middle;}

div#iconKey ul li a {text-decoration: underline; color: #0000ff; letter-spacing: 0px;}





#wrapper div#iconKey {text-align: left; position: static; display: block; float: none; clear: both; width: 798px; height: 100px; border-top: solid 1px #f4d3ed; margin: 20px 0px 20px 0px; padding: 10px 0px 10px 0px;}

#wrapper div#iconKey a {color: #01234a; text-decoration: none; letter-spacing: 1px;}

#wrapper div#iconKey > ul {display:block; float:none; clear: both; position: static; margin: 15px 0px 15px 0px; width:798px; padding: 0px; font-size: 11px; font-family:  Arial, Helvetica, sans-serif; list-style: none;}

#wrapper div#iconKey > ul li {display: inline; margin: 0px; padding: 0px 45px 0px 0px; text-align: left; }

#wrapper div#iconKey > ul li img {border: none; display: inline; vertical-align: middle;}

#wrapper div#iconKey > ul li a {text-decoration: underline; color: #0000ff; letter-spacing: 0px;}




/*---NEW TOP NAV BAR WITH FILTERS ----------------------------------------------------------------------------------------------------*/

#topNavBarNew {background: white; display: block; float: none; text-align: right; margin: 10px 0px 0px 0px; padding: 5px 5px 3px 5px; border-bottom:solid 1px #01234A;}
#topNavBarNew p.title {display:block; float: left;  max-width: 450px; padding: 2px 2px 0px 0px;  margin: 0px 24px 0px 0px; font-family: tahoma, arial, helvetica, sans-serif; font-size: 16px; letter-spacing: 2px; text-transform: capitalize;}
#topNavBarNew p.title em {display: block; float: none; font-size: 11px; font-weight: normal; font-style: normal; text-transform: none; color:#01234A; padding-top: 6px; line-spacing: 150%; letter-spacing: 1px;}
#topNavBarNew div.pageNav {display: block; float: left; text-align: left; margin:0px 20px 0px 20px; padding: 3px 0px 0px 0px; font-family: arial, helvetica, sans-serif; font-size: 13px; letter-spacing: 0px;}
#topNavBarNew div.pageNav a {display: inline; margin:0px; padding: 0px;}
#topNavBarNew ul#pageList {display: inline; margin:0px; padding: 0px;}
#topNavBarNew ul#pageList li {display: inline; padding: 0px 3px 0px 3px; font-size: 12px;}
#filterBar {background-color:#ffffff; margin: 0px 0px 25px 0px; padding: 5px 5px 3px 5px; border-bottom: solid 1px #cccccc; text-align: left; width: 800px;}
#filterBar span.filter {display: inline; padding: 2px 0px 0px 0px; margin: 0px 0px 2px 0px;}
#filterBar span.filter span {font-weight: bold; margin: 0px; padding: 0px; margin-right: 0px !important; display: inline;}
#filterBar span.filter span#filtenc {font-weight: normal; border-left: solid 1px #666666; padding-left: 14px; margin:0px; text-align: left; display: inline;}
#filterBar span.filter select#makeview {font-size: 11px; margin:0px 14px 0px 0px; background:#eaf1f8; vertical-align: middle; padding: 0px;}
#filterBar span.filter span#filtenc input {vertical-align: middle; margin: 0px; }
#filterBar span.filter span#filtenc label{margin-right: 6px; font-size: 11px; padding: 0px 0px 0px 3px; }
#filterBar span.filter span#filtenc .showButton{margin: 0px; padding: 0px; vertical-align: middle; display: inline;}
#topNavBarNew p.popular, #topNavBarNew p.depts  {display:block; float: left;  white-space:nowrap; padding: 2px; margin: 2px 2px 0px 0px; font-family: arial, helvetica, sans-serif; font-size: 13px; letter-spacing: 1px; text-transform: capitalize; } 
#topNavBarNew p.prenxt {display:block; float: left;  white-space:nowrap; padding: 2px; margin: 2px 2px 0px 12px; font-family: arial, helvetica, sans-serif; font-size: 13px; letter-spacing: 1px; text-transform: capitalize; } 
#topNavBarNew p.prenxt a {color: #ffffff; background: #cc3399; display: inline; text-decoration: none;} 
#topNavBarNew p.all {display:block; float: right;  white-space:nowrap; padding: 2px 2px 0px 2px;  margin: 4px 2px 0px 0px;} 
#topNavBarNew p.depts {font-size: 12px; margin-left: 50px;}

#topNavBarNew div.clr {display: block; float: none; clear: both; height: 1px; width:800px;}

/*-- PAGE NAV --------------------------------------------------------------------------------------------------------------*/

ul.pages {display:block; width:auto; text-align:left; float:none; margin: 15px 0px 25px 0px; padding: 2px; font-size: 12px; font-family:  Arial, Helvetica, sans-serif; list-style: none; border-bottom: solid 1px #000066;}

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;}

ul.pages 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;}



/*-- SIMILAR BUT DIFFERENT ---------------------------------------------------------------------------*/

p.fullHdr {border-bottom: solid 1px #f4d3ed; letter-spacing: 1px; font-size: 14px; margin: 14px 0px 0px 0px; text-transform: capitalize; width: 798px; text-align: left; display: block; clear: both;}

p.simDiff {display: block; text-align: center; font-size:13px; font-family: verdana, tahoma, arial, helvetica, sans-serif; letter-spacing: 1px; margin: 24px 0px 48px 0px;}

p.simDiff b {display: block; text-align: left; width: 798px; font-size:25px; font-family: arial, helvetica, sans-serif; letter-spacing: 3px; font-weight: normal; color: #cc3399;}

p.simDiff img {border: none; display: block; margin: 24px 0px 14px 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 -----------------------------*/

#bodycont div.services {text-align: right; margin: 20px 0px 10px 0px; padding: 0px 2px 0px 0px;}

#bodycont div.services img {border: none;}


