﻿
html
{
/* overflow-y: scroll; */
height: 100%;
}

*
{
margin: 0;
padding: 0;	
}

.space
{
float: left;
}

.clear
{
clear: both;	
}

a:focus
{
  -moz-outline-style: none;
}

a.moreInfoBtn:link, a.moreInfoBtn:visited
{
display: none !important;	
}

body
{
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
height: 100%;
}

.outer {
    position: relative;
    display: table;
    vertical-align: middle;
    margin: auto;
    }

.inner {
    position: relative;
    display: table-cell;    
    vertical-align: middle;
    width: 100%;
    }

.mid {
     /*for clarity*/
    }

/*Now the hack for obsolete browsers-ok, just IE*/
/* \*/
* html .inner {
    top: 50%;
    left: 0;
    }

* html .inner .mid {
    position: relative;
    top: -50%;
    margin: auto;
    }
/* */

#flashvidtest
{
margin: auto;
}

a.viewVideo:link, a.viewVideo:visited
{

}

/* Affiliate video styles */
.tableAff
{
padding: 4px;
border: solid 1px #afafaf;
background: #eeeeee;	
}

.tableAff img
{
border: none;	
}

.tableAff p
{
display: block;
float: left;
clear: both;
width: 100%;
font-size: 11px;
margin: 0;	
padding: 0;
}

a.viewVideoAff:link, a.viewVideoAff:visited
{
display: block;
width: 53px;
height: 21px;
text-indent: -2px;
margin: 0px 0 0 0;
padding: 3px 0 0 0;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../../images/screen/addOrderAff_btn.gif) no-repeat;
}

a.btnFacebook:link, a.btnFacebook:visited
{
display: none;
}

/* Header Styles */

/* Header Content (Home page) */
#headerBase 
{
width: 940px;
clear: both;
float: left;
position: relative;
}

.header-top
{
float: left;
width: 940px;
height: 215px;
position: relative;
z-index: 0;	
}

span.logo a
{
float: left;
clear: both;	
}

span.logo img
{
border: none;	
}

span.logo.gift-experiences img
{
margin: 0;
}

#flashcontent
{
float: left;
width: 675px;
height: 110px;
background: url(../../images/header/noFlash.jpg) no-repeat; 
/* background-color: Aqua; */
}

#flashcontent img
{
display: block;	
}

#rightBox
{
/* background-color: White; */
float: right;
text-align: right;
position: relative;
top: 0;
right: 0;
z-index: 200;
width: 300px;	
height: 60px;
}

* html #rightBox
{
position: fixed;
}

