/* CSS Table of Contents (In Order):
	- Standard CSS
	- General Navigation-Header
	- Mega Menu
	- Product Listing page
	- Newsletter Footer
*/
/******************************************************************************* START-Standard CSS *****************/
#header,
#header a,
#header span,
#header label,
#header input,
#header li,
#header #need-help,
#header #need-help span,
#header #need-help strong,
.suggestions div,
.suggestions div span,
#footernav a,
.seo a,
.copyright,
.copyright a {
	font-family: FtraBook;
	letter-spacing: 1px;
}

#header .categorymenu,
#header .categorymenu li,
#header .categorymenu li a,
#header #navigation .second-level > a span,
.searchrefine h1.searchheader,
.nav-categories .nav-cat-link a,
.nav-categories .nav-cat-link a:hover,
#footer .footer-images a,
#footer .footer-images .section span {
	font-family: FtraMedium;
	letter-spacing: 2px;
}

body {
	background-color: #FFF;
}

.pt_storefront {
    margin-top: 0 !important;
}   

/********************************************************************************* END-Standard CSS *****************/
/***************************************************************************** START-CSS for Header *****************/

#header {
	font-size: 14px;
}

#header .generalnav {
    right: -5px; 
}

#header .rightPosition {
    right: 95px; 
}
 
.categorymenu {
    background: none repeat scroll 0 0 #FFF;
    top: 135px;
    width: 100%;
}

#header {
    background: none repeat scroll 0 0 #FFF;
    height: 165px;
    border-bottom: 7px solid #000;
}

.generalnav ul li a,
.categorymenu a, .categorymenu a,
.generalnav ul li a:hover,
.categorymenu a, .categorymenu a:hover,
.categorymenu a, .categorymenu a:visited {
    color: #000;
}

.generalnav ul li a {
	text-transform: none;
	font-size: 14px;	
}

#header .generalnav {
    right: 230px;
    padding: 1px 0 0;
    top: 8px !important;
}

#header .generalnav li {
    padding: 0 10px;
    margin: 0;
    border-right: 1px solid black;
}

#header .UKShippingLink {
	padding-top: 10px;
	text-align: center;
}

#header .UKShippingLink ul {
	list-style-type: none;
}

#header .UKShippingLink ul li {
	display: inline;
	text-transform: capitalize;
}

#header .UKShippingLink ul,
#header .UKShippingLink ul li,
#header .UKShippingLink ul li a  {
	color: #000;
	font-size: 14px;
	text-align: left;
}
	
.sitesearch {
    top: 10px !important;
}

.sitesearch form.simplesearch input.simplesearchinput {
	border: 0 none;
	border-bottom: 1px solid #000;	
	width: 160px;
	outline: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	font-size: 12px;
}

.sitesearch label {
    color: #000;
    float: left;
    font-size: 14px;
    padding: 1px 8px 0 0;
    text-transform: capitalize;
    vertical-align: middle;
}

.sitesearch button {
	background:  url("../images/search-icon.jpg") no-repeat scroll right center transparent;
	width: 15px;
}

.minicart {
	top: 40px;
	color: #000;
	text-transform: capitalize;
	font-size: 14px;
}

.minicart .minicarttotal .cartlabel {
	text-transform: capitalize;
}

.minicartcontent {
	background: url("../images/minicart-top-arrow.png") no-repeat scroll 295px 0 transparent;
}

.minicart a,
.showlist {
    color: #000;
}

.suggestions {
	top: 32px !important;
	width: 179px;
}

.suggestions div div.suggestionterm {
	width: 95px;
}

.countrylanguage {
	top: 12px;
	right: 237px;
}

#header .rightPosition {
    right: 302px;
}

.countrylanguage .uk {
    background: url("../images/flag_ddarrow.png") no-repeat scroll 48px 5px transparent;
}

.showlist {
    background: url("../images/flag_ddarrow.png") no-repeat scroll 58px 5px transparent;
     margin: 0 0 0 21px;
}
/********************************************************************************** END-CSS for Header *********/


/****************************************************************** START-CSS FOR SINGLE LINE MEGA MENU *********/
#navigation .top-level > ul {
    background: transparent;
    border: 0 none;
    top: 20px;
    width: 180px;
}

