/** © Walgreen Co. All rights reserved.**/

/* Checkout & Shopping Cart Styles */
/* rounded corners */
div#content img.corner{
bottom:0;
position:absolute;
}
div#content img.corner.bl{
left:0;
}
div#content img.corner.br{
right:0;
}
div#frame a#continue-shopping{
float:right;
margin:5px 30px 0 0;
text-decoration:underline;
}
#continue-shopping{
text-align:right;
margin:-12px 36px 0 0
}
#continue-shopping a{
text-decoration:underline;
}
div#content{
padding:13px 17px;
height:100%;
}
div#content div#title{
display:inline;
float:left;
margin:0 0 7px 27px;
}
div#content div#title h1{
float:left;
height:31px;
margin:0;
text-indent:-9999px;
}
div#content div#title a{
float:left;
margin:10px 0 0 10px;
}
div#main{
width:623px;
}
/* background image with drop shadow */
div#main form{
clear:both;
}
div#main form table.shipping-main{
background:url(/images/backgrounds/bg-express-checkout-table.gif) no-repeat 0 0;
margin-bottom:10px;
width:620px;
}
div#main form table.shipping-main td h3{
margin:0;
}
/* heading */
div#main thead{
color:#FFFFFF;
}
div#main form table thead tr{
height:29px;
overflow:hidden;
}
div#main form table th,
div#main form table td{
padding:5px 0 0 10px;
}
div#main th{
border:0;
padding:0;
}
div#main th.first,
div#main th.last{
padding-left:20px;
text-align:left;
}
div#main th.first{
width:315px;
}
div#main th.last{
width:230px;
}
/* product details */
div#main td{
border:0;
padding:6px 2px;
vertical-align:top;
}
div#main td a{
color:#09A0EC;
}
div#main td div.product{
float:left;
text-align:center;
width:120px;
}
div#main td div.product a{
text-decoration:none;
}
div#main td div.product a:hover{
text-decoration:underline;
}
div#main td div.product img{
float:left;
}
div#main td h3{
font-size:14px;
margin:0 0 5px 0;
}
div#main td p{
margin:0 0 7px;
}
div#main td fieldset{
border:0;
}
div#main td label.indented{
margin-left:4px;
}
div#main label.bold{
font-weight:bold;
}
/* Checkout Styles */
ul#checkout-navigation{
float:right;
height:19px;
margin:9px 0 0;
}
ul#checkout-navigation li{
height:19px;
float:left;
list-style-type:none;
width:87px;
}
ul#checkout-navigation a,
ul#checkout-navigation li span{
background:url(/images/headings/checkout-navigation.gif) no-repeat 0 0;
display:block;
height:19px;
margin:0 auto;
text-indent:-9999px;
}
ul#checkout-navigation li.enter-prescription{
width:150px;
}
ul#checkout-navigation li.enter-prescription a{
background:url(/images/headings/enter-prescription-navigation.gif) no-repeat 0 0;
width:129px;
}
ul#checkout-navigation li#active-checkout.shipping span{
background-position:0 0;
}
ul#checkout-navigation li.shipping span{
background-position:0 -19px;
width:68px;
}
ul#checkout-navigation li.shipping a{
background-position:0 -38px;
width:68px;
}
ul#checkout-navigation li#active-checkout.payment span{
background-position:-68px 0;
}
ul#checkout-navigation li.payment span{
background-position:-68px -18px;
width:71px;
}
ul#checkout-navigation li.payment a{
background-position:-68px -38px;
width:71px;
}
ul#checkout-navigation li#active-checkout.review span{
background-position:-140px 0;
}
ul#checkout-navigation li.review span{
background-position:-140px -18px;
width:56px;
}
ul#checkout-navigation li.review a{
background-position:-140px -38px;
width:57px;
}
ul#checkout-navigation li#active-checkout.receipt span{
background-position:-197px 0;
}
ul#checkout-navigation li.receipt span{
background-position:-197px -18px;
width:60px;
}
ul#checkout-navigation li.receipt a{
background-position:-197px -38px;
width:60px;
}
ul#checkout-navigation li#active-checkout.receipt span{
background-position:-197px 0;
}
/* main area styles */
div#main form table td{
padding:2px 0 2px 20px;
}
div#main table td.group{
background:url(/images/backgrounds/grouping.gif) no-repeat 100% -10px;
}
div#main table td.group.first{
background-position:100% 28px;
}
div#main table td.group.last{
background-position:100% 100%;
}
/* lens containers */
div#content div#main table div.prescription{
width:280px;
}
div#content div#main table div.prescription h3{
margin-left:20px;
}
div#content div#main table div.prescription .lens-image{
float:left;
margin-right:5px;
}
div#content div#main table table.lensContainer{
text-align:left;
width:250px;
}
div#content div#main table table.lensContainer th{
background-color:#0093D9;
color:#FFFFFF;
padding:2px 10px 2px 10px;
}
div#content div#main table table.lensContainer td{
background-color:#D4E6E8;
border-right:1px solid #0093D9;
margin:0;
padding:5px 0 10px 0;
text-align:center;
}
div#content div#main table table.lensContainer td.last{
border-right:none;
}
div#content div#main table input.text{
width:20px;
text-align:center;
}
/* nested table */
div#main #cart table.shipping-info{
margin:5px 0;
width:200px;
}
div#main #cart .shipping-info tr{
height:auto;
}
div#main #cart table.shipping-info td,
div#main #cart table.shipping-info th{
color:#000000;
padding:0;
vertical-align:top;
text-align:left;
}
div#main #cart .shipping-info td,
div#main #cart .shipping-info tr{
background:none;
}
div#main #cart .shipping-info td a{
color:#09A0EC;
}
/* sidebar area */
div#sidebar{
clear:right;
overflow:hidden;
position:relative;
width:269px;
}
div#sidebar div#sidebar-content{
background:#E8E8E8 url(/images/backgrounds/bg-payment-details.gif) no-repeat 0 0;
overflow:hidden;
padding:15px 0 0 15px;
position:relative;
width:254px;
}
div#sidebar a{
text-decoration:underline;
}
div#sidebar ul{
margin:0 0 15px;
width:235px;
}
div#content table.tally{
float:left;
margin-top:15px;
width:235px;
}
div#content table.tally.second{
margin-top:0;
}
div#frame div#content table.tally a{
text-decoration:underline;
}
div#frame div#content table.tally td{
border:0;
padding:5px 0;
vertical-align:baseline;
}
div#frame div#content table.tally td.last{
text-align:right;
}
div#frame div#content table.tally tr.subtotal-row{
background:url('/images/backgrounds/dotted_gray.gif') repeat-x 0 0;
}
div#sidebar ul li{
background:url(/images/backgrounds/line-dotted-horizontal.gif) no-repeat 50% 100%;
list-style-type:none;
overflow:hidden;
text-align:right;
width:100%;
}
div#sidebar li span{
float:right;
margin-top:10px;
}
div#sidebar li strong,
div#sidebar li a,
div#sidebar li p{
clear:both;
float:left;
}
div#sidebar li strong{
margin:10px 0;
}
div#sidebar li strong span{
float:none;
font-weight:normal;
margin:0;
}
div#sidebar li a{
margin-top:-10px;
}
div#content strong.tally{
float:right;
font-size:13px;
}
div#content strong.tally.total{
font-size:18px;
padding-top:10px;
}
div#sidebar img#bottom{
bottom:0;
position:absolute;
left:0;
}
div#sidebar img#bottom-right{
right:0;
}
input#submit-top,
input#submit-bottom{
margin-left:15px;
}
input#submit-top{
position:absolute;
right:5px;
top:10px;
}
div#sidebar ul#payments{
margin:10px 0 5px;
}
div#sidebar ul#payments li p{
text-align:left;
}
div#sidebar ul#payments li span{
margin:0;
}
div#sidebar p.notice{
font-size:11px;
line-height:13px;
margin:10px 0 0;
}
/* bottom action item area */
div#action-bottom{
clear:both;
overflow:hidden;
padding:10px 0 5px;
text-align:right;
width:100%;
}
div#action-bottom hr{
border:0;
border-bottom:1px solid #A1A1A1;
clear:both;
margin:5px 0 15px;
width:100%;
}
img#verisign{
bottom:15px;
left:20px;
position:absolute;
}
.important-text{
color:#E01935;
}
/**styles of login-register.jsp**/
body#checkout-login-register div#content{
padding:20px 0 0 140px;
}
body#checkout-login-register div#content div#main{
margin-bottom:25px;
width:654px;
border:1px solid #E0D8CB;
}
body#checkout-login-register div#title{
margin:0;
}
body#checkout-login-register div#title h1{
height:auto;
padding:20px 0 5px 25px;
font-weight:normal;
font-size:25px;
line-height:normal;
text-indent:0;
color:#E01935;
}
body#checkout-login-register h3{
margin:0 0 10px 0;
font-size:15px;
color:#E01935;
}
body#checkout-login-register #create-account-container{
margin:25px 0 25px 25px;
width:310px;
}
body#checkout-login-register #login-container{
margin:25px 0 25px 25px;
width:290px;
border-right:1px dotted #E0D8CB;
}
body#checkout-login-register #login-container input[type='text'],
body#checkout-login-register #login-container input[type='password']{
width:180px;
margin:3px 0;
}
body#checkout-login-register #login-container fieldset{
margin:0 0 10px 0;
}
/**End styles of login-register.jsp**/