#rightBox .searchPanel
{
display: block;
width: 300px;
clear: both;
margin: 0 0 0 0;	
background-image: url(../../images/guardian/searchPanel-bg.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
position: absolute;
right: 0;
bottom: 15px;
}

/* Text Box */
#rightBox .searchPanel .search
{
position: relative;
left: 48px;
float: left;
width: 187px;
padding: 1px;	
}

#rightBox .basketPanel
{
display: block;
width: 157px;
height: 116px;
clear: both;
background-color: White;
background-image: url(../../images/guardian/basket-bg.gif);	
position: absolute;
right: 0;
bottom: -116px;
margin: 0 0 0 0;
z-index: 180;
}

body#product #rightBox .basketPanel,
body.Product #rightBox .basketPanel
{
display: block;
width: 157px;
height: 116px;
clear: both;
background-color: Transparent;
background-image: url(../../images/guardian/basket2-bg.gif);
background-repeat: no-repeat;
background-position: right;	
position: absolute;
right: 0;
bottom: -116px;
margin: 0 0 0 0;
z-index: 180;
}

body#cart #rightBox .basketPanel, body#checkout #rightBox .basketPanel
{
display: none;
}

#rightBox .basketPanel p
{
position: relative;
left: 68px; 
margin: 0 0 0 0;
padding: 52px 0 0 0;
text-align: left;
color: White;
font-size: 12px;	
}

#rightBox .basketPanel a:link, #rightBox .basketPanel a:visited
{
text-align: left;	
font-size: 14px;
color: #333333;
font-weight: bold;
text-decoration: none;
margin: 0;
position: absolute;
left: 26px;
bottom: 6px;
padding: 0;
z-index: 200;
}

#rightBox .basketPanel a:hover
{
text-decoration: underline;
}

/************************ xmas post 2010 ************************/
/* #lastPostHome is in the homepageTop.txt*/

#lastPostHome
{
    display:block;
    position:absolute;
    width:138px;
    height:113px;
    top:96px;
    left:642px;
    background-color:#e3131a;
    border-top:1px solid #ffffff;
    color:#ffffff;
    font-family:Arial, Helvetica, sans-serif;
    z-index:210;
}

#lastPostHome h3
{
    margin:7px 0 0 7px;
    padding:0px;
    font-size:14px;
    font-family:Georgia;
    line-height:15px;
}

#lastPostHome p
{
    margin:5px 0 0 7px;
    padding:0px;
    color:#ffffff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:13px;
}

.relative
{
    position:relative;
}

#lastPostCart
{
    display:block;
    position:absolute;
    top:143px;
    left:0px;
    height:70px;
    background-color:#e3131a;
    color:#333333;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    background:#ffffff url(../../images/guardian/xmas-post-calendar-bg.jpg) no-repeat top left;
}

#lastPostCart h3
{
    margin:2px 0 0 70px;
    padding:0px;
    font-size:16px;
    font-family:Georgia;
    line-height:15px;
}

#lastPostCart p
{
    margin:6px 0 0 70px;
    padding:0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:13px;
}

/************************ end xmas post 2010 ************************/

h2.FreeGiftMsg
{
text-align: center;
font-size: 100%;
color: Red;
padding: 5px 0;
}

img.postageImg
{
display: none;
}

#rightBoxImage
{
float: right;
width: 237px;
height: 110px;
background: url(../../images/header/rightBoxImage_bg.gif) no-repeat; 
/* background-color: White; */
text-align: right;
}

#rightBox a.basketLink:link, #rightBox a.basketLink:visited
{

}

#rightBox a.basketLink:hover
{
text-decoration: underline;	
}

#rightBox h3, #rightBoxImage h3
{
display: none;
background: url(../../images/header/phone.gif) no-repeat 23px;
font-size: 22px;
font-weight: bold;	
text-decoration: none;
margin: 5px 5px 0 0;
height: 19px;
line-height: 18px;
color: #585858;
}

#rightBox h2, #rightBoxImage h2
{
display: block;
background: none;
font-size: 22px;
font-weight: bold;	
text-decoration: none;
margin: 5px 5px 0 0;
height: 19px;
line-height: 18px;
color: #585858;
}

#rightBox .search, #rightBoxImage .search
{

}

#headerBase #rightBox .goBtn, #headerBase #rightBoxImage .goBtn
{
position: relative;
top: 1px;
margin: 0;
background-image: url(../../images/guardian/goBtn_bg-v2.gif);
background-position: top center;
background-repeat: no-repeat;
background-color: Transparent;
border: none;
height: 21px;
width: 53px;
/*
position: relative;
top: 0;
margin: 0;
padding: 0px 6px;
width: 90px;
height: 22px;
color: White;
line-height: 22px;
border: none;
background-color: #d9d9d9;
*/
}

#headerBase #rightBox .goBtn:hover, #headerBase #rightBoxImage .goBtn:hover
{
background-position: bottom center;
}

/* Pop-up Window */
#flashvidtest
{

}

#flashvidtest .base
{
margin: 6px 0 0 0;
width: 512px;
height: 35px;
clear: both;
}

#flashvidtest .base p
{
margin: 0;
padding: 10px;
float: left;
font-size: 13px;
font-weight: normal;
color: #333333;	
}

#flashvidtest .base a.addOrder:link, #flashvidtest .base a.addOrder:visited
{
background-image: url(../../images/guardian/addtobasket-large.gif);
background-repeat: no-repeat;
display: block;
height: 31px;
text-indent: -9999px;
width: 142px;
position: absolute;
right: 0;
}

/* Header Content (Home page) */
#defaultHeaderBase 
{
width: 912px;
height: 81px;
background: url(../../images/header/defaultHeader_bg.gif) #ffffff;
}

#defaultHeaderBase img.logo
{
display: block;
float: left; 
border: none;	
}

#defaultHeaderBase  #rightBox
{
float: right;
width: 300px;
height: 81px;
text-align: right;
background: none;
}

#defaultHeaderBase  #rightBox h3
{
/* OLD
display: block;
background: url(../../images/header/phone.gif) no-repeat 85px;
font-size: 22px;
font-weight: bold;	
text-decoration: none;
margin: 5px 5px 0 0;
height: 19px;
line-height: 17px;
color: #414141;
*/
display: block;
background: url(../../images/header/phone.gif) no-repeat 85px;
font-size: 22px;
font-weight: bold;	
text-decoration: none;
margin: 5px 5px 0 0;
height: 19px;
line-height: 18px;
color: #585858;
}

#defaultHeaderBase  #rightBox .search
{
background: #eeeeee;
font-size: 11px;
font-weight: normal;
color: #414141;
height: 13px;
width: 125px;
padding: 2px;
margin: 5px 0 0 0px;
border-left: solid 1px #414141;
border-top: solid 1px #414141;
border-bottom: solid 1px #414141;
float: left;
position: relative;
top: 0px;
left: 140px;	
}

#defaultHeaderBase  #rightBox .goBtn
{
float: left;
background: #414141;
font-size: 11px;
font-weight: normal;
color: #eeeeee;
height: 19px;
width: 25px;
padding: 1px;
margin: 5px 5px 0 -2px;
border: solid 1px #414141;	
position: relative;
left: 137px;
}

/* Footer Styles */

/* Footer Content */
#footerBase 
{
/*
border-top: solid 10px #e3131a;
font-size: 11px;
color: #333333;
*/
width: 940px;
float: left;
clear: both;
margin: 10px 0 0 0;
}

#footerBase ul
{
padding: 0;
margin: 0;	
}

#footerBase li
{
display: inline;
}

#footerBase a:link, #footerBase a:visited
{
color: #005689;	
text-decoration: none;
}

#footerBase a:hover
{
text-decoration: underline;
}

p.copyright
{
padding: 0;
margin: 0;
font-size: 11px;
color: #333333;
}

/* NOT USED Dotted lines spacing between columns NOT USED */
#footerBase img 
{	
float: left;
margin: 18px 0px;
}

/* Column 1 */
#column1 
{
float: left;
}

/* Column 2 */
#column2 
{
float: left;	
}

/* Column 3 */
#column3 
{
float: left;
}

/* Column 4 */
#column4 
{
float: left;
}

/* Column 5 */
#column5 
{
float: left;
}

/* Breadcrumb */
#breadcrumbBase
{
width: 623px;
float: left;
clear: both;
border-bottom: dotted 1px #999999;
}

#breadcrumbBase .left
{
float: left;
}

#breadcrumbBase .left ul,
#breadcrumbBase .left li
{
display: inline;
list-style: none;
}

#breadcrumbBase .right
{
display: none;
}

#breadcrumbBase a, #breadcrumbBase p
{
display: block;
float: left;
font-size: 12px;
font-weight: normal;
color: #333333;	
padding: 6px 0 7px 0;
}

#breadcrumbBase a:link, #breadcrumbBase a:visited
{
display: block;
float: left;
font-size: 12px;
font-weight: normal;	
text-decoration: none;
color: #005689;	
padding-right: 10px;
margin-right: 5px;
background-image: url(../../images/guardian/breadcrumb-arrow.gif);
background-repeat: no-repeat;
background-position: right center;
}

#breadcrumbBase a:hover
{
text-decoration: underline;	
}

#breadcrumbBase a.basketLink:link, #breadcrumbBase a.basketLink:visited
{
display: block;
float: none;
background: url(../../images/header/miniBasket.gif) no-repeat 15px 0px;
margin: 5px 0 0 0;
padding: 0px;
font-size: 11px;
font-weight: bold;	
text-decoration: none;
color: #414141;
}

#breadcrumbBase a.basketLink:hover
{
text-decoration: underline;	
}

#breadcrumbBase p.items
{
float: none;
margin: 0;
font-size: 9px;	
text-decoration: none;
color: #9a9a9a;
}

/* Menu Styles */

/* Menu Content */
#menuBase 
{
border-top: solid 10px #e3131a;
float: left;
background: white;
margin: 0px 20px 0 0;
width: 140px;
}

body#product #menuBase,
body.Product #menuBase
{
border-top: solid 10px #e3131a;
float: left;
background: white;
margin: 0px 9px 0 0;
width: 140px;
}

.menuBanner
{
margin: 3px 0px 0px 4px;
}

.menuBanner img
{
display: block;
border: none;
}

/* Main menu position */
ul.menu1
{
margin: 0;
padding: 0 0 0 0;
list-style-type: none;
}

ul.menu1 li
{
margin: 0;
padding: 0;
}

/* Main menu links */
ul.menu1 a:link, ul.menu1 a:visited
{
margin: 0;
display: block;
color: Black;
text-decoration: none;
font-weight: normal;
font-size: 13px;
color: #005689;
padding: 5px 0;
width: 139px;
border-top: dotted 1px #999999;
background-color: White;
}

ul.menu1 a:hover
{
text-decoration: underline;	
}

ul.menu1 a.top:link, ul.menu1 a.top:visited
{
border-top: none;
}

ul.menu1 a.selected, ul.menu1 a.selected:link, ul.menu1 a.selected:visited
{
color: #333333;
font-weight: bold;
}

/* Sub-menu position and styles */
ul.menu2
{
margin: 0;
padding: 0;
list-style-type: none;
}

.subCat
{

}

ul.menu2 li
{
margin: 0;	
}

/* Table for sub-menu */
ul.menu1 table 
{
border-collapse: collapse;
margin: 0;
}

/* Sub-menu links */
ul.menu2 li a:link, ul.menu2 li a:visited
{
margin: 0;
display: block;
color: Black;
text-decoration: none;
font-weight: normal;
font-size: 13px;
color: #005689;
padding: 5px 0 5px 13px;
/* height: 18px;*/
width: 126px;
border-top: dotted 1px #999999;
background-image: url(../../images/guardian/menu2-line.gif);
background-position: left center;
background-repeat: no-repeat;
/* background: url(../../images/menu/line.gif) no-repeat Transparent;*/
}

ul.menu2 li a:hover
{
text-decoration: underline;
/* background-color: #a05b7d; */
}

.bottom-links
{
margin: 20px 0;
border-top: solid 10px #e3131a;	
}

.bottom-links ul
{
margin: 0;
padding: 0 0 0 0;
list-style-type: none;
}

.bottom-links ul li
{
margin: 0;
padding: 0;	
}

.bottom-links ul a:link, .bottom-links ul a:visited
{
margin: 0;
display: block;
color: Black;
text-decoration: none;
font-weight: normal;
font-size: 13px;
color: #005689;
width: 139px;
padding: 5px 0;
height: 18px;
border-top: dotted 1px #999999;
}

.bottom-links ul a:hover
{
text-decoration: underline;	
}

.bottom-links ul a.top:link, .bottom-links ul a.top:visited
{
border-top: none;
}

/* Thumbnail Menu Styles */

#thumbnailBase 
{
display: none;
}

#thumbnailBase h1
{
margin: 0 0 0 0;
width: 725px;
height: 22px;
font-size: 16px;
color: #414141;
/* background: #ffffff; */
}

.thumb 
{
display: block;
float: left;
width: 116px;
margin: 2px;
padding-bottom: 1px;
}

.thumb img 
{
border: none;
display: block;
}

.textPanel a:link, .textPanel a:visited
{
display: block;
position: absolute;
width: 111px;
height: 14px;
background-image: url(../../images/thumbnailmenu/text_panel.gif);
background-repeat: no-repeat;
z-index: 2;
margin: 58px auto auto 3px;
color: #EBEBEB;
text-decoration: none;
font-weight: bold;
font-size: 9px;
text-indent: 5px;
}

.textPanel a:hover
{
background-image: url(../../images/thumbnailmenu/text_panel_high.gif);
}

/* Nav Bar Styles */

/* Nav Bar Content */
#navBarBase
{
display: none;
width: 940px;
clear: both;
float: left;
}

/* All unordered list */
#navBarBase ul 
{
margin: 0px;
padding: 0px;
line-height: 15px;	
}

/* All List items */
#navBarBase li 
{
cursor: default;
list-style-type: none;
display: inline;
margin: 25px;
}

/* All Text links */
#navBarBase a:link, #navBarBase a:visited
{	
color: #EBEBEB;
text-decoration: none;
font-weight: bold;
font-size: 10px;
}

#navBarBase a:hover 
{
color: #BDBDBD;
}

/* Main Content Styles */

#base
{
width: 940px;
margin: 0 auto;	
}

#top
{
display: none;
}

#middle
{
width: 940px;
}

#bottom
{
display: none;
}

#mainContainer
{
width: 940px;
margin: 0 auto;	
float: left;
}

#horizonal-menu
{
display: none;	
}

#cartContainer
{
width: 940px;
background: #ffffff;
margin: 0 auto;	
}

#ct
{
clear: both;
width: 940px;
}

#content
{
/*
background-image: url(../../images/guardian/content-bg.gif);
background-position: top left;
background-repeat: no-repeat;
*/
border-top: solid 10px #e3131a;
width: 780px;
float: left;
/* background: url(../../images/screen/body_bg.gif); */
}

body#product #content,
body.Product #content
{
/*
background-image: url(../../images/guardian/content-bg.gif);
background-position: top left;
background-repeat: no-repeat;
*/
background-image: url(../../images/guardian/red-line.gif);
background-position: 9px 0;
background-repeat: no-repeat;
border-left: solid 2px #cecece;
border-right: solid 2px #cecece;
border-top: none;
padding: 11px 9px 0 9px;
width: 623px;
float: left;
/* background: url(../../images/screen/body_bg.gif); */
}

#content hr
{
clear: both;
height: 0;
border: 0; 
margin: 0px 10px;
border-top: 1px solid #c4c4c4; 
}

.contentBox
{
width: 717px;
clear: both;
margin: 0px auto;
padding-top: 12px;
background: url(../../images/screen/contentBox_bg.gif) top no-repeat;	
}

.contentBox img
{
display: block;	
clear: both;
}

.contentBox .ddlDeliveryList
{
font-weight: normal;
font-size: 11px;
margin: 0 3px;
position: relative;
top: -60px;
left: 110px;
}

.contentBox .tbDeliveyField
{
display: block;
margin: 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 11px;
width: 160px;
position: relative;
top: -60px;	
left: 110px;
clear: both;
}

.contentBox p.field
{
display: block;
width: 100px;
text-align: right;
font-weight: bold;
clear: both;
margin: 6px 2px 6px 10px;
}

p.content, .contentBox p
{
width: 623px;
color: #333333;
font-size: 12px;
padding: 0 0 10px 0;	
}

table p.content
{
width: auto;
color: #333333;
font-size: 12px;
padding: 0 0 10px 0;	
}

h5.content
{
border-bottom: dotted 1px #999999;
border-top: solid 1px #999999;
color: #333333;
display: block;
font-family: Georgia;
font-size: 18px;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 5px 0px 15px 0px;
width: 623px;
}

h5.sitemap
{
display: block;
color: #832a56;
font-weight: normal;
margin: 12px;
font-size: 16px;	
}

h5.sitemap a:link, h5.sitemap a:visited
{
color: #005689;
text-decoration: none;	
}

h5.sitemap a:hover
{
text-decoration: underline;	
}

ul.content
{
font-size: 12px;
margin: 5px 30px 15px 30px;
padding: auto;
}

ul.sitemap
{
color: #737373;
font-size: 12px;
}

ul.sitemap li
{
list-style-type: none;
}

ul.content a:link, ul.content a:visited, ul.sitemap a:link, ul.sitemap a:visited
{
color: #333333;
font-size: 12px;
text-decoration: none;
white-space: nowrap;
}

ul.content a:hover, ul.sitemap a:hover
{
text-decoration: underline;
}

p.content a:link, p.content a:visited
{
color: #005689;
text-decoration: underline;		
}

p.content a:hover
{
text-decoration: none;	
}


img.contentImageFloatLeft
{
margin: 6px 20px 4px 0px;
display: block;
border: none;
position: relative;
left: 10px;
float: left;
}

img.contentImageFloatRight
{
margin: 6px 0px 4px 20px;
display: block;
border: none;
position: relative;
right: 10px;
float: right;
}

img.contentImageMiddle
{
display: block;
margin: auto;
border: none;
clear: both;	
}

img.contentImageLeft, span.contentImageLeft img
{
display: block;
margin: 10px;	
border: none;
clear: both;
}

.standard
{
margin: 0px 20px 10px 0px;
float: left;
width: 356px;
position: relative;
left: 10px;		
}

.standard p, .boxed p
{
display: block;
color: #737373;
margin: 12px;
font-size: 12px;
}

.standard img, .boxed img
{
margin: 0 10px;
display: block;	
clear: both;
}

.standard img.standardPack
{
margin: 0 10px;
display: block;	
clear: both;
position: relative;
top: 13px;	
}

.boxed
{
margin: 0px 0px 10px 0px;
float: right;
width: 356px;
position: relative;
right: 10px;	
}

#content a.returnHome:link, #content a.returnHome:visited
{
color: #005689;
clear: both;
font-size: 13px;
font-weight: normal;
padding: 10px 0;
border-top: dotted 1px #999999;
display: block;
clear: both;
text-decoration: none;
}

#content a.returnHome:hover
{
text-decoration: underline;
}

#cartContent, #stepOne, #stepTwo, #stepThree
{
border-top: solid 10px #e3131a;
width: 940px;
margin: 10px 0;
clear: both;
}

/* Xmas 08 */

#xmas08
{
width: 723px;
height: 270px;
background: url(../../images/screen/xmas08/xmas08_bg.gif) no-repeat;
margin: 10px auto;
clear: both;	
}

#xmas08 div
{		
float: left;
position: relative;
top: 66px;
left: 174px;
}

#xmas08 div img
{
display: block;
border: none;
margin: 0;
}

#xmas08 a:link, #xmas08 a:visited
{
color: #fef6f1;
font-size: 11px;
font-weight: normal;
text-decoration: none;
margin: 0;
}

#xmas08 a:hover
{
text-decoration: underline;
}

a.stockingF
{
position: relative;
top: -2px;	
line-height: 11px;
}

.choice
{
width: 139px;
height: 101px;
text-align: center;
margin: 0 1px 3px 0;	
}

.xmasSale
{
width: 139px;
height: 101px;
text-align: center;
margin: 0 1px 3px 0;
}

.giftCards
{
width: 129px;
height: 101px;
text-align: center;
margin: 0 0 3px 0;
padding-right: 250px;
}

.bestsellers
{
width: 139px;
height: 90px;
text-align: center;
margin: 0 1px 0 0;
}

.nails
{
width: 139px;
height: 90px;
text-align: center;
margin: 0 1px 0 0;
}

.weekend
{
width: 139px;
height: 90px;
text-align: center;
margin: 0 0 0 0;
}

/* January Sale 09 */

#janSale
{
width: 723px;
height: 250px;
background: url(../../images/screen/janSale09/janSale_bg.gif) no-repeat;
margin: 10px auto;
clear: both;	
}

#janSale p
{
font-size: 14px;
font-weight: bold;
color: #535353;
margin: 0 0 10px 0;
position: relative;
top: 165px;
padding: 0 10px;
}

#janSale p b
{
font-size: 35px;
color: Red;	
}

#janSale a.clickDetails:link, #janSale a.clickDetails:visited
{
position: relative;
top: 165px;
display: block;
width: 150px;
height: 21px;
text-indent: -2px;
margin: 0 10px;
padding: 3px 0 0 0;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../../images/screen/clickDetails_btn.gif) no-repeat;
}

/* Valentines Promotions 09 */
#valentinesPromotions
{
width: 723px;
height: 228px;
background: url(../../images/screen/valentines/valentinesPromotions_bg.gif) no-repeat;
margin: 10px auto;
clear: both;	
}

#valentinesPromotions p
{
font-size: 12px;
font-weight: bold;
color: #f8f8f8;
margin: 0 0 10px 0;
position: relative;
top: 145px;
padding: 0 140px 0 10px;	
}

