﻿h1, h2, h3, h4, p, img, ul, li, a, span, div, body, html, table, td, tr, th { border:none; font-weight:normal; margin:0; padding:0; }
ul li{ list-style-type:none;}

.hidden{ display:none;}
a{cursor:pointer;}

html{ }
body{ font-family:"Palatino","Times New Roman","Myriad Pro", Arial, "MS Sans Serif"; font-size:12px;  color:#fff; background:#333; }
table{ font-family:"Palatino","Times New Roman","Myriad Pro", Arial, "MS Sans Serif"; font-size:12px;}
form{ }
#SiteWrapper{ text-align:center; overflow:hidden; }
#PageWrapper{ width:997px; margin:auto; position:relative; height:100%; text-align:left;}

.M_Text{ background:none;}

#Header, #Content, #Footer{ }
#Header{ float:left; width:233px; margin-left:20px; margin-right:15px; height:100%; position:relative; z-index:1; display:inline;}
#Content{ font-size:13px; float:left; width:718px; background:url(/images/mp/opacity90.png); text-align:left; }
#Logo{ position:absolute; top:82px; left:42px; width:151px; height:41px; text-indent:-9999px; background:url(/images/mp/logo.png) no-repeat 0 0; }
#Logo:hover{ background-position: 0 0 !important;}
#Flash{ position:absolute; z-index:0; border:solid 1px blue; height:200px; width:200px; overflow:hidden;}
#Flash object{ position:relative;z-index:-2;}

#Header .group{ padding:0 32px 0 32px; background:url(/images/mp/opacity90.png) ; border-left:solid 0px blue; zoom:1;  clear:left; display:block;}
#Header .g1{ height:157px; position:relative;}
#Header .g2{ padding-bottom:50px; }
#Header .g3{ margin: 2px 0 2px 0; padding-top:30px; padding-bottom:30px; }
#Header .g4{ padding-top:20px; padding-bottom:20px;}

#Header a.btnLogin{ }
#Header #LoginControl .loggedOut{ display:none;}
#Header #Login a{ padding:0;}
#Header #Login #LoginControl{ position:relative;}
#Header .loginError{ background:#272525; border:solid 1px #939292; width:191px; padding:10px 20px; position:absolute;top:-31px;left:120px; font-style:italic; display:none; }
#Header .loginError a.close{ border:solid 1px #939292; color:red; position:absolute; right:3px; top:3px; height:11px; width:11px; text-align:center; line-height:8px; text-decoration:none;  }
#Header #LoginControl .actions{ display:block; height:20px; }
#Header #LoginControl span.actions{ padding-top:15px;}
#Header #LoginControl .actions *{ float:left; color:#fff; font-style:normal; text-transform:uppercase; font-size:10px; text-decoration:none;}
#Header #LoginControl .actions td{ height:25px; display:block;}

#Header #LoginControl .actions span{ padding:0 5px; color:#fff; }
#Header #LoginControl td{ padding:3px 0;}
#Header #LoginControl td.label span{ font-style:italic;}
#Header #LoginControl .actions a.login{ color:red; float:right; position:relative; right:8px; top:5px;}
#Header #LoginControl input.text{ width:162px;}

#Header #LoginControl .welcomeMessage{ margin:50px 0 0;}
#Header #LoginControl .welcomeMessage span{ display:block; font-style:italic; font-size:25px; text-transform:capitalize;}
#Header #LoginControl .welcomeMessage span.name{ width:190px; overflow:hidden;}

#Header .signUp input.text{ width:162px; }
#Header .signUp div.actions a{ float:right; position:relative; right:5px; color:#FF0000; text-decoration:none;}
#Header .signUp div.actions a:hover{ text-decoration:underline;}

#Header #SearchBox .actions{ text-align:right;}
#Header #SearchBox .actions input{ color:red; background:none; border:none; font-style:italic; cursor:pointer; }
#Header #SearchBox .field input{ width:162px;}

#Spacer, #Spacer2{ height:0px; clear:both; }

.signUp table.form tr.actions td{ text-align:right; padding-right:75px;}
.signUp table.form tr.actions td a{ color:#f00; text-decoration:none; padding-right:6px;}
.signUp table.form tr.actions td a:hover{ text-decoration:underline;}

#Navigation{}
#Navigation a, #Login a{ color:#fff; font-size:13px; text-transform:uppercase; text-decoration:none; padding:1px 0 3px 0; display:block;}

#Navigation #CatNav ul ul{ padding-left:10px;}
#Navigation #CatNav li, #Navigation #SiteNav li{ background:url(/images/mp/menu-sep.png) repeat-x 0 bottom;}
#CatNav li a.sale{ color:#ff0000}
#Navigation a{ outline:none;}
#Navigation #CatNav li li, #Navigation #SiteNav li li{ background:none;}
#Navigation #CatNav a.noClick{ cursor:default;}
#Navigation #CatNav li.active ul a{ cursor:pointer;}
#Navigation #CatNav li li a{ text-transform:lowercase; font-style:italic; }
#Navigation #CatNav li li a:before{content:"/ "}
#Navigation #CatNav li li.active a{ text-decoration:underline; }

#Navigation #SiteNav li li.Selected a{ text-decoration:underline; }
#Navigation #SiteNav li ul {background-position: 0 top; padding-left:10px;}
#Navigation #CatNav{ border-top: solid 1px #393837;}

#Content{ margin:0 auto; }
#Content div.inner{ margin:auto; padding:135px 38px 38px 38px; position:relative; }

#Footer{ clear:both; display:none;}
#Footer div.inner{ background:none; padding:0;}

/* */
#SearchWrapper{ top:67px; right:38px;}
#SideCartWrapper{ }

a{ color:#ADADAD;}

h1,h2,h3,h4,h5, .title{  font-family:"Palatino","Times New Roman","Myriad Pro", Arial, "MS Sans Serif" }
.title{ font-size:20px; }

/* text colour */
h1,h2,h3,h4,h5, #RelatedProducts .price { color:#fff; } 

/* background & border colour */
#CheckoutLogin .existingCustomer,#CheckoutLogin .newCustomer,#CheckoutSummary, p.intro,#CheckoutAddressDetails, #CheckoutPayment{background:none; border:solid 1px #5c5c5c;}

#BreadCrumb{ position:absolute; font-size:14px;padding:20px 12px 10px 0; top:117px;  text-transform:uppercase; }
#BreadCrumb * { float:left;font-size:12px; color:#fff;  }
.prodCat #BreadCrumb *, .prodDisplay #BreadCrumb *{ color:#000;}
#BreadCrumb a{text-decoration:none; }
#BreadCrumb a.breadcrumb{ padding:0 0px 0 0px;}
#BreadCrumb a.first{ padding-left:0;}
#BreadCrumb a:hover{ text-decoration:underline; }
#BreadCrumb span.breadcrumb{  padding:0 7px; }
#BreadCrumb span.last{  background:none; text-indent:0; padding-left:0; text-transform:lowercase;font-style:italic; }
#BreadCrumb a.breadcrumbLower {text-transform: lowercase;}

/* Nav tabs*/
#NavTabs{ right:38px; top:0; height:30px; line-height:30px;  padding:0 10px;}
#NavTabs a{  color:#bbbdc0; text-transform:uppercase; font-size:12px; text-decoration:none;  }
#NavTabs a:hover{ text-decoration:underline;}
#NavTabs .one{ border-right:solid 1px #515151; padding-right:15px; }
#NavTabs .two{ padding-left:5px;}

#Util{position:absolute;left:652px;top:107px; width:300px;}
#Util ul{float:left; width:300px;}
#Util ul li{color:#c0e6f3;  margin-right:10px; float:right;}
#Util ul li a {color:#c0e6f3; font:normal 14px arial;text-transform:uppercase; text-decoration:none;}
#Util ul li a:hover,#Util ul li a:active {color:#FFFFFF;}


/* shared bg */





/* sprite */
#SearchWrapper,#SearchBox a,#ProductDetails .stockLevel .inStock,#Zoom{ background:url(/images/handb/sprite-1.gif) no-repeat 0 0; }
 #TabSystem li a, #TabSystem li a span{ background:url(/images/handb/tabs.gif) no-repeat 0 0;}

#CatNav ul li,.btnAction,#SideCart .actions a,#MainCartNav div.actions a,#RelatedProducts div.nav a{ background:url(/images/handb/btns.gif) no-repeat 0 0; }

.btnAction,#MainCartNav div.actions a, input.replace{ background-position:0 -84px;color:#FFFFFF;float:right;font-size:12px;text-transform:uppercase; color:red; text-decoration:none; font-style:italic;} 

a.dynamic{ float:left;}

.Text a{  }
.Text ul li, .contentText ul li {margin:5px 0px 5px 15px; list-style-type:disc; }

/* min height */
#Main{ min-height:500px;  height:auto !important;  height:500px;}

/* tab system*/
#TabSystem{ width:100%; margin:0 auto 10px auto; }
#TabSystem #Menu{ height:30px; }
#TabSystem #Menu ul li{ float:left;  padding:0 3px 0 0;  }
#TabSystem #Menu ul li a{ font-size:11px; text-decoration:none; background-position: 0 -56px; min-width:87px; height:30px; line-height:30px; vertical-align:middle; float:left;  padding:0 0 0 5px; font-weight:bold; text-align:center;}
#TabSystem #Menu ul li a span{ display:block; height:30px;  background-position: right -56px; min-width:87px; }
#TabSystem #Menu ul li a:hover{ }
#TabSystem #Menu ul li a:active,#TabSystem #Menu ul li a.active,#TabSystem #Menu ul li a:hover{ background-position: 0 0px; height:31px; }
#TabSystem #Menu ul li a:active span,#TabSystem #Menu ul li a.active span,#TabSystem #Menu ul li a:hover span{ background-position: right 0px; }

#ProductTabs #TabSystem { width:380px; padding-top:10px;}
#TabSystem div.tab{ border:none; padding:0; background:url(/images/handb/tab-bg-slice-s.gif) repeat-y 0 0;   }
#TabSystem div.tab .tabInner{ background:url(/images/handb/tab-bg-top-s.gif) no-repeat 0 0; padding: 15px 0 0 0;}
#TabSystem div.tab .tabInner .content{min-height:230px;  height:auto !important;  height:230px; background:url(/images/handb/tab-bg-btm-s.gif) no-repeat 0 bottom; padding: 0 15px 10px 15px;}

.myDetails #TabSystem #Menu ul li a{ width:120px;}
.myDetails #TabSystem #Menu ul li a span{ width:120px;}
.myDetails #TabSystem div.tab{ background:url(/images/handb/tab-bg-slice-l.gif) repeat-y 0 0; }
.myDetails #TabSystem div.tab .tabInner{ background:url(/images/handb/tab-bg-top-l.gif) no-repeat 0 0; padding: 15px 0 0 0;} 
.myDetails #TabSystem div.tab .tabInner .content{  background:url(/images/handb/tab-bg-btm-l.gif) no-repeat 0 bottom; padding: 0 15px 10px 15px; min-height:350px;  height:auto !important;  height:350px;}
.myDetails #CheckoutAddressDetails{ border:none;}
.myDetails #CheckoutAddressDetails .custDetails{ padding:0;}
.myDetails #CheckoutAddressDetails .actions{ padding: 0; width:359px;}

.search #TabSystem #Menu ul li a{ width:100px;}
.search #TabSystem #Menu ul li a span{ width:100px;}
.search #TabSystem div.tab{ background:url(/images/handb/tab-bg-slice-l.gif) repeat-y 0 0; }
.search #TabSystem div.tab .tabInner{ background:url(/images/handb/tab-bg-top-l.gif) no-repeat 0 0; padding: 15px 0 0 0;} 
.search #TabSystem div.tab .tabInner .content{  background:url(/images/handb/tab-bg-btm-l.gif) no-repeat 0 bottom; padding: 0 15px 10px 15px; min-height:350px;  height:auto !important;  height:350px;}

#SendToFriend{ width:500px; margin:20px auto;}
#SendToFriend *{ font-style:italic;}
#SendToFriend p.title{font-size:19px;}
#SendToFriend p.name{ font-weight:bold; padding:10px 0;}
#SendToFriend .image{ float:left; width: 200px;}
#SendToFriend .detail{width:231px;}
#SendToFriend textarea {  overflow:hidden;}
#SendToFriend tr td input{ display:block;}
#SendToFriend tr td.send{text-transform:lowercase;}
#SendToFriend tr td{ vertical-align:top; }
#SendToFriend .form td.label{ width:100px;}
#SendToFriend .form .submit{ position:relative; left:130px;}


#StockistLink ul{ background:url(/images/handb/globe.gif) no-repeat right 1px;}
#StockistLink ul li{ background:url(/images/handb/arrow.gif) no-repeat left 1px; list-style-type:none; padding:0 0 5px 25px; margin:4px 0;}
#StockistLink ul li a{ color:#a4d5dc; text-decoration:none; font-size:12px; font-family:Verdana;}
#StockistLink ul li a:hover{ color:#fff;}

/* search results control */
.search #BreadCrumb *{ color:#000;}
.search .BreadCrumbDiv *{ color:#000;}
.ProductSkuPriceDiv *{ color:#000;}
.ProductListColourSwatch i{ display:none; }
.searchTable{ width:100%; }
.searchTable div.item{ margin:10px; overflow:hidden; position:relative; }
.searchTable div.item .links{ position:absolute; right:5px; top:0px; width:70px;}
.searchTable div.item .links .navigate{ background:url(/images/icons/page.png) no-repeat 0 0;}
.searchTable div.item .links .popup{ background:url(/images/icons/magnifier.png) no-repeat 0 0;}
.searchTable div.item .links .email{ background:url(/images/icons/email.png) no-repeat 0 0;}
.searchTable div.item .links a.link{ width:20px; text-indent:-9999px; float:right; outline:none;}
#Products .searchTable  div.item .title{ margin-left:95px; }
.searchTable div.item .title a{  font:normal bold 12px arial; text-decoration:none;   }
.searchTable div.item .description{ margin:10px 0; }
.searchTable div.item .image{ float:left; margin-right:10px; }
.searchTable .product .detail{ float:left; width:250px; }
.searchTable div.item .detail h2{ padding:0; margin:0; line-height:normal; width:155px; height:auto; margin-bottom:10px;}
.searchTable div.info { margin-bottom:0; padding:0 5px;}
.search #Information td{ border:none; border-bottom:solid 1px #5c5c5c;}

.searchTable div.item .code{ font-size:9px; font-family:Arial;}



/****************************** navigation ******************************/

#SearchWrapper{ width:219px; height:28px; background-position: 0 0;}
#SearchWrapper span.label{ display:none;}
#SearchWrapper #SearchBox{ width:219px; height:28px; }
#SearchWrapper #SearchBox div.field{ margin-right:0; width: 185px; float:left;}
#SearchWrapper #SearchBox div.actions{ float:right;width:32px; }
#SearchWrapper #SearchBox div.actions a{float:left; background-position:-262px 0; width:32px; height:27px;  }
#SearchWrapper #SearchBox div.actions a span{ display:none; }
#SearchWrapper #SearchBox input.text { border:none; color:#666;  font-size:11px; text-transform:uppercase; height:19px; vertical-align:middle; padding-top:5px; padding-bottom:5px; width:175px; padding-left:10px; background:none; }

#CycleWrapper div.adminSettings{ position:relative; z-index:40;} 
#CycleWrapper{ height:320px;  position:relative;}
#CycleWrapper #Cycle{ position:absolute; left:0px; top:0px; text-align:left; }

#CycleWrapper #Cycle div.item{ width:930px; height:300px; }
#CycleWrapper div.nav{ }
#CycleWrapper #Next{ background:url(/images/sol/nav-right.png) no-repeat; width:84px; height:88px; position:absolute; right:-36px; top:170px;}
#CycleWrapper #Prev{ background:url(/images/sol/nav-left.png) no-repeat; width:84px; height:88px;  position:absolute; left:-39px; top:170px;}
#CycleWrapper #Next:hover{ background-position:0 0;}
#CycleWrapper #Prev:hover{ background-position:0 0;}
#CycleWrapper #Pause{ display:none;}

#Cycle div.site{ height:430px;}
#Cycle div.site a.view{ display:block; position:absolute; background-position:0 -72px; width:197px; height: 55px; text-indent:-9999px; cursor:pointer;}
#Deuce{ background:url(/images/sol/cycler/deuce-bg.jpg);}
#Deuce p.intro{ background:url(/images/sol/cycler/deuce-text.png) no-repeat; width:275px; height:187px; text-indent:-9999px; position:absolute; top:36px; left:74px;}
#Deuce p.desc{ position:absolute; top:242px; left:74px; width:275px; color:#fff;}
#Deuce p.img{ background:url(/images/sol/cycler/deuce.jpg) no-repeat 0 0; position:absolute; left:394px; width:485px; height:430px;  }
#Deuce a.view{ top:335px; left:74px;}

/*
.subCycle{ display:none;}
.subCycle div{ width:352px; height:187px; }
 .subCycle .home1{ background:url(/images/sol/cycler/deuce-home1.jpg) no-repeat 0 0;}
 .subCycle .home2{ background:url(/images/sol/cycler/deuce-home2.jpg) no-repeat 0 0;}
 .subCycle .home3{ background:url(/images/sol/cycler/deuce-home3.jpg) no-repeat 0 0;}
*/



#Main #StepIndicator{height:25px; background-color:#fff; border:1px solid #B0B0B0; border-top:none;}
#Main #StepIndicator div{height:25px; line-height:25px; width:139px; float:left; text-align:center;  border-right:1px solid #B0B0B0;  } 
#Main #StepIndicator div a{ color:#ADADAD; text-decoration:none; display:block; height:25px; line-height:25px; text-transform:uppercase; } 
#Main #StepIndicator a.active{ color:#fff;  background-color:#BBBCBE; }
#Main #StepIndicator div.step4 { float:right; border-right:none;}

/*bbbcbe*/
#Footer div.nav{ }
#Footer div.nav a.footerNav{  }
#Footer div.nav a.footerNav:hover{}
#Footer div.nav span.footerNav{  }
#Footer div.content{  }

#Footer div.content .copy{ }
#Footer div.content .fatFooter{ }
#Footer div.content span.copyright span{ }
#Footer div.inner .copyright{ }
#Footer div.inner .copyright .info{ }

#SiteWrapper.basic #Content{ width:650px; margin:auto; float:none;}
#SiteWrapper.basic #Content .area{ padding:10px;}

#Main{  }
.clear{ clear:both;}


.content .style1 #Main{ padding-top:10px;}

/* home */
.style1 #Main{ }
.style1 #Main .sec1{ margin-bottom:15px;}
.style1 #Main .sec2{ clear:both;}
.style2 #Content #Main{ padding-top:15px;}
.style2 #Main .sec1{ float:left; width:260px;}
.style2 #Main .sec2{ float:right; width:300px;}

.home #Content{ background:none;}
.home #Content #Main{ border:none;}
.home #Content div.inner{ padding-left:0;}
.checkout #Content #Main,.cart #Content #Main, .prodDisplay #Content #Main{ padding-top:0;}

.home .style2 #Content .inner { padding: 135px 38px 38px 38px;}
.home .style2 #Main .sec1{ float:none; width:auto;}
.home .style2 #Main .M_Text{ color:#000;}
.home .style2 #Main 

/* blog */
.blog #Main{ float:right; min-height:425px; padding:0;  }
.blog #Sub{ float:left;  width:195px;  }
.blog #Main .sec2{  padding-top:0px;}
.blog #Main .sec2 .con1{ padding-bottom:5px;}
.blog #Main .sec2 .con1 div{ height:31px; line-height:31px; background-color:#7E7E7E; padding-left:10px;}
.blog #Main .sec2 .con1 div li{ float:left; margin:0 5px; }
.blog #Main .sec2 .con1 div li a{ text-decoration:none; color:#fff; font-style:italic; border-left:solid 1px #fff; padding-left:10px;}
.blog #Main .sec2 .con1 div li.active a{  color:#000; }
.blog #Main .sec2 .con1 div li:first-child a{ padding-left:0; border-left:0;}
.blog #Main .sec2 .con1 div li a:hover{ }
.blog #Main .sec2 .con2{ padding: 0 0 7px 0px; overflow:hidden;}
.blog #Main .sec2 .con2 .posts{ float:left; width:100%;}
.blog #Main .sec2 .con2 .posts, .blog #Main .sec1 .con2 .recent{  }
.blog #Main .sec2 .con2 .recent{ float:right; width:176px;}
.blog #Main .sec2 .con2 h1 {font-family:Georgia;font-size:17px;font-style:italic;}
.blog #Main .blogPage{ overflow:hidden; }
.blog #Main .blogPage li{ float:left; margin-right:5px; }
.blog #Main .blogPage li.selected a{ font-weight:bold;}
#RecentArticles{ padding:16px 7px;}
#RecentArticles h2 { color:#b8d8d1; font-size:15px; font-style:italic; text-transform:capitalize; margin-bottom:15px; }
#RecentArticles h2, #RecentArticles h2 span{ background:url(/images/mondegreen/dots-horz2.gif) repeat-x 0 0; display:block;}
#RecentArticles h2 span{ background-position:0 bottom; padding:2px 0;}
#RecentArticles .title{ margin:9px 0;}
#RecentArticles a{ font-size:12px; color:#9d9188; font-style:italic; text-decoration:none;}

#BlogPosts, #RecentArticles { background:url(/images/mondegreen/blog-post-btm.jpg) no-repeat 0 bottom; }
#BlogPosts {padding:10px 0; }
#BlogPosts .post{ border-bottom:solid 1px #363634; padding-bottom:25px; margin-bottom:25px; } 
#BlogPosts .post h2{ font-size:17px; font-weight:bold; font-style:italic; text-transform:none; float:left; margin-right:10px; margin-bottom:10px;}
#BlogPosts .post h2 a{ color:#fff; }
#BlogPosts .post .date, #BlogPosts .BlogDate{ color:#979793; font-size:12px; font-style:italic; margin-bottom:5px; float:right; line-height:20px;  }
#BlogPosts .BlogDate{ float:left;}
#BlogPosts .post .postText{ clear:left;}
#BlogPosts .post .image{ padding:5px 0; clear:left;  }
#BlogPosts .post .image .Text{ color:#9d9188; }
#BlogPosts .post .image .Text a{ color:#6c6c6b;}
#BlogPosts .numComments { font-style:italic; margin-top: 10px;}
#BlogPosts #CommentList .details{ overflow:hidden; }
#BlogPosts #CommentList .details *{ float:left; margin-right:5px; }
#BlogPosts #CommentList .details .date{ font-style:italic; color:#979793;}
#BlogPosts #CommentList .comment{ margin:5px 0; }


#BlogPosts div.BlogImage {text-align: center; width: 480px; overflow: hidden;}
#CommentList table tr td div.comment, #BlogPosts .article {clear:both; overflow: hidden;}


#Main{ padding-top:20px;}

.resetPassword .tblForgot{ margin:50px 0 0 50px;}

#Content #Main{ border-top:solid 1px #b0b0b0; }

#BreadCrumb{ position:absolute; top:97px; left:39px;}

.prodCat #Content, .prodDisplay #Content, .cart #Content, .checkout #Content, .search #Content, .home .style2 #Content { background-image:url(/images/mp/opacity85f.png); width:640px;}

.tblContact {width:100%;}
.tblContact .text, .tblForgot .text{ width:300px; height:19px;}
.tblContact td{ padding:2px 0;}
.tblContact p, .tblForgot p{ padding-bottom:2px;}
.tblContact textarea{  width:300px; height:235px;}
table.tblContact {color:#fff; font: normal 13px "Palatino","Times New Roman","Myriad Pro", Arial, "MS Sans Serif"; font-style:italic;} 

table .submit{ border:none; background:none; color:#fff; font: italic 14px "Times New Roman", Arial, "MS Sans Serif"; cursor:pointer;}
/* single bg */

/* giftcard template */
.giftCard .tblGift{ width:100%;}
.giftCard .tblGift td.col1{ }
.giftCard .tblGift td.col2{ padding-left:20px;}
.giftCard .tblGift .giftTitle{ text-transform:uppercase; font-size:13px;}
.giftCard .tblGift div.gift{ width:383px; height:440px;}
.giftCard .tblGift td{ vertical-align:top;}
.giftCard .tblGift .to{ clear:both;}
.giftCard .tblGift .to .text{ width:250px; }
.giftCard .tblGift .message textarea{ width:250px; height:130px; }
.giftCard .tblGiftAmount input{ width:30px; height:16px;}
.giftCard .tblGift { color:#fff; font: normal 13px "Palatino","Times New Roman","Myriad Pro", Arial, "MS Sans Serif"; font-style:italic;text-transform:lowercase; }
.giftCard .amountLinks{ background:url(/images/mp/menu-sep.png) repeat-x 0 0; overflow:hidden; padding-top:10px; }
.giftCard .amountLinks .amount{ float:left; width:150px;}
.giftCard .amountLinks .links { float:right; width:150px;}
.giftCard .amountLinks .links a{ display:block;}
.btn{display:block; float:right; width:185px; height:17px; background-color:#e6e7e7; color:#000; text-align:center; text-transform:uppercase; font-size:12px; text-decoration:none; margin-top:5px;}



/* store template */
.store #Main{ position:relative;}
.store #BreadCrumb{ display:none;}
.store .regionTitle{ font-size:14px; position:absolute; top:-25px; text-transform:uppercase;font-style:normal;}
.store table.stores div.active a{ background:url(/images/mp/icons/bullet_star.png) no-repeat right 0; padding-right:15px;}
.store table.stores{ width:100%;}
.store table.stores td{ vertical-align:top;}
.store table.stores td.regions{ width:300px;}
.store table.stores td.regions p.region{ margin:10px 0 5px 0;}
.store table.stores td.regions div div{ padding-left:5px;}
.store table.stores td.details{ width:280px; padding-left:20px;}
.store .map{ clear:both; height:300px; width:300px;}
.store #MapLinkWrap{  width:260px; margin-top:20px;}
.store #image{ display:block; float:none;}
.store .mapLink{ font-style:italic; float:right;}
.store table.stores a, .store table.stores {color:#fff; font: normal 13px "Palatino","Times New Roman","Myriad Pro", Arial, "MS Sans Serif"; font-style:italic;}
.store .regions a{ text-decoration:none;}


#ProductDisplay.availability{ width:600px; margin:auto; color:#000;}
#ProductDisplay.availability p.productName{ position:static;}
/*#ProductDisplay.availability table.AvailStoresTable{ width:300px;}*/#ProductDisplay.availability table{ width:100%;}
/*#ProductDisplya.availability table.tblAvail { width:600px; }*/
#ProductDisplay.availability table td{ vertical-align:top;}
.AvailInStock{ color:green;}
.AvailNotInStock{ color:#C1001F;}
.AvailLowStock{ color:#818181;}
#ProductDisplay.availability td.branch{padding-right:5px; width:150px;font-style:italic;}
#ProductDisplay.availability td.stock{ font-weight:bold;}
/*#ProductDisplay.availability td.notInStock{ color:red;}
#ProductDisplay.availability td.inStock{ color:green;}*/
#ProductDisplay.availability td.left{ width:285px; padding-left:15px;}
#ProductDisplay.availability td.right{ width:285px; padding-left:15px;}
#ProductDisplay.availability .title{ font-size:14px; text-transform:uppercase; margin-bottom:10px; display:block;}
#ProductDisplay.availability div.colour{ width:142px;}
#ProductDisplay.availability div.size{ width:80px;}
#ProductDisplay.availability div.AvailLeftDiv p.Desc{font-style:italic; font-size:90%;}
#ProductDisplay.availability .ProdSkuArea p{ font-size:13px; margin:10px 0 5px;}

/*********************** Features products styles ************************/

#FeaturedProducts {  overflow:hidden; margin:15px 0; }
#FeaturedProducts div.itemGroup{ width:33%; float:left; padding:10px 0 20px 0 ; text-align:center}
#FeaturedProducts div.itemGroup a.admin{ white-space:nowrap; font-family:"Helvetica Neue Thin",Arial,"MS Sans-Serif"; font-size:10px;  display:block; }
#FeaturedProducts div.itemGroup a.insert{ color:#8dc444; }
#FeaturedProducts div.itemGroup a.remove{ color:#f39d14; }

#FeaturedProducts div.item{ height:240px; width:55%; margin:auto; text-align:left;  }
#FeaturedProducts div.dual{ height:430px; width:100% }
/*#FeaturedProducts div.dual div.img{ height:300px}*/
#FeaturedProducts div.dual div.img{ height:390px;}
#FeaturedProducts div.dual img{ margin-top:20px;}
#FeaturedProducts div.short{ height: auto;}
#FeaturedProducts .item .subsequent{ display:none; }
.care #FeaturedProducts .item div.img img{ position:relative; top:-100px;}
#FeaturedProducts .item div.img{ position:relative; height:194px; width:100%;}
#FeaturedProducts .item div.img div{ position:absolute;  height:190px;  left:0; bottom:0px;/* display:none;*/ z-index:1;}
#FeaturedProducts .item div.img p.skuImage{ height:auto; position:absolute; bottom:0; width:182px; left:0;}
#FeaturedProducts .item div.img div.active{ z-index:3; }
#FeaturedProducts .item div.img .badge{ position:absolute; top:8px; right:6px; width:7px; height:7px; z-index:5;  }
#FeaturedProducts .item div.img .sale{ background:url(/Images/mp/icons/sale.gif) no-repeat 0 0; }
#FeaturedProducts .item div.img .new{ color:#000; text-decoration:none; font-style:italic; width:25px; height:15px; }

#FeaturedProducts .item div.details{ height:17px; position:relative; background:#F2F3F3;}

#FeaturedProducts .item div.swatch { position:absolute; right:1px; top:2px;}
#FeaturedProducts .item div.swatch span{ margin-left:1px; float:left; display:block;  }
#FeaturedProducts .item div.swatch span a{ width:13px; height:13px; border:1px solid #B0B0B0; float:left; }
#FeaturedProducts .item div.swatch span.first{ margin-left:0;}
#FeaturedProducts .item div.price{float:left;  width:130px; }
#FeaturedProducts .item div.price div{ position:absolute; left:0px; top:0;  width:117px; }
#FeaturedProducts .item div.price div span{ float:left; color:#000; margin-right:5px;}
#FeaturedProducts .item div.price div span.sale{ color:#c1001f;}

#FeaturedProducts div.item div.price span.name{ padding-right:5px; }
#FeaturedProducts table{width:564px;}
#FeaturedProducts td.item{text-align:left; float:left; margin-right:5px; width:182px; vertical-align:top; }
#FeaturedProducts td.item div.wrap{background-color:#fff; margin-bottom:9px; }
#FeaturedProducts td.item div.promotion{ background:none; color:#000;}


#FeaturedProducts td.last{ margin-right:0;}

#FeaturedProducts td.item div.price { }
#FeaturedProducts td.item span.price { display:block;}
#FeaturedProducts td.item span.original { text-decoration:line-through; top:0px} 
#FeaturedProducts td.item div.imgWrap{ position:relative;  }
#FeaturedProducts td.item div.img {overflow:hidden;}
#FeaturedProducts td.item div.img div{ position:absolute; z-index:2; text-align:center; width:100%;}
#FeaturedProducts .item div.img a.skuImage{}
#FeaturedProducts .item div.img img.skuImage{ padding:5px 0;}


.pager a{ color:#000; text-decoration:underline; font-style:italic;}
.pager a.selected{ text-decoration:none;}
.pager a.seperator{ text-decoration:none;}
.pager{ height:25px; width:559px;}
.pagerB{ border-top:solid 1px #b3b3b3; }
.pagerT{ position:absolute; top:115px; }
.pager table{ float:right;}

/* checkout pages */

/* reset password */
.resetPassword{ padding:10px 20px 0 20px;}
.resetPassword .M_Text{ color:#fff;}
.resetPassword h2{ margin:20px 0; text-transform:uppercase;}
.resetPassword table{ width:100%;}
.resetPassword td.label{ color:#fff; width:90px;}
.resetPassword td.field{}
.resetPassword td.field input.btnAction{ width:auto; float:left; position:relative; left:107px; color:Red;}
.resetPassword td.field input{ display:block;}


/* product display */
.prodDisplay #Main .sec1{ }
.prodDisplay #Main .sec2{ float:right; }
.prodDisplay #Main .sec2 .content{ padding:0 18px; }
.prodDisplay #Main .sec2 .con1{ text-align:center;   }
.prodDisplay #Main .sec2 .con1 .image{ }
.prodDisplay #Main .sec2 .con1 .image td{  height:265px; vertical-align:middle; text-align:center; width:262px; }
.prodDisplay #Main .sec2 .con2{  padding-top:35px; height:auto; min-height:0; }
.prodDisplay #Main .sec2 .con2 h2.author{ color:#777; border-bottom:solid 1px #d0cbb2; padding-bottom:10px; margin-bottom:25px;  }
.prodDisplay #Main .sec2 .con3 .blurb{ color:#333; }

/* shopping cart */
.cart #BreadCrumb{ display:none; }
.cart #Cart{ position:relative; padding-top:25px; color:#000; }
.cart #Cart h1{ position:absolute; top:-25px; color:#000; text-transform:uppercase; }
.cart p.cartTitle{ color:#000; font-size:13px;  text-transform:uppercase; margin-bottom:15px; }
.cart #CartItems{ float:left; width:299px; background-color:#fff; padding:25px 20px; min-height:400px; height: auto !important; height:400px; }
.cart .careProducts{ float:right; width:188px; padding:15px; background-color:#fff; min-height:420px; height: auto !important; height:420px; color:#000; }
.cart .careProducts p.title{ font-size:13px; text-transform:uppercase; }
.cart .careProducts table.care{ display:block;}
.cart .careProducts table.care td{ vertical-align:top; text-align:left; border-bottom: 1px solid #C9C8C8; padding-bottom:20px;}
.cart .careProducts table.care td.image{ width:85px;}
.cart .careProducts table.care td.details{ padding-top:25px;}
.cart .careProducts table.care tr{ position:relative; display:block;}
.cart .careProducts table.care td.details a{ position:absolute; bottom:3px; right:3px; color:#000; text-decoration:none; font-style:italic;}
.cart .careProducts table.care p.price{ margin:3px 0;}
.cart .careProducts table.care p.desc{ font-style:italic; margin-top:5px;}

.cart .cartItems{ width:100%;}
.cart .cartItems .cartItem p.promo{ clear:both; padding-top:5px; text-align:right;}
.cart .cartItems table.item{ float:right; width:186px; }
.cart .cartItems table.item .label{ text-align:right; padding-right:7px; text-transform:uppercase; }
.cart .cartItems table.item .field{ padding-left:7px; font-style:italic; }
.cart .cartItems table.item td{ width:50%;  }
.cart .cartItems table.item td input{ border:solid 1px #c9c8c8; width:22px; font-style:italic; }
.cart .cartItems table.item tr.price td{ padding-bottom:20px; border-bottom:solid 1px #c9c8c8; }
.cart .cartItems table.item tr.total td{ border-bottom:solid 1px #c9c8c8; vertical-align:top; }
.cart .cartItems table.item tr.total td span.replaced{ text-decoration:line-through;display:block;}
.cart .cartItems table.item tr.total td span.discounted{ display:block;}
.cart .cartItems div.remove{ clear:both; border-bottom:solid 1px #c9c8c8; padding-top:20px;   }
.cart .cartItems div.remove a{ color:#000; text-decoration:none; font-style:italic; }
.cart .cartItems .image{ float:left; width:113px; }
.cart #CartTotals{ padding-top:20px; width:188px; float:right;  }
.cart #CartTotals table{ width:100%; }
.cart #CartTotals table .label{ text-align:right; padding-right:7px; text-transform:uppercase; }
.cart #CartTotals table .field{ padding-left:7px; font-style:italic; }
.cart #CartTotals table tr.numItems td{ padding-bottom:20px; border-bottom:solid 1px #c9c8c8; }
.cart #CartTotals table tr.total td{ border-bottom:solid 1px #c9c8c8; }
.cart #CartTotals .links{ padding-top:10px; padding-left:3px; }
.cart #CartTotals .links a{ display:block; height:17px; line-height:17px; background-color:#272525; text-align:center; text-transform:uppercase; font-size:12px; text-decoration:none; color:#fff; margin-top:5px;   }
.cart #CartTotals .links a.continue{ background-color:#e6e7e7; color:#000; }
.cart .emptyCart{ padding:25px 20px; background-color:#fff; min-height:300px; height: auto !important; height:300px; position:relative; }
.cart .emptyCart a {display:block; width:185px; height:17px; background-color:#e6e7e7; color:#000; text-align:center; text-transform:uppercase; font-size:12px; text-decoration:none; margin-top:5px;}

/* checkout */
.checkout h3{ color:#000; font-weight:bold;}
.checkout #BreadCrumb{ display:none; }
.checkout #Main{ color:#000;}
.checkout #Main a{ color:#000;}
.checkout #Main .link{ font-size:11px;}
.checkout #Main .link:hover{ text-decoration:underline;}
.checkout div.login #Existing{ float:left; width:260px;}
.checkout div.login #NewCustomer{ float:right;  width:260px;}
.checkout #Main .btnAction{ float:right; width:170px; background-color:#272525;color:#FFFFFF;display:block;font-size:12px;height:17px; line-height:17px;margin-top:5px;text-align:center;text-decoration:none;text-transform:uppercase; font-style:normal;}

.checkout table.login .link1{ float:left; }
.checkout table.login .link2{ float:right; }

.checkout table.register p{ padding:4px 0;}

.checkout .checkoutInner .form{ background-color:#fff; padding:0 10px 10px 10px; overflow:hidden; margin-top:10px;}
.checkout div.delivery .addressWrapper td.label{ text-transform:lowercase; width:150px;}
.checkout div.delivery .addressWrapper table{ }
.checkout div.delivery div.billing{ width:320px; }
.checkout div.delivery div.shipping{  width:320px; }
.checkout div.delivery h2{ color:#000; text-transform:uppercase; margin:5px 0; border-bottom:1px solid #B0B0B0; padding:5px 0; }
.checkout div.delivery .actions{ clear:both; width:320px;}
.checkout div.addressWrapper, .checkout td.label, 
.checkout tr.actions a, .checkout tr.register2,
.checkout table.addressSummary, .checkout div.summary .voucher div.leftDiv,
.checkout div.summary table.summaryTable {font: normal 13px "Palatino","Times New Roman","Myriad Pro", Arial, "MS Sans Serif"; font-style:italic;text-transform:lowercase;}
.checkout table.addressSummary { text-transform: none;}

.checkout div.summary table.addressSummary{ margin-bottom:25px;}
.checkout div.summary table.addressSummary td{ vertical-align:top; }
.checkout div.summary table.addressSummary div{  width:187px;}
.checkout div.summary table.cartItems{ width:100%;}
.checkout div.summary table.summaryTable td span.replaced{ text-decoration:line-through;display:block;}
.checkout div.summary table.summaryTable td span.discounted{ display:block;}
.checkout div.summary table.summaryTable{ width:100%; margin-bottom:10px; background:#fff;}
.checkout div.summary table.summaryTable th{ font-weight:bold; text-align:left; padding:5px; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC;}
.checkout div.summary table.summaryTable td{ padding:5px; border-bottom:1px solid #CCCCCC; }
.checkout div.summary table.summaryTable th.total{ text-align:right;width:50px;}
.checkout div.summary table.summaryTable td.image{  width:150px;}
.checkout div.summary table.summaryTable td.name{ width:200px;}
.checkout div.summary table.summaryTable td.qty{ width:50px;}
.checkout div.summary table.summaryTable td.total{ text-align:right;}
.checkout div.summary table.summaryTable tr.promotion td{ text-align:right; background-color:#ffffff; padding: 0px 5px;}
.checkout div.summary table.summaryTable tr.headingRow th { text-transform: uppercase;font-style:normal;font-weight:normal; font-size: 13px; }

.checkout div.summary div.summaryTotals{ float:right; width:200px;}
.checkout div.summary div.summaryTotals table.totals{width:100%;}
.checkout div.summary div.summaryTotals table.totals td.field{ text-align:right;}
.checkout div.summary div.summaryTotals tr.giftItem a{ background:url(/images/mp/icons/cross.png) no-repeat 0 0; width:16px; height:16px; text-indent:-99px; overflow:hidden; float:left; margin-right:5px; margin-left:5px; display:inline;}
/*.checkout div.summary div.summaryTotals tr.giftItem a{ background:url(/images/overland/remove.jpg) no-repeat; float:left; width:69px; margin-right:5px; height:17px; text-indent:-100px; overflow:hidden;}
*/

.checkout div.summary div.summaryTotals tr.giftItem span{ float:left;}
.checkout div.summary div.summaryTotals table.totals tr.disDesc td{ font-size:90%; text-align:left; padding-left:8px; font-style:italic;}


.checkout div.summary div.voucher{ float:left; width:290px;}
.checkout div.summary div.voucher .inputs{ padding-top:10px; overflow:hidden;}
.checkout div.summary div.voucher p.voucherMessage{ font-weight:bold; padding:2px 0;}
.checkout div.summary div.voucher input.text{float:left; margin-right:5px; width:164px;}
.checkout #Main div.summary div.voucher .btnAction{float:left; width:100px; position:relative; top:-2px;  }
.checkout #Main div.summary div.voucher .loyalty .btnAction{ width:275px; margin-top:10px;}
.checkout #Main div.summary div.voucher .deleteVoucher{ width:115px;}

.checkout div.summary div.actions{clear:both;padding-top:10px; }
.checkout #Main div.summary div.actions .back{ float:left;}
.checkout div.summary .voucherTitle { text-transform:uppercase;margin:0 0 5px 0; font-style:normal; }/*font-weight:bold; margin:5px 0;*/

.checkoutStep td.label{  width:125px;}/*text-transform:uppercase;*/
.checkoutStep #Login{ overflow:hidden; margin-top:25px; background-color:#fff; padding:10px;}
.checkoutStep #Login h2{ color:#000; text-transform:uppercase; margin:5px 0; border-bottom:1px solid #B0B0B0; padding:5px 0;}
.checkoutStep .title, .checkoutStep h3, .checkout div.summary div.voucher p.VoucherTitle { color:#000; margin:10px 0;font: normal 14px "Palatino","Times New Roman","Myriad Pro", Arial, "MS Sans Serif"; text-transform:uppercase; border:none !important; }
.checkoutStep .message{ font: normal 13px "Palatino","Times New Roman","Myriad Pro", Arial, "MS Sans Serif"; font-style:italic;}
.checkoutStep .checkbox{ margin-top:10px;}

.complete #Main .btnAction{ float:left;}
.complete h2{ color:#000; text-transform:uppercase;font: normal 14px "Palatino","Times New Roman","Myriad Pro", Arial, "MS Sans Serif"; margin:10px 0;}
.complete #Main #StepIndicator div.step3{ border-right:none;}
.complete div.thanks span.ContentText, .complete div.thanks,
.complete div.Success div a, .complete div.failure p { font: normal 13px "Palatino","Times New Roman","Myriad Pro", Arial, "MS Sans Serif"; font-style:italic;text-transform:lowercase; }
.complete div.thanks span.ContentText, .complete div a { text-transform: none;}

td{ text-align:left;}
td.field input{ width:164px;}
td.field textarea{ width:164px; height:75px; font-family:Arial; font-size:12px;}
td.field select{ width:170px;}

#MainCartNav .message{ font-size:11px;right:0;top:50px;width:800px; }

table td.validator{ width:16px; vertical-align:top; }



/* cart */

.cartEmpty{ font-size:18px; }
table.cartItems { margin-top:0;}
table td{ font-size:13px;}
.cartTitle, .cartEmpty {   }
table.cartItems th{ font-weight:normal; border-bottom:solid 1px #ccc;  border-top:solid 1px #ccc;}
#MainCart tr.standard td{ font-family:Verdana; font-size:11px; }
#MainCart tr.standard td.name a{ font-size:14px; text-decoration:none;  }
#MainCart tr.standard td.remove{ padding-right:10px; } 
.voucherInner input.text{ float:left; margin-right:5px; clear:both; width:210px }
.voucherInner .message .success{ color:#146183; }
#MainCartVoucher{ border:solid 1px #5c5c5c; width:370px;}
#MainCartVoucher span.message{}
#MainCartNav div.actions a.continue{ left:0;}
#MainCartNav div.actions a.checkout{ right: 0;}
#MainCartNav div.actions a.continue,#MainCartNav div.actions a.checkout{ background-position: 0 -115px; width: 179px; }
#MainCartNav div.actions a.continue:hover,#MainCartNav div.actions a.checkout:hover{ background-position: 0 -141px; }
#MainCartNav a span{ font-weight:normal;}

/* mydetails */
.Transactions table th{ font-weight:normal; font-family:Verdana; color:#333; }

/******** checkout /********/
.checkout{ font-size:12px;}
#CartSummary table td.details .name{ font-size:14px;text-decoration:none;}
#CheckoutSummary #CartSummary{ position:relative;}
#CheckoutSummary .title{ text-decoration:none; margin-bottom:10px; }
#CheckoutSummary td{font-size:12px;}
#CheckoutSummary div.edit {position:absolute;right:0;top:0;}
#CartSummary .items tr.header th{font-weight:normal; text-align:left; }

/* step1 */
#CheckoutLogin h2{ margin-bottom:5px; }
.existingCustomer a.login{ background-position:0 -114px;float:right;width:179px;float:right; }
.existingCustomer a.forgot{ background:none; width:auto; text-align:left; text-decoration:underline; float:left; white-space:nowrap; position:relative;}
.existingCustomer a.forgot span{ position:absolute;} 
.existingCustomer a.login:hover{ background-position:0 -141px;}
.existingCustomer td.field{  }
#CheckoutAddressDetails tr.toggle div{ position:relative; left:140px;}

/* step2 */
.checkout #CheckoutAddressDetails h2{ margin: 0 0 10px 0 ;}

/* step4 */
#CheckoutPayment div.payment a.btnAction{ background-position:0 -115px; width:179px;}
#CheckoutPayment div.payment a.btnAction:hover{ background-position:0 -141px; }
#CheckoutPayment .payment {}
#CheckoutPayment .paymentType{ float:right;}
#CheckoutPayment div.actions{ clear:right;}
#CheckoutPayment div.totals td.field{ padding-right:15px;}
#CheckoutPayment div.totals tr.total td.field{ padding-right:15px;}
#CheckoutPayment .validation{ clear:both;}
#CheckoutPayment .validationSummary{ background:none;}

/*online complete*/
.complete a.btnAction, .offlineComplete a.btnAction{ float:left; margin-top:10px; text-decoration:none;}
.complete a{ text-decoration:underline;}
.complete .makePayment{ margin-right:10px;}

#Main #BreadCrumb{ padding: 0 0 0 20px; margin-bottom:20px; }








#MainDiv li.Separator{ display:none;}/*
#MainDiv ul li a{padding:3px 0; display:block; color:#14396B;cursor:pointer;font:bold 18px arial;text-decoration:none;}
#MainDiv ul li li{  padding-left:20px;}
#MainDiv ul li li a{ color:#666; font-size:12px; font-weight:normal;}
*/

/* category list */
.catListHead{  padding: 0 0 0 20px;  }
#CategoryList.op3 { margin: 0 0 10px 0;  }
#CategoryList.op3 table td{ padding-bottom:10px;}
#CategoryList.op3 .currentCategory{}
#CategoryList.op3 .currentCategory .categoryDesc{}
#CategoryList.op3 .category{ padding:0px; width:250px;}
#CategoryList.op3 .category .categoryLiner{}
#CategoryList.op3 .category .image{ width:auto; height:auto; float:none; text-align:left; border:none; min-height:165px; height:auto !important; height:165px; }
#CategoryList.op3 .category .image a{ display:block; height: 154px; overflow:hidden;}
#CategoryList.op3 .category .detail{ display:block; }
#CategoryList.op3 .category .detail a{ font-weight:bold;}
#CategoryList.op3 .category .detail .description{}
#CategoryList.op3 .category .detail .categoryLink{ margin:5px 0;  }
#CategoryList.op3 .category .detail .categoryLink a{ font-weight:bold;}
#CategoryList.op3 .categories table td{ vertical-align:top;}
 
/* product list */
#ProductList.op3{ padding: 0 0 0 0;   }
#ProductList.op3 .currentCategory{}
#ProductList.op3 .currentCategory h1{}
#ProductList.op3 .currentCategory .categoryDesc{}
#ProductList.op3 .product{ padding:0 0 40px 0; overflow:hidden; width: 335px;}
#ProductList.op3 .products table{ width:100%; padding:0; margin:0;  }
#ProductList.op3 .products table td{border:none; }
#ProductList.op3 .product h2{ font-size:14px; text-transform:uppercase; }
#ProductList.op3 .product h2 a{ text-decoration:none; color:#fff;}
#ProductList.op3 .product .image{ float:left; overflow:hidden; min-height:117px; height:auto !important; height:117px; width:165px;}
#ProductList.op3 .product .image a{ display:block; float:left; min-height:121px; height:auto !important; height:121px;}
#ProductList.op3 .product .detail{ float:right; width: 160px;}
#ProductList.op3 .product .detail p.productLink {margin:5px 0;  }
#ProductList.op3 .product .detail p.productLink a{font-weight:bold; }
#ProductList.op3 .product .detail .more a{ text-decoration:underline;}

#ProductList.op3 .products table td{ vertical-align:top;}

/* product and category list pager */
.pager{ margin:0px 0 10px 0; }
.pager a{ outline:none; }
.pager a span{ font:bold 10px/16px Arial; color:#ADADAD; }
.pager .pagerInner{ float:right; } 
.pager .pagerInner * {float:left; text-align:left; }
.pager .previous{ background-position:-0 -0; width:57px; height:18px;  text-decoration:none; margin-right:15px;  }
.pager .previous:hover{ background-position:-0 -0; }
.pager .previous span{ float:none; padding-left:19px; }
.pager .next{ background-position:-0 -0; width:57px; height:18px;  text-decoration:none;}
.pager .next:hover{ background-position:-0 -0; }
.pager .next span{ float:none; padding-left:13px; }
.pager .view{ background:none; background-position:-0 -0; width:50px; height:18px;  text-decoration:none; margin-left:15px; display:inline; margin-right:3px;  }
.pager .view:hover{ background-position:-0 -0; }
.pager .view span{ float:none; padding-left:5px; }
.pager .pagerInner{ text-align:right; }
.pagerTop{ border-bottom: solid 1px #5c5c5c; padding-bottom:5px;   }
.pagerBottom{  border-top: solid 1px #5c5c5c; padding-top:15px;  }
 



/* side cart */
#SideCart{ position:absolute; right:38px; top:0; color:#000; width:295px; z-index:25;}
#SideCart #SlideCart{ width:175px !important;position:absolute; left:0; top:0; padding:0 6px 0 6px; overflow:hidden; }
#SideCart #SlideCart #SlideCartLiner{  background-color:#fff; }
#SideCart #SlideCart table.cartItems{ width:167px; margin:2px 6px 0 6px;}
#SideCart #SlideCart table.cartItems td{ vertical-align:top;}
#SideCart #SlideCart table.cartItems td.value{ text-align:right;}
#SideCart #SlideCart table.cartItems tr.item td{ padding: 0 0 5px 0;}
#SideCart #SlideCart table.cartItems tr.total td{ border-top:solid 1px #bbbcbe; text-align:right;}
#SideCart #SlideCart p.cartHeader{ height:30px; padding:0 6px; line-height:30px; border-bottom:solid 1px #bbbcbe; background-color:#c6c6c8; font-weight:bold; text-transform:uppercase;}
#SideCart #SlideCart p.promo{/* height:16px; background-color:#bbbcbe;*/}
#SideCart #SubCart{ background-color:#fff; padding-top:30px; width:100px; position:absolute; right:0; top:0; font-style:italic; }
#SideCart #SubCart p{ text-align:center; height:16px; }
#SideCart #SubCart p.numItems{ margin:0 6px; border-top:solid 1px #bbbcbe; border-bottom:solid 1px #bbbcbe; padding:2px 0;}
#SideCart #SubCart p.total{ margin:0 6px; padding:2px 0;}
#SideCart #SubCart p.checkout{ background-color:#bbbcbe;}
#SideCart #SubCart p.checkout a{ color:#fff; text-decoration:none; font-style:normal; }
#SideCart a {color:#000;text-decoration:none;}
#SideCart #SubCart a.cart{ width:22px; height:19px; background:url(/images/mp/icons/cart.gif) no-repeat center 0; position:absolute; top:0; left:39px;}

/* slippery slidy side cart*/
#SlideCart{ position:absolute !important; }
#SlideCartLiner{  width:181px;  }/* width must be set or IE will kaput*/
#SideCart #SideCartItemAdded{ position:absolute; background:none; width:295px; text-align:right;  height:25px; line-height:25px; padding-left:5px; color:#fff; font-weight:bold; }


/* product details common */
/* cart hidden */
.prodDisplay #BreadCrumb{ display:none;}
#ProductDisplay .title{ color:#000;}

#ProductDisplay .pdInner{ overflow:hidden; padding-top:15px; }
#ProductDisplay{ position:relative;}
#ProductDisplay p.productName{ position:absolute; top:-25px; left: 0; color:#000; text-transform:uppercase;}
#ProductDisplay #Images{background-color:#fff; color:#000; min-height:400px; height: auto !important; height:400px;}
#ProductDisplay #Details{ float:right; width:135px ; background-color:#fff; padding:15px 15px 150px 15px; color:#000; position:relative; font-size:12px; zoom:1;}
#ProductDisplay #Details .title{ font-size:19px;}
#ProductDisplay #Details .prices{ min-height:105px; height: auto !important; height:105px; padding-top:15px; border-bottom: solid 1px #c9c8c8; }
#ProductDisplay #Details .prices p.price{ padding:3px 0;}
#ProductDisplay #Details .prices .sale .rrp{ text-decoration:line-through;}
#ProductDisplay #Details .desc{ padding:10px 0; border-bottom: solid 1px #c9c8c8; color:#9e9e9e;font-style:italic; }
#ProductDisplay #Details .productDescription{ padding:10px 0; border-bottom: solid 1px #c9c8c8; color:#9e9e9e; font-style:italic; }
#ProductDisplay #Details .skuSelection{ margin-top:20px;}
#ProductDisplay #Details .skuSelection .skuTitle{ text-transform:uppercase; font-size:13px; margin-bottom:2px;}
#ProductDisplay #Details .colour{ margin-bottom:20px; }
#ProductDisplay #Details .availability{ white-space:nowrap; display:block; margin-bottom:11px; font-size:11px; border-bottom: solid 1px #c9c8c8; background-color:#e6e7e7; height:18px; line-height:18px; text-align:center; text-transform:uppercase; color:#000; }
#ProductDisplay #Details a.add{  display:block !important; margin-bottom:11px; font-size:11px; text-decoration:none; border-bottom: solid 1px #c9c8c8; background-color:#272525; height:18px; line-height:18px; text-align:center; text-transform:uppercase; color:#fff;}
#ProductDisplay #Details div.links{ position:absolute; bottom:15px;}
#ProductDisplay #Details div.links a { color:#000; display:block; text-transform:uppercase; font-size:10px; text-decoration:none; }
#ProductDisplay #Details .ProdDispCartButton .cartError{ color:Red;}
#ProductDisplay #Details .ProdDispCartButton .itemAdded{ margin:auto; padding-left:20px; width:50%; background:url(/images/mp/icons/information.png) no-repeat 0 0;}
#ProductDisplay #Details span.sale {color:#ff0000;}
#ProductDisplay .pusher{ height:60px;}

#ProductDisplay #CyclerWrapper * { zoom :1;}
#ProductDisplay #CyclerWrapper{ position:relative;   min-height:400px; height: auto !important; height:400px;  }
#ProductDisplay #CyclerWrapper #Cycler{ margin:auto; width:350px; position:relative; z-index:45;  }
#ProductDisplay #CyclerWrapper .item { visibility:hidden; position:absolute; top:0; left:0;}
#ProductDisplay #CyclerWrapper .firstItem{ visibility:visible;}
#ProductDisplay #CyclerWrapper div{ width:350px; text-align:center;}
#ProductDisplay #CyclerWrapper .MagicZoom{ left:10px; }

#ProductDisplay select.sizes{ width:65px; border:solid 1px #ccc; }
#ProductDisplay select.colours{ width:135px; border:solid 1px #ccc;}

#ProductDisplay #CyclerWrapper .current { visibility:visible;}
/*#ProductDisplay #CyclerWrapper{ position:relative; }*/
#ProductDisplay #CyclerWrapper #Prev{ position:absolute; left:0; top:50%; background:url(/images/mp/btn-pd-left.gif) no-repeat 0 center; height:60px; width:40px; z-index:50; text-indent:-9999px; cursor:pointer; }
#ProductDisplay #CyclerWrapper #Next{ position:absolute; right:0; top:50%; background:url(/images/mp/btn-pd-right.gif) no-repeat right center; height:60px; width:40px; z-index:50; text-indent:-9999px; cursor:pointer; }

#ProductDisplay div.group1{ float:left; width:390px;}
#ProductDisplay #Related{ padding-top:10px;}
#ProductDisplay #Related p{ color:#000; text-transform:uppercase;}
#ProductDisplay #Related .item{ width: 127px; margin-right:4px; background-color:#fff; height:148px; position:relative;}
#ProductDisplay #Related .item a{ position:absolute; bottom:10px; width:127px; display:block; text-align:center;}
#ProductDisplay #Promotions p.promotion{ color:#555;}
#ProductDisplay #Promotions div.promotionsSep{border-bottom:1px dotted #CCCCCC;margin-bottom:2px;padding-top:2px;}

.ProdDispMainImageWrapper .MainImage{ padding-right:10px; }
.ProdDispMainImageWrapper .mainImage{ float:right; width:254px; margin-top:10px; }
.ProdDispMainImageWrapper #Thumbnails{ float:left; width:80px; margin-left:7px; position:relative; margin-top:7px;}
.ProdDispMainImageWrapper #Thumbnails ul{ padding:0; margin:0; list-style-type:none; }
.ProdDispMainImageWrapper #Thumbnails ul a{ border:solid 1px #CCC; float:left; clear:left; margin:4px 0; padding:3px; outline:none; }
.ProdDispMainImageWrapper #Thumbnails ul li.active a{ border-color:#000;}
.ProdDispMainImageWrapper .radImagesPanel{ }

.ProductSkuSwatchDiv{ padding-bottom:10px; height:13px; padding-right:2px; clear:both; padding-top:20px; }
.ProductSkuSwatchDiv a{ float:right; width:20px; height:20px; margin-right:2px; border:1px solid #B0B0B0;height:15px;width:15px;}

#ProductDetails p.intro{ padding:15px; color:#4d4d4d; }
#ProductDetails p.intro span{ display:block;}

#ProductDetails p.intro span.site{ color:#479030;}

/* product display page */
.prodDisplay #Main{ }
.prodDisplay #Main .sec0{ padding:0; width: 225px; }
.prodDisplay #Main .sec0 .otherLinks{ margin:10px 15px 10px 10px; }

.prodDisplay #Main .sec0 .otherLinks .links1{ height:30px; margin:10px 0 15px 0; border-bottom:dotted 1px #999999; }
.prodDisplay #Main .sec0 .otherLinks .links2{ height: 80px; }
.prodDisplay #Main .sec0 .otherLinks .links1 a{ background-position:-11px -80px; width:200px; }
.prodDisplay #Main .sec0 .otherLinks .links1 a span{  width:200px; padding:0; text-align:center; }
.prodDisplay #Main .sec0 .otherLinks a{ background-position:-11px -80px; float:left; height:18px; line-height:18px; font-family:Georgia; color:#888; text-decoration:none;   }
.prodDisplay #Main .sec0 .otherLinks a:hover{ background-position:-11px -100px; color:#fff; }
.prodDisplay #Main .sec0 .otherLinks .links1 span,
.prodDisplay #Main .sec0 .otherLinks a span.btn{ background:url(/images/btn-right.gif) no-repeat right 0; display:block; text-align:center; height:18px;  }
.prodDisplay #Main .sec0 .otherLinks a:hover span{ background-position: right -20px; }
.prodDisplay #Main .sec0 .otherLinks .links2 a{ position:relative; width:140px; }
.prodDisplay #Main .sec0 .otherLinks .links2 div{ overflow:hidden; padding:10px 0 3px 42px;  }
.prodDisplay #Main .sec0 .otherLinks .links2 a span.email,
.prodDisplay #Main .sec0 .otherLinks .links2 a span.print{ background-position:right -23px ; position:absolute; top:-4px; left:-30px; height:25px; width:28px; padding:0; }
.prodDisplay #Main .sec0 .otherLinks .links2 a:hover span.print{ background-position:right 0; }
.prodDisplay #Main .sec0 .otherLinks .links2 a span.email{ background-position:right -79px }
.prodDisplay #Main .sec0 .otherLinks .links2 a:hover span.email{ background-position:right -52px }


/* Site map*/
#SiteMap a:hover{ color:#146183; }

/* google maps */ 
.googleMap{ margin:0; border:solid 1px #0F315E; float:left;}
#Map{ border:none; height:0; overflow:hidden; position:absolute; width:0;  }
#Map .googleMap{ margin:0;}


#CheckoutAddressDetails div.custDetails{ float:none; }

#LoginBox tr.action td{ padding-top:20px; }

#Contact a.btnAction,#Registration input.replace{ margin-top:10px; }
#Registration input.replace{ position:relative; right:145px; float:right; color:red; text-transform:uppercase;}
#Registration input.text{ display:block;}
#Registration br{ display:none;}
#Registration td.text{ padding:10px 0 5px 0; }
#Registration tr.text1 td{ padding-top:20px; }
/* errors */
.validationSummary{ margin:0 0 5px 0; width:342px; background:#5f5f5f;  }
.validationSummary *,span.error {color:#fff !important; font-size:13px;}
.validationSummary ul{ border:solid 1px #5c5c5c; }
div table td{ padding:3px 0;}
input.text, textarea{   font: normal 14px "Times New Roman", Arial, "MS Sans Serif"; color:#000; }
textarea{  font: normal 14px "Times New Roman", Arial, "MS Sans Serif"; color:#000;}
#Header textarea, #Header input.text{ border:none; border-bottom:solid 1px #4d4b4a; border-right:solid 1px #8e8d8d; border-top:solid 1px #c2c2c2; background:#fff; font: normal 14px "Times New Roman", Arial, "MS Sans Serif"; color:#000; }
select{ }
#CheckoutAddressDetails .ErrorMessage{ margin:5px 0 10px 0; color:#146183;  }

#ProductPopup #ProductImage{ width:300px;}
#ProductPopup .sec2,#ProductPopup #BreadCrumb,#ProductPopup .otherLinks{ display:none; }

span.ValidateError br,span.ValidateError img{ display:none;}

span.error,span.ValidateError{ }
.contact span.error{ display:block !important;}
span.valid{ background:url(/images/icons/tick.png) no-repeat 0 0; display:block; width:16px; height:16px;} 
span.invalid{ background:url(/images/icons/cross.png) no-repeat 0 0; display:block; width:16px; height:16px; cursor:pointer;} 


#ToolTip {background:url("/images/tt_left.gif") no-repeat scroll left top transparent;display:block;position:absolute;}
#ToolTipTop {background:url("/images/tt_top.gif") no-repeat scroll right top transparent;display:block;height:5px;margin-left:5px;overflow:hidden;}
#ToolTipCont {background:none repeat scroll 0 0 #666666;color:#FFFFFF;display:block;margin-left:5px;padding:2px 12px 3px 7px;}
#ToolTipBot {background:url("/images/tt_bottom.gif") no-repeat scroll right top transparent;display:block;height:5px;margin-left:5px;overflow:hidden;}


#RegisterInterest{ margin-top:25px; width:100%;}
#RegisterInterest td { color:#fff;}
#RegisterInterest td.field span.label{ display:block; font-size:13px;margin-bottom:2px;text-transform:uppercase; text-transform:uppercase; color:#000;}
#RegisterInterest td.field input{ width:100%; border:solid 1px #ccc;}
#RegisterInterest td input{ display:block;}
#RegisterInterest td a.btnAction{ float:right; width:auto; border:none; clear:none; color:#F00; font-size:12px; margin-left:10px;}
.registerInterest p.title{ border-bottom:1px solid #C9C8C8; margin-bottom:63px;}
.registerInterest #ProductDisplay #AddToCart .size, .registerInterest #ProductDisplay #AddToCart .availability, .registerInterest #ProductDisplay #AddToCart .ProdDispCartButton{ display:none; }
.registerInterest #ProductDisplay #AddToCart .colour{ position:absolute; top:19px;display:none;}

div.loyalty{ width:235px;font: normal 12px "Palatino","Times New Roman","Myriad Pro", Arial, "MS Sans Serif"}
div.loyalty .btnLoyalty {background:none;text-decoration:underline;}
div.loyalty .loyaltyPnl {padding-bottom:5px;}
div.loyalty .loyaltyPnl span {font-weight:bold;}

#LoyaltyForm{ width:500px; margin:auto; height:330px; overflow:hidden;}
#LoyaltyForm h2{ font-weight:bold; margin:10px 0; color:#000; }
#LoyaltyForm table{ color: #231F20; font: normal 12px "Palatino","Times New Roman","Myriad Pro", Arial, "MS Sans Serif";}
#LoyaltyForm table td{ padding:3px 0;}
#LoyaltyForm table td.label{ width:110px;}
#LoyaltyForm .SignupBox, #LoyaltyForm textarea{ width:300px;}
#LoyaltyForm textarea{ height:120px;  font:12px "Helvetica Neue Thin",Arial,"MS Sans-Serif";}
#LoyaltyForm .btnAction{ font-weight:bold; text-decoration:none; float:left; position:relative; left:224px; background:#000; padding:0 15px; font-style:normal; }
#LoyaltyForm .btnAction span{ color:#fff;}
#LoyaltyForm p.M_Text { color:#000000; }
#LoyaltyForm p.header{ margin:10px 0;}

#SendHint {background: url(/images/mp/send-a-hint-badge.png) no-repeat top left; position: absolute; width: 108px; height: 108px; min-height: 108px;margin-left: 280px; margin-top: 2px; z-index: 10;}
#SendHint a {width: 108px; height: 108px; min-height: 108px; display: block;}
