﻿@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------------------
	Forbes Pharmacy
	author: 
	contact: 
	version:   1.0

-----------------------------------------------------------------------------*/
/* Basics
-----------------------------------------------------------------------------*/
html, body { height: 100%; }
/* Force vertical scrollbar */
	html { min-height: 100%; margin-bottom: 1px; }
* { margin: 0; padding: 0px; } /* Remove padding and margin */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { margin: 0em 0; } /* Put it back on certain elements */
.clear { clear:both; } /* Class for clearing floats */
img { border: 0; } /* Remove border around linked images */

/* ---------------------------------------------------------------------------
Spacers & Headers
-----------------------------------------------------------------------------*/
.break { margin: 0; padding: 0; border-width: 0; height:8px; line-height: 8px; }
.bigBreak { height:20px; }
.dividerLine { width: 360px; height:1px; background:url(../images_global/global_divider.jpg); margin-top: 15px; }
.pipe { width:1px; height:18px; padding: 0px 8px 0px 8px; }
br { margin: 0; padding: 0; border-width: 0; line-height: 6px; }
*.brHalf { display:block; margin-top:-0.5em; }
*.brSingle { display:block; margin-top:0em; }
*.brOne { display:block; margin-top:1.5em; }
*.brDouble { margin-top:15px; }