#navigation .top-level .category-wizard-level {
    display: inline-block;
    height: 100%;
    padding: 0 0 0 8px;
    width: 100%;
}

#navigation .second-level {
    padding: 8px 8px 0 0;
    width: 164px;
}

#navigation .second-level a > span {
	border-bottom: 0 none;
	width: 165px;
}

.categorymenu a:hover {
	background: white;
	color: black;
	text-decoration: underline;
}

.categorymenu {
	font-size: 16px;
}

.categorymenu .top-level a,
.categorymenu .top-level a:visited {
    padding: 0 14px 0 10px;
}

.categorymenu .menuPoint {
	background: url("../images/menu_point.png") no-repeat scroll 15px 0;
    height: 30px;
    position: absolute;
    width: 100%;
}

#navigation .top-level .categories-additional-slot {  
    width: 180px;
}

.subcategoriesCover {
	background: url("../images/menu_bg.png") repeat scroll 0 0 #000000;
	width: 100%;
	height: 100%;
	margin-top: 15px;
}

/**************************************************** END-CSS FOR SINGLE LINE MEGA MENU *********/

/*********************************** START-CSS for Price display on Product listing and Details page *****************/

.producttile {
	height: 460px;
}

.producttile .pricing {
	height: auto;
}

.pt_productdetails .discountprice {
	text-align: left;
	font-size: 19.8px;
	
}

.discountprice .standardprice {
    display: inline;
    text-decoration: none;
}

.pt_productsearchresult .price .discountprice .pssalesprice,
.pt_productdetails .discountprice .pssalesprice, .productsetdetail .price .pssalesprice {
    color: #CC0000;
}

.productsetdetail .price .rrpPrice, .productsetdetail .price .psstandardprice,
.productsetdetail .price .pssalesprice, .productsetdetail .price .savedPrice {
    font-size: 15px;
}

.pt_productdetails .price, .pt_productdetails .discountprice {
	line-height: 22px;
}

.productdetail .price .salesprice, .productdetail .price .standardprice {
	line-height: 0;
	color: #CC0000;
}

.listingBreadcrumbs {
	display: none;
}
/************************************** END-CSS for Price display on Product listing and Details page *****************/

/**************************************************** START-CSS for footer*********************************/
#footer {
    background-color: #FFF;
    border-top: 7px solid #000;
    height: auto;
    padding: 0;
}

#footernav {
	width: 87%;
	margin: 0 auto;
	text-align: center;
	float: none;
	padding-bottom: 20px;
}

#footernav .divider {
	border-right: 1px solid black;
	width: 2px;
	height: 10px;
	display: inline;
	margin: 0 9px;
}

#footer a  {
	color: #000;
}

#footer .copyright {
    float: right;
}

#footernav a  {
	color: #000;
	display: inline;
	font-size: 14px;
}

#footer .seo {
  margin-bottom: 12px;
}

#footer .seo a,
#footer .copyright,
#footer .copyright a {
    color: #000 !important;
}

#footer .copyright a {
	font-size: 10px;
}

/**************************************************** END-CSS for footer*********************************/

/**************************************************** START-CSS for footer newsletter *********************************/
#footer .newsletter-link {
    background-color: white;
}
/**************************************************** END-CSS for footer newsletter *********************************/

/************************************************* START-CSS for breadcrumb remove **********************************/

.subbannercontainer {
	margin: 0;
}
/************************************************* END-CSS for breadcrumb remove ************************************/

/*********************************************** START-CSS for menu and LHS category selected ************************/

.nav-categories .nav-cat-link a,
.nav-categories .nav-cat-link a:hover {
	text-transform: capitalize;	
	font-size: 16px;
}

.searchrefine .nav-categories .nav-cat-link a.selected {
	padding: 0 10px;
	margin-left: -10px;
}

.top-level a.selected, .nav-cat-link  a.selected {
    text-decoration: underline;
}


.nav-categories .nav-cat-link {
    padding-left: 0px;
}


.searchrefine h1.searchheader {
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 24px;
}


.searchrefine {
	padding-left: 10px;	
}

.searchrefine .searchheader hr {
	height: 2px;
	margin-left: -10px;
}