#valentinesPromotions a.clickDetails:link, #valentinesPromotions a.clickDetails:visited
{
position: relative;
top: 145px;
display: block;
width: 150px;
height: 21px;
text-indent: -2px;
margin: 0 10px;
padding: 3px 0 0 0;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../../images/screen/clickDetailsValentines_btn.gif) no-repeat;
}

/* Mothers Day Promotions 09 */
#mothersDayPromotions
{
width: 723px;
height: 228px;
background: url(../../images/screen/mothersday/mothersDayPromotions_bg.jpg) no-repeat;
margin: 10px auto;
clear: both;	
}

#mothersDayPromotions p
{
font-size: 12px;
font-weight: normal;
color: #666666;
margin: 0 0 0 390px;
padding: 165px 0 5px 0;
}

#mothersDayPromotions a.clickDetails:link, #mothersDayPromotions a.clickDetails:visited
{
display: block;
width: 150px;
height: 21px;
text-indent: -2px;
margin: 0 10px 0 390px;
padding: 3px 0 0 0;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../../images/screen/clickDetails_btn.gif) no-repeat;
}

/* Special Delivery */

#featureSpecialDelivery 
{
width: 723px;
height: 185px;
/* background-color: Red; */
margin: 10px auto;
display: none;
}

#featureSpecialDelivery img
{
display: block;	
}

#feature 
{
width: 723px;
height: 185px;
background: url(../../images/screen/homeFeatureBox_bg.gif);
/* background-color: Red; */
margin: 10px auto;
}

#feature h1
{
margin: 0 0 0 0;
padding-top: 5px;
text-align: center;
width: 725px;
height: 22px;
font-size: 18px;
color: #832a56;
}

#feature img.logo1
{
display: block;
position: relative;
left: 50px;
top: 10px;
float: left;
}

#feature img.logo2
{
display: block;
position: relative;
left: 110px;
float: left;
top: 10px;
}

#feature img.logo3
{
display: block;
position: relative;
left: 180px;
top: 10px;
}

#feature img.logo4
{
display: block;
position: relative;
left: 65px;
top: 10px;
float: left;
}

#feature img.logo5
{
display: block;
position: relative;
left: 140px;
float: left;
top: 10px;
}

#feature img.logo6
{
display: block;
position: relative;
left: 210px;
top: 10px;
}

#homepageMiddle
{

}
.summer-promos
{
display: block;
clear: both;	
float: left;
width: 780px;
}

.hp-intro
{
width: 623px;
margin: 10px 0 0 0;	
}

.hp-worldcupgiveaway
{
margin: 10px 10px 0 0;	
float: left;
}

.hp-freeprizedraw
{
margin: 10px 0 0 0;
float: left;
}

.hp-intro .bottom
{
width: 623px;
height: 35px;
background-color: #333333;	
/*background-image: url(../../images/guardian/hp-intro-bottom.gif);*/
}

.hp-intro img
{
border: none;
display: block;	
}

.hp-intro h6
{
font-family: Georgia;
font-size: 16px;
font-weight: normal;
float: left;
color: #ededed;
padding: 9px 8px 0 12px;
}

.hp-intro p
{
font-family: Georgia;
font-size: 16px;
color: #cccccc;	
padding: 9px 0 0 0;
}

#homepageMiddle h1
{

}


/* Right Home page block */
#rightInfo
{
display: none;
}

/* Search box block */
#searchBox
{
display: block;
float: left;
width: 220px;
height: 220px;
background: url(../../images/screen/searchbox_background.gif) no-repeat;
margin: 27px 0px 2px 0px;
position: relative;
left: 10px;
}

#searchBox .ddlCategories
{
width: 180px;
height: 19px;
padding: 2px 0;
clear: both;
font-weight: bold;
font-size: 11px;
border: solid 1px #711c46;	
background: #e6e6e6;
color: #414141;
float: left;
position: relative;
top: 73px;
left: 25px;
margin: 0 0 5px 0;
}

#searchBox .ddlLocation
{
width: 180px;
height: 19px;
padding: 2px 0;
clear: both;
font-weight: bold;
font-size: 11px;
border: solid 1px #711c46;	
background: #e6e6e6;
color: #414141;	
float: left;
position: relative;
top: 73px;
left: 25px;
margin: 0 0 5px 0;
}

#searchBox .ddlPrices
{
width: 100px;
height: 19px;
padding: 2px 0;
clear: both;
font-weight: bold;
font-size: 11px;
border: solid 1px #711c46;	
background: #e6e6e6;
color: #414141;	
float: left;
position: relative;
top: 73px;
left: 25px;
margin: 0 0 5px 0;
}

#searchBox .ddlRatings
{
width: 100px;
height: 19px;
padding: 2px 0;
clear: both;
font-weight: bold;
font-size: 11px;
border: solid 1px #711c46;	
background: #e6e6e6;
color: #414141;
float: left;
position: relative;
top: 73px;	
left: 25px;
margin: 0 0 5px 0;
}

#searchBox .searchBtn
{
width: 100px;
height: 30px;
clear: both;
color: #eeeeee;
font-weight: bold;
font-size: 12px;
border: solid 1px #711c46;
background: #af5a84;
float: left;
position: relative;
top: 73px;
left: 25px;
}

/* Sign-up box block */
#signupBox
{
display: block;
float: left;
width: 220px;
height: 105px;
background: url(../../images/screen/signup_background.gif) no-repeat;
position: relative;
top: 18px;
left: 10px;
}

#signupBox .search
{
background: #eeeeee;
font-size: 11px;
font-weight: normal;
color: #414141;
height: 15px;
width: 124px;
padding: 2px;
margin: 50px 0 0 25px;
border-left: solid 1px #414141;
border-top: solid 1px #414141;
border-bottom: solid 1px #414141;
float: left;	
}

#signupBox .goBtn
{
float: left;
background: #414141;
font-size: 11px;
font-weight: normal;
color: #eeeeee;
height: 21px;
width: 50px;
padding: 1px;
margin: 50px 5px 0 -2px;
border: solid 1px #414141;	
}

/* Featured products */
.featuredProductsWrapper
{
float: left;
clear: both;
width: 780px;
margin: 10px 0 0 0;
border-top: solid 10px #e3131a;
}

.featuredProductsWrapper h1,
.featuredProductsWrapper h2
{
font-family: Georgia;
font-size: 14px;
font-weight: bold;
color: #333333;	
}

.homepage_featured
{
width: 142px;
float: left;
margin: 10px 0 0 0;	
}

.space.featured
{
width: 17px;
height: 15px;	
}

.homepage_featured img
{
display: block;
border: 1px solid #cecfce;
width: 140px;
height: 95px;
}

.homepage_featured .add
{
display: none;
}

.homepage_featured p.price
{
font-size: 13px;
font-weight: normal;
color: #444444;
padding: 15px 0 0 0;
}

.homepage_featured a.title:link, .homepage_featured a.title:visited
{
font-family: Georgia;
font-size: 16px;
font-size: medium;
line-height: 19px;
color: #005689;
text-decoration: none;
}

.homepage_featured a.title:hover
{
text-decoration: underline;
}

/* 3 bestsellers on homepage */
.hp-bestsellers
{
margin: 10px 0 0 0;
border-top: solid 10px #e3131a;
float: left;
width: 460px;
}

/* 2 What's new on homepage */
.hp-whatsnew
{
margin: 10px 0 0 0;
border-top: solid 10px #e3131a;
float: right;
width: 303px;
}

.hp-bestsellers h1, .hp-whatsnew h1,
.hp-bestsellers h2, .hp-whatsnew h2
{
font-family: Georgia;
font-size: 14px;
font-weight: bold;
color: #333333;	
float: left;
}

.hp-bestsellers a.browse:link, .hp-bestsellers a.browse:visited
{
float: right;
font-size: 13px;
color: #0175b3;	
padding: 3px 0;
text-decoration: none;
}

.hp-bestsellers a.browse:hover
{
text-decoration: underline;	
}

/* Featured Home page box block */
.homeProduct
{

}

/* Featured Home page image */
.mightLikeAct img
{
border: none;
display: block;
width: 140px;
height: 95px;
position: absolute;
top: 5px;
left: 0;
}

/* Featured Home page image price tag */
.mightLikeAct a.cornerPrice
{
color: #444444;
font-size: 13px;
padding: 0 0 2px 0;
text-decoration: none;
}

/* Featured Home page product title and info box */
.mightLikeAct .titleAndInfo
{
display: block;
float: left;
width: 160px;
margin: 5px 0 0 0;
padding: 0 0 0 145px;
}

/* Featured Home page product title */
a.prodTitle:link, a.prodTitle:visited
{
line-height: 19px;
color: #005689;
font-family: Georgia;
font-size: 16px;
font-weight: normal;
text-decoration: none;
}

/* See all ... experiences from ... */
a.prodTitle:hover
{
text-decoration: underline;
}

a.seeAll:link, a.seeAll:visited
{
display: block;
margin-top: 5px;
color: #868686;
font-size: 10px;
text-decoration: none;
}

a.seeAll:hover
{
text-decoration: underline;
}

/* Featured Home page product description */
.mightLikeAct .prodDescription, .mightLikeAct .titleAndInfo p
{
color: #444444;
font-size: 13px;
padding: 0 0 2px 0;
}

.mightLikeAct .titleAndInfo a.add:link, .mightLikeAct .titleAndInfo a.add:visited
{
margin: 3px 0 0 0;
display: block;
text-indent: -9999px;
width: 73px;
height: 22px;
background-image: url(../../images/guardian/mightLikeAct-buynow.gif);	
}



/* Category styles */

.catInfo
{
width: 623px;	
margin: 0 0 20px 0;
float: left;
clear: both;
}

.catInfo h1
{
font-family: Georgia;
color: #333333;
font-size: 28px;
font-weight: normal;
}

.catInfo p
{
color: #333333;
font-size: 12px;
font-weight: normal;
}

.mightLike
{
border-top: solid 10px #e3131a;
width: 623px;
margin: 15px 0 0 0;
float: left;
clear: both;
}

.mightLike h1
{
margin: 0 0 0 0;
padding: 0 0 5px 0;
font-family: Georgia;
font-size: 14px;
font-weight: bold;
color: #333333;
}

.mightLike h2
{
margin: 0 0 0 0;
padding: 0 0 5px 0;
font-family: Georgia;
font-size: 14px;
font-weight: bold;
color: #333333;
}

.mightLikeAct
{
width: 305px;
height: 100px;
margin: 0 11px 20px 0;
float: left;
position: relative;
border-top: dotted 1px #999999;
}

.mightLikeAct.alternating
{
margin: 0;	
}

.subCat_container
{
width: 623px;
float: left;
clear: both;
margin: 0;
}

.subCat_container h1,
.subCat_container h2
{
display: none;
}

.subCat
{
width: 305px;	
height: 70px;
margin: 0 11px 0 0;
float: left;
position: relative;
border-top: dotted 1px #999999;
}

.subCat h2
{
display: block;
}

.subCat.alternating
{
margin: 0;	
}

.subCat img
{
position: absolute;
display: block;
border: none;
margin: 0;	
top: 5px;
width: 60px;
height: 60px;
}

.subCat h2 a:link, .subCat h2 a:visited
{
display: block;
padding: 3px 0 0 65px;
font-family: Georgia;
font-size: 16px;
font-weight: normal;
line-height: 19px;
color: #005689;
text-decoration: none;
}

.subCat h2 a:hover
{
text-decoration: underline;
}

.subCat p
{	
padding: 0 0 0 65px;
font-size: 12px;
color: #444444;
}

.subCat a.seeAll:link, .subCat a.seeAll:visited
{
display: none;
}

.subCat a.seeAll:hover
{
text-decoration: none;
}

/* Sub-Category styles *//* Search Results */
.subcatInfo, .searchResults
{
width: 623px;	
margin: 0 0 20px 0;
float: left;
clear: both;
}

.subcatInfo h1, .searchResults h1
{
font-family: Georgia;
font-size: 28px;
font-weight: normal;
color: #333333;
}

.subcatInfo p, .searchResults p
{
color: #333333;
font-size: 12px;
font-weight: normal;
}

