﻿@import url(/Css/stylemaster.css);

#headerwidth{width:100%; min-width:880px; position:relative; z-index:2000;}

/* promo header hacks */
/*#head3, #head4, #head5{z-index:5000;}*/
* html #head3, * html #head4, * html #head5 {position:inherit;}
* html .h1center{position:static;}
* html .h1right{position:static;}
/*#h3left, #h3right{position:relative; z-index:5000;}*/




* html #options{margin-top:-95px}
/* REVAMP * html #options{background:url("/images/1/head5_bg_img.jpg") #f7f7ff 0 0;}*/


/* Refine your search */
.more:hover{cursor:pointer;}
.less:hover{cursor:pointer;}

/*Headings*/
body.returnMethods h2.main-content {text-align:center; color:#336699; font-size:23px; font-weight:normal}



/*Bundle notification*/
.bundle-notification-header {clear:both;overflow:hidden}
.bundle-notification-header h1 {width:500px;float:left; color:#555555; margin:0 0 10px 0;font-size:180%;font-weight:normal;text-align:left;}/*centres notification heading outside of main window*/
.bundle-notification-header .close {float:right; text-align:right; width:100px}
#bundleselectiondialog {border:1px solid #E9E9E9;}
#bundleselectiondialog ul li {list-style:none}
#bundleselectiondialog .chosen-product {margin-bottom:5px; padding-bottom:10px;overflow:auto; background:url(/images/1/v3/layout/prod-view-details-bg.jpg) repeat-x scroll center bottom}
#bundleselectiondialog .chosen-product p {float:left; font-size:120%; padding:0; margin:0}
#bundleselectiondialog .chosen-product img {float:left; margin-top:20px}
#bundleselectiondialog .chosen-product .master-product img {width:120px; height:120px; margin:5px 10px; padding:0;}
#bundleselectiondialog .chosen-product .main-product-info {float:left;overflow:hidden; margin:15px 0 5px 0; width:415px}
#bundleselectiondialog .chosen-product strong {color:#076E98}
#bundleselectiondialog .bundlewrapper {overflow:hidden; clear:both; margin: 0 0 0 20px; width:740px; background-color:#F5F5F5; padding:10px}
#bundleselectiondialog .bundlewrapper ul.slaves { margin-top:5px}
#bundleselectiondialog .bundlewrapper ul.slaves li {clear:both}
#bundleselectiondialog .main-product-info h2 {font-size:175%; font-weight:normal; overflow:hidden; padding:0; line-height:23px}
#bundleselectiondialog .main-product-info .masterinfo-left {width:420px; float:left}
#bundleselectiondialog .bundle-pager {clear:both;}
#bundleselectiondialog .bundle-pager .bundle-pager-header {overflow: hidden;margin:0}
#bundleselectiondialog .bundle-pager h3 {font-weight:bold; overflow:hidden; padding:0 0 0 20px; font-size:140%; margin:10px 0 0 0}
#bundleselectiondialog .bundle-pager h4 {font-weight:normal;padding:0 0 0 20px; float:left; margin:0}
#bundleselectiondialog .bundle-pager .pagerleft {float:right; width:35px; padding-left:10px; background:url('/images/1/leftarrow.gif'); background-repeat:no-repeat; background-position:left }
#bundleselectiondialog .bundle-pager .pagerleft-disabled {float:right; width:35px; padding-left:10px; background:url('/images/1/leftarrow-grey.gif'); background-repeat:no-repeat; background-position:left; color:#CCC; }
#bundleselectiondialog .bundle-pager .pagerright {float:right;width:35px; margin-right:20px; background:url('/images/1/rightarrow.gif'); background-repeat:no-repeat; background-position:right }
#bundleselectiondialog .bundle-pager .pagerright-disabled {float:right;width:35px; margin-right:20px; background:url('/images/1/rightarrow-grey.gif'); background-repeat:no-repeat; background-position:right; color:#CCC; }
#bundleselectiondialog .pager {float:right; width:130px; padding:0; margin:5px 20px 0 0;background:url('/images/1/v3/Layout/bundles-notif-paging-bg.jpg') no-repeat left;}
#bundleselectiondialog .pager .pager-nav {overflow:hidden; width:120px}
#bundleselectiondialog .price-button {float:left; width:160px;margin:45px 0 0 10px}
#bundleselectiondialog .price-button .lprice {font-size:135%}
#bundleselectiondialog .bundle-navigation {overflow:hidden; padding:0 20px 5px 20px; text-align:right; width:200px; float:right}
#bundleselectiondialog .bundlecolleft {width:490px; float:left; padding:0 10px 10px 0; margin-right:35px}
#bundleselectiondialog .bundlecolright {width:180px; float:left;}
#bundleselectiondialog .bundlecolright ul li {margin-left:0; clear:both; line-height:1em; list-style:none; padding-bottom:2px}
#bundleselectiondialog .footer {clear:both; margin:20px; overflow:hidden}
#bundleselectiondialog .footer .fr {float:right; width:300px; text-align:right}
#bundleselectiondialog .footer .fl {float:left; width:300px;}

/* registration - MVC pages */
fieldset.registration .middleSMS { clear:both; width:260px; margin-bottom:30px;}
fieldset.registration table.SMSInfo {width:730px; padding-top:25px}
fieldset.registration table.SMSInfo td.headerSMS {width:167px; vertical-align:top; text-align:right; clear:none; padding-right:15px; font-weight:bold}
fieldset.registration table.SMSInfo td.emailSMS, table.SMSInfo td.emailSMS2 {width:84px; vertical-align:top;}
fieldset.registration table.SMSInfo label { padding-right:10px;}
fieldset.registration table.SMSInfo td.emailSMSHelp {width:212px;}
fieldset.registration table.SMSInfo td.emailSMSHelp label { font-weight:normal;}
/* END registration - MVC pages */


/* Returns Collection methods */
body.returnMethods .ca {text-align:center}
body.returnMethods .returnsHeader table p {padding-left:7px}
body.returnMethods .returnsHeader table .quantity {text-align:center; font-weight:bold;}
body.returnMethods .returnsHeader table {width:968px; border:2px solid #E0E4F3; margin:10px auto; }
body.returnMethods .returnsHeader table th {text-align:left; font-size:14px; color:#2B53A8; border:1px solid #E0E4F3; vertical-align:middle; padding:10px; background-color:#F1F3FA; width:480px}
body.returnMethods .returnsHeader table td {border:1px solid #E0E4F3; vertical-align:middle; padding:10px}
body.returnMethods .returnsHeader table td.header-fill {border:1px solid #E0E4F3; background-color:#F1F3FA; width:480px}

body.returnMethods .returnOptions {margin:20px 0 40px 0}
body.returnMethods .returnOptions table {width:968px; border:2px solid #E0E4F3; margin:0 auto}
body.returnMethods .returnOptions table th {text-align:left; font-size:14px; color:#2B53A8; border:1px solid #E0E4F3; vertical-align:middle; padding:10px; background-color:#F1F3FA;} 
body.returnMethods .returnOptions table td {border-top:1px solid #E0E4F3; vertical-align:middle;}
body.returnMethods .returnOptions table td h4 {font-size:15px; font-weight:bold; padding:10px 0 5px 10px; margin:0}
body.returnMethods .returnOptions table td.header {padding:0 0 0 10px}
body.returnMethods .returnOptions table td.header-fill {background-color:#F1F3FA; border:1px solid #E0E4F3}
body.returnMethods .returnOptions table td.select-fill {background-color:#E0E4F3; border-top:1px solid #E0E4F3; border-bottom:1px solid #FFF; width:16%; text-align:center}
body.returnMethods .returnOptions table td.info-fill {background-color:#F8F9FC; border-top:1px solid #E0E4F3; border-bottom:1px solid #FFF;text-align:center; width:100px; vertical-align:middle; padding:5px}
body.returnMethods .returnOptions table td.info-fill .icon {float:left; width:30px; height:30px}
body.returnMethods .returnOptions table td.info-fill .more-info {display:block; width:120px; margin:8px auto 0 auto}
body.returnMethods .returnOptions table td.info-fill .more-info-link {background:url('/images/1/v3/icons/icn-more-info.gif'); background-repeat:no-repeat; background-position:left; padding:15px 5px 15px 30px}
body.returnMethods .returnOptions ul.list {width:70px}
body.returnMethods .returnOptions table.shop-directions .emph {color:#CC0099; font-weight:normal}
body.returnMethods .returnOptions table.shop-directions h4 {font-size:14px; font-weight:bold; padding:0; margin:0}
body.returnMethods .returnOptions table p.courier-dropdowns {margin:-10px 0 0 0}
body.returnMethods .returnOptions table .alert {color:#CC0033; padding:0 0 10px 10px}

body.returnMethods .returnOptions table td.method-fill {color:#8D9BD3; font-size:20px; font-weight:normal; background-color:#E0E4F3; border-top:1px solid #E0E4F3; border-bottom:1px solid #FFF; width:68px; text-align:center}
body.returnMethods .returnOptions table td p {padding:0 0 10px 10px; margin:0}
body.returnMethods .returnOptions table td #map_canvas {width: 390px; height: 400px; float: left; margin:20px 10px 10px 10px;}
body.returnMethods .returnOptions table td #myMap {width: 390px; height: 400px; float: left; margin:20px 10px 10px 10px;}
body.returnMethods .returnOptions table td select {margin-top:10px; border:2px solid #E0E4F3; color:#677AC5}
body.returnMethods .returnOptions table.shop-directions {width:543px; float:right; border:none}
body.returnMethods .returnOptions table.shop-directions td.marker-pos {vertical-align:top; padding-top:20px}
body.returnMethods .returnOptions table.shop-directions img.marker {padding:0 5px;}
body.returnMethods .returnOptions table.shop-directions .address-select {background-color:#E0E4F3; text-align:center;width:155px; border-bottom:1px solid #FFF}
body.returnMethods .returnOptions table.shop-directions .leftdetails {float:left; width:165px; padding:15px 0}
body.returnMethods .returnOptions table.shop-directions .rightdetails {float:right; width:145px; padding:15px; border-left:1px solid #E0E4F3;}
body.returnMethods .returnOptions table td.merge {border-top:none}
body.returnMethods .returnOptions .googledir table {width:385px; border:1px solid #CCC}
body.returnMethods .returnOptions .googledir table a {text-decoration:none}
body.returnMethods .returnOptions #route {width:300px; height:480px; float: left; padding: 10px; margin: 15px;}

body.returnMethods .addresses {float:right; padding-top:10px;}
body.returnMethods .addresses .storeAddress {border:1px #AED7E9 solid; padding:6px; width:390px;}
body.returnMethods .addresses .select {border:1px #AED7E9 solid; padding:6px; width:130px;}
body.returnMethods .addresses .leftdetails {float:left;}
body.returnMethods .addresses .rightdetails {float:right;}
body.returnMethods .addresses .rightdetails pre {float:right;}

body.returnMethods .returnsHeader table td img.table-btn {padding:10px 0}

/*Collect plus generic styling*/
#collectplus {border:3px solid #E0E4F3; overflow:hidden; margin-top:20px; margin-bottom:20px; width:965px; margin-left:auto; margin-right:auto;}
#collectplus .split {overflow:hidden;background-image:url(/images/1/v3/Layout/collect-plus-bg.gif); background-repeat:repeat-y; background-position:top}
#collectplus h3 {font-weight:normal; padding:5px 0 0 5px; font-size:16px}
#collectplus p {padding:0 0 0 5px}
#collectplus .ca {text-align:center}
#collectplus .page-pad {padding:20px}
#collectplus .leftdetails p { margin-bottom:10px}
#collectplus .leftdetails .lprice {font-size:14px}
#collectplus .button {margin:20px 0 10px 0}
#collectplus .gen-table td.button p {padding:10px 0 0 0 ;}
#collectplus .complete-alert {color:#007300; font-size:18px; margin-bottom:10px}
#collectplus span.complete-alert {text-align:center}
#collectplus table.table-pullout {background-color:#F5F5F5; width:100%; padding:30px; margin:10px 0}
#collectplus table.table-pullout td {padding:5px}

/*Collect plus returns label page*/
#collectplus .label {float:right;width:550px;padding:25px 20px 30px 20px; text-align:center}
#collectplus .btn {margin:25px 0 0 120px}
#collectplus table.label-table {border:3px solid #E0E4F3; width:315px; margin:5px 0 20px 0}
#collectplus table.label-table th {padding:5px; background-color:#F1F3FA; border:1px solid #E0E4F3;}
#collectplus table.label-table th h3 {padding:10px 0 0 8px}
#collectplus table.label-table td {padding:10px 10px 10px 15px; border:1px solid #E0E4F3; font-size:15px}
#collectplus .info-instructions {float:left; width:315px; padding:20px}
#collectplus .info-instructions table.gen-table td img {padding-left:40px}
#collectplus .info-instructions table.gen-table td p {padding:0 0 10px 0}


/*Collect plus confirmation page */
#collectplus .leftdetails {float:left; width:325px; padding:20px}
#collectplus .rightdetails {float:right; width:550px; padding:30px 20px 30px 20px; text-align:center}
#collectplus table.gen-table {width:100%; margin:10px 0;border:2px solid #E0E4F3;}
#collectplus table.gen-table th {background-color:#F1F3FA;border:1px solid #E0E4F3; padding:10px 15px; color:#2B53A8; font-size:16px; text-align:left}
#collectplus table.gen-table td {padding:15px; border:1px solid #E0E4F3; font-size:12px; background:#FFFFFF;}
#collectplus .table-border {background-color:#FFFFFF; border:1px solid #E0E4F3; padding:10px 20px} 
#collectplus #total-price {font-size:22px; color:#CC0033; padding:5px 0}
#collectplus .submit-btn img {margin:10px 0;}
#collectplus .total-amount {border:3px solid #E0E4F3; padding:20px;}

/*Collection request complete */
#collectplus .carrier-date {font-weight:bold; margin:20px 0; font-size:16px}


/*Collect plus Returning products to dabs page */
#collectplus .sbcontent {padding:20px}
#collectplus .sbcontent p {padding:0 0 10px 0; margin:0}
#collectplus .sbcontent h3 {padding:0 0 10px 0; margin:0}
#collectplus .sbcontent .rma-address {padding:15px; display:block; width:300px; border:1px dashed black;background:#FFFFFF; margin-bottom:20px}
#collectplus .sbcontent .rma-address p {padding-top:10px}
#collectplus .sbcontent .rma-address strong {font-size:15px}
#collectplus .sbcontent .gen-table {margin:10px 0 20px 0}
#collectplus .sbcontent .gen-table table {width:100%;border:2px solid #E0E4F3}
#collectplus .sbcontent .gen-table table.basktbl th {background-color:#F1F3FA;border:2px solid #E0E4F3; color:#2B53A8; font-size:16px; font-weight:normal; text-align:center}
#collectplus .sbcontent .gen-table table th.la {text-align:left}
#collectplus .sbcontent .gen-table table td {padding:10px; border:2px solid #E0E4F3; font-size:15px; background:#FFFFFF; text-align:center}
#collectplus .sbcontent .gen-table table td.la {text-align:left}
#collectplus .sbcontent .gen-table table td p {font-size:12px}
#collectplus .sbcontent ul {margin:10px 10px 20px 20px}
#collectplus .sbcontent ul li {margin-left:20px; list-style-type:disc; padding-top:5px}
#collectplus .sbcontent a.print-btn {display:block; margin:10px 0 30px 0; list-style-type:circle}

/*Courier collection*/
#collectplus ul.confirm-checklist {padding:20px}
#collectplus ul.confirm-checklist li {list-style-type:circle}


.collectionarrangeown-page #collectplus .sbcontent, .sbcontentnp, .sbcontentpv {border:none; background:none}
.collectionarrangeown-page #collectplus .sbfoot {display:none}
#collectplus ul.confirm-checklist li {list-style-type:circle}

/* Account page */
body.account-page #middlecol h2.main-content {text-align:left; font-size:12px; padding:10px }

/*Returns section*/
.collectionarrangeown-page h2.main-content, #middlecol h2.main-content {text-align:center; color:#336699; font-size:23px; font-weight:normal;}
#collectplus table.gen-table td {text-align:left}


/* unified forms overrides */
fieldset.unified{border:1px solid #BBC6E0; background: #F1F4FA url('/images/1/fieldset-gradient-250.jpg') repeat-x;}
fieldset.unified legend{color:#369; border:1px solid #BBC6E0; background-color:#FFF;}

/* payment card page */
fieldset#cardhelp h5{margin:0 0 10px 0; font-size:100%; color:#336699;}
