/**
 * module-home.css
 *
 * Styles used by the home page.
 * 
 *
 */

 
.closePane{height:18px;line-height:18px;position:absolute;right:0;text-align:right;top:17px;width:100px;z-index:100;left:515px;}
.closePane a{background:url("../images/common/greyclose-icon.png") right 0 no-repeat transparent;font-size:11px; color:#585858; margin:0; padding-right:20px; width:60px;line-height:14px; top:0; left:0; display:inline-block; text-decoration:none}
.closePane a:hover{background:url("../images/common/greyclose-icon.png") right 0 no-repeat transparent;color:#585858;text-decoration:underline;padding-right:20px;}
/*.closePane a span.btn{display:inline-block; width:13px; height:14px; background:url("../images/common/greyclose-icon.png") 0 0 no-repeat transparent; overflow:hidden; margin-bottom:-3px; margin-left:3px; text-decoration:none;}
.closePane a span.btn:hover{display:inline-block; width:13px; height:14px; background:url("../images/common/greyclose-icon.png") 0 0 no-repeat transparent; overflow:hidden; margin-bottom:-3px; margin-left:3px; text-decoration:none;}*/

.closePane a span.text{line-height:14px;}
.closePane a span.text:hover{text-decoration:underline;color:#585858;}
/*.closePane a:hover span.btn{background:url("../images/common/close-icon.png") 0 -13px no-repeat transparent}*/
#blueBar ul li a.selectedPane{color:#007099; background:url("../images/common/arrow-down.png") 97% center no-repeat transparent;}
#blueBar #t_refillPane:hover {text-decoration:underline}
#blueBar #t_diPane:hover {text-decoration:underline}

#topBlock{ min-width: 1000px; height: 410px; position: relative; top: -104px; z-index:0}
#featureAreaWrapper{background:url("../images/home/bg-featured-area.jpg") top center no-repeat #EBE8E3; position:relative; border:none}
#featureArea{background: transparent url("../images/home/pharmacist.png") no-repeat 445px 82px; position:relative; width:940px; height:504px; margin:0 auto}

#featureArea div.desc{position:absolute; top:115px; width:300px}
#featureArea h1{color:#CC0000;font-size:4.25em;font-weight:bold;letter-spacing:-2px;line-height:47px;margin:0}
#featureArea h2{font-size:1.75em;font-weight:normal;margin:8px 0}
#featureArea ul{font-size: 1.083em; padding-bottom: 8px;}
#featureArea div.desc li{margin-left:20px; line-height:18px}
#btnManageScrips{position:relative; background: url("../images/home/btn-manage-your-prescriptions.png") no-repeat scroll 0 0 transparent;}
#btnManageScrips img{background:url("../images/home/btn-manage-your-prescriptions.png") 0 0 no-repeat transparent; display:block}
#btnManageScrips:hover img{background-position:0 -37px}
#videoTeaserWrapper{margin-top:24px; width:270px}
#videoTeaserWrapper .col1{width:116px}
#videoTeaserWrapper .col2{width:154px; font-weight:bold; padding-top:14px}

#userBubble{background:url("../images/home/bg-user-bubble.png") 0 0 no-repeat transparent; width:164px; height:235px; position:absolute; z-index:250; right:-7px; top:110px}
#userBubbleInner .counter{width:100; line-height:52px; height:52px; width:52px; text-align:center}
#userBubbleInner .row{padding:0px 8px; position:relative}
#userBubbleInner .row .icon{z-index:10; position:absolute; color:#fff; left:8px; top:0; width:100px; height:52px}
#userBubbleInner .row a{font-size:1em}
#userBubbleInner .row a:hover {background-image: url('../images/common/arrow-red-01.png') !important; color: #990000;}
#userBubbleInner .row2 a, 
#userBubbleInner .row3 a, 
#userBubbleInner .row4 a{font-weight:bold; color:#585858; text-decoration:none; z-index:20; position:relative; background:url("../images/common/arrow-left-small.png") no-repeat scroll 95% center transparent}
#userBubbleInner .row1{height:52px; padding:20px 16px 0}
#userBubbleInner .row2 a{height:41px;  padding-left:55px; display:block; padding-top: 11px; line-height:14px;}
#userBubbleInner .row2 .icon{background:url("../images/home/refills-icon.png") no-repeat scroll 8px 7px transparent;line-height:53px; text-align: center; width: 50px;}
#userBubbleInner .row3 a{height:41px; padding:11px 0 0 55px; display:block}
#userBubbleInner .row3 .icon{background:url("../images/home/healthy-rewards-icon.png") no-repeat scroll 6px 10px transparent}
#userBubbleInner .row4 a{height:41px; padding-left:55px; display:block;  padding-top:4px; line-height:14px;}
#userBubbleInner .row4 .icon{background:url("../images/home/extra-bucks-icon.png") no-repeat scroll 6px 6px transparent}
#extraBucksCount{}

#blueBar{height:52px; position:absolute; left:0; bottom:6px; background:url("../images/home/bg-blue-bar.png") 0 0 repeat-x transparent; width:100%}
#blueBarInner{width:940px; margin:0 auto; overflow:visible; position:relative}
#blueBar ul li{position:relative; display:inline-block}
#blueBar ul li, 
#blueBar ul li a{color:#fff; font-size:1em; font-weight:bold; line-height:52px; display:block; position:relative}
#blueBar ul li a{z-index:320; background:url("../images/common/arrow.png") 97% center no-repeat transparent}
#blueBar ul li a:hover{text-decoration:none}
#blueBar ul li.col1{width:321px}
#blueBar ul li.col{font-size: 1.333em;}
#blueBar ul li.col2{width:307px}
#blueBar ul li.col2 a{padding-left:77px}
#blueBar ul li.col3{width:312px}
#blueBar ul li.col3 a{padding-left:100px}
#blueBar ul li.col{background:url("../images/home/bg-blue-bar-divider.png") bottom right no-repeat transparent;z-index:500;}
#blueBar img.paneIcon{position:absolute; bottom:0; z-index:310; display:inline-block}
#refillPaneIcon{left:333px}
#diPaneIcon{left:643px}

#rainbowBar{/*line-height:1px;*/ height:6px; width:100%; background:url("../images/home/rainbow.jpg") top center repeat-x transparent; border:none}

#refillPane{background:url("../images/home/bg-prescription-refill.png") bottom left no-repeat transparent;bottom:0;height:423px;left:315px;position:absolute;width:629px; color:#585858; line-height:normal; font-size: 1em; font-weight:normal; z-index:315}
#scripNumLabel, #storeNumberField {position:relative;font-weight:bold;margin-left:1px}
#scripNumHelp{display:block; width:13px; height:13px; position:absolute; right:0px; top:16px}
#scripNumHelp img{background:url("../images/home/question-mark-blue-icon.png") -1px -1px no-repeat transparent}
#scripNumHelp:hover img{background:url("../images/home/question-mark-blue-icon.png") -1px -16px no-repeat transparent}
#refillPane >div.col1{ padding: 7px 20px 5px 25px; width: 273px;}
#refillPane div.col1 h3{ margin:12px 0px 5px 0px; color:#007099; font-size: 1.5em}
#refillPane h3#h3b {margin:0px;margin-bottom:05px;margin-top:18px; font-weight: bold;}
#refillPane h3#h3a {margin-top:0px;margin-bottom:2px}
#refillPane .required {float:right;}
#refillPane >div.col1 >div.row1 p{margin:0; line-height: 16px;}
#refillPane >div.col1 #refillFlyupForm {margin-top:10px;}
#refillPane >div.col1 form .row{margin-bottom:8px; position:relative}
#refillPane >div.col1 label{ display:block;  height:17px; }
#refillPane >div.col1 input[type="text"]{display:block; width:270px}
#orDividor{display:inline-block; margin:12px auto 8px;}
#refillPane >div.col1 >div.row3 p{margin:5px 0;}
#refillPane >div.col2{width:280px; overflow: hidden;}
#refillPane >div.col2 p{margin:8px 0}
#refillPane >div.col2 .row2 p{ line-height:18px;  width:165px}
#refillPane >div.col2 ul li{ color:#14C8F8;  font-size: 1.333em;  line-height:20px}
#prescriptionLady{position:absolute; right:5px; bottom:48px; width:135px; height:305px; overflow:visible}
#refillPane a.prominent, #diPane a.prominent{ padding-right: 10px}

#diPane{background:url("../images/home/bg-drug-info-center.png") no-repeat scroll left top transparent;bottom:0;height:423px;position:absolute;right:-4px;width:629px; color:#585858; line-height:normal; font-size: 1em; font-weight:normal; z-index:315}
#diPaneInner{padding:25px 10px 0 200px; height:350px; background:url("../images/home/drug-info-center-male-pharmacist.png") 5px bottom no-repeat transparent}
#diPane h3{font-size:20px;margin:12px 0 0 0; color:#077099; font-size: 1.5em}
#diPane #drugNameField {font-weight:bold;margin-left:1px}
#diPaneInner >p{margin:8px 0; line-height:18px; width:340px;font-weight: bold;}
#drugInfoQuery{height:90px}
#drugInfoQuery >div.col1{padding-top:3px; width:278px}
#drugInfoQuery >div.col1 input{width:270px}
#diPaneInner >div.bullet{margin-bottom:10px; padding-left:60px}
#diPaneInner >div.row1{background:url("../images/prescription/icon-more-interactions.png") 0px 3px no-repeat transparent; overflow:hidden}
#diPaneInner >div.row2{background:url("../images/prescription/icon-drug-wallet.png") 0px 0px no-repeat transparent; overflow:hidden; height: 39px;}
#diPaneInner >div.row3{background:url("../images/prescription/icon-pill-identifier.png") 0px 0px no-repeat transparent; overflow:hidden; height: 39px;}
#diPaneInner div.bullet h4, 
#diPaneInner div.bullet p{margin:0}
#diPaneInner div.bullet h4{font-weight:bold; font-size:1em}
#diPaneInner div.bullet p{line-height:18px}
#diPaneInner div.bullet a.prominent{margin-top:5px}
#submitDrug img{background:url("../images/home/btn-start-search.png") 0 0 no-repeat transparent}
#submitDrug:hover img{background:url("../images/home/btn-start-search.png") 0 -25px no-repeat transparent}

#main{margin:25px auto;}



#promo { padding-top:30px; }
#promo img { width:220px; padding-bottom:8px; }
#promo > .col { width:220px; }
#promo > .col > .row { margin-bottom: 8px; }
#promo > .col + .col { margin-left:20px; }


#refillFlyUpSlot {width:280px;height:340px;margin-top:35px;padding:0px 20px 0px 10px;}
#refillFlyUpSlot .content {width:180px}

.paneToggle_topbdr{ border-top:1px solid #dadada; }
.rightpaddingnone a{padding-right: 0px !important}
.rightdevidevnone{background: none !important; }
.paddingleft2{padding-left: 5px !important;}
.welcome_rollover{   float: left; height: 23px; overflow: hidden; padding-right: 3px; text-align: right;}
.welcome_rollover:hover{color:#990000 !important }
.rightpaddingnone{padding-left: 0px !important }
#mainContentContainer .row.row4 span{padding-top: 0px !important;}

#miniPharmacySection.readyfill_img {right: 75px !important; top: 85px !important;}
.readyfill_img {right: 75px !important; top: 85px !important;}