﻿/*----- BASIC LAYOUT ---------------------------------------------------------------------------------------------------------------*/


#wrapper {overflow: visible; text-align: left;}



#bodycont {display: block; width: 600px; clear: none; float: right; margin: 75px 0px 0px 0px;}

#leftnav {display: block; float: left; width: 175px; margin: 80px 0px 0px 0px; clear: none; padding: 0px;}

#leftnav a img {border: none 0px;}

#wrapper img.topPos {display: block; float: none; clear: both; margin-top: 1px; border: none 0px;}


/*----- LEFTSIDE NAV BAR ----------------------------------------------------------------------------------------------------------*/

p.hdr {display: block;  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.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: 20px; 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: 20px; 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;}


div#ssearchbx span.filter {display: block; margin-top:28px;}

#leftnav p {display: block; 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; padding: 5px 0px 15px 0px; margin: 0px;
	 font-size: 11px; color: #666666; font-family: arial, helvetica, sans-serif; line-spacing: 150%; letter-spacing: 1px;}


div#ssearchbx {display: block; padding-bottom: 10px; }

div#searchcont div.abs {position: absolute; top: 1px; left: 0px; 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; position:relative; width: 175px; }




h3.about a {text-align:left; text-transform: capitalize; display:block;  padding: 160px 0px 4px 0px; color:#01234a; margin: 0px 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; 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 0px 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 --------------------------------------------------------------------------------------------- */


.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: 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;}

.gift2 a.thumb {width: 130px;}
.gift2_lg a.thumb {width: 200px;}


.gift2 div.cpy {display: block; float: none; padding: 0px; text-align: left; margin: 10px 0px 0px 175px; min-height: 130px;}



/*LARGE THUMBS LAYOUT CHANGES ---------------------------------------------------------------------------------- */


.gift2_lg {color: #01234a; padding: 10px 0px 30px 20px; margin: 0px; display: block; float:none; width:540px; 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 div.cpy {display: block; float: none; padding: 0px; text-align: left; margin: 10px 0px 0px 265px; min-height: 130px; }




/*-- 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; 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#iconKeys {display:block; float:none; margin: 15px 0px 15px 15px; width:798px; padding: 0px; font-size: 11px; font-family:  Arial, Helvetica, sans-serif; list-style: none;}

div#iconKey ul#iconKeys li {display: inline; margin: 0px; padding: 0px 50px 0px 0px; text-align: left; }

div#iconKey ul#iconKeys li img {border: none; display: inline; vertical-align: middle;}

div#iconKey ul#iconKeys li a {text-decoration: underline; color: #0000ff; letter-spacing: 0px;}

div#iconKey div.clrIcons  {display: block; float: none; clear:both; height: 1px; padding: 1px; margin: 1px; width: 100%; color: #ffffff; background-color: #ffffff;}



/*---NEW TOP NAV BAR WITH FILTERS ----------------------------------------------------------------------------------------------------*/

#topNavBarNew {display: block; float: none; text-align: right; margin: 0px; padding: 5px 0px 3px 5px; border-bottom:solid 1px #01234A; width:798px;}
#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 0px 3px 5px; border-bottom: solid 1px #ffffff; text-align: left; width: 798px;}
#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;}

#wholetopbar {position: absolute; top: 55px; left: 0px;}
#wholetopbarlow {position: absolute; top: 228px; left: 0px;}
#wholetopbartext {position: absolute; top: 120px; left: 0px;}

/*-- 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;}

ul.whereNext img {border: 0px none; display: block;}

/*-- 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: #cccccc;}

p.simDiff img {border: none; display: block; float: none; 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 -----------------------------*/

div.servAd {text-align: right; margin: 20px 0px 10px 0px; padding: 0px 2px 0px 0px;}

div.servAd img {border: none;}


/* PRODUCT RENDERING CHANGES -------------------------------------------------------------- */ 

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; 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.unWords {font-weight: normal;}

ul.unCuleList li img {vertical-align: middle;}

ul.unCuleList li.unPrice { padding: 0px 0px 0px 8px;}

ul.unCuleList li.unPrice { padding: 0px 0px 0px 8px;}
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;border:none; float: right;}
.detail {display:inline;border:none;margin:0px;}