/** Styles for select-store.jsp **/
body#checkout-select-store div#title h1{
width:107px;
background:url(/images/headings/checkout.gif) no-repeat 0 0;
}
body#checkout-select-store #store-select-container{
padding:0 20px 40px 20px;
background:transparent url(/images/backgrounds/bg-express-checkout-table.gif) no-repeat scroll 0 0;
}
body#checkout-select-store #store-select-container h2{
margin:0;
padding:8px 0 20px 0;
font-size:14px;
color:#FFFFFF;
}
body#checkout-select-store #store-select-container p.results{
margin:20px 0 10px 0;
}
body#checkout-select-store #store-select-container fieldset{
margin:5px 0;
}
body#checkout-select-store #store-select-container input#zipCode{
width:55px;
}
body#checkout-select-store #store-select-container input[type='image']{
line-height:12px;
vertical-align:bottom;
}
body#checkout-select-store #store-select-container table{
width:590px;
}
body#checkout-select-store #store-select-container th{
padding:5px 10px 5px 0;
text-align:left;
}
body#checkout-select-store #store-select-container td{
padding:10px 10px 10px 0;
}
/** End styles for select-store.jsp **/

div.success-messages{
margin:0 0 5px 0;
padding:5px 10px;
border:1px solid #7EB12E;
background-color:#E7E7E7;
}
div.alert-messages{
height: 100%;
margin:0 0 5px 0;
padding:5px 10px;
border:1px solid #E01935;
background-color:#E7E7E7;
}
div.success-messages ul,
div.alert-messages ul{
margin:0px;
}
div.success-messages ul li.success{
padding:0 0 0 25px;
list-style:none;
background:transparent url(/images/utility/success.gif) top left no-repeat;
}
div.alert-messages ul li.alert{
padding:0 0 0 25px;
list-style:none;
background:transparent url(/images/utility/alert-red.gif) top left no-repeat;
}
div.alert-messages span.alert-text{
color: #E01935;
}





