﻿

img
{
    border:0px;
}

/* ----- Shop Left Column ----- */

#article-left.ShopNav
{
    width:191px;
    _overflow:hidden;
}
#article-left.ShopNav .ShopSearch
{
    padding:10px;
    border-bottom:1px solid #1B4679;
}
#article-left.ShopNav .ShopSearch input[type=text]
{
    background-color: #05437C;
    color: #A3D7E8;
    border: 0;
    font-size: 1em;
    padding: 3px;
    width:136px;
    font-style:italic;
}

#article-left.ShopNav h3.article
{
    margin:10px;
}
#article-left.ShopNav .ShopBrowse,
#article-left.ShopNav .ShopInformation,
#article-left.ShopNav .BookSellers,
.BasketPanel
{
    float:left;
    border-bottom:1px solid #01143C;
    padding-bottom:10px;
}
#article-left.ShopNav p
{
    margin:10px;
}
.BrowseDivider
{
    float:left;
    clear:both;
    width:90%;
    height:2px;
    margin:10px 0px 6px 10px;   
    border-bottom:solid 1px #63849D;
}

dl.BrowseList,
.ShopInformation ul
{
    float:left;
    clear:both;
    list-style-type:none;
    margin:0px;
    padding:0px;
}
dl.BrowseList dt,
dl.BrowseList dd,
.ShopInformation li
{
    margin:0px;
}
dl.BrowseList dt
{
    width:175px;
    margin-top:15px;
    padding:0px 10px;
    color:#98D3E4;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
}
dl.BrowseList dd,
.ShopInformation li
{
    clear:both;
    /*width:175px;*/
    width:168px;
    line-height:20px;
    font-size:11px;
    padding:0px 0px 0px 23px;
}
.ShopInformation li
{
    padding:0px 12px;
}
dl.BrowseList dd
{
    background:transparent url(images/bullet-arrow.gif) no-repeat scroll 14px 3px;
}
dl.BrowseList dd.Selected
{
    background:transparent url(images/nav-highlight.gif) repeat-x left top;
}
dl.BrowseList dd a
{
    margin-right:2px;
}
dl.BrowseList dd a,
.ShopInformation li a,
.BookSellers a
{
    color:#fff;
    text-decoration:none;
}
dl.BrowseList dd a:hover,
.ShopInformation li a:hover,
.BookSellers a:hover
{
    color:#98D3E4;
    text-decoration:underline;
}
dl.BrowseList dd.ShopSelected a:hover
{
    color:#00204F;
    text-decoration:underline;
}
dl.BrowseList dd span.Number
{
    color:#98D3E4;
}
dl.BrowseList dd a:hover span.Number
{
    text-decoration:none;
}
dl.BrowseList .ShopSelected
{
    width:168px;
    _width:176px;
    border-top:solid 1px #04437C;
    background:#B8E1ED url(images/left-nav-selected-gradient-white.jpg) repeat-x left bottom;
}
dl.BrowseList .ShopSelected a,
dl.BrowseList .ShopSelected span.Number
{
    color:#00204F;
}

/* -----Shop Left Column UL---- Added on Bug 3082 10/06/2011 */

.ShopBrowse .nav
{
    width: 100%;
    float: left;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    list-style: none;
}

.ShopBrowse .nav li
{
	line-height: 16px;
}

.ShopBrowse .nav li a
{
	color: white;
	background: url(images/bullet-arrow.gif) no-repeat 16px 5px;
	font-size: 11px;
	text-decoration: none;
	padding: 5px 0px 0px 26px;
	display: block;
}

.ShopBrowse .nav li a:hover
{
	text-decoration: underline;
}

.ShopBrowse .nav li a span
{
	font-size: 11px;
	text-decoration: none;
	color: #98d3e4;
}

.ShopBrowse .nav li.on a
{
	color: #00204f;
    border-top: 1px solid #04437C;
    background: #D5EEF5 url(images/left-nav-selected-gradient-white.jpg) repeat-x left top;
}

.ShopBrowse .nav li.on a span
{
	color: #00204f;
}

/* ----- Shop Right Column ----- */

/* basket */