div.cpy a.rel2 {display:block; font-weight:normal; color: #666666;font-size: 11px; text-decoration: underline; padding: 8px 0px 0px 0px; margin:0px;}
div.cpy a.rel2:visited {color: #666666;}
div.cpy a.rel2:hover {color: #0000ff;}

div.cpy {font-size: 13px;}

div.cpy b {display: block; padding: 4px 15px 4px 0px; letter-spacing: 1px; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px; 
	font-weight: bold;}

div.cpy b i {color: #cc0099; font-size: 11px; text-decoration: line-through; font-style: normal;}

.gift2_lg a.unInfo {display: block; margin: 2px auto 0px auto;}

.gift2 a.unInfo {display: block; margin: 2px auto 0px auto;}



.gift2_lg div.imgSide {width: 200px; text-align: center; float: left;}

.gift2 div.imgSide {width: 130px; text-align: center;  float: left;}


div.gift2_clr {display: block; float: none; clear: both; height: 1px;}


.gift2 div.cpy .tle {display: block; margin: 10px 0px 0px 0px; width:auto; font-size:13px; text-align: left; padding: 0px 0px 10px 0px;}

.gift2_lg div.cpy .tle {display: block; margin: 10px 0px 0px 0px; width:auto; font-size:13px; text-align: left; padding: 0px 0px 10px 0px;}



a.expl {font-size: 11px; padding: 5px;}


a.withSale img {border: none 0px;}



/*--------- NEW INLINE FEATURES ------------------------------------------------------------------*/



div.featured {display: block; float: none; margin: 0px 0px 30px 0px; padding: 0px; font-family: arial, helvetica, sans-serif; }

div.featured div.stroke {border-style: solid solid none solid; border-width: 1px; border-color: #cccccc; padding: 0px; margin: 0px; width: 598px;}

div.featured div.imgSide {margin: 0px; padding: 0px; display: block; float: left; width: 350px;}

div.featured div.imgSide img.piccy {display: block; float: none; border:none 0px; margin: 0px;}

div.featured div.imgSide a.thumb {display: block; margin:0px; padding: 0px; }


div.featured div.clear {display: block; float: none; clear: both; height: 1px; margin: 0px; padding: 0px;}

div.featured p.footer {display: block; float: none; clear: both; margin: 0px; font-size: 25px; letter-spacing: 1px; color: #666666; font-weight: bold; font-family: arial, helvetica, sans-serif; text-align: center; padding: 10px;}

div.featured p.footer {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}

a.footbut {display: block; float: none; text-align: center;}

div.featured div.infoside {padding-left: 360px; padding-top: 15px;}

div.featured div.infoside a.tle {display: block; font-size: 16px; font-weight: bold; padding: 5px; }


div.infoside ul.infolist {list-style: none outside; padding: 0px 0px 0px 3px; margin: 20px 0px 20px 0px;}

div.infoside ul.infolist li {padding-bottom: 15px;}

div.infoside ul.infolist li.price {font-size: 22px; font-family: tahoma, arial, helvetica, sans-serif;  padding-left: 23px; color: #003366;}

div.infoside ul.infolist li.add img {border: none 0px; margin-left: 0px;}

div.infoside ul.infolist li.add {padding-bottom: 30px; padding-left: 20px;}

div.featured div.infoside a.rel2 { display: block;}

/*------------- NEW SIMPLE LAYOUT --------------------------------------------*/


div.simple p.stop {font-family: tahoma, arial, helvetica, sans-serif; font-size: 16px; font-weight:bold; padding: 5px;}


div.simple {display: block; float: none; margin: 0px 0px 50px 0px; padding: 0px; font-family: arial, helvetica, sans-serif; }


div.simple div.imgSide {margin: 0px; padding: 0px; display: block; float: left; width: 200px;}

div.simple div.imgSide img.piccy {display: block; float: none; border:none 0px; margin: 0px;}

div.simple div.imgSide a.thumb {display: block; margin:0px; padding: 0px; }


div.simple div.clear {display: block; float: none; clear: both; height: 1px; margin: 0px; padding: 0px;}


div.simple div.infoside {padding-left: 250px; padding-top: 0px;}

div.simple div.infoside a.tle {display: block; font-size: 13px; font-weight: bold; padding: 5px;}



div.simple div.infoside ul.infolist  {margin: 10px 0px 0px 0px;}

div.simple div.infoside ul.infolist li {padding-bottom: 5px;}

div.simple div.infoside ul.infolist li.price {font-size: 17px; font-family: tahoma, arial, helvetica, sans-serif;  padding-left: 23px; color: #003366;}

 
div.simple div.infoside ul.infolist li.add {padding-bottom: 15px; padding-left: 20px;}


ul.infolist li.price span.strike {text-decoration: line-through; font-weight: bold; font-size: 15px; color:#cc0099; padding: 0px 3px 0px 3px;}