/*-------------------------------------New checkout.css--------------------------------------------*/
body, p{font:12px Arial,Helvetica,sans-serif;}
img {border:none;}
input, select, textarea{color:#464646; font:12px/1.2em Arial,Helvetica,sans-serif; }  

.AllClear { clear:both; font-size:0; }
.float-left { float:left;}
.float-right { float:right;}
.clear-both { clear:both;}

.informationbox {
background:url(../images/icons/information_logo.gif) no-repeat scroll 20px 5px #E7E7E7;
border:1px solid #09A0EC;
color:#000000;
margin-top:20px;
margin-bottom:5px;
padding:5px 5px 5px 42px;
}
.MarginL15 { margin: 5px 0 0 15px; } 

#home div#content #midColumn2 { padding: 32px 0px 80px 115px; }
body#home .error { padding:5px 5px 5px 25px; background:url("../images/icons/red_x.gif") no-repeat scroll 8px 7px #E7E7E7; border-color:#E01935;}
body#home textarea { font-weight: normal; }

div.error ul{padding:0 0 0 35px;}
.content1{ width:100%}

.Auto_Reorder_DobbleColor{width:99%;height:32px;border:1px solid #e9e9e9;background-color:#f1f1f1;}
.Auto_Reorder_DobbleColor_b{float:left;width:255px;height:25px;background-color:#e7e7e7;padding:8px 0 0 14px;font-size:16px;}
.Auto_Reorder_DobbleColor_p{float:right;width:295px;text-align:center;padding:8px 0 0 0;}
.Auto_Reorder_GridHead{width:99%;height:30px;padding:16px 0 0 0;}
.Auto_Reorder_GridHead b.item{width:120px;float:left;}
.Auto_Reorder_GridHead b.qty{width:30px;float:left;}
.Auto_Reorder_GridHead b.select{width:344px;float:left;padding:0 0 0 5px;}
.Auto_Reorder_GridHead b.shipping{width:82px;float:right;text-align:right;}
.Auto_Reorder_GridData{width:99%;min-height:90px;height:auto !important;height:90px;padding:5px 0 0 0;margin:0 0 8px 0;}
.Auto_Reorder_GridData div.itemqty{width:147px;float:left;min-height:20px;height:auto !important;height:20px;}
.Auto_Reorder_GridData div.item{width:120px;float:left;}
.Auto_Reorder_GridData div.qty{width:22px;float:left;padding:0 0 0 3px;}
.Auto_Reorder_GridData div.select1{width:200px;float:left;}
.Auto_Reorder_GridData div.select1 p{padding:5px 0 0 22px;}
.Auto_Reorder_GridData div.select2{width:200px;float:left;}
.Auto_Reorder_GridData div.select2 p{padding:5px 0 0 22px;}
.Auto_Reorder_GridData div.select3{width:132px;float:left;}
.Auto_Reorder_GridData div.select3 p{padding:5px 0 0 22px;}
.Auto_Reorder_GridData div.select7{width:132px;float:left;}
.Auto_Reorder_GridData div.select5{width:132px;float:left;}
.Auto_Reorder_GridData div.select6{width:132px;float:left;}
.Auto_Reorder_GridData div.shipping{width:56px;float:left;}
.Auto_Reorder_Total{width:621px;height:130px;margin:0;}
.Auto_Reorder_Total div{float:right;width:216px;text-align:right;}
.Auto_Reorder_Bottom{width:866px;height:45px;padding:10px 0 0 0;margin:0 auto;background:url(../images/backgrounds/dotted-line.gif) top repeat-x;}


.Auto_Reorder_GridData div.select4{width:128px;float:left;height:95px;background-color:#e7e7e7;}
.Auto_Reorder_GridData div.shipping1{width:76px;float:left;height:95px;background-color:#e7e7e7;}

.Address{width:360px;height:180px;margin:39px 0 0 0;}
.Address div{float:left;width:180px;height:180px;}

.ss-product-details div{padding:0 0 0 20px;}
.ss-product-details div h1{color:#000;text-decoration:underline;font:bold 12px Tahoma;margin:0;padding:0;}
.ss-product-details div h3{color:#484848;font:bold 12px Tahoma;margin:3px 0 0 0;padding:0;text-align:left;}


.Auto_Reorder_GridData div.select11{width:360px;float:left; }
.Auto_Reorder_GridData div.select11 p{padding:0 0 0 34px; }
.Auto_Reorder_GridHead b.select1{width:324px;float:left;padding:0 0 0 30px;}
.Auto_Reorder_GridData div.shipping{width:57px;float:right;text-align:right;margin:0 5px 0 0; }

.Auto_Reorder_GridData div.qty1{width:26px;float:left; text-align:right;}
.Auto_Reorder_Total div.aligntotal{float:right;width:300px;text-align:right;}
.Auto_Reorder_GridHead b.qty1{width:20px;float:left; padding-left:10px;}

.infoContainer { margin:0 auto; width: auto!important; width:100%; }
.infoContainer .infoContainerInner { background-color: #E7E7E7; border: 1px solid #E01935; padding: 5px 5px 5px 15px; }

#home #content { height:100%; overflow:hidden; padding:0 19px 20px; }
div#content h2.chckHdr { color:#FFFFFF; font-size: 18px; font-weight: normal; margin:-1px 0 15px 0; padding: 0px 0 0 15px; }

div#content .topicHdrs { font-size: 16px; font-weight: bold; padding:0px 0 0 5px; }
div#content form p { font-size:12px; font-family: Arial,Helvetica,sans-serif; line-height: 16px; }

div.redContainer890 {padding:7px 15px 10px 15px; background:transparent url(/images/backgrounds/redBox_890.gif) no-repeat scroll 0 0; width:860px;}
div.redContainer890 h2{ margin:0; color:#FFFFFF;}
div.redContainer890 .text{margin-top:15px;}
div.redContainer890 .text table td,div#action-bottom table td  {padding:6px 0px !important;}