.searchResults p
{
float: left;
padding: 0 4px 0 0;
}

.searchResults p.result
{
float: none;
font-weight: bold;
font-style: italic;
}

.searchResults .ddlCategories
{
width: 270px;
height: 19px;
padding: 2px 0;
font-weight: bold;
font-size: 11px;
border: solid 1px #711c46;
color: #414141;
float: left;
position: relative;
top: 5px;
left: 10px;
margin: 0 0 5px 0;
}

.searchResults .ddlLocation
{
width: 270px;
height: 19px;
padding: 2px 0;
font-weight: bold;
font-size: 11px;
border: solid 1px #711c46;	
color: #414141;	
position: relative;
top: 5px;
left: 20px;
margin: 0 0 5px 0;
}

.searchResults .ddlPrices
{
width: 100px;
height: 19px;
padding: 2px 0;
font-weight: bold;
font-size: 11px;
border: solid 1px #711c46;
color: #414141;	
float: left;
position: relative;
top: 5px;
left: 10px;
margin: 0 0 5px 0;
}

.searchResults .ddlRatings
{
width: 100px;
height: 19px;
padding: 2px 0;
font-weight: bold;
font-size: 11px;
border: solid 1px #711c46;	
color: #414141;
float: left;
position: relative;
top: 5px;
left: 20px;
margin: 0 0 5px 0;
}

.searchResults .searchBtn
{
width: 100px;
height: 12px;
color: #eeeeee;
text-align: center;
padding: 3px 0;
font-weight: bold;
font-size: 10px;
text-decoration: none;
border: solid 1px #711c46;
background: #af5a84;
float: left;
position: relative;
top: 5px;
left: 30px;
}

.searchResults .searchBtn:hover
{
text-decoration: underline;
}

.keyBox
{
display: none;
}

.keyBox h1.keyinfo
{
margin: 0 0 0 0;
padding-top: 5px;
text-indent: 10px;
width: 468px;
height: 22px;
font-size: 16px;
color: #858484;
float: left;
}

.keyBox p.icon img
{
float: left;
display: block;
position: relative;
margin: 0 3px 0 0;
left: 0px;
}

.keyBox p.icon
{
position: relative;
left: 10px;
margin: 0 5px 0 0;
width: 145px;
height: 39px;
float: left;
font-size: 11px;
color: #858484;
}

.keyBox h1.thrillometer
{
margin: 0 0 0 0;
padding-top: 5px;
text-indent: 10px;
width: 258px;
height: 22px;
font-size: 16px;
color: #858484;
float: left;
}

.keyBox  .thrillChart
{
position: relative;
margin: 0px;
float: left;
width: 200px;
background-color: Blue;	
}

.keyBox p.thrill img
{
float: left;
display: block;
position: relative;
margin: 2px 4px 2px 0;
left: 0px;
}

.keyBox p.thrill
{
position: relative;
float: left;
left: 30px;
margin: -3px 0 0 0;
width: 190px;
font-size: 10px;
color: #858484;
}

.sortBox
{
float: left;
width: 621px;
clear: both;
border: solid 1px #999999;
margin: 0 0 20px 0;
padding-bottom: 5px;
}

.sortBox span.bestrating
{
display: none;	
}

body#card .sortBox
{
float: left;
width: 621px;
height: 35px;
margin: 0;
border: none;
padding: 0;
}

.sortBox h1,
.sortBox h2
{
font-family: Georgia;
font-size: 14px;
font-weight: bold;
color: #333333;
padding: 5px 10px;
margin-bottom: 5px;
border-bottom: dotted 1px #999999;
}

body#card .sortBox h1, body#card .sortBox a
{
display: none;	
}

.sortBox a.selected:link, .sortBox a.selected:visited
{
text-decoration: underline;
}

.sortBox a:link, .sortBox a:visited
{
font-size: 12px;
color: #333333;
padding: 0 10px;
text-decoration: none;
}

.sortBox a:hover
{
text-decoration: underline;
}

.sortBox img
{
position: absolute;
display: block;
top: 42px;
left: 99px;
}

.prodView, .card-prodView
{
width: 780px;	
margin: 0 0 0 0;
clear: both;
position: relative;
border-top: dotted 1px #999999;
}

.img-holder, .img-card-holder
{
float: left;
width: 200px;
padding-bottom: 10px;
}

.prodView img.prodImg, .card-prodView img.card-prodImg
{
border: none;
position: relative;
top: 5px;
width: 100%;	
}

.prodView .prodInfo, .card-prodView .card-prodInfo
{
position: relative;
float: left;
width: 575px;
padding: 0;
left: 5px;
margin: 0 0 5px 0;
}

.prodView .prodInfo h3, .prodView .prodInfo h3 a:link, .prodView .prodInfo h3 a:visited,
.card-prodView .card-prodInfo h3, .card-prodView .card-prodInfo h3 a:link, .card-prodView .card-prodInfo h3 a:visited
{
padding: 5px 0 0 0;
color: #005689;
font-family: Georgia;
font-size: 16px;
font-weight: normal;
line-height: 19px;
text-decoration: none;
}

.prodView .prodInfo h3 a:hover,
.card-prodView .card-prodInfo h3 a:hover
{
text-decoration: underline;
}

.prodView .prodInfo p.price, .card-prodView .card-prodInfo p.price
{
color: #444444;
font-size: 13px;
}

.prodView .prodInfo p.code, .card-prodView .card-prodInfo p.code
{
display: none;
}

.prodView .prodInfo p.description, .card-prodView .card-prodInfo p.description
{
color: #444444;
font-size: 13px;
clear: both;
}

.prodView .prodInfo .reviwsBox
{
clear: both;
}

.prodView .prodInfo .reviwsBox img
{
display: block;
float: left;	
}

.prodView .prodInfo .reviwsBox p
{
color: #444444;
font-size: 13px;	
}

.prodView .prodInfo .reviwsBox a:link, .prodView .prodInfo .reviwsBox a:visited
{
color: #444444;
font-size: 13px;
text-decoration: none;	
}

.prodView .prodInfo .reviwsBox a:hover
{
text-decoration: underline;	
}

.card-prodView .card-prodInfo .reviwsBox a:link, .card-prodView .card-prodInfo .reviwsBox a:visited
{
display: none;	
}

.prodView .prodInfo a.addOrder:link, .prodView .prodInfo a.addOrder:visited
{
background-image: url(../../images/guardian/mightLikeAct-buynow.gif);
display: block;
height: 22px;
margin: 5px 0px 0px 0px;
text-indent: -9999px;
width: 73px;
position: absolute;
right: 0;
top: 0;
}

/* Buy now button for Cards */
body#card .prodView .prodInfo a.addOrder:link, body#card .prodView .prodInfo a.addOrder:visited,
body#card .card-prodView .card-prodInfo a.addOrder:link, body#card .card-prodView .card-prodInfo a.addOrder:visited
{
display: none;	
}

.prodView a.viewVideo:link, .prodView a.viewVideo:visited
{
position: absolute;
right: 0 !important;
left: auto !important;
top: 30px;
display: block;
text-indent: -9999px;
width: 63px;
height: 22px;
background-image: url(../../images/guardian/video-small.gif);
background-repeat: no-repeat;
z-index: 200;
}

.prodView .prodInfo a.addOrder:hover
{
	
}

.prodView .keyInfo, .card-prodView .keyInfo
{
display: none;
}

.prodView .keyInfo p
{
color: #9b9b9b;
font-size: 11px;
margin: 0 0 5px 0;
clear: both;
}

.prodView .keyInfo .keyIcons
{
width: 103px;
height: 55px;
}

.prodView .keyInfo .keyIcons img
{
float: left;
display: block;
position: relative;
margin: 4px 0;
left: 10px;
}

.prodView .keyInfo .thrillometer
{
width: 103px;
height: 26px;
}

.prodView .keyInfo .thrillometer img
{
margin: 0 auto;
display: block;	
}

/* Product Descirption */
.prod-bg
{
float: left;
clear: both;
position: relative;	
z-index: 1;
}

#productName
{
float: left;
clear: both;
position: relative;
top: 5px;
left: 375px;
width: 248px;
margin: 0;
padding: 0;
}

#productName h1
{
font-family: Georgia;
font-size: 28px;
font-weight: normal;
color: #005689;
}

.productName
{
display: block;
clear: both;
margin: 0;
padding: 0;
white-space: nowrap;
}

.productName h1
{
font-family: Georgia;
font-size: 28px;
font-weight: normal;
color: #333333;
}

#productTop
{
float: left;
width: 623px;
margin: 5px auto;
clear: both;
}

#productTop .productImgBox
{
float: left;
clear: both;
}

#productTop .productImgBox img
{
position: absolute;
top: 5px;
width: 370px;
height: 190px;
margin: 0;
}

#productTop .rightBox
{
float: right;
width: 247px;
margin: 0px 0 0 0;
}

#productTop .rightBox p.code
{
font-size: 12px;
font-weight: normal;
color: #9b9b9b;	
padding: 5px 0 0 0;
}

#productTop .rightBox p.intro
{
font-size: 12px;
font-weight: normal;
color: #9b9b9b;	
padding: 0 0 10px 0;
}

#productTop .rightBox a.link:link, #productTop .rightBox a.link:visited
{
font-size: 12px;
font-weight: normal;
color: #9b9b9b;
clear: both;
display: block;
text-decoration: none;
}

#productTop .rightBox a.link:hover
{
text-decoration: underline;
}

#productTop .rightBox .reviews
{

margin: 5px 0 0 0;
}

#productTop .rightBox .reviews img
{
display: block;
float: left;
}

#productTop .rightBox .reviews p
{
font-size: 12px;
font-weight: normal;
color: #9b9b9b;
margin: 0;
clear: both;
}

#productTop .rightBox .reviews p.write
{
font-size: 12px;
font-weight: normal;
color: #9b9b9b;
margin: 0;
float: left;
clear: both;	
}

.reviews a.write:link, .reviews a.write:visited
{
font-size: 12px;
font-weight: normal;
color: #9b9b9b;
margin: 0;
text-decoration: none;
}

.reviews a.write:hover
{
text-decoration: underline;
}

#productTop .rightBox p.price
{
font-size: 12px;
font-weight: bold;
color: #525151;	
clear: both;
padding: 10px 0 0 0;
}

#productTop .rightBox a.addOrder:link, #productTop .rightBox a.addOrder:visited
{
display: block;
width: 142px;
height: 31px;
text-indent: -9999px;
background-image: url(../../images/guardian/addtobasket-large.gif);
background-repeat: no-repeat;
}

#productTop .rightBox a.viewVideo:link, #productTop .rightBox a.viewVideo:visited
{
margin: 5px 0 0 0;
display: block;
text-indent: -9999px;
width: 63px;
height: 22px;
background-image: url(../../images/guardian/video-small.gif);
background-repeat: no-repeat;
}

#productTop img.bottom
{
clear: both;
display: block;
margin: -5px 0 0 0;	
position: relative;
top: 5px;
}

#productDescription
{
float: left;
clear: both;
margin: 0;
}

body#product #productDescription,
body.Product #productDescription
{
width: 623px;
}

#productDescription h4
{
display: block;
font-family: Georgia;
font-size: 18px;
font-weight: normal;
padding: 5px 0 15px 0;
margin: 0 0 5px 0;
color: #333333;	
border-top: solid 1px #999999;
border-bottom: dotted 1px #999999;
}

#productDescription p
{	
color: #444444;
font-size: 12px;
font-weight: normal;
padding: 0 0 15px 0;	
}

#productDescription a.backToTop:link, #productDescription a.backToTop:visited, #productInfo a.backToTop:link, #productInfo a.backToTop:visited
{
display: none;
}

#productDescription a.backToTop:hover, #productInfo a.backToTop:hover
{
text-decoration: none;
}

#productDescription a.addOrder:link, #productDescription a.addOrder:visited, #productInfo a.addOrder:link, #productInfo a.addOrder:visited
{
display: none;
}

#productDescription a.addOrder:hover
{
	
}

a.backToTop:hover
{
text-decoration: none;
}

#productMightLike,
.productMightLike
{
clear: both;
position: absolute;
width: 138px;
top: 106px;
right: -157px;
margin: 0;
border-top: solid 10px #e3131a;
z-index: 15;
}