.BasketPanel
{
    padding:10px;   
    float:left;
    clear:none;
}
.BasketPanel .BasketList
{
    float:left;
    clear:both;
    width:100%;
    list-style-type:none;
    padding:0px;
    margin:10px 0px;
}
.BasketPanel .BasketList li
{
    float:left;
    clear:both;
    width:100%;
    background-color:#346794;
    padding:5px 0px;
    margin:0px;   
    margin-bottom:1px;
    font-size:11px;
}
.BasketPanel .BasketList li .Quantity,
.BasketPanel .BasketList li .Product,
.BasketPanel .BasketList li .Quantity
{
    float:left;
    clear:none;
    width:25px;
}
.BasketPanel .BasketList li .Quantity
{
    text-align:center;
}
.BasketPanel .BasketList li .Product
{
    width:105px;
}
#article-right a,
#basket-right a
{
    color:#fff!important;
    text-decoration:underline!important;
}
#article-right a:hover,
#basket-right a:hover
{
    color:#fff!important;
    text-decoration:none!important;
}
#article-right a:visited,
#basket-right a:visited
{
    color:#fff!important;
}
.BasketPanel .BasketList li .Price
{
    float:right;
    margin-right:5px;
}
.BasketPanel .BasketList .DeliveryPane,
.BasketPanel .BasketList .DiscountPane,
.BasketPanel .BasketList .TotalPane
{
    line-height:20px;
    text-indent:5px;
}
.BasketPanel .BasketList .DiscountPane
{
    background-color:#3E4678;
}
.BasketPanel .BasketList .TotalPane
{
    background-color:#5B95B6;
    font-weight:bold;
    color:#173D69;
}


/* new products */

.shop-right-pod-top-banner
{
    float:right;
    margin:-136px 0px 0px;
}
.RightColButton
{
    float:right;    
}


/* ----- Shop Content ----- */

.ShopContent h1.article
{
    float:left;
    clear:none;
    width:150px;
}
.ShopContent .ShopContact
{
    float:right;
    clear:none;
    width:250px;
    color:#00204F;
    text-align:right;
}
.ShopContent .ShopContact h4
{
    color:#00204F;
    margin:0px;
    text-transform:uppercase;
}
.ShopContent .ShopContact p
{
    margin:0px 0px 20px;
}
.ShopPromoBox,
.FeaturedProducts
{
    float:left;
    clear:none;
    margin-bottom:10px;
    padding:15px;
    border:solid 1px #ABDBE9;
}
.ShopPromoBox
{
    width:204px;
    height:98px;
}
.Left
{
    margin-right:8px;
}
.ShopPromoBox h3,
.FeaturedProducts h3
{
    margin:0px;
    font-size:15px;
    text-transform:none;
    color:#04437C;
}
.CourseDropDown
{
    border:solid 1px #98D3E4;
    background-color:#D5EDF4;
    color:#04437C;
    margin-top:10px;
    font-size: 8pt;
}
.FeaturedProducts
{
    clear:both;
    width:448px;
}
dl.FeaturedList,
dl.ProductList
{
    float:left;
    clear:none;
    width:220px;
    margin: 0 4px 5px 0;
    padding: 0;
}
dl.FeaturedList dt,
.ProductInformation h3
{
    text-transform:uppercase;
    color:#04437C;
    margin:10px 0px;
    font-weight:bold;
}
dl.FeaturedList dd,
dl.ProductList dd,
.FeaturedTabItem,
.NormalTabItem,
.NewProduct
{
    float:left;
    clear:both;
    padding:0px;
    margin:0px 0px 20px;
    width:225px;
}
.ProductImage,
.ProductGallery dd
{
    float:left;
    clear:none;
    width:89px;
    height:89px;
    padding:2px;
    text-align:center;
    border:solid 1px #D5EDF4;
}
dl.FeaturedList dd .ProductImage img,
dl.ProductList dd .ProductImage img,
.FeaturedTabItem .ProductImage img,
.NormalTabItem .ProductImage img,
.NewProduct .ProductImage 
{
    max-width:86px;
    max-height:86px;
    _height:86px;
}
dl.FeaturedList dd span,
dl.ProductList dd span,
.FeaturedTabItem span,
.NormalTabItem span,
.NewProduct span 
{
    float:right;
    clear:right;
    width:120px;
    margin-left:5px;
}
span.ProductTitle 
{
    font-size:11px;   
}
span.ProductTitle a
{
    color:#00204F!important;
}
span.ProductTitle,
span.ProductPrice 
{
    font-weight:bold;   
    text-transform:uppercase;
}
span.ProductPrice
{
    color:#1D5688!important;
}
span.ProductText
{
    margin:4px 0px;
    color:#1D5688;
}
.SubjectLink
{
    *width:100%;
    margin-top:-10px;
}
.SubjectLink p
{
    margin:0px;
}
#article-centre-3col .SecPayPanel
{
    float:left;
    clear:both;   
    padding:0px;
    margin:0px;
}
#article-centre-3col .SecPayPanel li
{
    float:left;
    clear:none;
    list-style-type:none;
    padding:0px;
    margin:0px;
}
#article-centre-3col .SecPayPanel li img
{
    margin-right:10px;
}