.searchrefine h1.refinesearch-title, #searchrefinements .navgroup,
 #searchrefinements .navgroup .expand-control, .searchrefine .searchrefinemessage {
	padding-left: 0px;
}

.searchrefine .refinement-space {
	margin-left: -10px;
}

/*********************************************** END-CSS for menu and LHS category selected ************************/

/*********************************************** START-CSS to link image to LHS menu on landaing page **************/
.pt_catlanding .subcategoryimages {
    float: right;
    font-size: 10px;
    max-width: 720px;
    overflow: hidden;
    width: 720px;
}

.pt_catlanding .subcategoryimages .categoryimage {
	display: inline;
	float: left;
}

.pt_catlanding .subcategoryimages .categoryimage img {
	width: 240px;
	height: 350px;
}

/*********************************************** END-CSS to link image to LHS menu on landaing page **************/
/*********************************************** START-CSS for account landing page header **************/
#subheader {
	 padding: 0 0 20px;
	 height: 50px;
}

#subheader h1 {
    display: inline-block;
    float: left;
    margin: 20px 0 0 370px;
}

.accountlanding {
    margin-bottom: 5px;
}

.pt_accountlanding #subheader {
	height: 70px;
	padding-top: 0;
}

.pt_accountlanding #subheader h1 {
	 margin: 0;
}

.pt_accountlanding #subheader .heading {
	display: inline-block;
    float: left;
    margin: 20px 0 0 370px;
    text-align: right;
}

.pt_accountlanding #subheader h1,
.pt_accountlanding #subheader h2 {
	float: none;
}

.pt_accountlanding #subheader h2 {
	font-size: 18px;
    height: 20px;
    margin-left: 22px;
    line-height: 27px;
    text-transform: capitalize;
}

.pt_accountlanding .not_user a {
	color: #000;
}

.pt_accountlanding .accountwelcome .welcomemessage,
.pt_account .accountwelcome .welcomemessage {
	float: none;	
	text-align: center;
	display: inline-block;
}

.pt_accountlanding .accountwelcome .not_user,
.pt_account .accountwelcome .not_user {
	display: inline-block;
	margin: 0 0 0 5px;
}

#subheader .ca-holder {
	padding-top: 5px;
}

#subheader .ca-holder a,
#subheader .ca-holder span,
#header #need-help span,
#header #need-help a {
	color: #000 !important;	
	text-decoration: none;
}

/*********************************************** END-CSS for account landing page header **************/

/*********************************************** START-CSS checkout UI changes ***********************************/

.footercheckout .footercheckoutslot {
	width: auto;
}
	
.pt_checkout h1.logo a {
	background: none;
	left: -30px !important;	
}

.headercheckout .headercheckoutslot {
	height: auto;	
}

.checkoutprogressindicator {
	background: none;
	padding-top: 15px;
}

.checkoutprogressindicator .active, .checkoutprogressindicator .inactive {
	border-color: #000000;	
	border-radius: 10px 10px 10px 10px;
	margin-left: 8px;
	padding-left: 6px;
}

.checkoutprogressindicator .active, .checkoutprogressindicator .active a {
	color: #000000 !important;
}

.checkoutprogressindicator .label {
	padding-left: 0px;
	margin-left: 8px;
}

.checkoutprogressindicator .label, .checkoutprogressindicator .value {
	font-size: 16px;	
}

.checkoutprogressindicator .active a, .checkoutprogressindicator .inactive a {
	padding-left: 0px;
}

.minicartcontent .minicart-window{
	width: 357px;
}

.checkoutminicart .pricing {
   width: 148px;
}

#AddressForm #deleteBtn {
	width:81px;
}

#cancelBtn{
	width:88px;
}

.variationattributes .quanity {
	float:left;
	width:116px;
	margin:-23px 0px 0px 50px;
}

.variationattributes .quanity select {
	width:115px;
}

.variantdropdown.size {
    float: none;
}

.variationattributes .swatches, .variantdropdown {
    margin: 20px 0;
}

.accountshowpage #leftcolumn{
	display:none;
}
.accountshowpage #content{
	max-width:none;
	width:auto;
}

.missingSizeMsg.basetext {
    width: 311px;
    clear:both;
}
.productdetail .addtocartbar .addtocart {
    margin: 0 0 30px;
}
.pt_cart .cart .descriptioncolumn button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