* html #productMightLike,
* html .productMightLike
{
right: -158px;
/*
border-top: none;
background-image: url(../../images/guardian/red-line-productMightLikeIE6.gif);
background-position: top left;
background-repeat: no-repeat;
padding-top: 10px;
margin: 0 -157px 0 0;
background-color: Aqua;
*/
}

.productMightLikeBottom
{
display: none;
}

#productMightLike h1,
.productMightLike h1,
.productMightLike h2
{
font-family: Georgia;
font-weight: bold;
font-size: 14px;
line-height: 19px;
color: #444444;	
}

.mightLikeAct.prodMightLike
{
border-top: none;
float: none;
width: auto;
height: auto;
margin: 0 0 15px 0;
top: 0;
position: relative;
}

* html .mightLikeAct.prodMightLike
{

}

.mightLikeAct.prodMightLike img
{
border: none;
display: block;
height: 95px;
left: 0px;
position: absolute;
top: 5px;
width: 138px;
}

* html .mightLikeAct.prodMightLike img
{

}

.mightLikeAct.prodMightLike.alternating
{
margin: 0;	
}

.mightLikeAct.prodMightLike .titleAndInfo
{
display: block;
float: none;
width: auto;
margin: 0;
padding: 100px 0 0 0;
}

#productInfo
{
float: left;
clear: both;
width: 623px;
margin: 0;
}

#productInfo h4
{
display: block;
font-family: Georgia;
font-size: 18px;
font-weight: normal;
padding: 5px 0 15px 0;
margin: 0 0 5px 0;
color: #333333;	
border-top: solid 1px #999999;
border-bottom: dotted 1px #999999;
}

#productInfo h4.when
{
	
}

#productInfo h4.howlong
{
	
}

#productInfo h4.info
{
	
}

#productInfo h4.howmany
{
		
}

#productInfo h4.family
{
		
}

#productInfo h4.weather
{

}

#productInfo h4.where
{
	
}

#productInfo p
{
color: #444444;
font-size: 12px;
font-weight: normal;
padding: 0 0 15px 0;	
}

#Locations
{
position: relative;
margin: -15px 0 0 0;
}

#Locations p
{
color: #444444;
font-size: 12px;
font-weight: normal;
padding: 0 0 5px 30px;	
}

.productReviews
{
float: left;
border-top: solid 10px #e3131a;
clear: both;
width: 623px;
margin: 20px 0 10px 0;
position: relative;

}

.productReviews .top
{
width: 623px;
margin: 0;
text-align: left;
}

.productReviews .top h4
{
border-bottom: dotted 1px #9b9b9b;
color: #333333;
display: block;
font-family: Georgia;
font-size: 18px;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 5px 0px 15px 0px;
}

.productReviews .top img
{
display: block;	
margin: 0 auto;
}

.productReviews .top p
{
font-size: 12px;
font-weight: normal;
margin: 0;
text-align: center;
color: #444444;	
}

.productReviews img.bottom
{

}

.productReviews a.write:link, .productReviews a.write:visited
{
margin: 0;
font-size: 12px;
font-weight: bold;
color: #005689;
padding: 2px 0 1px 0;
border-top: dotted 1px #9b9b9b;
text-decoration: none;	
display: block;
text-align: center;
}

.productReviews a.write:hover
{
text-decoration: underline;
}

.productReviews .entry
{
float: left;
clear: both;
margin: 10px 0 0 0;
width: 623px;
border-top: solid 1px #9b9b9b;
}

.productReviews .entry img
{
display: block;	
float: left;
margin: 0 5px 0 0;
border-bottom: dotted 1px #9b9b9b;
}

.productReviews .entry p.title
{
color: #444444;
font-family: Georgia;
font-size: 14px;
font-weight: bold;
line-height: 19px;
display: block;
border-bottom: dotted 1px #9b9b9b;
}

.productReviews .entry .nameAndDate
{
font-size: 12px;
color: #959595;
margin: 0;
line-height: 19px;
clear: both;
}

.productReviews .entry .nameAndDate p
{
font-size: 12px;
font-weight: normal;
color: #373737;
margin: 0 5px 0 0;
float: left;		
}

.productReviews .entry p.text
{
display: block;
font-size: 12px;
font-weight: normal;
color: #373737;	
margin: 3px 0;
}

.writeReviewBox
{
width: 623px;
float: left;
position: relative;
margin: 0;
}

.writeReviewBox h1
{
border-bottom: dotted 1px #9b9b9b;
color: #333333;
display: block;
font-family: Georgia;
font-size: 18px;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 5px 0px 15px 0px;
}

.writeReviewBox p
{
font-size: 12px;
font-weight: normal;
margin: 0;
color: #626262;	
}

.writeReviewBox p.mandatory
{
display: block;
font-size: 12px;
margin: 0 0 10px 0;
clear: both;
}

.writeReviewBox p.productTitle
{
color: #444444;
font-family: Georgia;
font-size: 14px;
font-weight: bold;
line-height: 19px;
}

.writeReviewBox p.heading
{
display: block;
margin: 10px 0;
text-align: right;
clear: Both;	
font-size: 12px;
font-weight: normal;
}

.writeReviewBox p.field
{
display: block;
text-align: left;
margin: 5px 0 0 0;
width: 406px;
font-size: 12px;
}

.writeReviewBox .left
{
float: left;
width: 110px;
padding-right: 5px;
text-align: right;
}

.writeReviewBox .right
{
float: left;
padding-bottom: 35px;
position: relative;	
}

.writeReviewBox .nameTextBox
{
width: 170px;
height: 14px;
padding-bottom: 1px;
font-size: 12px;
margin: 9px 0 0 0;
clear: both;
float: left;
}

.writeReviewBox .voucherTextBox
{
width: 170px;
height: 14px;
padding-bottom: 1px;
font-size: 12px;
margin: 3px 0 0 0;
clear: both;
float: left;
}

.writeReviewBox .starRadioBtns
{
display: block;
position: relative;
height: 23px;
top: 4px;
clear: both;
float: left;	
}

.starRadioBtns img
{
float: left;	
}

.starRadioBtns p
{
padding: 4px 0 0 4px;
float: left;	
}

.writeReviewBox .titleTextBox
{
width: 350px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 8px 0 0 0;
clear: both;
float: left;
}

.writeReviewBox .reviewTextBox
{
width: 350px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 4px 0 0 0;
clear: both;
float: left;
}

a.submitReviewBtn:link, a.submitReviewBtn:visited
{
position: absolute;
right: 0;
bottom: 0;
clear: both;
float: left;
display: block;
width: 142px;
height: 31px;
text-indent: -9999px;
background-image: url(../../images/guardian/submit-rewiew.gif);
background-repeat: no-repeat;
}

a.submitReviewBtn:hover
{

}

a.backToTop:link, a.backToTop:visited
{
color: #005689;
width: 623px;
text-align: right;
height: 25px;
display: block;
font-size: 13px;
font-weight: normal;
text-decoration: underline;
}

a.backToTop:hover
{
text-decoration: none;
}


/* Page Number */
.pageNo
{
border-top: solid 10px #e3131a;
float: left;
clear: both;
width: 780px;
padding: 5px 0;
margin: 0 0 0 0;
font-size: 12px;
text-align: center;
}

.pageNo ul,
.pageNo li
{
list-style: none;
display: inline;
}

.pageNo li
{
padding: 0 1px;
}


.pageNo p,
.pageNo a
{
font-size: 12px;
color: #333333;	
}

.pageNo a
{
color: White;
}

.pageNo a.Selected:link, .pageNo a.Selected:visited
{
color: #333333;
text-decoration: underline;
padding: 0 1px 1px 0;
}

.pageNo a.selected:hover
{
text-decoration: underline;
}

.pageNo a:link, .pageNo a:visited
{
color: #333333;
text-decoration: none;
}

.pageNo a:hover
{
text-decoration: underline;
}

/* Basket *//* Checkout */
h1.cartTitle
{
color: #333333;
font-family: Georgia;
font-size: 28px;
font-weight: normal;
}

.contents
{
clear: both;
margin: 0 auto;
width: 809px;
}

.marketing
{
border: solid 1px rgb(153, 153, 153);
clear: both;
margin: 0 auto 10px auto;
position: relative;
top: 10px;
width: 807px;	
padding-bottom: 5px;
}

.marketing p
{
font-size: 12px;
padding: 5px;	
}

.marketing .cboffers
{
clear: both;
color: rgb(89, 89, 89);
font-size: 12px;
margin: 10px;
}

.marketing .cboffers label
{
padding-left: 5px;
}

a.returnShoppingTopBtn:link, a.returnShoppingTopBtn:visited
{
display: none !important;
clear: both;
color: #005689;
font-size: 13px;
font-weight: normal;
padding: 10px 0px;
float: left;	
text-decoration: none;
}

a.returnShoppingTopBtn:hover
{
text-decoration: underline;
}

/* here... */
.contents h1 
{
margin: 0px;
padding: 5px 0;
font-size: 14px;
text-align: center;
border-top: dotted 1px #999999;
display: block;	
}

.contents table
{
clear: both;
margin: 0 auto;
background-color: #eeeeee;
}

.contents table .header
{
width: 809px;
height: 28px;
text-align: left;
border-top: dotted 1px #999999;
}

.contents table .header p
{
margin: 0px;
padding: 6px 0 5px 0;
float: left;
font-size: 13px;
font-weight: bold;
color: #444444;	
}

.contents table .header p.items
{
position: relative;
left: 5px;
}

.contents table .header p.description
{
position: relative;
left: 68px;
}

.contents table .header p.optionsText
{
position: relative;
left: 398px;
}

.contents table .header p.price
{
position: relative;
left: 548px;
}

.contents table .basketItem
{
margin: 0 auto;
width: 809px;
text-align: left;
padding: 5px 0;
float: left;
border-top: dotted 1px #999999;
}

.contents table .basketItem img.product
{
position: relative;
display: block;	
width: 100px;
height: 60px;
float: left;
left: 5px;
margin-right: 5px;
}

.contents table .descriptionBox
{
position: relative;
left: 5px;
width: 405px;
float: left;	
}

.descriptionBox p.title
{
margin: 0;
font-size: 13px;
font-weight: bold;
color: #333333;
}

.descriptionBox p
{
margin: 0;
font-size: 12px;
font-weight: normal;
color: #333333;
}

.contents table .optionsBox
{
position: relative;
width: 200px;
float: left;	
margin-bottom: 16px;
}

.optionsBox a:link, .optionsBox a:visited
{
display: block;
clear: both;
color: #00507f;
font-size: 12px;
text-decoration: underline;
}

.optionsBox a.remove
{

}

.optionsBox a.add
{

}

.optionsBox a:hover
{
text-decoration: none;	
}

.link-personalised
{
float: left;
clear: both;
width: 809px;
background-color: White;
border-top: dotted 1px #999999;
}

.link-personalised h1
{

border-top: none;
}

.link-personalised table
{
	
}

.link-personalised table td
{
vertical-align: top;
padding-top: 10px;		
}

.link-personalised h2
{
font-family: Georgia;
font-size: 14px;
padding-left: 10px;	
}

.link-personalised p
{
font-size: 12px;
padding-left: 10px;		
}

.link-personalised .item
{
float: left;	
padding-left: 60px;
position: relative;
}

.link-personalised .item img
{
width: 100px;	
display: block;
border: none;
margin-bottom: 10px;
}

.link-personalised a.price:link, .link-personalised a.price:visited
{
display: block;
position: absolute;
bottom: 5px;
right: -5px;
font-family: Georgia;
font-weight: bold;
font-size: 12px;
padding: 4px;
margin: 0;
color: #444444;
border: dotted 1px #999999;
background-color: White;
text-decoration: none;
}

.link-personalised a.price:hover
{
text-decoration: underline;
color: #444444;
border: solid 1px #999999;	
}

.contents table .priceBox
{
position: relative;
float: left;	
margin-bottom: 16px;
}

.priceBox p
{
margin: 0;
font-size: 12px;
font-weight: bold;
color: #444444;
}

.priceBox p.boxset
{
margin: 0;
font-size: 11px;
font-weight: normal;
color: #626262;
}