/* listings page */

.search-pagination
{
    width:100%;
    padding:0px;
}
.FilterPagination
{
    float:left;
    clear:left;
    line-height:26px;
}
.FilterPagination a
{
    padding:0px 5px;   
}
.search-pagination-content
{
    float:right;
    clear:none;
}
#article-centre-3col ul#OptionsList
{
    float:left;
    clear:both;
    width:100%;
    padding:0px 0px 2px 0px;
    margin:0px 0px 20px 0px;
    *margin:20px 0px 20px 0px;
    border-bottom:solid 1px #D5EDF4;
}
#article-centre-3col ul#OptionsList li
{
    float:left;
    clear:none;
    padding:0px;
    margin:0px 10px 0px 0px;
    list-style-image:none;
    background:none;
}
#article-centre-3col ul#OptionsList li.Subject
{
    font-size:16px;
    font-weight:bold;
}
#article-centre-3col ul#OptionsList li.Product
{
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
}

dl.ProductList
{
    width:230px;
    margin-bottom:20px;
}
#FirstProduct
{
    border:solid 1px #D5EDF4;
}
#FirstProduct .ProductImage
{
    width:221px;
    height:245px;
    *height:250px;
    padding-top:12px;
    border:none;
    border-bottom:solid 1px #D5EDF4;
}
#FirstProduct .ProductImage img
{
    max-width:208px;
    max-height:214px;
    _height:208px;
}
#FirstProduct span
{
    float:left;
    clear:left;
    margin:5px;
}
#FirstProduct span.ProductTitle,
#FirstProduct span.ProductText
{
    width:160px;
    margin-right:0px;
}
#FirstProduct span.ProductPrice
{
    float:right;
    clear:none;
    width:50px;
    margin-top:-34px;
    *margin-top:5px;
    text-align:right;
}

/* ----- product details ----- */

.ShopOffer
{
    float:right;
    margin-top:0px;
    width:300px;
    line-height:30px;
    background:#C10538;
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
    text-align:center;
}
.ProductGallery,
.ProductDetails
{
    float:left;
    width:232px;
    margin:30px 7px 0px 0px;
}

.ProductGallery dt
{
    position:relative;
    border:1px solid #D5EDF4;
    padding:5px 0px;
    text-align:center;
}
.ProductGallery dt img.ZoomBtn
{
    position:absolute;
    top:-1px;
    _top:0px;
    right:5px;
    padding:4px;
    border:1px solid #D5EDF4;
}
.ProductGallery dd
{
    margin:4px 0px 0px;
}
.ProductGallery dd.margin-right
{
    margin-right:4px;
}
.ProductDetails
{
    width:240px;
    margin:30px 0px 0px;
}
#article-centre-3col .ProductDetails h3
{
    margin-bottom:3px;
    color:#04437C;
}

.btn-addtobasket
{
    float:right;
    margin: 20px 0px;
}

.btn-addtobasket-small
{
    float:right;
    clear:both;
    margin-top:-17px;
    padding-right: 6px;
}

#FirstProduct .btn-addtobasket-small
{
    margin:-22px 4px 0px 0px;
}

#article-centre-3col .ProductDetails ul,
#article-centre-3col .ProductDetails ul li
{
    padding:0px;
    list-style-type:None;
}

#article-centre-3col .ProductDetails ul li
{
    margin:0px;
    background:none;
}

.ProductInformation
{
    float:left;
    clear:both;
    width:100%;
    margin-bottom:15px;
}

.ProductInformation h3
{
    text-transform:none;
}

.ProductInformation p
{
    margin-bottom:10px;
}

.ProductInformation .Video
{
    float:left;
    clear:none;
    width:120px;
    height:80px;
    margin:15px 8px 0px 0px;
    border:1px solid #D5EDF4;
}