#btnAddressDoctorManually {
    -webkit-appearance:none;
    -webkit-border-radius: 0;
}

.producttile .swatches {
	margin: 2px auto 9px auto;
}

/*********************************************** END-CSS checkout UI changes ***********************************/

/********************************************** START-CSS Shopping Cart Changes ********************************/
.cart h2 {
	text-align: center;
	margin: 50px 0 10px 0;
}
	
.pt_cart #content {
	max-width: 100%;
	width: 100%;
}

.pt_cart .cartlogin {
	width: 695px;
	float: right;
}

.cart table.carttable {
	width: 100%;	
	font-size: 12px;
}

.cart table.carttable td {
	vertical-align: top;
	text-align: left;
	width: 140px;
	padding-top: 6px;
}

.cart table.carttable td span.label,
.cart table.carttable td span.value {
	float: none;
}

.cart table.carttable td.descriptioncolumn {
	width: 245px;
}

.cart table.carttable td.imagecolumn {
	width: 100px;
	padding-top: 0px;
	background: none;
}

.cart table.carttable td.quantitycolumn {
	padding-top: 10px;	
	padding-left: 5px;
}

.carttable th,
.carttable tr.tablerow,
.cart tr.rowcoupons {
	border-bottom: 1px solid #000000;
}

.cart .itemtotals .itemtotal {
	border: none;
	color: #FF0000;
	margin-top: 40px;
	position: absolute;
}

.cart .itemtotals .itemtotal span.label,
.cart table.carttable td span.label {
	display: none;
}

.carttable tr.tablerow .editdetails a {
	text-decoration: underline;
}

.cart .couponcode .label {
	text-align: left;
	padding-bottom: 5px;
}

.cart .updatebasket {
	display: none;
	float: right;
	padding-top: 10px;
	padding-right: 32px;
}

.cart .couponcode .errormessage {
	float: none;
	width: auto;	
}

.cart .couponcode .errormessage .couponcode {
	float: left;
}

.cart .errormessage,
.cartfooter .ordertotals,
.cart .cartfooter{
	margin: 0;
}

.cart .tfoot table.cartfooter {
	width: 100%;
	float: left;
}

.cart .tfoot table.cartfooter td {
	vertical-align: top;	
}

.cart .tfoot table.cartfooter td.carttotal {
	float: right;
}

.cart .itemtotals .promoprice {
	display: none;
}

.cart td.quantitycolumndetails,
.cart tr.rowcoupons td.itemtotalcolumn {
	padding-top: 20px !important;
	padding-left: 0;
}

.cart .rowcoupons .discount .label {
	display: block;
}

.cart table.carttable td.orderpromodiscount {
	padding-left: 30px;
	padding-top: 40px;
}

.cart table.carttable td.orderpromodiscount .discount {
	color: #FF0000;
	padding: 1px 0;
}

.cart table.carttable tr.rowcoupons td.detailscolumn .discount {
	color: #FF0000;
}

.cart .itemtotals .itemtotal.nowpricediscount {
	margin-top: 55px;
}
/********************************************** END-CSS Shopping Cart Changes ********************************/

/********************************************** START-CSS Product Details Page Changes ********************************/

.productdetail .productinfo h1.productname {
	font-size: 20px;
}

.productdetail .pricing .price, 
.productdetail .discountprice,
.pt_productdetails .discountprice,
.productdetail .price .salesprice {
	font-size: 15px !important;
}

.variationattributes h3.label,
.productdetail .basetext,
.productdetail select,
.productdetail select option {
	font-size: 12px;
}

.productdetail .productinfo .productDesc h2,
.productdetail .ui-tabs .ui-tabs-panel,
.productdetail .productid  {
	font-size: 14px;
}
/********************************************** END-CSS Product Details Page Changes ********************************/

/********************************************** START-CSS Loyalty Card Heading Changes ********************************/
.loyaltymsg {
	font-size: 11px;
	text-transform: none;margin: 0;
	overflow: hidden;
	text-align: left;
	width: 639px;
	word-wrap: break-word;
	margin: 9px 0 0; 
}

/********************************************** END-CSS Loyalty Card Heading Changes ********************************/