.contents table .basketItem_bottom img
{
display: none;
clear: both;
}

.contents a.checkout:link, .contents a.checkout:visited, .btns a.checkout:link, .btns a.checkout:visited
{
display: block;
float: right;
width: 173px;
height: 38px;
margin: 0 0 5px 0;
text-indent: -9999px;
background: url(../../images/guardian/gotocheckout.gif) no-repeat;
}

body#checkout .btns a.checkout:link, body#checkout .btns a.checkout:visited
{
display: block;
float: right;
width: 145px;
height: 38px;
margin: 0 0 5px 0;
text-indent: -9999px;
background: url(../../images/guardian/placeorder.gif) no-repeat;
}

.contents a.checkout:hover, .btns a.checkout:hover
{
	
}

.btns a.returnShoppingBtn:link, .btns a.returnShoppingBtn:visited
{
display: none !important;
clear: both;
color: #005689;
float: left;
font-size: 13px;
font-weight: normal;
padding: 10px 0px;
text-decoration: none;
}

.btns a.returnShoppingBtn:hover
{
text-decoration: underline;
}

.options
{
margin: 0 auto;
width: 809px;
height: 130px;
clear: both;
position: relative;
background-color: #eeeeee;
}

.options .left
{
float: left;
width: 360px;
background-color: #eeeeee;
}

.options .left p
{
vertical-align: top;
margin: 0;
padding: 5px 10px;
font-size: 12px;
color: #333333;
}

.options .right
{
float: right;
width: 448px;
text-align: right;
background-color: #eeeeee;	
}

.options .right p
{
margin: 0;
padding: 5px;
font-size: 12px;
color: #333333;	
position: relative;
}

.options .right a.apply:link, .options .right a.apply:visited
{
color: White;
font-size: 12px;
text-decoration: none;
display: inline-block;
margin: 0 5px;
padding: 0 3px;
border: solid 1px #00507f;
background-color: #00507f;
}

.options .right a.apply:hover
{
background-color: #4b94bf
}

#showOptions,
.showOptions
{
border-top: dotted 1px #999999;
position: relative;
width: 809px;	
margin: auto;
}

.td-price p
{
display: block;
text-align: left;
padding: 0;
margin: 0;	
}

.tbCode
{
font-size: 11px;
width: 150px;	
}

/* Promo validator text */
span#reqPromoCode
{
float: right;
position: absolute;
clear: both;
margin: 0 0 0 0;
white-space: nowrap;
left: 113px;	
bottom: -10px;
}

.ddlDelivery
{
font-weight: bold;
font-size: 12px;
width: 154px;	
}

.total
{
float: right;
clear: both;
}

.total h1
{
color: #333333;
float: left;
font-family: Georgia;
padding: 10px 0;
font-size: 18px;
font-weight: bold;
}

.btns
{
margin: 0;
width: 100%;
clear: both;
position: relative;
}

.cards_thawte_div
{
float: left;
clear: both;
position: relative;
width: 808px;
}

img.cards_thawte
{
display: block;
float: right;
clear: both;
}

img.cards_thawte_a
{
display: block;
float: left;
position: absolute;
top: 0;
right: 0;
}

img.cards_thawte_b
{
display: block;
float: left;
}

.cbBoxSet
{
display: none;
}

.cbdetails
{
width: 110px;
float: left;
clear: both;
margin: 5px 0 0 0;
font-size: 12px;
color: #444444;
}

.cbBoxSet label, .cbdetails label
{
margin-left: 5px;
}

/* Step one */
a.nextStep
{
background-image: url(../../images/guardian/nextstep.gif);
position: absolute;
display: block;
right: 0;
text-indent: -9999px;
width: 120px;
height: 38px;
}

.voucherDetails
{
margin: 10px 0 0 0;
width: 380px;
background-color: White;
border: solid 1px #999999;
}

.voucherDetails img
{
display: block;	
}

.voucherDetails .ddlDeliveryList
{
font-weight: normal;
font-size: 12px;
margin: 0 3px;	
}

.voucherDetails .tbDeliveyField
{
margin: 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 12px;
width: 160px;	
}

.voucherDetails .tbDeliveyMulti
{
font-family: Arial, Helvetica, sans-serif;
margin: 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 12px;
width: 250px;
max-width: 250px;	
}

.voucherDetails table
{
margin: 0 0 3px 0;	
background-color: Transparent;
}

.voucherDetails table p
{
padding: 5px;	
font-size: 12px;
color: #444444;
white-space: nowrap;
}

.deliverDtls
{
width: 807px;
margin: 5px auto;
padding-bottom: 5px;
border: solid 1px #999999;	
}

.deliverDtls h1
{
color: #333333;
font-family: Georgia;
font-size: 19px;
padding: 5px;
font-weight: normal;
display: block;
border-bottom: dotted 1px #999999;
}

.deliverDtls table tr td
{
vertical-align: top;
padding: 2px 0;	
}

.deliverDtls h5
{
padding: 5px 5px 0 5px;
font-size: 12px;
color: #333333;
}

.deliverDtls p.norm
{
padding: 5px;
font-size: 12px;
font-weight: normal;
color: #333333;
}

.deliverDtls p
{
padding: 2px 0 0 0;
font-size: 12px;
font-weight: bold;
color: #444444;
white-space: nowrap;
}

.deliverDtls p span
{
color: #842a56;
font-weight: bold;
font-size: 12px;
}

.deliverDtls .ddlDeliveryList
{
font-weight: normal;
font-size: 12px;
margin: 0 3px;	
}

.deliverDtls .tbDeliveyField
{
margin: 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 12px;
width: 160px;	
}

.deliverDtls .tbDeliveyMulti
{
font-family: Arial, Helvetica, sans-serif;
margin: 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 12px;
height: 60px;
width: 160px;
max-width: 160px;	
}

.deliverDtls .tbDeliveyPostcode
{
margin: 0 80px 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 12px;
width: 80px;	
}

/* Step Two */
.cardDetails
{
width: 809px;
position: relative;
clear: both;
margin: 0 auto;
padding-top: 10px;
}

.cardDetails table tr td
{

}

.cardDetails table.left
{
float: left;
height: 300px;
width: 404px;
border-top: solid 1px #999999;	
border-left: solid 1px #999999;	
border-bottom: solid 1px #999999;				
}

.cardDetails table.right
{
float: right;
height: 300px;
width: 405px;
border: solid 1px #999999;		
}

.cardDetails table.left h1, .cardDetails table.right h1
{
border-bottom: dotted 1px #999999;
color: #444444;
display: block;
font-family: Georgia;
font-size: 19px;
font-weight: normal;
padding: 0 5px;
}

a.useDelivery:link, a.useDelivery:visited
{
font-size: 12px;
padding: 0;
display: block;
color: #00507f;
text-decoration: none;
text-align: center;	
}

a.useDelivery:hover
{
text-decoration: underline;
}

.cardDetails p
{
margin: 6px 0px;
font-size: 12px;
font-weight: bold;
color: #444444;
}

.cardDetails p span
{
color: #444444;
font-weight: bold;
font-size: 12px;
}

.cardDetails .ddlDeliveryList
{
font-weight: normal;
font-size: 12px;
margin: 0 3px;	
}

.cardDetails .tbDeliveyField
{
margin: 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 12px;
width: 160px;	
}

.cardDetails .tbNumberField
{
margin: 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 12px;
width: 30px;	
}

.cardDetails .tbDeliveyMulti
{
font-family: Arial, Helvetica, sans-serif;
margin: 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 12px;
width: 150px;
max-width: 150px;	
}

.cardDetails .tbDeliveyPostcode
{
margin: 0 3px;
border: solid 1px #c4c4c4;
font-weight: normal;
font-size: 12px;
width: 80px;	
}

.feedback
{
display: none;
}

.feedback table.left
{
float: left;	
}

.feedback table.right
{
float: right;	
}

.feedback table h1
{
width: 727px;
height: 35px;
margin: 0;
background: url(../../images/screen/checkout_h1_bg.gif) no-repeat;		
font-size: 11px;
color: #595959;
text-indent: 10px;
line-height: 35px;
}

.feedback p
{
margin: 6px;
font-size: 11px;
font-weight: normal;
color: #595959;
}

.feedback .ddlFeedbackList
{
font-weight: normal;
font-size: 11px;
margin: 0 6px;	
width: 250px;
}

.feedback .cboffers
{
clear: both;
margin: 6px;
font-size: 11px;
font-weight: normal;
color: #595959;
}

.terms .cbterms
{
clear: both;
margin: 10px;
font-size: 11px;
text-transform: uppercase;
color: #595959;
}

.terms .cbterms span
{
color: #842a56;
}


.terms
{
width: 807px;
margin: auto;
position: relative;
top: 10px;
margin-bottom: 20px;
border: solid 1px #999999;
clear: both;	
}

.terms h1
{
border-bottom: dotted 1px #999999;
color: #444444;
display: block;
font-family: Georgia;
font-size: 19px;
font-weight: normal;
padding: 0 5px;
}

.terms h1 a:link, .terms h1 a:visited
{
color: #00507f;
text-decoration: underline;
}

.terms h1 a:hover
{
text-decoration: none;
}

.terms label
{
margin-left: 5px;	
}

/* Step Three */

/* here... */
.contentsSummary
{
margin: 0 auto;
width: 809px;
}

.contentsSummary h1 
{
margin: 0px;
padding: 5px 0;
font-size: 14px;
text-align: center;
border-top: dotted 1px #999999;
display: block;	
}

.contentsSummary table
{
clear: both;
margin: 0 auto;
background-color: #eeeeee;	
}

.contentsSummary table .header
{
width: 809px;
height: 28px;
text-align: left;
border-top: dotted 1px #999999;
}

.contentsSummary table .header p
{
margin: 0px;
padding: 6px 0 5px 0;
float: left;
font-size: 13px;
font-weight: bold;
color: #444444;	
}

.contentsSummary table .header p.items
{
position: relative;
left: 5px;
}

.contentsSummary table .header p.description
{
position: relative;
left: 68px;
}

.contentsSummary table .header p.price
{
position: relative;
left: 535px;
}

.contentsSummary table .basketItem
{
margin: 0 auto;
width: 809px;
text-align: left;
padding: 5px 0;
float: left;
border-top: dotted 1px #999999;
}

.contentsSummary table .basketItem img.product
{
position: relative;
display: block;	
width: 100px;
height: 60px;
float: left;
left: 5px;
margin-right: 5px;
}


.contentsSummary table .basketItem_bottom img
{
display: none;
clear: both;
}


.contentsSummary table .descriptionBox
{
position: relative;
left: 5px;
width: 543px;
float: left;
}

.contentsSummary table .priceBox
{
position: relative;
float: left;	
margin-bottom: 16px;
}

.contentsSummary .priceBox p
{
margin: 0;
font-size: 12px;
font-weight: bold;
color: #444444;
}

.contentsSummary .priceBox p.boxset
{
margin: 0;
font-size: 11px;
font-weight: normal;
color: #626262;
}

.recipientDetails 
{
margin: 5px 0 0 0;	
}

.recipientDetails p
{
margin: 0;
font-weight: bold;
color: #626262;
float: left;
}

.recipientDetails p.detail
{
margin: 0 3px;
font-weight: normal;
color: #626262;
}


.confirmDeliverDtls
{
width: 809px;
margin: 5px auto;
border: solid 1px #999999;	
}

.confirmDeliverDtls h1
{
color: #333333;
font-family: Georgia;
font-size: 19px;
padding: 5px;
font-weight: normal;
display: block;
border-bottom: dotted 1px #999999;
}

.confirmDeliverDtls h5
{
margin: 5px 10px 0 10px;
font-size: 12px;
color: #333333;
}

.confirmDeliverDtls p.norm
{
margin: 0 10px 5px 10px;
font-size: 12px;
font-weight: normal;
color: #595959;
}

.confirmDeliverDtls p
{
margin: 6px 0px;
font-size: 12px;
font-weight: normal;
color: #333333;
}

.confirmDeliverDtls p.detail, .confirmCardDetails p.detail
{
margin: 6px 3px;
font-size: 12px;
font-weight: bold;
color: #333333;
}

.confirmDeliverDtls p span
{
color: #842a56;
font-weight: bold;
font-size: 12px;
}