/* Fix to correctly position product ul list details in product detail page*/
.lstProductDetails
{
    float: left;
}

div.productPriceBox
{
    width: 100%;
    float: left;
    margin: 10px 0px 10px 0px;
}

div.productPriceBox div.productPriceLabels
{
    width: 120px;
    float: left;
}

div.productPriceBox div.productPriceLabels span
{
    width: 120px;
    float: left;
}

div.productPriceBox div.productPriceLabels span.SalePrice
{
    margin:2px 0px;
    color:#C10538;
    font-size:16px;
    font-weight:bold;
}

div.productPriceBox span.DiscountInfo
{
    float: left;
    width: 100%;
    font-size:10px;
}

div.productPriceBox .btn-addtobasket
{
    float: right;
    margin: 0px 0px;
}

/* ----- tab panel ----- */

#article-right-content-wrapper.ShopContent .topFilter
{
    padding:0px;
    margin-top: 0px !important;
}
#article-right-content-wrapper.ShopContent .topFilter li
{
    background:none;
    margin:0px 0px 0px 10px;
    padding:0px;
    line-height:15px;
}
.TabContent
{
    float:left;
    clear:both;
    *width:450px;
    background:transparent url(images/search-results-background.jpg) repeat-x scroll 0 0;
    padding:15px;
    height:160px;
    margin:-10px 0px 0px;
}
.TabContent h3
{
    float:left;
    clear:none;
    width:200px;
    color:#04437C;
    text-transform:none;
    font-size:14px;
    margin:0px 0px 10px;
}
.NormalTabItem
{
    float:right;
    clear:none;   
    width:190px;
}
.NormalTabItem .ProductImage,
.NewProduct .ProductImage,
.ProductGallery dd
{
    width:49px;
    height:49px;
}
.NormalTabItem .ProductImage img,
.NewProduct .ProductImage img,
.ProductGallery dd img
{
    max-width:47px;
    max-height:47px;
    _height:47px;
}
.NormalTabItem.FirstItem
{
    margin-top:-40px;
    *margin-top:0px;
}
.NewProductsList
{
    padding:0px;
    margin:10px 0px;
    list-style-type:None;
}
.NewProduct
{
    width:100%;
}
.NewProductsList .ProductImage
{
    border:0px;
    background:#3D4B6A;
}
.NewProductsList .ProductTitle
{
    width:148px;
    *width:150px;
}
.NewProductsList .ProductPrice
{
    color:#98D3E4!important;
    width:148px;
    margin-top:8px;
}
.HotSellersBox h3
{
    margin-bottom:20px;
}

/* ISSUE 894 
   ShopPromotionalItemsControl.ascx line 18 add class = HotNo1 to the image */
img.HotNo1
{
	float: left;
}
.HotSellersBox span
{
    float:left;
    clear:both;
    width:140px;
    margin:5px 0px;
    text-transform:uppercase;
}

.HotSellersList
{
    float:left;
    width:173px;
    padding:0px 0px 0px 30px;
    *padding:0px 0px 0px 22px;
    margin:10px 0px;
    list-style-image:url(images/shop-hot-no2.gif);
}
.HotSellersList li
{
    *margin:5px 0px;
    *height:16px;
    *line-height:13px;
    background:transparent url(images/bullet-arrow.gif) no-repeat right center;
    *background:transparent url(images/bullet-arrow.gif) no-repeat right top;
}
.HotSellersList li a
{
    color:#fff!important;
    font-size:11px;
    *margin-left:5px;
}
.HotSellers
{
    float:right;
    clear:none;
    width:49px;
    height:49px;
    margin-top:-20px;
    border:0px;
    background:#3D4B6A;
}
.HotSellers img
{
    max-width:47px;
    max-height:47px;
    _height:47px;
}
.HotNo3
{
    list-style-image:url(images/shop-hot-no3.gif);
}
.HotNo4
{
    list-style-image:url(images/shop-hot-no4.gif);
}
.HotNo5
{
    list-style-image:url(images/shop-hot-no5.gif);
}

/* form elements */

