/*  ===== pt_customerservice Notes =====   /
Styles for the pt_service page.
This page has a two column layout,

Use this style sheet to put custom styles specific to the Content Asset Pages,
editable in the Business Manager.
*/

/***********************************************/
/* Page Structure CSS                          */
/***********************************************/

/* Sticky footer requires full-height page */
#pt_service,#pt_account { width:100%; }
#pt_service #wrapper { background-image: none;min-height:615px;height:auto !important;height:615px;/*padding-top: 15px;*/ }
#pt_account #wrapper { width: 980px;min-height:615px;height:auto !important;height:615px; }
#pt_account #rightColumn { float: right; overflow:hidden; width: 179px; margin: 0 10px 0 0; padding: 33px 0 0 0; }
#pt_account #contentMain { width: 585px; margin: 0px; padding: 15px 0 0 0; float: left;	 background-color: #fff; }
#pt_service #contentMain { width: 980px; margin: 0px; padding:0px; float: left; background-color: #fff; }
#pt_service #Otrack { min-height: 422px; height:auto !important; height:422px; background: #fff url(../images/backgrounds/bg_otrack.jpg) 0px 25px no-repeat; margin: 25px auto 0px auto; }
#pt_service #content #service h1,#pt_account #content #Otrack h1 {font: bold 15pt arial, verdana, helvetica,sans-serif;padding-left: 15px;}
#pt_service #leftColumn {display:none;}
#pt_service #leftColumn a { margin-left: 0; }
#pt_service #leftColumn .borderNav { margin-top: 0px; background: #fff url(../images/backgrounds/border_repeat.gif) repeat-y; padding: 10px }
#pt_service #leftColumn .navBorderTop {padding:0px;height: 1px;background: #fff url(../images/backgrounds/border_top.gif) no-repeat;}
#pt_service #leftColumn .navBorderBot {margin-top: -13px;}
#pt_service #service { padding: 0 30px; margin-top: 25px;}
#pt_service #service .tltMain { padding-bottom: 10px; }
#pt_service #breadcrumb { padding-top: 20px; padding-left: 30px; }
#pt_service #service #login,#pt_service #service #loginGuest { min-height: 422px;  height:auto !important; height:422px; margin: 0px auto 0px auto;}
#pt_service #service #loginCk { min-height: 422px; height:auto !important; height:422px; background: #fff url(../images/backgrounds/bg_signin_ck.jpg) no-repeat; margin: 0px auto 0px auto;}
#pt_service #service #login table,#pt_service #service #loginCk table { width: 100%; border: 0px none #fff; padding: 0px; margin: 0; border-collapse: collapse;  }
#pt_service #service #login table td,#pt_service #service #loginCk table td { width: 50%; border: 0px none #fff; padding: 50px 0 0 0; border-collapse: collapse;  }
#pt_service #service #login table,#pt_service #service #loginGuest table { width: 100%; border: 0px none #fff; padding: 0px; margin: 0; border-collapse: collapse;  }
#pt_service #service #login table td,#pt_service #service #loginGuest table td { width: 50%; border: 0px none #fff; padding: 50px 0 0 0; border-collapse: collapse;  }
#pt_service .loginBox { text-align: left; width: 396px; border: 2px solid #9C0029; float: left; padding-bottom: 20px; font-size: 11px; }
#pt_service .loginBox label span { font-size: 11px; }	
#pt_service .loginBox a { color: #9C0029; }
#pt_service .loginBox .forgotPassword { padding: 10px 0 15px; }
#pt_service .loginBox h2 { background-color: #9C0029; color: #FFF; font-size: 13px; font-weight: bold; padding: 5px 10px; }
#pt_service #Otrack .loginBox {	 text-align: left; width: 470px; border: 0px none #000; margin: 65px 0 0 35px;}
#pt_service #content h3 { padding: 0 15px; font: bold 11pt  verdana, arial,tahoma; color:#fff; background: url(../images/backgrounds/bg_grad_grey.gif); height:26px; line-height:26px; text-transform: none; margin:0 }	
#pt_service .contentBox { padding: 0; font: bold 11pt arial,verdana,tahoma; color:#666; height:26px; line-height:26px; text-transform: none; margin:0 }
#pt_service #content #service table.simple { width: auto; }
#service .variantWL {padding-right:4px}
.tltBarEdit {background-color:#001C39; color:#FFFFFF; font-size:13px; font-weight:bold; padding:5px 10px;}
.tltBarEditSm {background-color:#001C39;height: 21px;padding-left: 12px;margin-bottom: -11px;padding-top: 7px}
.ftrBarEdit {height: 4px;padding:0;font-size:0;line-height:0;}
.ftrBarEditSm {height: 4px;padding:0;font-size:0;line-height:0;}
#pt_service .regTxt {font: normal 8pt arial,verdana,tahoma,sans-serif;color: #000;margin:0 0 0 65px;padding: 0}
#pt_service .inputbox,#pt_account .inputbox {width: 177px;border-top: solid 1px #3e3e3e;border-left: solid 1px #3e3e3e;border-right: solid 1px #9c9c9c;border-bottom: solid 1px #9c9c9c;background:  url(../images/backgrounds/bg_textbox2.gif) repeat-x;padding-left: 3px}
#pt_service #fromAddress2 {border-top: solid 1px #3e3e3e;border-left: solid 1px #3e3e3e;border-right: solid 1px #9c9c9c;border-bottom: solid 1px #9c9c9c;background:  url(../images/backgrounds/bg_textbox3.gif) repeat-x;padding-left: 3px}
#pt_service .warning {margin-left: 105px;width: 250px;color: #E81300}
#pt_service .warningCk {width: 250px;color: #E81300}
#pt_service .selectbox,#pt_account .selectbox { width: 182px;border-top: solid 1px #3e3e3e;border-left: solid 1px #3e3e3e;border-right: solid 1px #9c9c9c;border-bottom: solid 1px #9c9c9c;background:  url(../images/backgrounds/bg_textbox2.gif) repeat-x; }
#pt_service label,#pt_account label {display: block;float: left;text-align: right;color: #000;padding-right: 7px; font-size: 11px;}
#pt_service .loginBox label {width: 95px}
#pt_service .loginBox .username,#pt_service .loginBox .password {padding: 5px 0px;}
#pt_service #Otrack .loginBox .errorcaption {margin-left: 0px;display:inline}
#pt_service .loginBox .errorcaption {margin-left: 105px}
#pt_service #main {background-color: #FFF; }
#pt_service .registration { border: 2px solid #001C39; margin: 0 0 50px; width: 449px;	 padding: 0 0 20px; float: right; font-size: 11px; }
#pt_service #loginGuest .registration { margin-bottom: 331px;	 }
#pt_service .registration h2 { background-color: #001c39; color: #FFF; font-size: 13px; font-weight: bold; padding: 5px 10px; }
#pt_service .registration h3, #pt_service .registration p { padding: 5px 20px 5px 30px;	 }
#pt_service .registration .logintostore { padding-left: 20px;	 } 
#pt_service .registration form { padding: 0 0 0 10px; }
#pt_service .registration #optin { padding-bottom: 15px; }
#loginCk .registration { margin-left: 20px;	 width: 390px; }
#registrationDiv  {padding-left: 30px;margin: auto;background: url(../images/backgrounds/bg_register.jpg) no-repeat; min-height: 422px; /* Sets minimum height, but still allows div box to grow to accomodate error message */ height:auto !important; /* IE Hack for minimum height */ height:422px;}
.registration .simple div .errorcaption {font-size: 8pt; color:#E81300; display: block; margin-left: 123px;}
.registration .selectbox { width:184px }
.registration .inputbox { width:175px }	
.editpayment { width:550px; }
#pt_service .buttons {padding-top: 4px}
.registration label,.editprofile label, .editpayment label { width:116px; }	
.editprofilePass { float: left; }	
.editprofile .miniaddress .buttons form {margin-left: -3px;padding: 0;}
.passwordstep1 div.simple,.passwordstep2 div.simple  {padding-top: 20px;padding-left: 10px;}	
.simple div { padding:4px 0;}
#pt_service .passwordstep2 fieldset .divLeg label { float: left; width: 120px; text-align: right; display: inline; }
.passwordstep2 div .simpleLeg label { float: left; width: 150px; text-align: right; display: inline; }
.passwordstep1 { padding: 0;	 min-height: 101px; height:auto !important; height: 101px;	 margin: 0px auto 0px auto; }
#PasswordRecovery { margin: 0px auto; width: 360px; height: 167px; vertical-align: center; }
#PasswordRecovery_2 { margin: 0px auto; width: 460px; height: 204px; vertical-align: center; }
#PasswordRecovery_3 { margin: 0px auto; width: 490px; height: 314px; vertical-align: center; }
#main { display: inline; }
.GenericBox { border: solid 2px rgb(0, 29, 58); margin: 0px 0px 1em 0px; }
.GenericBoxTitle { background-color: rgb(0, 29, 58); color: rgb(255, 255, 255); font-family: "Times New Roman", "Times", serif; font-size: 14px; font-weight: 700; padding-bottom: 0.5em; padding-left: 1em; padding-right: 0.5em; padding-top: 0.5em; text-transform: uppercase; }
.GenericBoxContent { padding-bottom: 0.5em; padding-left: 1em; padding-right: 0.5em; padding-top: 0.5em; }
.passwordstep2 { width: 955px; padding: 0;	 min-height: 435px; height:auto !important; /* IE Hack for minimum height */ height:4353px; background: #fff url(../images/backgrounds/bg_legpass.jpg) no-repeat; margin: 0px auto 0px auto; }
#pt_service .passwordstep1 fieldset div label,#pt_service .passwordstep2 fieldset div label { float: left; width: 80px; text-align: right; display: inline; }
#pt_service h2 { margin-bottom: 8px; border-bottom: none 0px #fff }
#pt_service .passwordstep1 p,#pt_service .passwordstep2 p { margin: 8px 0; }
#pt_service .passwordstep1 .errorcaption, #pt_service .passwordstep2 .errorcaption { margin: 2px 0 4px 0; color: #E81300 }
#pt_service .passwordstep2 .errorcaption,#pt_service .passwordstep2 .caption  {		 display:inline;font-size: 8pt }
#pt_service .passwordstep1 #pass1 .errorcaption, #pt_service .passwordstep2 #pass1 .errorcaption  {display:inline;width: 150px}
#pt_service .caPassword { margin-top: 10px; width: 206px; float: right; }
#service .editprofile { width:585px;}
#service .editprofile a { text-decoration:underline;}
#service .reqTxtDiv {position: absolute; left: 610px; top: 105px; }
#service .editprofile #blockPersonal { border:2px solid #001C39;padding: 15px}
#service .editprofile #blockOrders { border:2px solid #001C39; margin-top:20px; padding: 0px }
#service .editprofile #blockOrders #orderhistorylist h2 {margin-left: 10px}
#service .editprofile #blockOrders #orderTbl {width: 100%;background-color:#001C39;font-weight:bold;}
#service .editprofile #blockOrders #orderTbl tr  {height: 27px}
#service .editprofile #blockOrders table {padding: 0;margin: 0;border-collapse: collapse}
#service .editprofile #blockAddress,#service .editprofile #blockWishList { margin-top:-5px;width: 287px; border:2px solid #001C39;padding: 10px 0;}
* html #service .editprofile #blockAddress, * html #service .editprofile #blockWishList { border-top: 0; margin-top: 5px; }
*+html body #service .editprofile #blockAddress, *+html body #service .editprofile #blockWishList { border-top: 0;	 margin-top: 5px; }
#service .editprofile #blockAddress div { width: 265px; margin: 4px 10px; }
#service .editprofile #blockWishList div { width: 265px; margin: 4px 10px;}
#service .editprofile #blockWishList #wishListImg { height:60px; width:50px; border:solid 1px black; }
#service .editprofile .acctBoxLeft {width: 291px;float: left;margin-top: 20px}
#service .editprofile .wlAcctBox {margin-left: 2px;}
#service .editprofile .title, #service .editprofile .title a,.titleOH  { font-size: 13px;  color: #ffffff; text-decoration: none;font-weight:bold; }
.titleOH {padding-bottom: 4px}
#service .ordersoverview a { text-decoration:underline;}
#service .ordersoverview #blockOrders { border: 2px solid #001C39; margin-top:0px; padding: 0px }
#service .ordersoverview .sectionTitle {margin-bottom: 0px}
#service .ordersoverview #blockOrders #orderTbl {width: 100%;background-color:#001C39;}
#service .ordersoverview #blockOrders #orderTbl tr {height: 25px}
#service .ordersoverview #blockOrders table {padding: 0;margin: 0;border-collapse: collapse}
#pt_account #rightColumn .title { padding: 8px 0 0 12px; font-size: 14px;  color: #21B8D7; }
/* Left Column Styles */
#leftColumn .catTitle, #leftColumn .catTitleMyAccount {font: bold 12pt times new roman;margin-left: 20px;text-transform:uppercase; color: #fff;}
#leftColumn .navBorderTop {margin-top: 0px;margin-left:15px;padding:0px;height: 4px;width: 152px;}
#storelocator {padding-top: 30px; padding-left: 30px; text-align: left;}
#storelocator label {display: block;}
#storelocator #googlemapDiv {background: url(../images/loadingAnimation.gif) center center no-repeat;}
#storelocator #mapTlt {background: url(../images/backgrounds/bg_cart_tlt.png) no-repeat;width: 758px;margin-bottom: -2px;height:4px;padding:0;font-size:0;line-height:0;}
#storelocator #mapFtr {background:transparent url(../images/backgrounds/bg_cart_ftr.png) no-repeat scroll 0 0;height:4px;padding:0;font-size:0;line-height:0;width: 758px;}
#storelocator .inputbox {width: 150px;background: none; border: 1px #CCC solid; padding-left: 3px}
#storelocator table.simple tr.tltBarEdit {width: 100%;margin-bottom: -7px}
#storelocator table.simple { width: 754px; background:transparent url(../images/backgrounds/bg_sloc_tlt.jpg) no-repeat scroll 0 0; border: 0px none #fff; padding: 0px; margin: 0 auto; border-collapse: collapse; }	
#storelocator table.simple td {padding-left: 12px;border-bottom: solid 1px #E5E5E5;vertical-align: top}
#storelocator table.simple tr {margin: 4px;vertical-align: top;}
#storelocator table.simple th div {margin-top: 2px;}
#storelocator table.simple th {	 height: 33px; background: transparent; padding-left: 12px; margin-bottom: -11px;	 color:#21B8D7; font-size:14px; font-weight: normal; text-decoration:none; text-align: left; }
#storelocator .innerContent { width: 758px; background: #fff url(../images/backgrounds/bg_cart_sdw.png) repeat-y;		 margin: 0; padding: 0; }
#storelocator .slBottom { background:transparent url(../images/backgrounds/bg_cart_ftr.png) no-repeat scroll 0 0; height:4px;padding:0;font-size:0;line-height:0; }
#storelocator #stHours {padding: 3px;background: #F8F8F8}
#storelocator .thSL {padding: 0; margin: 0;}
.innerContent .simple div { padding: 2px; }
#pt_account #wrapper { background-color: #fff; }
#pt_account #leftColumn { min-height: 900px; }
#pt_account #leftColumn a { margin-left: 0; }
#pt_account #leftColumn .navBorderTop { margin-left:15px; width:152px; }
#pt_service #RegistrationForm #postalcode { width: 100px !important; }
#pt_service #RegistrationForm #gender { width: 100px !important; }
#pt_service #RegistrationForm .optincheck { float: left; text-align: right; width: 140px; }
#pt_service .registration .optinlabel { float: left; margin-left: 5px; width: 255px; }
#pt_service .registration .privacy { margin-left: 145px; }
#orderhistorylist { margin-top: 8px;	 }
* html #divNewAddress { position: relative; }