.confirmCardDetails
{
width: 809px;
clear: both;
margin: 5px auto;	
border: soild 1px #999999;
}

.confirmCardDetails table.left
{
float: left;
width: 402px;
border: solid 1px #999999;		
}

.confirmCardDetails table.right
{
float: right;
width: 402px;
border: solid 1px #999999;		
}

.confirmCardDetails table.left h1, .confirmCardDetails table.right h1
{
color: #333333;
font-family: Georgia;
font-size: 19px;
padding: 5px;
font-weight: normal;
display: block;
border-bottom: dotted 1px #999999;
}

.confirmCardDetails p
{
margin: 6px 0px;
font-size: 12px;
font-weight: normal;
color: #595959;
}

.confirmCardDetails p span
{
color: #842a56;
font-weight: bold;
font-size: 12px;
}

/* Payment confirmation */
#divSuccess, #divFail
{
float: left;
padding: 10px;
}

#divSuccess table, #divFail table
{
margin: 10px;
text-align: center;	
border: solid 1px #999999;
}

#divSuccess h3, #divFail h3
{
color: #444444;
margin: 0;
padding: 10px;
font-family: Georgia;
font-weight: normal;
font-size: 20px;
display: block;
border-bottom: dotted 1px #999999;
}

#divSuccess p, #divFail p
{
color: #000000;
font-weight: normal;
font-size: 12px;
margin: 0;
padding: 10px 10px 0 10px;
}

.wh-success a:link, .wh-success a:visited, .wh-fail a:link, .wh-fail a:visited,
#divSuccess a.returnHome:link, #divSuccess a.returnHome:visited
{
display: block;
color: #00507f;
font-weight: normal;
font-size: 12px;
margin: 0;
padding: 5px 0;
text-decoration: underline;
}

.wh-success a:hover, .wh-fail a:hover,
#divSuccess a.returnHome:hover
{
text-decoration: none;
}

.wh-success a.success:link, .wh-success a.success:visited, .wh-fail a.fail:link, .wh-fail a.fail:visited
{
display: inline;
color: #00507f;
font-weight: normal;
font-size: 12px;
margin: 0;
padding: 5px 0;
text-decoration: underline;
}

.wh-success a.success:hover, .wh-fail a.fail:hover
{
text-decoration: none;
}

.wh-success table
{
	
}



/* Activity Cheques */
.cheques
{
clear: both;
float: left;
width: 560px;
margin: 5px 0;
position: relative;
left: 80px;
background: #e9e9e9;
padding: 5px 0 5px 5px;
}

.cheques img
{
display: block;
float: left;
position: relative;
top: 0px;
margin-right: 5px;
border: solid 1px #832a56;
}

.cheques img.last
{
display: block;
position: relative;
top: 0px;
margin-right: -5px;
border: solid 1px #832a56;
}

.cheques .buyNowBtn
{
float: left;
width: 107px;
margin: 0;
}

/* Landing Page */
#landingPageMiddle
{
width: 718px;
padding-left: 24px;
}

#landingPageMiddle h1
{
clear: both;
position: relative;
margin: 0;
padding-top: 15px;
padding-right: 35px;
text-align: center;
height: 22px;
font-size: 16px;
color: #414141;
}

#landingPageMiddle h2.luxuryManicure
{
text-indent: -15000px;
width: 695px;
height: 110px;
background: url(../../images/screen/nails_title.gif) no-repeat;
margin: 0;
}

#landingPageMiddle h2.luxuryManicureTwoForOne
{
text-indent: -15000px;
width: 695px;
height: 180px;
background: url(../../images/screen/2-for-1nails_title.gif) no-repeat;
margin: 0;
}

#landingPageMiddle p
{
padding-right: 25px;
font-size: 12px;	
}

#landingPageMiddle p.luxuryManicure
{
padding-right: 35px;
margin: 20px;
line-height: 18px;
font-size: 12px;
color: #555555;	
}

#landingPageMiddle .product
{
display: block;
width: 230px;
height: 205px;
float: left;
margin: 0px;
background: url(../../images/screen/homeProduct_background.gif) no-repeat;
}

#landingPageMiddle .product img
{
margin: 13px 15px;
border: none;
}

#landingPageMiddle a.cornerPrice
{
display: block;
position: absolute;	
color: #E2E2E2;
cursor: hand;
text-decoration: none;
font-size: 11px;
margin: 13px 15px;
padding: 4px 0px 0px 4px;
width: 89px;
height: 89px;
background-image: url(../../images/screen/cornerPrice_small.gif);
background-repeat: no-repeat;
}

#landingPageMiddle .titleAndInfo
{
display: block;
float: left;
position: absolute;
width: 200px;
margin: 138px 0px 0px 16px;
}