.ProcessForm
{
    float:left;
    clear:both;
    color:#04437C; 
}
.ProcessForm dt
{
    float:left;
    clear:both;
    width:480px;
    height:20px;
    margin:10px 0px;
    text-transform:uppercase;
    font-weight:bold;
}
.ProcessForm dt span
{
    float:left;
}
.ProcessForm dt span.form-info
{
    float:right;
    text-transform:none;
    font-weight:normal;
}
.ProcessForm dd
{
    float:left;
    clear:both;
    width:100%;
    padding:0px;
    margin:5px 0px;
    line-height:20px;
}
.ProcessForm dd.validation
{
    padding:5px 0px 0px;
    background:#EFC0CD;
}
.ProcessForm dd.validation label
{
    color:#C10538;
}
.ProcessForm dd.validation input
{
    border:solid 1px #C10538;
    background-color:#fff;
}
.ProcessForm dd.validation .message
{
    float:right;
    clear:none;
    margin-top:-5px;
    padding:6px 10px;
    background:#C10538;
    color:#fff;
}
.ProcessForm dd label
{
    float:left;
    clear:none;
    width:170px;
    margin:0px 6px 0px 0px;
    line-height:20px;
    text-align:right;
    color:#04437C;
}
.ProcessForm.content-480 dd label
{
    width:120px;
}
.ProcessForm dd label.Bold
{
    text-align:left;
    font-weight:bold;
}
.ProcessForm dd input
{
    float:left;
    clear:none;
}
.ProcessForm dd a
{
    font-size:11px;
}
.AddressList
{
    clear:both;
    padding-left:21px;
    *margin-left:5px;
    list-style-type:none;
}
.AddressList li
{
    width:160px;
    line-height:18px;
}
input.TextField
{   
    background-color:#D1EBF3;
    border:1px solid #98D3E4;
    color:#00204F;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1em;
    padding:2px;   
    font-style:italic;
}
#basket-right-top input.TextField
{
    width:200px;
}
#basket-right #basket-right-top a
{
    color:#00204F!important;
}
select.DropDown
{
    border:1px solid #98D3E4;
    color:#00204F;
}


/* buttons */

.btn,
.SubmitSearch
{
    display:inline-block;
    border: none;
    background:none;
    height:18px;
    text-indent:-9999px;
    cursor:pointer;
    *font-size:0px;
    *text-align:left;
    *color:#abdbe9;
}
.SubmitSearch
{
    width:25px;
    background:transparent url(images/buttons/btn-go-sml-blue.png) no-repeat left top;
}
.apply
{
    width:50px;
    margin:0px 0px 0px 2px;
    background:transparent url(images/buttons/btn-apply-sml-blue.png) no-repeat left top;
}
.addtobasket
{
    width:109px;
    margin:0px 0px 0px 140px;
    background:transparent url(images/buttons/btn-add-sml-blue.png) no-repeat left top;
}
.request-brochure
{
    float:right;
    *float:left;
    clear:both;
    width:151px;
    height:25px;
    margin:5px 0px;
    *margin:5px 0px 5px 340px;
    color:#C10538;
    background:transparent url(images/buttons/btn-requestbrochure-lrg-red.png) no-repeat left top;
}

dl.two-col-deflist,
dl.three-col-deflist
{
    float:left;
    clear:none;
    width:204px;
    margin:20px 0px 0px;
    padding:0px 20px 0px 0px;   
    color:#00204F;
}
dl.two-col-deflist dt,
dl.three-col-deflist dt
{
    text-transform:uppercase;
    font-weight:bold;
    margin:6px 0px;
}
dl.two-col-deflist dd,
dl.three-col-deflist dd
{
    padding:0px;
    margin:3px 0px;
}
dl.three-col-deflist.PaymentDetails dd
{
    float:left;
    width:102px;
}
dl.two-col-deflist
{
    width:310px;
}
dl.two-col-deflist dd
{
    margin-bottom:12px;
}

/* ie6 right column fix */

#article-right
{
    _width:235px;
    _overflow:hidden;
}

/* -----Shop Left Column UL---- */

.ShopBrowse h4.nav-title
{
    width: 175px;
    color: #98d3e4;
    text-transform: uppercase;
    padding: 0px 10px 0px 10px;
    font-size: 12px;
    font-weight: bold;
    margin-top: 15px;
}

.ShopBrowse .nav-section li
{
	line-height: 16px;
}

.ShopBrowse .nav-section li a
{
	font-size: 11px;
}

.ShopBrowse .nav-section li a span
{
	font-size: 11px;
	text-decoration: none;
	color: #98d3e4;
}

.ShopBrowse .nav-section li.on > a span
{
	color: #00204f;
}

