﻿/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img
{
    border: none;
}
#lightbox-container-image-box
{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image
{
    padding: 10px;
}
#lightbox-loading
{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav
{
    left: 0;
}
#lightbox-nav a
{
    outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext
{
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev
{
    left: 0;
    float: left;
}
#lightbox-nav-btnNext
{
    right: 0;
    float: right;
}
#lightbox-container-image-data-box
{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data
{
    padding: 0 10px;
    color: #666;
}
#lightbox-container-image-data #lightbox-image-details
{
    width: 70%;
    float: left;
    text-align: left;
}
#lightbox-image-details-caption
{
    font-weight: bold;
}
#lightbox-image-details-currentNumber
{
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose
{
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}

#jquery-overlay2
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
}

#jquery-overlay-background
{
    width: 100%;
    background-color: #000000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

/* Popups */

#PopupContainer
{
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    text-align: left;
}

#PopupContainer h2
{
    margin-bottom: 3px;
}

#PopupContainer .label
{
    color: #000000;
}

#ProductPopup
{
    padding: 100px 30px 15px 30px;
    background-color: #fff;
    width: 600px;
    margin: 30px auto 30px auto;
    position: relative;
    color: #78797E;
}

#ProductPopup .gift-list-details
{
    border: solid 1px #818284;
    padding: 10px 14px;
    width: 200px;
}

#tc-popup
{
    padding: 100px 30px 30px 30px;
    background-color: #fff;
    width: 500px;
    height: 400px;
    margin: 30px auto 30px auto;
    position: relative;
    color: #78797E;
}

#tc-popup #tc
{
    overflow: auto;
    height: 359px;
    padding-right: 3px;
}

/* CSS Reset */
body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, table, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

html
{
    overflow-x: hidden;
    background-image: url('../Images/HtmlBackground.jpg');
    background-position:center top;
    background-repeat:repeat-y;
    background-color:#FFFFFF;
}

:focus
{
    outline: 0;
}
body
{
    color: black;
    background: white;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
    border-collapse: separate;
    border-spacing: 0;
}
th, td
{
    text-align: left;
    font-weight: normal;
}
/* End CSS Reset */

a
{
    color: #909195;
    text-decoration: none;
}

a.RightArrow
{
    padding-right: 15px;
    background-image: url('../Images/arrow.png');
    background-repeat: no-repeat;
    background-position: right center;
    display: block;
}

a.RightArrowOnWhite
{
    padding-right: 15px;
    background-image: url('../Images/RightArrowOnWhite.png');
    background-repeat: no-repeat;
    background-position: right center;
    display: block;
}

a.RightArrowOnLightGrey
{
    padding-right: 15px;
    background-image: url('../Images/RightArrowOnLightGrey.png');
    background-repeat: no-repeat;
    background-position: right center;
    display: block;
}

a.LeftArrowOnLightGrey
{
    padding-left: 15px;
    background-image: url('../Images/LeftArrowOnLightGrey.png');
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
}

div.LightGreyBackground a.LightGreyBackground
{
    padding: 0px !important;
}

div.LightGreyBackground a.RightArrowOnLightGrey
{
    padding: 0px 15px 0px 5px !important;
    margin-right: 3px;
}

div.LightGreyBackground a.LeftArrowOnLightGrey
{
    padding: 0px 5px 0px 15px !important;
    margin-left: 3px;
}

div.LightGreyBackground a.LeftBasket
{
    padding: 3px 3px 3px 28px !important;
    background-image: url('../Images/Basket.gif');
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
}

div.LightGreyBackground a.LeftBasketSmall
{
    padding: 0px 5px 0px 16px !important;
    background-image: url('../Images/BasketSmall.gif');
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
}

a.LeftBasketLight
{
    padding: 3px 3px 3px 22px;
    background-image: url('../Images/BasketLight.gif');
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
}

a.LeftGiftList
{
    padding: 3px 3px 3px 22px;
    background-image: url('../Images/GiftList_Header.gif');
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
}

div.LightGreyBackground a.LeftGiftList
{
    padding: 3px 3px 3px 24px !important;
    background-image: url('../Images/GiftList_Header.gif');
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
}

div.LightGreyBackground a.LeftGiftListSmall
{
    padding: 0px 5px 0px 12px !important;
    background-image: url('../Images/GiftList_Header_2.gif');
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
}

a:hover
{
    text-decoration: underline;
}

p
{
    line-height: 16px;
    margin-bottom: 16px;
}

#header p
{
    margin: 0px 0px 8px 0px;
    line-height: 16px;
    font-family: Verdana;
}

.HeaderMenu
{
    margin-top: 4px !important;
}

p.HeaderStrapline
{
    font-size: 10px; /*font-family: "Gill Sans MT", "Gill Sans", Verdana, Sans-Serif;*/
}

#header p img
{
    vertical-align: text-top;
    margin-top: -4px;
    padding-left: 5px;
}

body
{
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    background-color:#FFFFFF;
    background-image: url('../Images/BodyBackground.jpg');
    background-repeat:repeat-x;
}

.Upper
{
    text-transform: uppercase;
}

.DarkGrey
{
    /*color: #78797E;*/
    color: #636267;
}

.MidGrey
{
    color: #8C8C8E;
}

.LightGrey
{
    color: #9CA0A3;
}

.Black
{
    color: #000000 !important;
}

.Red
{
    color: #FF0000 !important;
}

.AlignRight
{
    text-align: right;
}

.AlignCenter
{
    text-align: center;
}

.FloatRight
{
    float: right;
}

.FloatLeft
{
    float: left;
}

.Inline
{
    display: inline;
}

.Hidden
{
    display: none;
}

.LineHeight18
{
    line-height: 18px;
}

div.empty
{
	padding-bottom:15px;
}

.MarginBottom6
{
    margin-bottom: 6px;
}

.DepartmentMenu
{
    font-size: 13px;
    z-index: 50;
    position: absolute;
    top: 89px;
    left: 32px;
    line-height: 21px !important;
}

.DepartmentMenu a
{
    font-family:Gill Sans MT, Arial;
    float: left;
    font-size:13px;
}

.DepartmentMenu a:hover
{
    text-decoration: none;
    color:#000;
}

.DepartmentMenu a.selected
{
    color: #000;
}

.DepartmentMenu span.spacer
{
    display: block;
    float: left;
    margin-left: 11px;
    margin-right: 11px;
    background-color: #909195;
    height: 21px;
    width: 1px;
}

.AccountStatus
{
    line-height: 18px !important;
    margin-bottom: 4px !important;
}

.AccountStatus a
{
    float: right;
}

.AccountStatus span.spacer
{
    display: block;
    float: right;
    margin-left: 8px;
    margin-right: 8px;
    background-color: #78797E;
    height: 16px;
    width: 1px;
    overflow:hidden;
    vertical-align:middle;
}

.DarkGreyBackground
{
    color: #FFF;
    background-color: #7B7C7E;
    padding-left: 2px;
    padding-right: 2px;
    padding: 3px 6px 4px 1px;
}

.LightGreyBackground
{
    color: black;
    background-color: #D1D2D4;
    padding: 2px 3px 3px 3px;
}


.MidGreyBorder
{
    border: 1px solid #999A9D !important;
}

.MidGreyBorderTop
{
    border-top: 1px solid #9CA0A3 !important;
}

.DarkGreyBorder
{
    border: 1px solid #78797E !important;
}

.greyLeftBorder
{
	border-left-color:#E0E1E3 !important;
}

.VeryDarkGreyBorder
{
    border: 1px solid #636267 !important;
}

.BlackBorder
{
    border: 1px solid #000000 !important;
}

#Container
{
    width: 940px;
    margin: 0 auto;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    background-color:#FFFFFF;
}

.Logo
{
    position: absolute;
    top: 30px;
    left: 20px;
    z-index: 10;
}

.Telephone
{
    float: right;
    padding-left: 7px;
}

.Print
{
    font-style: italic;
}

.Clear
{
    clear: both;
}

table.HomepageTable
{
    width: 100%;
}

table.HomepageTable td
{
    vertical-align: top;
    text-align: center;
    position: relative;
}
table.HomepageTable td table
{
    margin: 126px auto 0px auto;
}

table.HomepageTable td table td
{
    width: auto;
    text-align: left;
}

table.HomepageTable td a
{
    font-size: 17px;
    font-weight: 100;
    font-weight: lighter;
    padding-right: 15px;
    background-image: url('../Images/HomepageArrow.png');
    background-repeat: no-repeat;
    background-position: right 8px;
    *background-position: right center;
    font-family:Gill Sans MT, Arial;
    font-weight:normal;
}

table.HomepageTable td a:hover
{
    text-decoration: none;
}

table.HomepageTable h1
{
    font-size: 17px;
    font-weight: normal;
}

table.HomepageTable div.BodyText
{
    margin-top: 22px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 44px;
}

table.HomepageTable ul
{
    list-style-type: none;
    margin-left: 32px;
}

table.HomepageTable ul li
{
    margin-bottom: 28px;
}

table.HomepageTable ul li a
{
    font-size: 15px;
}

/* New Homepage Design */

div#HeroImageContainer
{
    width:940px;
    height:485px;
    position:relative;
    display:block;
    overflow:hidden;
}

div#HeroImageContainer div.hover-image
{
    display: none;
}

div#HeroImageContainer img#HeroImage
{
    position:absolute;
    top:0px;
    left:0px;
    display:block;
}

div#HeroImageContainer div#HeroImageBodytext
{
    height:485px;
    width:940px;
    display:block;
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

div#HeroImageContainer a#HeroImageLink
{
    text-decoration:none;
    height:485px;
    width:940px;
    position:absolute;
    display:block;
    background-image: url('../Images/blank.gif');
    background-repeat:repeat;
}

div#HeroImageContainer a#HeroImageLink:hover
{
    text-decoration:none;
}

div#HeroImageContainer table#HeroImageMenu
{
    position:absolute;
    top:0px;
    left:0px;
}

div#HeroImageContainer div#SketchContainer
{
    position:absolute;
    right:0px;
    bottom:0px;
    padding: 0px 30px 20px 0px;
}

div#HeroImageContainer div#SketchContainer a
{
    display:block;
}

div#HeroImageContainer div#SketchContainer a:hover
{
    text-decoration:underline !important;
}

a.imageLink
{
    padding: 0px !important;
    background-image: none !important;
    display: block;
}

div#menuContainer
{
    width: 187px;
    float: left;
}

div#menu
{
    background-color: #D1D2D4;
    width: 154px;
    padding: 15px 12px 15px 21px; /*height: expression( this.scrollHeight < 529 ? "528px" : "auto" );     min-height: 528px;*/
    height: 495px;
    position: relative;
}

div#menu ul
{
    list-style-type: none;
    padding-top: 4px;
}
div#menu ul li
{
    padding: 0px 0px 18px 0px;
}

div#menu ul li a
{
    text-transform: uppercase;
    font-size: 11px;
    color: Black;
    padding-right: 12px;
    background-color: #D1D2D4;
    background-image: url('../Images/MenuArrow.png');
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
    *display:inline-block;
}

div#menu ul li.selected a
{
    background-image: url('../Images/MenuArrowDown.png') !important;
}

div#menu ul li ul
{
    padding-top: 8px;
    padding-left: 11px;
    display: none;
}

div#menu ul li.selected ul
{
    display: block;
}

div#menu ul li ul li
{
    padding: 0px 0px 4px 0px;
}

div#menu ul li ul li a, div#menu ul li.selected ul li a
{
    text-transform: none;
    font-size: 11px;
    color: #78797E;
    padding-right: 0px;
    background-image: none !important;
    cursor: pointer;
}

div#menu ul li ul li a.disabled
{
    color: #999A9D;
    font-style: italic;
    cursor: default;
}

div#menu ul li ul li a.disabled:hover
{
    text-decoration: none;
}

div#menu ul li ul li.selected a, div#menu ul li.selected ul li.selected a
{
    background-image: none !important;
    color: Black;
}


.SearchBox
{
    border: 1px solid #9E9FA3;
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    padding: 4px;
    height: 12px;
    margin-right: 3px;
    width: 148px;
}

#MainContent .SearchBox
{
    padding: 3px;
}

.SearchButton
{
    padding: 0px;
    margin: 0px; 
    *margin-bottom:1px;
    vertical-align:bottom;
}

div#search-separator {
    height: 16px;
}

#FooterMenu
{
    clear: left;
    border-top: 1px solid #9CA0A3;
    text-align: right;
    padding: 0px;
    padding-top: 4px;
}

#FooterMenu a
{
    float: right;
}

#FooterMenu span.spacer
{
    display: block;
    float: right;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 4px;
    background-color: #78797E;
    height: 11px;
    width: 1px;
}

#FooterText
{
    padding-top: 20px;
    text-align: center;
    font-size: 10px;
}

#DepartmentHomePage
{
    position: relative;
    width: 753px;
    height: 420px;
    overflow: hidden;
    float: left;
}

#DepartmentHomePageText
{
    width: 350px;
    font-size: 14px;
    position: absolute;
    top: 47px;
    left: 36px;
    color: #fff;
}

#DepartmentHomePageText h1
{
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 20px;
}

#ContextInformation
{
    height: 81px;
    background-color: #D1D2D4;
    float: left;
    width: 145px;
    padding: 12px 21px 12px 21px;
    overflow: hidden;
}

#ContextInformation ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 5px;
}

#ContextInformation ul li
{
    padding-bottom: 4px;
}

#ContextInformation ul li a
{
    padding: 0px 0px 0px 7px;
    background-image: url('../Images/Bullet.gif');
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
}

#PromotionBoxes
{
    width: 752px;
    float: left;
    border-right: solid 1px #D1D2D4;
    border-bottom: solid 1px #D1D2D4;
    height: 104px;
}

div.PromotionBox
{
    float: left;
    width: 250px;
    color: #78797E;
    position: relative;
    background-repeat: no-repeat;
    background-position: right bottom;
    cursor:pointer;
}

div.RightPromotionBox
{
    position: relative;
    color: #78797E;
    height: 84px;
    padding: 8px 8px 12px 8px;
}

a.PromotionBoxContent
{
    display:block;
    padding: 3px 87px 7px 10px;
    margin: 5px 0px 5px 0px;
    border-left: 1px solid #D1D2D4;
    height: 84px;
    overflow: hidden;
    color:#78797E;
    line-height:16px;
}

a.PromotionBoxContent:hover, a.RightPromotionBoxContent:hover
{
    text-decoration:none;    
}

a.RightPromotionBoxContent
{
    display:block;
    padding: 0px 77px 0px 0px;
    overflow: hidden;
    line-height:16px;
}

div.PromotionBox span.h1, .RightPromotionBox span.h1
{
    color: #78797E;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    font-family: "Gill Sans MT" , "Gill Sans" , Verdana, Sans-Serif;
}

div.PromotionBox a.MoreInfo
{
    position: absolute;
    bottom: 18px;
    font-size: 9px;
    left: 10px;
}

.RightPromotionBox a.MoreInfo
{
    position: absolute;
    bottom: 18px;
    font-size: 9px;
    left: 8px;
}

div.PromotionBox a.MoreInfo:hover, .RightPromotionBox a.MoreInfo:hover
{
    text-decoration:underline;
}

#Breadcrumbs
{
    float: left;
    width: 530px;
    padding: 17px 0px 0px 22px;
    color: #909195;
}

#Breadcrumbs a.selected
{
    color: #000000;
}

#ContentPage
{
    color: #8C8C8E;
    float: left;
    width: 516px;
    padding: 15px 22px 15px 22px;
}

#ContentPage h1
{
    color: #000000;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight:normal;
}

#ContentContainer
{
    padding-left: 23px;
}

#ContentContainer #ContentArea
{
    color: #8C8C8E;
    float: left;
    width: 457px;
    padding: 15px 0px 15px 0;
}

#ContentContainer #ContentArea h1
{
    color: #000000;
    font-size: 14px;
    margin-bottom: 8px;
    font-weight:normal;
}

div.ContentBlockFooter
{
    margin-bottom: 15px;
}

#ContentContainer #NavigationArea
{
    padding-top: 20px;
    float: right;
    width: 250px;
}

#AccountPage
{
    float: left;
    padding: 15px 0px 15px 40px;
    width: 713px;
}

#AccountPage h1
{
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: normal;
}

#AccountPage h2
{
    font-weight: normal;
}

#AccountPage ul
{
    list-style-type: none;
    padding-top: 15px;
}

#AccountPage ul li
{
    padding: 0px 10px 7px 0px;
}

#AccountPage ul li a
{
    display: inline !important;
}

#AccountPage ul li ul
{
    padding-left: 23px;
    padding-top: 7px;
}

#AccountPage ul li ul li
{
    font-style: normal;
}

#AccountPage .SignOutLink
{
    clear: right;
    padding-top: 7px;
    text-decoration: underline;
}

.ContentPageMenu
{
    border: solid 1px silver;
    padding: 10px;
    margin-bottom: 10px;
}

.ContentPageMenu h2
{
    font-size: 12px;
    margin-bottom: 10px;
    font-weight:bold;
}

.ContentPageMenu ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.ContentPageMenu ul li
{
    padding: 5px 0px 5px 0px;
}

.ContentPageMenu ul li a
{
    /*background-image: url('../Images/RightMenuArrow.png');
    background-repeat: no-repeat;
	background-position: left center;*/
	background-image:url("../Images/BulletOff.gif");
	background-position:0px 3px;
	background-repeat:no-repeat;
	display:block;
    padding-left: 7px;    
}

.ContentPageMenu ul li a:hover
{
	text-decoration:underline;
}

.ContentPageMenu ul li.selected a
{
    color: #000;
    /*background-image: url('../Images/RightMenuArrowOn.png');*/
    background-image:url("../Images/BulletOn.gif");
}

.Video
{
    color: #78797E;
}

.Video img
{
    margin-bottom: 5px;
}

div#PageContent
{
    /*border-top:1px solid #78797E; 	background-image:url('../Images/PageContentBackground.jpg');*/
    float: left;
    background-repeat: repeat-y;
    width: 100%;
    margin-bottom: 12px;
}

div#MainContent
{
    border-top: 1px solid #9CA0A3;
    float: left;
    width: 753px;
}

a.disabled:hover
{
    text-decoration: none;
}

.ThumbnailGrid
{
    float: left;
    width: 720px;
    border-collapse: inherit;
    margin-left: 13px;
    margin-right: 13px;
}

.ThumbnailGrid td
{
    width: 123px;
    padding: 12px 10px 12px 10px;
    text-align: center;
    vertical-align: top;
    color: #78797E;
    font-size: 10px;
}

.ThumbnailGrid td a:hover
{
    text-decoration: none;
    color: Black;
}

.ThumbnailGrid td img
{
    border: 1px solid #BDBCC1 !important;
    margin-bottom: 2px;
    display:block;
}

a.gallery-toggle
{
    color: Black;
    float: right;
    padding-top: 17px;
}

/* Gallery page styling */

div#GalleryContainer
{
    float: left;
    width: 702px;
    padding: 9px 24px 15px 24px;
}

div#LargeImageContainer
{
    float: left;
    width: 445px;
    color: #78797E;
    padding-top: 2px;
}

div#LargeImageContainer p
{
    line-height: 13px;
    margin-bottom: 10px;
}

div#LargeImageContainer img.LargeImage
{
    border: 1px solid #78797E !important;
    margin-bottom: 5px;
}

div#LargeImageContainer table
{
    font-size: 10px;
}

div#LargeImageContainer table td
{
    padding: 2px 7px 1px 7px;
}

.ButtonContainer
{
    border: 1px solid #78797E;
    width: 46px;
    padding: 3px 3px 1px 3px !important;
}


div#GalleryMenu
{
    width: 242px;
    float: right;
    position: relative;
}

div#GalleryMenu ul
{
    list-style-type: none;
    padding-left: 14px;
    padding-top: 20px;
}

div#GalleryMenu ul li
{
    padding: 0px 10px 7px 0px;
}


div#GalleryMenu ul li a
{
    display: inline !important;
}

div#GalleryMenu ul li a.selected
{
    color: Black;
}

/* Thumbnail product page styling */

div.AddtionalInformationLinks
{
    margin-bottom: 16px;
}

div.AddtionalInformationLinks ul
{
    list-style-type: none;
    color: #78797E;
    padding-top: 5px;
}

div.AddtionalInformationLinks ul li
{
    padding: 0px 0px 4px 0px;
}

div.ProductPage
{
    float: left;
    padding: 9px 0px 15px 23px;
    color: #78797E;
    width: 730px;
}

div.ProductPage h1
{
    font-size: 14px;
    margin-bottom: 8px;
    color: Black;
    font-weight: bold;
}

div.ProductPage h2
{
    color: Black;
    font-weight: normal;
}

div.ProductPage h3
{
    color: Black;
    font-size: 12px;
    margin-top: 3px;
    margin-bottom: 10px;
    font-weight: bold;
}

a.ProductThumbnail
{
    margin: 6px 0px 0px 0px;
    cursor:pointer;
}

a.MoreInfoLink
{
    line-height: 12px;
    margin-top: 3px;
    font-size: 9px;
}

.Wide
{
    width: 731px !important;
    padding-right: 0px !important;
}

div.ProductThumbnailsContainer
{
    text-align: center;
    margin-bottom: 10px;
    width: 315px;
    padding-top: 3px;
}

table.ProductListingTable
{
    width: 100%;
}

table.ProductListingTable th, table.ProductListingTable td
{
    padding: 2px 14px 6px 14px;
    *padding:2px 14px 4px 14px;
    vertical-align:top;
    line-height:16px;
}

table.ProductListingTable th
{
    color: Black;
    font-style: italic;
}

table.ProductListingTable th.td
{
    color: Black;
    font-style: normal;
}

table.ProductListingTable td.quantity, #AccountPage div.grid table td.quantity
{
	padding-top:0px !important;
}

#AccountPage div.grid table.Basket td.quantity
{
	padding-top:3px !important;
	*padding-top:2px !important;
}

table.ProductListingTable td.quantity input, #AccountPage div.grid table td.quantity input
{
	font-size:11px;
	padding: 2px;
	margin:0px;
	font-family:Verdana;
}

table.ProductListingTable tr th.Red a, table.ProductListingTable tr.selected th.Red a
{
    color: #FF0000 !important;
}

table.ProductListingTable tr.selected td, table.ProductListingTable tr.selected td a, table.ProductListingTable tr.selected th.td, table.ProductListingTable tr.selected th.td a
{
    color: Black;
}


table.ChangeSignInTable
{
    margin-top: 28px;
    margin-bottom: 52px;
}

table.CurrencyConvertor
{
    margin-top: 25px;
    margin-bottom: 20px;
}

table.AddressFormTable th, table.AddressFormTable td, table.ChangeSignInTable th, table.ChangeSignInTable td, table.CurrencyConvertor th, table.CurrencyConvertor td, table.form th, table.form td
{
    padding: 0px 5px 5px 5px;
    vertical-align: top;
}

table.AddressFormTable th, table.ChangeSignInTable th, table.CurrencyConvertor th, table.form td.label, table.form td.sub-heading
{
    width: 228px;
    text-align: right;
    padding-top: 3px;
    padding-left: 5px !important;
    color: #8C8C8E;
}

table.AddressFormTable td, table.ChangeSignInTable td, table.CurrencyConvertor td
{
    width: 315px;
    padding-left: 9px;
    color: #8C8C8E;
}

table.AddressFormTable
{
    position: relative;
}

a.AccountDetailsLink
{
    position: absolute;
    right:140px;
    margin-top:4px;
    *margin-top:5px;
    z-index:10;
}

table.form td
{
    width: 384px;
    padding-left: 9px;
    color: #8C8C8E;
}

table.AddressFormTable td input, table.AddressFormTable td select, table.ChangeSignInTable td input, table.CurrencyConvertor td input, table.CurrencyConvertor td select, table.form td input, table.form td select
{
    color: #8C8C8E;
    font-family:Verdana;
	font-size:11px;
	height:16px;	
}

span.check input
{
	margin-left:0px;
	*margin-left:-4px;
	padding-left:0px;
	height:auto;
}

table.check label, span.check label, table.radio label, span.radio label {
	vertical-align: 4px;
	*vertical-align:2px;
	padding-left: 2px;
}

td.DeliveryReferenceCell span.radio
{
	margin-left:-5px;
	*margin-left:-3px;
}

table.radio td
{
	padding-left:0px;
}

table.AddressFormTable td select, table.CurrencyConvertor td select, table.form td select
{
	height:20px;
	line-height:20px;
}


table.form td.sub-heading
{
    color: Black !important;
    padding-top: 15px;
}

table.form td select.DarkGreyBorder
{
    width: 160px;
}

table.form td textarea
{
    width: 229px;
    border: 1px solid #78797E !important;
    color: #8C8C8E;
    padding:1px 3px 0px 3px;
}

table.form td div select
{
    width: auto !important;
    margin-right: 5px;
}

div.gift-list-details div.sub-heading
{
    margin-top: 15px;
    margin-bottom: 10px;
    color: #8C8C8E;
}

div.gift-list-details div.sub-heading span.label
{
    color: Black;
}

input.ReadOnly, select.ReadOnly
{
    background-color: #D9D9DB !important;
    *background-color:#e2e2e2!important;
    color:#5D5D5F!important;
}

table.AddressFormTable input.DarkGreyBorder, table.AddressFormTable textarea.DarkGreyBorder, table.ChangeSignInTable input.DarkGreyBorder, table.form input.DarkGreyBorder
{
    width: 229px;
    padding-left:3px;
    padding-right:3px;
}

table.AddressFormTable td select.DarkGreyBorder
{
    width: 237px;
}

table.CurrencyConvertor td input.DarkGreyBorder
{
    width: 152px;
    padding-left:3px;
    padding-right:3px;
}

table.CurrencyConvertor td select.DarkGreyBorder
{
    width: 162px;
}

.Box
{
    color: #8C8C8E;
    border: 1px solid #999A9C;
    padding: 8px 17px 9px 17px;
    margin-bottom: 8px;
    font-size: 11px;
    line-height:16px;
}

.Box h2
{
    color: #000000;
    font-size: 11px;
    margin-bottom: 2px;
}

.Box div.LightGreyBackground
{
    line-height:normal;
}

.SignIn
{
    width: 100%;
    font-size: 11px;
    margin-top: 12px;
}

.SignIn tr th
{
    text-align: right;
    padding-right: 10px;
    padding-top: 8px;
    *padding-top: 7px;  
    width: 50%;
    vertical-align:top;
    line-height:16px;
}

.SignIn tr td
{
    padding-top: 5px;
    padding-left: 5px;
    vertical-align:top;
}

.SignIn tr td input
{
	font-family:Verdana;
	font-size:11px;
	height:16px;
	*height:15px;
	padding-top:2px;
}

.SignIn tr td input.DarkGreyBorder
{
    width: 232px;
    padding-left:3px;
    padding-right:3px;
}

.AlignLeft
{
    text-align: left !important;
}

.ErrorMessage
{
    margin-top: 5px;
}

h2.SubTitle
{
    font-size: 12px;
    margin-bottom: 8px;
    color:Black;
    font-weight:normal;
}

table.AccountSummaryTable
{
    width: 100%;
    margin-top: 21px;
    margin-bottom: 20px;
    border-right: 1px solid #9A9A9C;
}

table.AccountSummaryTable select
{
    font-family: Verdana;
    color: #909195;
    font-size: 11px;
    width:200px;
}

table.AccountSummaryTable th
{
    vertical-align: top;
    padding: 0px 10px 11px 0px;
}

table.AccountSummaryTable td
{
    padding: 0px 10px 11px 0px;
    color: #909195;
}

/* Grid */
#AccountPage div.grid table
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 21px;
}

#AccountPage div.grid table th, #AccountPage div.grid table td.grey
{
    padding: 7px 4px;
    background: #E0E1E3;
    border-left-color: #fff;
    border-left-style:solid;
    border-left-width:1px !important;
    color: #000;
    text-align: center;
}

#AccountPage div.grid table th.select
{
    width: 20px;
}

#AccountPage div.grid table th.edit
{
    width: 30px;
}

#AccountPage div.grid table th.reorder
{
    width: 50px;
}

#AccountPage div.grid table th a
{
    color: #000;
    text-align: center;
    text-decoration: none;
}

#AccountPage div.grid table td
{
    padding: 2px 4px 6px 4px;
    border-left: 1px solid #fff;
    color: #8C8C8E;
    text-align: center;
    line-height:16px;
}

#AccountPage div.grid table.Basket td
{
	padding-top:5px;
	*padding-top:4px;
}

#AccountPage div.grid table td a
{
    color: #5D5D5F;
}

#AccountPage div.grid table td.center
{
    text-align: center;
}

#AccountPage div.grid table td.right, #AccountPage div.grid table th.right
{
    text-align: right !important;
    padding-right: 15px !important;
}

#AccountPage div.grid table td.left
{
    text-align: left;
}

#AccountPage div.grid table td.select
{
    text-align: center;
}

#AccountPage div.grid table td.edit
{
    text-align: center;
}

#AccountPage div.grid table td.view
{
    text-align: right;
    padding-left: 0px;
}

#AccountPage div.grid table td.view a
{
    text-decoration: underline;
}

#AccountPage div.grid table td.quantity input, #AccountPage div.grid table td.requested input
{
    border: 1px solid #78797E !important;
    font-family: Verdana;
}

#AccountPage div.grid table td.reorder
{
    text-align: center;
}

#AccountPage div.grid table td.reorder a img
{
    margin: 0 2px;
}

#AccountPage div.grid table tr.group-heading td
{
    background: #ededed;
}

#AccountPage div.grid table tr.selected td
{
    background: #eee;
}

#AccountPage div.grid table tr.top th, div.grid table tr.top td
{
    vertical-align: top;
}

#AccountPage div.grid table tr.top th th, div.grid table tr.top td td
{
    vertical-align: middle;
}

/* Pager */
#AccountPage div.grid tr.pager-row td
{
    padding: 0;
}

#AccountPage div.grid tr.pager-row div.pager a, div.grid tr.pager-row div.pager span
{
    display: block;
    float: left;
    width: 15px;
    margin: 5px 5px 0 0;
    padding: 5px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 10px;
}

#AccountPage div.grid tr.pager-row div.pager a
{
    color: #000;
    text-decoration: none;
}

#AccountPage div.grid tr.pager-row div.pager span
{
    color: #78797E;
}

#AccountPage div.grid tr.pager-row div.pager span.current-page
{
    width: auto;
    border: 1px solid #fff;
    font-size: 11px;
}

#AccountPage div.grid tr.pager-row div.pager a:hover
{
    background: #ddd;
    text-decoration: none;
}

#AccountPage div.vat-footnote
{
    color: #8C8C8E;
}

#AccountPage div.fieldset div.legend
{
    padding: 8px;
    color: #78797E;
}

#AccountPage div.fieldset div.content
{
    padding: 5px;
}

#AccountPage div.fieldset div.options
{
    margin: 0;
    padding: 5px;
}

#AccountPage div.fieldset div.legend div.legend-options
{
    float: right;
    margin-top: -2px;
}

#AccountPage div.fieldset div.legend div.legend-options a
{
    margin: 0 0 0 10px;
    text-decoration: none;
}

#AccountPage div.fieldset div.legend div.legend-options a img
{
    padding: 0 5px 0 0;
    vertical-align: -3px;
}

/* Options */
#AccountPage div.options input.button
{
    margin: 0 5px 0 0;
}

table.OrderDetailsTable
{
    width: 100%;
    margin-bottom: 14px;
    margin-top: 10px;
}

table.OrderDetailsTable th
{
    padding: 4px 4px 0px 0px;
    color: Black;
    vertical-align: top;
}

table.OrderDetailsTable td
{
    color: #8D8D8F;
    vertical-align: top;
    line-height: 16px;
    padding: 4px 4px 0px 0px;
}

table.OrderDetailsTable td h2
{
    color: Black;
    font-weight: normal;
}

table.OrderDetailsTable td table
{
    width: 100%;
}

table.OrderDetailsTable td table th
{
    width: 110px;
}

table.OrderDetailsTable td table th, table.OrderDetailsTable td table td
{
    line-height: normal;
}

div.OptionContainer
{
    margin-bottom: 6px;
}

div.OrderNotesContainer
{
    background-color: #D9D9DB;
    border: 1px solid #999A9C;
    padding: 10px;
    width: 434px;
    float: right;
    margin-top: 20px;
    color: #5C5D5F;
}
div.OrderNotesContainer h2
{
    margin-bottom: 6px;
    font-weight: normal;
    color: Black;
}

/* Gift List Purchaser Details */

div.gift-purchaser-container
{
    padding-bottom: 18px;
}
div.gift-purchaser
{
    padding-top: 19px;
    padding-bottom: 19px;
    border-bottom: 1px solid #9E9FA3;
}
div.gift-purchaser table
{
    width: 100%;
}
div.gift-purchaser th
{
    color: #000000;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: top;
}
div.gift-purchaser td
{
    color: #8C8C8E;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: top;
}

div.gift-purchaser Span.th
{
    color:black; 
    display:block; 
    padding-bottom:4px; 
    *padding-bottom:6px;
}

/* View Gift List */
.group-row td
{
    font-style: italic;
    color: #000000 !important;
}
td.fulfilled
{
    color: #000000 !important;
}
.gift-list-messages
{
    margin-bottom: 10px;
}
.gift-list-options .summary
{
    border: 1px solid #9E9FA3;
    width: 270px;
}
.gift-list-options .summary table
{
    margin: 10px !important;
}
.gift-list-options .summary th, .gift-list-options .summary td
{
    padding: 0 !important;
    margin: 0;
    text-align: left !important;
}
.gift-list-options .summary th
{
    background-color: Transparent !important;
}
.gift-list-options-buttons div
{
    margin-bottom: 7px;
}
div.gift-list-holders th, div.gift-list-holders td
{
    background-color: #E7E7E8;
    height: 28px;
    line-height: 28px;
}
div.gift-list-event th, div.gift-list-event td
{
    height: 20px;
    line-height: 20px;
}
div.gift-list-holders th, div.gift-list-event th
{
    padding-left: 10px;
    color: #000000;
}
div.gift-list-holders td, div.gift-list-event td
{
    padding-right: 10px;
    color: #9C9FA2;
}

select.Date
{
    width: 116px !important;
    *width:117px!important;
}

.BillingDetails
{
    width: 210px;
    margin-right: 8px;
    position: relative;
    padding: 7px 12px 10px 12px;
}

.BillingDetails h2, .DeliveryDetails h2, .SummaryView h2
{
    font-size: 12px;
    color: #000;
    margin-bottom: 14px;
}

.SummaryView h2
{
    margin-bottom: 0;
}


.BillingDetails span, .DeliveryDetails span
{
    line-height: 14px;
}

.BillingDetails a, .DeliveryDetails a
{
    text-decoration: underline;
}

.BillingDetails, .DeliveryDetails
{
    height: 225px;
    color: #8C8C8E;
}

.DeliveryDetails
{
    width: 432px;
    position: relative;
    padding: 7px 22px 10px 12px;
}

.SummaryView
{
    width: 707px;
    padding: 7px 2px 9px 1px;
}

.SummaryView div.grid table td
{
	padding: 2px 8px 6px 8px !important;
}

.SummaryView div.grid table td.basket-label, #AccountPage div.grid table td.basket-label
{
	padding-left:20px !important;
}

td.basket-label
{
    color: #000 !important;
    text-align: left !important;
}

.SummaryView div.grid table td.order-total, td.order-total
{
    background-color: #E0E1E3 !important;
    padding-top:4px !important;
}

a.EditDetails
{
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.Multiline
{
    border: 1px solid #999A9D;
    color: #8C8C8E;
    font-family: Verdana;
    font-size: 11px;
    height: 100px;
    width: 249px;
    padding:1px 3px 0px 3px;
}

div.vat-footnote
{
	padding-bottom:15px;
}

div.address-list-container
{
    padding: 5px 10px 5px 3px; 
    width:222px; 
    overflow:auto; 
    margin: 0px 0 5px 0;
    max-height:200px;
}

ul#address-list
{
    padding: 0 0 0 15px;
    list-style-type: disc;
}

ul#address-list li
{
    padding: 0 0 5px 0;
    margin: 0;    
    font-style: normal;
}

ul#address-list li a
{
    font-style: normal;
}

.PrintViewShow
{
	display:none;
}

.width132
{
	width: 132px;
}