#landingPageMiddle a.prodTitle:link, #landingPageMiddle a.prodTitle:visited
{
display: block;
float: left;	
width: 200px;
line-height: 17px;
color: #868686;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}

#landingPageMiddle a.prodTitle:hover
{
text-decoration: underline;
}

#landingPageMiddle a.seeAll:link, #landingPageMiddle a.seeAll:visited
{
display: block;
margin-top: 5px;
color: #868686;
font-size: 10px;
text-decoration: none;
}

#landingPageMiddle a.seeAll:hover
{
text-decoration: underline;
}

#landingPageMiddle .prodDescription
{
display: block;
float: left;
width: 200px;
color: #ABA9A9;
font-size: 11px;
margin: 0;
}

/* Error Pages */
.error 
{
text-align: center;
height: 500px;	
}

.error h2
{
margin: 0;
padding: 50px 150px 20px 150px;
font-size: 26px;	
color: #6a1c46;
}

.error p
{
margin: 0;
padding: 0;
font-size: 12px;	
}

.error p a:link, .error p a:visited
{
color: #6a1c46;
text-decoration: underline;
}

.error p a:hover
{
text-decoration: none;
}

/* GP personalised product styles */
.step3-GP
{
width: 623px;
position: relative;
}

table.card-personalise-table
{
width: 623px;
position: relative;	
z-index: 1;
}

.table-left
{
vertical-align: top;	
width: 323px;
position: absolute;
top: 0;
}

.table-right
{
clear: both;
padding-left: 323px;
position: relative;
vertical-align: top;
z-index: 10;
}

* html .table-right
{

}

.personalise-ImgBox
{
width: 313px;
clear: both;
float: left;
padding-right: 10px;	
}

.personalise-ImgBox img
{
width: 313px;
}

.personalise-content
{
width: 300px;
position: relative;	
}

#personalise-productName h1
{
color: rgb(0, 86, 137);
font-family: Georgia;
font-size: 28px;
font-weight: normal;
}

.personalise-content p.code
{
color: rgb(155, 155, 155);
font-size: 12px;
font-weight: normal;
padding: 5px 0px 0px 0px;
}

.personalise-content a.link:link, .personalise-content a.link:visited
{
clear: both;
color: rgb(155, 155, 155);
display: block;
font-size: 12px;
font-weight: normal;
text-decoration: none;	
}

.personalise-content p.price
{
clear: both;
color: rgb(82, 81, 81);
font-size: 12px;
font-weight: bold;
padding: 10px 0px 0px 0px;	
}

#productDescription
{
margin: 10px 0 0 0;	
}

#productDescription span
{
color: #444444;
font-size: 12px;
font-weight: normal;
padding: 0px 0px 10px 0px;	
}


.personalise-content p
{
color: rgb(68, 68, 68);
font-size: 12px;
}

.personalise-content p b, .personalise-info p b
{
padding-bottom: 5px;
}

.personalise-content .btns
{
margin: 10px 0 0 0;
float: left;
clear: both;
height: 60px;
position: relative;	
}

.personalise-content .btns .addOrder
{
position: absolute;
right: 0;
display: block;
width: 142px;
height: 31px;
text-indent: -9999px;
background-image: url(../../images/guardian/addtobasket-large.gif);
background-repeat: no-repeat;
}

.StockTicker
{
position: absolute;
margin: -23px 0 0 0;
right: 0;
font-size: 12px;
}

.StockTicker img
{
display: none;	
}

.personalise-content .personalise-info
{
float: left;
clear: both;	
}

.personalise
{
position: relative;
margin: 10px 0;
}

table.personalise tr td
{
vertical-align: top;	
}

.personalise .addOrder
{	
display: block;
width: 142px;
height: 31px;
text-indent: -9999px;
background-image: url(../../images/guardian/addtobasket-large.gif);
background-repeat: no-repeat;
position: relative;
float: right;
clear: both;
}

#personalise-productName #genTitle
{
clear: both;
margin: 0px;
padding: 0px;
position: relative;
right: 0;
width: 300px;
z-index: 50;
float: right;	
}

#divInsideMess
{
clear: both;
width: 300px;	
bottom: 0px;
}

#divInsideMess img
{
width: 300px;	
}

#divInsideMess p
{
font-size: 12px;	
}

.cb-personalise
{
margin: 2px 0;
font-size: 12px;
vertical-align: top;	
}

.cb-personalise input
{
margin-right: 2px;	
}

.tb-personalise
{
float: left;
clear: both;
width: 150px;
margin: 2px 0;
font-size: 12px;	
}

/* Preview btn */
.lb-personalise
{
float: right;
margin: 5px 0;
width: 133px;
height: 22px;
border: none;
position: relative;
right: 30px;
background-color: Transparent;
background-image: url(../../images/guardian/preview.gif);
}

.tbml-personalise
{
float: left;
clear: both;
width: 150px;
max-width: 150px;
margin: 2px 0;
font-size: 12px;	
}

.ddl-personalise
{
float: left;
clear: both;
max-width: 150px;
margin: 2px 0;
font-size: 12px;	
}

.personalise-content h1
{
color: rgb(68, 68, 68);
font-family: Georgia;
font-size: 14px;
font-weight: bold;
}

.message
{
text-align: right;
}

.personalised-validator
{
font-size: 12px;	
}

/* deals_of_the_month */
.deals_of_the_month
{
float: left;	
width: 780px;
/* background-image: url(../../images/guardian/homepage-main-summerpromos-large.jpg); */
background-repeat: no-repeat;
}

.deals_of_the_month p.intro
{
color: rgb(51, 51, 51);
font-size: 12px;
font-weight: normal;
padding: 5px 0 5px;
width: 623px;
}

.deals_of_the_month .product
{
border-top: dotted 1px rgb(153, 153, 153);
float: left;
height: 140px;
margin: 0px 11px 20px 0px;
position: relative;
width: 305px;	
}

.deals_of_the_month .product .titleAndInfo
{
display: block;
float: left;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 145px;
width: 160px;
}

.deals_of_the_month .product img
{
border: none;
display: block;
height: 95px;
left: 0px;
position: absolute;
top: 5px;
width: 140px;
}

.deals_of_the_month .product a.seeAll:link, .deals_of_the_month .product a.seeAll:visited
{
color: rgb(68, 68, 68);
font-size: 13px;
margin: 0;
padding: 0px 0px 2px 0px;
text-decoration: none;
}

.deals_of_the_month .product a.seeAll:hover
{
text-decoration: underline;
}

.deals_of_the_month .product a.cornerPrice:link, .deals_of_the_month .product a.cornerPrice:visited
{
color: rgb(68, 68, 68);
font-size: 13px;
padding: 2px 0px;
text-decoration: none;
position: relative;
left: 145px;
}

.deals_of_the_month .product a.addOrder:link, .deals_of_the_month .product a.addOrder:visited
{
background-image: url(../../images/guardian/mightLikeAct-buynow.gif);
display: block;
height: 22px;
margin: 2px 0px;
text-indent: -9999px;
width: 73px;
}

.deals_of_the_month h4
{
clear: both;	
border-bottom: dotted 1px rgb(153, 153, 153);
border-top: solid 1px rgb(153, 153, 153);
color: rgb(51, 51, 51);
display: block;
font-family: Georgia;
font-size: 18px;
font-weight: normal;
margin: 0;
padding: 5px 0px 15px 0px;
}

.deals_of_the_month .offPeak
{
padding: 5px 0;	
}

.deals_of_the_month .offPeak p
{
color: rgb(51, 51, 51);
font-size: 12px;
font-weight: normal;	
}

.deals_of_the_month .offPeak a:link, .deals_of_the_month .offPeak a:visited
{
color: rgb(51, 51, 51);
font-size: 12px;
font-weight: normal;
text-decoration: underline;	
}

.deals_of_the_month .offPeak a:hover
{
text-decoration: none;	
}

/* Weekend gift breaks */
.weekend-breaks, .fw-breaks
{
float: left;
clear: both;
width: 623px;
}

.weekend-breaks iframe
{
margin: auto;	
}

.weekend-breaks .fwAdd a:link, .weekend-breaks .fwAdd a:visited
{
float: right;
display: block;
width: 142px;
height: 31px;
margin: 5px 0;
text-indent: -9999px;
background-image: url(../../images/guardian/addtobasket-large.gif);
background-repeat: no-repeat;	
}

/* Selection Boxes */

#Choice
{
margin: 0;
position: relative;
font-size: 12px;
}

#Choice table
{
margin: 0;	
}

#Choice a:focus
{
  -moz-outline-style: none;
  outline: none;
}

#Choice a.topLink, #Choice a.topLink:link, #Choice a.topLink:visited
{
color: #842a56;
text-decoration: underline;
}

#Choice a.topLink:hover
{
text-decoration: none;
}

.shadetabs ul
{
padding: 0;
margin: 0;
position: absolute;
}

/* ajax tabs */

.shadetabs{
padding: 0 0 0 0;
margin: 0 auto;
height: 65px;
font: bold 11px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
width: 703px;
position: relative;
z-index: 200;
}

.shadetabs ul.top
{
float: left;
margin: auto;
width: 603px;
top: 0;
left: 155px;
z-index: 20px;
position: relative;
z-index: 0;
padding: 0;
}

.shadetabs ul.bottom
{
float: left;
margin: auto;
height: 37px;
position: relative;
left: 61px;
top: -36px;
margin-bottom: -40px;
z-index: 30px;
padding: 0;
}

.shadetabs li
{
display: inline;
margin: 0;
padding: 0;
}

.shadetabs ul.top li a
{
display: block;
width: 124px;
height: 57px;
text-align: center;
float: left;
margin: 0 2px 0 0;
text-decoration: none;
position: relative;
z-index: 1;
padding: 8px 0 0 0;
color: #2d2b2b;
background: url(../../images/selectionboxes/topTab.gif) top left no-repeat; 
/*background-color: Aqua;*/
}

.shadetabs ul.bottom li a
{
display: block;
width: 131px;
height: 35px;
text-align: center;
float: left;
margin: 0 2px 0 0;
text-decoration: none;
position: relative;
z-index: 1;
padding: 5px 5px 0 5px;
color: #2d2b2b;
background: url(../../images/selectionboxes/bottomTab.gif) top left no-repeat; 
/* background-color: Aqua;*/
}

.shadetabs ul li a:visited{
color: #2d2b2b;
}

.shadetabs ul li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs ul.top li a.selected{ /*selected main tab style */
background: url(../../images/selectionboxes/topTab-selected.gif) top left no-repeat; 
/* background-color: Red; */
}

.shadetabs ul.bottom li a.selected{ /*selected main tab style */
background: url(../../images/selectionboxes/bottomTab-selected.gif) top left no-repeat; 
/* background-color: Red; */
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

/**/
.externalContent
{
background: url(../../images/selectionboxes/countrydivcontainer_bg.gif) top no-repeat;
border-top: solid 1px #d5d5d5;
width: 700px;
padding: 10px 10px 0 10px;
clear: both;
margin: 0 auto;
position: relative;	
}

a.non-ajax
{
display: none;	
}

img.loadingImage
{
margin: 25px auto;	
}

.externalContent a.addToBasket:link, .externalContent a.addToBasket:visited {
background-image: url(../../images/guardian/addtobasket-large.gif);
background-repeat: no-repeat;
display: block;
float: right;
height: 31px;
margin: 5px 0px;
text-indent: -9999px;
width: 142px;
}

#selHeader
{
width: 700px;
margin: 10px auto;
}

#selHeader img
{
display: block;
margin: auto;	
}

/* Gallery Image slider */
.popupImageGallery
{
float: left;
clear: both;	
}

.popupImageGallery p.noImages
{
padding: 10px 0 0 0;
text-align: center;
margin: 0 auto;
clear: both;
font-size: 10px;
color: #555555;
}

#productTop .gallery,
.personalise-ImgBox .gallery
{
width: 370px;
position: relative;	
margin-top: 160px;
clear: both;
}

#productTop .gallery img,
.personalise-ImgBox .gallery img
{
width: 100px;
height: 60px;
display: block; 
float: left;
padding: 2px 4px 4px 2px;
background-image: url(../../images/screen/galleryThumb-bg.gif);
cursor: pointer;
position: relative;
left: 27px;
}

#productTop .gallery img:hover,
.personalise-ImgBox .gallery img:hover
{

}

#productTop .imageleft:hover,
#productTop .imageright:hover,
.personalise-ImgBox .imageleft:hover,
.personalise-ImgBox .imageright:hover
{
cursor: pointer;
}

#productTop .imageleftDisabled:hover,
#productTop .imagerightDisabled:hover,
.personalise-ImgBox .imageleftDisabled:hover,
.personalise-ImgBox .imagerightDisabled:hover
{
cursor: default;	
}


#productTop .imageleft,
.personalise-ImgBox .imageleft
{
display: block;
margin: 20px 0 0 0;
width: 25px;
height: 25px;
float: left;
background-image: url(../../images/whsmith/imageleft-btns.gif);
background-position: top;
cursor: pointer;
position: absolute;
left: 0;
}

#productTop .imageleftDisabled,
.personalise-ImgBox .imageleftDisabled
{
display: block;
margin: 20px 0 0 0;
width: 25px;
height: 25px;
float: left;
background-image: url(../../images/screen/imageleft-btns.gif);
background-position: bottom;
position: absolute;
left: 0;
}

#productTop .imageright,
.personalise-ImgBox .imageright
{
display: block;
margin: 20px 0 0 0;
width: 25px;
height: 25px;
float: left;
background-image: url(../../images/screen/imageright-btns.gif);
background-position: top;
cursor: pointer;
position: absolute;
right: 0;
}

#productTop .imageleft:hover,
#productTop .imageright:hover,
.personalise-ImgBox .imageleft:hover,
.personalise-ImgBox .imageright:hover
{
background-position: 0 -25px;	
}

#productTop .imagerightDisabled,
.personalise-ImgBox .imagerightDisabled
{
display: block;
margin: 20px 0 0 0;
width: 25px;
height: 25px;
float: left;
background-image: url(../../images/screen/imageright-btns.gif);
background-position: bottom;
position: absolute;
right: 0;
}

/* Free Gift in checkout */
#StepFG
{
background-color: White;	
padding-bottom: 0px;
clear: both;
}

#StepFG .btns a.returnShoppingBtn:link, #StepFG .btns a.returnShoppingBtn:visited
{
position: absolute;
left: 45%;
}

#StepFG .btns a.checkout:link, #StepFG .btns a.checkout:visited
{
display: block;
float: right;
width: 120px !important;
height: 38px;
margin: 0 0 5px 0;
text-indent: -9999px;
background: url(../../images/guardian/nextstep.gif) no-repeat !important;
}

#StepFG .btns a.prevStep:link, #StepFG .btns a.prevStep:visited
{
display: block;
float: left;
width: 173px !important;
height: 38px;
margin: 0 0 5px 0;
text-indent: -9999px;
background: url(../../images/guardian/previousstep.gif) no-repeat !important;
}

.btns a.prevStep:link, .btns a.prevStep:visited
{
display: block;
float: left;
width: 173px !important;
height: 38px;
margin: 0 0 5px 0;
text-indent: -9999px;
background: url(../../images/guardian/previousstep.gif) no-repeat !important;
}

#StepFG .btns
{
height: 55px !important;
}

#StepFG .clear-fix
{
font-size: 1px;
clear: both;
display: block;	
}

.contentsFreegift .info
{
font-size: 13px;
font-weight: bold;
padding: 10px;	
}

.FreegiftItem
{
float: left;
width: 302px;
height: 219px;
margin: 0 30px 10px;
position: relative;
left: 45px;
padding: 21px 20px;
background-image: url(../../images/screen/bg-FreegiftItem.gif);
background-position: top left;
}

.FreegiftItem.selected
{
background-image: url(../../images/screen/bg-FreegiftItem.gif);
background-position: -342px 0 !important;
height: 288px;
}

.FreegiftItem.selected.basket
{
background-image: url(../../images/screen/bg-FreegiftItem.gif);
background-position: -684px 0 !important;
height: 288px;
}

.FreegiftItem.basket
{
background-image: url(../../images/screen/bg-FreegiftItem.gif);
background-position: -1026px 0 !important;
height: 219px;
}

.FreegiftItem p
{
font-size: 12px;	
margin: 0;
padding: 10px 0 0 0;
}

.FreegiftItem p.title
{
font-size: 13px;
font-weight: bold;	
}

.FreegiftItem img
{
display: block;
margin: 0 auto;
width: 200px;
height: 120px;
}

#divFGmoreinfo
{
width: 723px;
margin: auto;	
}

#divFGmoreinfo #Locations
{
margin: 0 !important;
}

a.btnMoreInfo:link,
a.btnMoreInfo:visited
{
position: absolute;
top: 220px;
display: block;
height: 21px;
text-indent: 2px;
margin: 0px 0 0 0;
padding: 3px 0 0 0;
text-align: center;
font-weight: bold;
color: Gray;
text-decoration: none;
/* background: url(../../images/screen/btnMoreInfo-bg.gif) no-repeat;	 */
}

a.btnMoreInfo:hover
{
text-decoration: underline;
}

a.btnSelect:link,
a.btnSelect:visited
{
position: absolute;
top: 220px;
right: 20px;
display: block;
width: 63px;
height: 21px;
text-indent: 2px;
margin: 0px 0 0 0;
padding: 3px 0 0 0;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(../../images/screen/btnSelect-bg.gif) no-repeat;	
}

#divFGmoreinfo
{
clear: both;	
}

/* Free Gift page only */
.pageFreegift
{

}

.pageFreegift .FreegiftItem
{
float: left;
width: 302px;
height: 219px;
margin: 10px 15px 10px;
position: relative;
left: 20px;
padding: 21px 20px;
background-image: url(../../images/screen/bg-FreegiftItem.gif);
background-position: top left;
}

.pageFreegift .FreegiftItem.selected
{
background-image: url(../../images/screen/bg-FreegiftItem.gif);
background-position: -342px 0 !important;
height: 288px;
}

.pageFreegift .Locations
{
clear: both;	
}

.pageFreegift #productInfo
{
width: auto;	
}

.pageFreegift #divFGmoreinfo #productDescription,
.pageFreegift #divFGmoreinfo #productInfo
{
width: 705px;	
}

/**/
.Dmiddle
{
float: left;
clear: both;
background-image: url(../../images/guardian/other-summer-promotions.gif);	
background-repeat: no-repeat;
background-position: top left;
margin: 0;
padding: 70px 0 0 0;
}

/**/
.fisheye
{
	text-align: center;
	height: 130px;
	position: relative;
}
a.fisheyeItem
{
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	position: absolute;
	display: block;
	top: 0;
}
.fisheyeItem img
{
	border: none;
	margin: 0 auto 5px auto;
	width: 100%;
}
.fisheyeItem span
{
	display: none;
	text-align: center;
	position: absolute;
}
.fisheyeContainter
{
	height: 100px;
	width: 200px;
	left: 500px;
	position: absolute;
}

/* heroBannersContainer */
.heroBanners {float:left; width: 265px; height: 344px; position:relative; }
.heroBanners li { display:none; position: absolute; top: 0px; left:0px;}
.heroBanners li.active {display:block;}

.heroBannerText,
.heroBannerThumbs
{
	position: absolute;
	top: 0;	
}

.heroBannerText div
{
	display: block;
	clear: both;
	height: 40px;
}

.heroBannerText h2
{
	font-size: .96em;
	font-weight: normal;
	padding: 9px 0px 0px 15px;
	margin: 0;
	color: #737373;
}

.heroBannerText h2 span
{
	color: #990e5e;
}