/* ---------------------------------------------------------------------------
HREF Selectors
-----------------------------------------------------------------------------*/	
a:link { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #336699; font-size:12px; }
a:visited { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #336699; font-size:12px; }
a:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #3b3b3a; font-size:12px; }
a:active { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #FFF; font-size:12px; }

/* ---------------------------------------------------------------------------
Paragraph/Header/List Selectors
-----------------------------------------------------------------------------*/	
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; line-height:22px; color:#697381; padding:0; margin:0; padding-bottom: 0px; text-align: left; }
h1 { font-family:Georgia, "Times New Roman", Times, serif; color:#104581; font-size: 21px; line-height:19px; padding:0; margin:0; padding-bottom: 0px; font-weight: normal; }
h2 { font-family:Georgia, "Times New Roman", Times, serif; color:#104581; font-size: 17px; line-height:19px; padding:0; margin:0; padding-bottom: 10px; font-weight: normal; }
h3 { font-family:Georgia, "Times New Roman", Times, serif; color:#666666; font-size:14px; padding:0; margin:0; padding-bottom: 6px; font-weight: normal; font-style:italic; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#336699; line-height:18px; padding-bottom: 0px; }
ul { list-style:none; margin-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; line-height:19px; margin-top: 0px; padding-bottom: 0px; }
li { padding-bottom:0px; list-style-image:url(../images/icon_plus.jpg); margin-left:20px; }
.img { padding:6px; background-color:#FFF; border:solid 1px #2850a1; margin-bottom: 8px; }

/* ---------------------------------------------------------------------------
Global ID's
-----------------------------------------------------------------------------*/
body { font-family: Arial, Helvetica, sans-serif; background-color:#ffffff; text-align: center; margin: 0; padding: 0; }
#wrapper { background:url(../images_global/contentArea_bottom.jpg) bottom repeat-x; width: 100%; text-align: left; height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */ position:relative; }
#siteFrame { height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */ margin: 0 auto; position: relative; padding-bottom:150px; /* Allow room for footer to stick to the bottom */ width: 100%; }
#invisibleLink { background: url(../images_global/spacer.gif) no-repeat 0 0; width:270px; height:85px; text-indent: -9999px; display: block; position: absolute; top: 139px; left: 17px; }
.centerContent { /* Keep content centered within the browser */ width:900px; margin:0 auto; position: relative; }
.centerContent_interior { /* Keep content centered within the browser */ width:880px; margin:0 auto; position: relative; }

/* ---------------------------------------------------------------------------
Top Banner
-----------------------------------------------------------------------------*/
#topBanner_repeat { background:url(../images/topBanner_repeat.jpg) repeat-x; width:100%; height:164px; } 
#topBanner { background:url(../images/topBanner.jpg) no-repeat; width:900px; height:164px; margin:0 auto; position:relative; } 
#topLogo { position:absolute; left: 30px; top: 35px; } 
#rexallLogo { position:absolute; left: 356px; top: 29px; } 
#topPhoto{ position:absolute; top: 6px; left: 490px; } 
#topPhone { position:absolute; left: 758px; top: 34px; } 
#topLux { position:absolute; left: 756px; top: 88px; } 
#topMenu { position:absolute; left: 29px; top: 124px; } 

/* ---------------------------------------------------------------------------
Main Content
-----------------------------------------------------------------------------*/
#contentArea_bg { background:url(../images/contentArea_bg.jpg) repeat-x; width:100%; padding-top:11px; } 
#homeMainBanner { background:url(../images/home_mainBanner.jpg) no-repeat; width:902px; height:348px; margin:0 auto; position:relative; z-index: 10; }
#hmb_photoFrames { background:url(../images/mainBanner_photoFrames.jpg) no-repeat; position:absolute; width:447px; height:318px; top: 13px; left: 18px; } 
#hmb_photo { position:absolute; top: 18px; left: 6px; }

#hmb_photo img {position:absolute; top:0; left:0;}
#hmb_content .content {position:absolute; top:0; left:0; height: 100%;}

#hmb_content { position:absolute; left: 485px; top: 30px; width: 389px; height: 289px; } 
#hmb_content p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; line-height:22px; color:#6a7481; padding:0; margin:0; padding-bottom: 8px; text-align: left; }
#hmb_content h1 { font-family:Georgia, "Times New Roman", Times, serif; color:#104581; font-size: 21px; line-height:19px; padding:0; margin:0; padding-bottom: 15px; font-weight: normal; }
.hmb_btn { background:url(../images/mainBanner_btn.jpg) no-repeat; width:63px; height:34px; position:relative; } 
.btnNum { position:absolute; } 
.btnNum a:link { font-family:Georgia, "Times New Roman", Times, serif; color:#48a3dc; font-size: 21px; font-weight:bold; text-decoration:none;}
.btnNum a:visited { font-family:Georgia, "Times New Roman", Times, serif; color:#48a3dc; font-size: 21px; font-weight:bold; text-decoration:none; }
.btnNum a:hover { font-family:Georgia, "Times New Roman", Times, serif; color:#104581; font-size: 21px; font-weight:bold; text-decoration:none; }
.btnNum a.current { font-family:Georgia, "Times New Roman", Times, serif; color:#104581; font-size: 21px; font-weight:bold; text-decoration:none; }
.btnNum a:active { font-family:Georgia, "Times New Roman", Times, serif; color:#104581; font-size: 21px; font-weight:bold; text-decoration:none; }

/* ---------------------------------------------------------------------------
Feature Boxes
-----------------------------------------------------------------------------*/
#featureBox_1 { background:url(../images/homeFeature_1.jpg) no-repeat; float:left; width:444px; height:237px; margin-top:25px; position:relative; } 
#featureBox_1copy { width:403px; height:67px; position:absolute; left: 25px; top: 156px; }
p.featureTxt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; line-height:18px; color:#697381; padding:0; margin:0; padding-bottom: 0px; text-align: left; } 
#featureBox_1copy a:link { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#107ac8; text-decoration:none;}
#featureBox_1copy a:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#107ac8; text-decoration:none; }
#featureBox_1copy a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#104581; text-decoration:underline; }
#featureBox_1copy a:active { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#104581; text-decoration:underline; }

#featureBox_2 { background:url(../images/homeFeature_2.jpg) no-repeat; width:259px; height:237px; float:left; margin:25px 0px 0px 15px; position:relative; }
#featureBox_2copy { width:220px; height:201px; position:absolute; left: 19px; top: 17px; } 

.fieldStyle { background:url(../images/field_bg.jpg) no-repeat; border:none; width:213px; height:31px; padding:7px 8px 0px 8px; color:#003066; font-size:11px; font-weight:bold;} 
input.btn { border:0; background:url(../images/submitBtn.jpg); width:69px; height:32px;}
input.btnhov { border:0; background:url(../images/submitBtn_ro.jpg); }

#featureBox_3 { float:left; margin:25px 0px 0px 20px; } 

/* ---------------------------------------------------------------------------
Bottom Area
-----------------------------------------------------------------------------*/
#siteMap { background:url(../images/sitemap_top.jpg) no-repeat; width:900px; padding:25px 15px 0px 15px; margin-top: 12px; } 
.siteMap_block { float:left; padding-right:55px; } 
.siteMap_block ul { list-style:none; line-height:21px;  }
.siteMap_block li { padding-bottom:0px; margin-left:0px; }
.siteMap_block a:link { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#98adb9; text-decoration:none;}
.siteMap_block a:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#98adb9; text-decoration:none; }
.siteMap_block a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#104581; text-decoration:none; }
.siteMap_block a:active { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#104581; text-decoration:none; }

/* ---------------------------------------------------------------------------
Interior Page
-----------------------------------------------------------------------------*/
#interior_photoFrame { background:url(../images/interior_photoFrame.jpg) no-repeat; width:878px; height:180px; position:relative; z-index:9; } 
.interior_photo{ width:855px; height:157px; position:absolute; top: 6px; left: 7px; z-index:10; }
.interior_tag { width:354px; height:106px; position:absolute; left: 482px; top: 33px; } 
.interior_tag p{ color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px; text-decoration: none; font-weight:normal; font-style:normal;}
.interior_tag a:link{ color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px; text-decoration: none; font-weight:normal; font-style:normal;}
.interior_tag a:visited{ color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px; text-decoration: none; font-weight:normal; font-style:normal;}
.interior_tag a:hover{ color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px; text-decoration: underline; font-weight:normal; font-style:normal;}
.interior_tag a:active{ color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px; text-decoration: underline; font-weight:normal; font-style:normal;}
.interior_tag h1 { font-family:Georgia, "Times New Roman", Times, serif; color:#ffffff; font-size: 31px; line-height:19px; padding:0; margin:0; padding-bottom: 15px; font-weight: normal; }

#mainContent_interior { background:url(../images/contentArea_interior_mid.png) repeat-y; width:878px; }
#mainContent_leftCol { float:left; width:205px; }
#mainContent_rightCol { float:left; width:640px; margin:20px 0px 0px 30px; } 

#menu { list-style: none; width: 203px; padding-top: 0px; margin: 0; }
#menu ul{padding-top: 0px; padding-left: 0px; margin: 0;}
#menu li{list-style: none; padding:0px; margin: 0px; }
#menu a:link{ color: #1b3463; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; display:block; text-decoration: none; padding: 5px 5px 5px 20px; font-weight:normal; font-style:normal; background:url(../images/interior_sideMenu_line.jpg) no-repeat bottom;}
#menu a:visited{ color: #1b3463; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px;  display:block; text-decoration: none; padding: 5px 5px 5px 20px; font-weight:normal; font-style:normal;}
#menu a:hover{background-color: #fff; color: #2f4658; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; display:block; text-decoration: underline; padding:  5px 5px 5px 20px; font-weight:normal; font-style:normal;}
#menu a:active{ color: #1b3463; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; display:block; text-decoration: none; padding:  5px 5px 5px 20px; font-weight:normal; font-style:normal;	}

.breadcrumbs{ height: 25px; padding: 0px 0px 10px 0px; }

.breadcrumbs p{ color: #6c7c87; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; text-decoration: none; font-weight:normal; font-style:normal;}
.breadcrumbs a:link{ color: #0071d4; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; text-decoration: none; font-weight:normal; font-style:normal;}
.breadcrumbs a:visited{ color: #0071d4; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; text-decoration: none; font-weight:normal; font-style:normal;}
.breadcrumbs a:hover{ color: #2f4658; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; text-decoration: underline; font-weight:normal; font-style:normal;}
.breadcrumbs a:active{ color: #1b3463; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; text-decoration: none; font-weight:normal; font-style:normal;	}

.PositionBox { position:relative; } 
.leavesInterior { background:url(../images/leaves_interior.png) no-repeat; position:absolute; width:229px; height:147px; left: 693px; top: 117px; z-index:8; } 
.leavesHome { background:url(../images/leaves_home.png) no-repeat; position:absolute; width:143px; height:205px; left: -50px; top: -11px; z-index:8; } 


/* ---------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------*/
#footer{ width:100%; height:132px; position: absolute; bottom: 0px; z-index: 1; }
.footerContent { background:url(../images/footer_bg.jpg) repeat-x; margin:0 auto; width:900px; height:132px; padding: 17px 0px 0px 40px; position: relative; }
.footerLogo { position:absolute; top: 67px; } 
.footerLux { position:absolute; left: 753px; top: 73px; } 
.footerCopy { position:absolute; width: 393px; height: 32px; left: 294px; top: 78px; } 
.footerCopy p{ font-family:Arial, Helvetica, sans-serif; color:#d8e1e6; font-size:10px; padding-bottom:10px; }
.footerCopy a:link { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#91aab9; text-decoration:none;}
.footerCopy a:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#91aab9; text-decoration:none; }
.footerCopy a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#336699; text-decoration:none; }
.footerCopy a:active { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#336699; text-decoration:none; }


/*-----------------------------------------------------------------------------
Table code
------------------------------------------------------------------------------*/
#miniTable { font-family: "Arial, Helvetica, sans-serif"; font-size: 11px; background: #fff; margin: 45px; width: 480px; border-collapse: collapse; text-align: left; border: 1px solid #0a52a4; }
#miniTable th { font-size: 14px; font-weight: normal; color: #039; padding: 8px 6px; border-bottom: 2px solid #0a52a4; }
#miniTable td { color: #669; padding: 6px 6px 0px 6px; }
#miniTable tbody tr:hover td {color: #009; }
.style1 { text-align: left;}

.connect_icon {
padding-right:5px;
}

.siteMap_block h2{
color:#00337f;
}