/*start of home*/

div#mainHomeImg {width:775px; float:left; clear:left; height:533px; } 
div#viewProduct{float:right; width:286px; margin:0 6px 0 0; display:inline;}
div#viewProduct img {margin:32px 0 0;}
div#mainWithBg {background:#F7F5F4; float:left; width:775px; margin:5px 0 0;}
div#wareStyleBg {background:#F7F5F4; float:left; width:775px;}
div#productImg {background:#FFF; float:left; clear:left; margin-right:0px; margin:6px; display:inline; width:763px;}
div#productImg img.homepageTab {cursor:pointer;}

ul.homepageImages {float:left; list-style-type:none; position:relative; border:solid 1px #dddddd;}
ul#weLoveImages {display:none;}
ul.homepageImages li {display:inline;}
ul.homepageImages li img {margin:0 24px; width:60px; float:left;}

/*left nav*/

.leftnav_red {color: #fd0000; }

div#wareStyleImg {position:relative ;background:url('/pws/images/bg_WareStyle.jpg'); float:left; clear:left; width:763px; display:inline; height:334px; margin:0 6px 6px 6px;}
div#wareStyles {float:left; margin:58px 0 0 25px; width:370px;}
*html div#wareStyles {margin:61px 0 0 13px;}
div#wareStyles ul li {margin:7px 0 0;}
div#wareStyles ul li#rssRow {float:right; margin-top:5px;}
div#quickShop {position:absolute; bottom:15px; right:12px; width:336px;}
div#quickShop div#QKSummery {background:url('/pws/images/bg_HomeTrends.png'); width:317px; padding:3px 5px 5px 14px;}
* html div#quickShop div#QKSummery {background:#fff; background-image:none; filter:none;}
div#QKSummery a {text-decoration:none; color:#000;}
div#QKSummery span.namePro {font-size:17px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
div#QKSummery p.descriptPro {font-family:Arial, Helvetica, sans-serif; margin-bottom:7px;}
#btnView {cursor:pointer;}

div#warehouseNews {float:left; width:760px;}
div#warehouseNews img {float:left; padding:12px 0 0; margin:0 10px 0 0;}

/*news ticker*/
.tickercontainer {background: #fff; width: 770px; overflow: hidden; height: 27px;}/* the outer div with the black border */
.tickercontainer .mask {position:relative; left:10px; top: 8px; width: 770px; overflow: hidden;}/* that serves as a mask. so you get a sort of padding both left and right */
ul.newsticker {position: relative; left: 750px; font: normal 13px Verdana; list-style-type: none;} /* that's your list */
ul.newsticker li {float: left;}/* important: display inline gives incorrect results when you check for elem's width */
ul.newsticker a {white-space:nowrap; color:#000; font:normal 15px; margin:0 20px 0 0; text-decoration:none;} 


/*End of home*/

h1#aboutW{color: #000; font-size:1.6em; margin:0px 0px 0px 0px; text-indent:-999px; height: 45px; background-image: url(/pws/images/hd_AboutWarehouse.gif); background-repeat: no-repeat;}

p.subTitle{font-weight:bold;}

div#aboutWarehouseContents{float:left; width:775px; border:1px solid #ccc;  line-height:1.4em;}

div#campaignImg{float:left; margin: 25px 0px 50px 20px;}
div#aboutBoxText{float: left; width: 400px; margin: 70px 0px 50px 20px;}
div#aboutBoxText p{margin: 0px 0px 40px 0px; width:400px;}

div#multiTab{float: left; width: 400px; margin: 20px 0px 50px 20px;}
div#multiTab p{margin: 0px 0px 5px; width:400px;}
#contTitle {margin:15px 0; text-decoration:underline;}
div#multiTab ul {margin:0px 0px 10px 10px;} 
div#multiTab a {text-decoration:underline;} 

a.answerQ {text-decoration:none; color:#404040;}

h1.howToShop {color: #000; font-size:1.6em; margin:0px 0px 0px 0px; text-indent:-999px; height: 45px; background: url(/pws/images/hd_Help.gif) no-repeat;}
div#howToShopContents {border:1px solid #ccc; float:left; width:765px;}
div#imageContainer{float:left; padding:0 20px 0 10px; margin:20px 0;}
div#howToShopCont {float:left; width:363px; padding:0; margin:20px 20px 20px 5px; line-height:1.4em; color:#404040;}
div#howToShopCont h2 {display:block; font-weight:bold; font-size:1.6em; margin:0;}
div#howToShopCont h2#contTitle {margin:15px 0; text-decoration:underline;} 
div#howToShopCont p {margin-bottom:15px; line-height:1.4em; padding:0;}
div#howToShopCont a {text-decoration:underline;}
div#howToShopCont ul li {margin:0;}
h1.SiteInfo {color: #000; font-size:1.6em; margin:0px 0px 0px; text-indent:-999px; height: 45px; background: url(/pws/images/hd_SiteInformation.gif) no-repeat;}





/*Track order*/
div#howToShopCont img#orderTrack {margin-bottom:20px;}

/*Returns*/
div#howToShopCont ul li.postProcess {list-style-type:decimal; margin-left:30px;}

div#howToShopCont ul li a {color:#404040;}

h1.warehouseCard{color: #000; font-size:1.6em; margin:0px 0px 10px; text-indent:-999px; height: 75px; background: url(/pws/images/hd_WarehouseCard.gif) no-repeat;}

div#cardWarehouseContents {border:1px solid #ccc; float:left; width:765px; color:#404040;}
div#aboutCardCont {float:left; width:450px; padding:0; margin:20px 0;}
div#aboutCardCont p#getCard {margin:5px 0 15px; color:#000;}
div#imageContainer{float:left; padding:0 20px 0 10px; margin:20px 0;}
div#contentContainer {float:left; width:50%;padding:25px 0px 0px;}
div#warehouseCardCont ul#exclusiveBenefits {width:400px; color:#000000; float:left; margin:10px 0;}
div#aboutCardCont ul li{margin:0px 0px 10px 15px; list-style-type: disc;}
div#cardWarehouseContents img#alreadyCardHolder {margin:10px 0 5px;}

div#cardWarehouseContents p#note {color:#000; margin:0px 5px 15px; font-size:10px;}
strong {font-weight:bold;}

/*Treat yourself*/
div#treatYourselfCont {background-color:#f0f0f0; color:#000000; width:400px; font-size:15px; margin:200px 10px 120px; padding:10px;}
div#treatYourselfCont p {margin:10px 5px;  line-height:1.4em; padding:0;}
div#treatYourselfCont p#maxVoucher {font-size:13px;}
div#treatYourselfCont span.sameLine {margin:0 0 0 60px;}

/*Latest Offer*/
div#aboutCardCont p.latestOffer {font-size:16px; color:#000000; margin:30px 0; padding:0;}

/*More Information*/
div#moreInfoCharges {color:#656366; width:437px; float:left; font-size:10px; border:1px solid #d3d4d5; background:url(/pws/images/bg_WarehouseCardInfoDivider.gif) repeat-y center; margin-bottom:50px;}
div#moreInfoCharges div#leftCharges, div#moreInfoCharges div#rightCharges {float:left; width:200px; padding:12px 9px;}
div#moreInfoCharges p {padding:0; margin:0;}
div#moreInfoCharges span.headingInfo {font-weight:bold; color:#000000; display:block;}
.sectionHeader {margin-top:10px;}

/*FAQS*/

div#aboutCardFAQS {float:left; width:450px; padding:0; margin:20px 0; font-size:12px; color:#000000;}
div#aboutCardFAQS a {color:#000;}
div#aboutCardFAQS ul li {list-style:none; margin:0; color:#000;}
div#aboutCardFAQS ul li.listTitle {font-weight:bold; margin-top:15px;}

/*Work for us*/

h1#workForUs {color:#000; font-size:1.6em; margin:20px 0px 40px 0px; text-indent:-999px; height:33px; background-image:url(/pws/images/hd_WorkForUs.gif); background-repeat:no-repeat;}

div#workForUsContents{float:left; width:772px; border:1px solid #ccc; line-height:1.4em; padding-bottom:30px;}

div#workForUsContents div#careerImg{float:left; margin: 25px 0px 50px 20px;}
div#workForUsContents div#careerBoxText{float: left; width: 400px; margin: 40px 0px 50px 20px;}

div#workForUsContents strong{font-weight:bold;}
div#workForUsContents h2 {color:#000; font-size:1.6em; text-indent:-999px; height:50px; background-image:url(/pws/images/hd_CareerHome.gif); background-repeat:no-repeat;}

#contTitle {margin:15px 0; text-decoration:underline;}
div#careerBoxText ul {margin:0px 0px 10px 10px;} 

/*headOffice*/
h3#headOfficeTitle {margin:25px 28px 0;}
div#headOfficeContents div#headOfficeImg {float:left; width:770px; margin:10px 0px 0px 5px;}
div#headOfficeImg img {float:left; padding:4px 9px;}
div#headOfficeContents div#officesBtn {float:left; width:380px; margin:157px 0 0 5px;}
div#headOfficeContents p, div#headOfficeContents ul {padding:5px; margin:0 10px 0 20px; float:left; clear:both;}
div#headOfficeContents ul li {list-style:disc; margin:0 0 0 14px;}
div#headOfficeContents img.headOfficeHeading {float:left; clear:both; margin:10px 0 0;}


div#headOfficeContents{float:left; width:772px; border:1px solid #ccc; line-height:1.4em; padding-bottom:30px;}

div#headOfficeContents strong{font-weight:bold;}



/*Store Opening*/
div#storeopening div#storeOpenMainLeft {float:left; width:290px;}
div#storeOpenMainLeft img {margin:10px 0px 5px 10px;}
div#storeopening div#storeOpenMainRight {float:left; width:475px; margin:25px 0 30px 0;}
div#storeOpenMainLeft img#storeModel {margin-top:80px;}
div#storeOpenMainRight h3, div#storeOpenMainRight h4 {font-size:14px; font-weight:bold; margin:32px 0 15px;}
div#storeOpenMainRight span {font-weight:bold; font-size:13px;}
div#storeOpenMainRight p {margin-bottom:12px;}

/*Students*/
#warehouseStudentCont {float:left; width:775px; padding-bottom: 20px;}

#warehouseStudentCont div#imageContainer{float:left; padding:0 20px 0 10px; margin:20px 0; width:305px;}
div#studentsCont {float:left; width:390px; padding:0; margin:20px 50px 20px 0;}
#warehouseStudentCont img.extraSpace {margin-top:30px; display:block;}
#warehouseStudentCont p {margin:8px 0 20px;  line-height:1.4em;}
div#exclusiveOfferDetails {float:left; width:287px; padding:33px 32px 0px 14px; background-color:#f0f0f0; margin:30px 20px 50px 0;}



/*Subbrands*/

div#spotlightContents {float:left; width:775px; border:1px solid #ccc; line-height:1.4em; padding-bottom:30px; background:url(/pws/images/bg_Spotlight.jpg) 3px 8px no-repeat; height:497px;}

div#spotlightContents div#spotlightText {float: right; width:320px; margin:20px 0px 0px 20px;}
div#spotlightContents p {padding:0 0 0 27px; margin-bottom:20px;}

div#spotlightText h2#spotlightTitle {height:40px; background:url(/pws/images/hd_Spotlight.gif) no-repeat 0 30px; padding:20px; margin-bottom:0;}

div#spotlightContents div#ourFavourites {width:416px; float:right;  margin:0 0 0 20px;}
div#ourFavourites img#shopSpot {float:right; margin:32px 23px 0 0;}
div#spotlightContents img.favouriteImg {border:4px solid #e9e5e5; margin-right:8px;}

/*wareEco and Gloss*/
div#subbrandContents {float:left; width:775px; border:1px solid #ccc; line-height:1.4em;}
div#subbrandContents div#contentImg {float:left; margin: 10px 0px 10px 3px;}

div#subbrandpagesText h2.brandTitle {margin:36px 0 22px; text-align:center;}

div#subbrandContents div#subbrandpagesText {float: left; width: 400px; margin-left:10px;}
div#subbrandContents div#subbrandpagesText p{margin-bottom:10px;}

div#subbrandContents div#ourFavourites {width:416px; float:right;  margin-left:20px;}
div#subbrandpagesText img.shopBrand {float:right; margin:15px 7px 15px 0;}
div#subbrandContents img.favouriteImg {border:4px solid #e9e5e5; margin:19px 8px 0 0;}

/*Ware-Denim*/
div#subbrandContents div#DenimImg {float:left; margin:0 0 10px 3px; padding-left:10px;}

div#subbrandContents div#denimText {width:500px; float:left; margin:0 0 10px 10px;}
div#subbrandContents div#denimText p{margin-bottom:10px;}
div#denimText img.shopBrand {float:right; margin:15px 7px 15px 0;}

div#subbrandContents div#TitleCont {width:775px;float:left;}
div#TitleCont img#weekFavoure {float:left; margin:20px 0 0 15px;}
div#TitleCont img#pageName {float:right; margin:20px 40px 15px 0;}


/*FEEDBACK FORM*/
#feedback_container {float:left; width:630px; margin-left:20px;}
#feedback_container p {width:600px; margin-top:20px}
#feedbackForm form div.formElement {margin: 0 0 15px 0; width: 100%; float:left;}
#feedbackForm form div.formElement label {float: left; width: 170px;  font-weight:bold;}
#feedbackForm form div.formElement input.numerical {width:30px;}
#feedbackForm form div.formElement input, #feedbackForm form div.formElement select, #feedbackForm form div.formElement textarea {border: 1px solid #ccc; background:#ffffff; color:#000; float:left}
#feedbackForm form div.formElement input {width:420px; height:15px;}
#feedbackForm form div.formElement textarea {width:423px; height:215px; overflow:auto; font-size:1.2em; }
#feedbackForm form div.btnAlign {float:left; width:280px; margin-top:30px; text-align:right;}
#feedbackForm *html form div.btnAlign input{ height:18px; padding-top:2px;padding:0px 7px;}
p#field_optin {float:left; margin: 10px 0 0 170px; width:420px; line-height:1.4em;}
html* p#field_optin {margin: 10px 0 0 85px;}
p#field_optin input#field_Checkbox {margin-left: 10px; width:25px;}
#feedbackForm form em.valError {float:left; background:url("/pws/images/msc_FormValidator_Error.gif") no-repeat;  height:14px; padding:0 0 0 14px; margin-left:5px;}
#feedbackForm form em.errorMessage span{display:none;}
#feedbackForm form em.incomplete {}
#feedbackForm form em.success {float:left; background:url("/pws/images/msc_FormValidator_Checked.gif") no-repeat;  height:14px;padding:0 0 0 14px; margin-left:5px; }

div#contentSingleSignUpCont {background:url(/pws/images/bg_SignUp.jpg) no-repeat; width:749px; height:273px;}
div#contentSingleSignUpCont div#contentSingleSignUpText {float:right; width:360px; margin:43px 20px 0 0;}
div#contentSingleSignUpCont div#contentSingleSignUpText h3 {font-weight:bold;}
div#contentSingleSignUpCont div#contentSingleSignUpText form {float:left; width:185px;}
div#contentSingleSignUpCont div#contentSingleSignUpText p {margin:15px 0;}
div#contentSingleSignUpCont div#contentSingleSignUpText .clearValue {width:150px;}
div#contentSingleSignUpCont div#contentSingleSignUpText em.errorMessage {margin-left:0;}
div#contentSingleSignUpCont div#contentSingleSignUpText .submit {float:right; clear:left;}

