/* Rexall Framework */

/* Reset File For Cross-Browser Standardization */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Header */
body {
	background: url('../images/backgroundBody.gif') repeat-x;
	margin: 0;
	font: 12px Arial, Helvetica, sans-serif;
}
#site {
	width: 950px;
	margin: 0 auto;
}
#rexall {
	background: white;
	float: left;
	width: 950px;
}
#header {
	height: 80px;
	background: url('../images/backgroundHeader.gif') 0 10px repeat-x;
}
#headerLeft { float: left; width:100px; }
#headerLeft #buttonHome {
	position: relative;
	left:13px;
	top: -1px;
}
#headerRight { float: right; }
#headerRight {
	font-size: 11px;
	position: relative;
	top: 23px;
	left: -15px;
	color: white;
}
#headerRight #nlSignup {
	position: relative;
	left: 242px;
	top: 8px;
}
#headerRight div { clear: both; float: right; margin-top: 8px; text-align: right; width: 100%; }
#headerRight a {
	color: white;
	text-decoration: none;
}
#headerRight img.home{
	margin : 0px 3px 0px 0px;
}
#headerRight .navDivider{
	margin:0 4px 0 3px;
}
#headerRight a:hover { text-decoration: underline; }
#header form { float: right; }
#header #rexallSearchTerm {
	font-size: 11px;
	color: #4179AA;
	font-weight: bold;
}
#header form #submit {
	width: 52px;
	height: 22px;
	border: 0;
	padding: 0;
	margin: 0;
	background: url('../images/buttonSubmitHeader.gif') no-repeat;
	cursor: pointer;
}
#header #logo {
	padding-top: 10px;
	margin-bottom: -50px;
	position: relative;
}

#navContainer { height: 39px; }
#navigation { float: right; font-size: 12px; height: 39px; margin-bottom: -1000px; padding-left: 300px; position: relative; z-index: 8; }
#navigation li { float: left; }
#navigation li#navHealthadvisor { width: 182px; }
#navigation li#navHealthadvisor li { width: 174px; }
#navigation li#navHealthservices { width: 182px; }
#navigation li#navHealthservices li { width: 174px; }
#navigation li#navPharmacy { width: 160px; }
#navigation li#navPharmacy li { width: 152px;  }
#navigation li#navInstore { width: 84px; }
#navigation li#navInstore li { width: 162px; }
#navigation li#navInstore ul { left: -83px; margin-right: -83px; position: relative; }
#navigation li a.navLink img { border: 1px solid black; }
#navigation li ul { background: white; display: none; float: left; font-size: 12px; position: relative; left: 3px; top: -4px; z-index: 9;}
#navigation li ul li { border: 1px solid #CCC; border-bottom: 0; line-height: 26px; }
#navigation li ul li.bottom { border-bottom: 2px solid #014D89; }
#navigation li ul li a { background: white; color: black; display: block; height: 100%; text-decoration: none; padding-left: 10px; }
#navigation li ul li a:hover { background-color: #DEE9F4; }

#head #signUpButton { display: block; height: 64px; left: 15px; margin: 0; position: relative; top: -1px; width: 64px; z-index: 7; cursor: pointer; margin-bottom: -20px; }
#head #signUpTab { cursor: pointer; display: block; height: 62px; top: -41px; left: 51px; position: relative; width: 0; z-index: 6; display: none; margin-bottom: -42px; }
#head #brands {	height: 64px; background: url('../images/backgroundBrands.gif') no-repeat; }
#head #brandLogos { float: right; position: relative; top: -45px; left: -24px; margin-bottom: -55px; font-size: 12px; }
#head #brandLogos a { margin-left: 10px; }


/* Content */
#content { background: white; float: left; padding-bottom: 84px; }
/* Breadcrumb */
#breadCrumb { padding: 30px 0 0 20px; width: 350px; height: 40px; margin-bottom: -26px; font-size: 11px; cursor: default; }
#breadCrumb a {	color: #3D7BAC; }
#breadCrumb a:hover { text-decoration: none; }
#pageBanner { height: 167px; padding: 33px 0 0 20px; color: #014D89; }
#pageBanner h1 { font-size: 28px; font-weight: normal; width: 360px; }
#pageBanner h2 { width: 315px; font-size: 21px; font-weight: normal; }

/* Footer */
#footer {
	width: 950px;
	font-size: 11px;
	background: white;
	color: #666666;
	margin: 0 auto;
	float: left;
}
#footer a {
	color: #666666;
	text-decoration: none;
}
#footer #fontSize {
	height: 34px;
	background: url('../images/backgroundFooter.gif') repeat-x;
	cursor: default;
	margin-bottom: 17px;
}
#footer #fontSize a img {
	float: left;
	position: relative;
	top: 14px;
	left: 23px;
}
#footer #fontSize #styleSelect {
	float: right;
	position: relative;
	top: 6px;
	left: -25px;
	font-weight: bold;
	color: #5F5F5F;
	font-size: 12px;
}

#footer #fontSize #styleSelect #size14 { font-size: 14px; margin-left: 3px; }
#footer #fontSize #styleSelect #size16 { font-size: 16px; margin-left: 3px; }
#footer #fontSize #styleSelect a:hover, #footer #fontSize #styleSelect .selected { text-decoration: underline; }
#footer #tbFooter {
	width: 100%;
}
#footer #tbFooter td a b { padding-left: 15px; display:block; }
#footer #tbFooter td ul { padding: 2px 0 0 15px; }
#footer #tdFooterHA ul.firstColumn, #footer #tdFooterInStore ul.firstColumn {
	float: left;
	width: 140px;
}
/* Health Advisor */
#footer #tdFooterHA ul.secondColumn {
	float:left;
	width: 140px;
}
#footer #tdFooterHA {
	border-right: 1px dotted #8F8F8F;
	width: 310px;
}
/* Pharmacy Counter */
#footer #tdFooterPharmacy {
	border-right: 1px dotted #8F8F8F;	
	width:175px;
}
/* In Store */
#footer #tdFooterInStore ul.secondColumn {
	float: left;
	width: 135px;
}
#footer #tdFooterInStore ul.thirdColumn {
	float: left;
	width: 140px;
}
#footer #tbFooter ul li { line-height: 18px; }

#footerLegal {
	padding: 35px 0px 25px 15px;
	font-size: 10px;
	line-height: 16px;
}

#footerLegal #hlStyle {
	float: left;
	margin-right: 20px;
	height: 150px;
}



/* Page Elements */
a, .click {	cursor: pointer; }

/* Sizes */
.small { font-size: 90%;}
.smaller { font-size: 80%;}
.large { font-size: 110%;}
.larger { font-size: 120%; }

/* Colors */
.colorRed { color: red; }

/* Lightwindow */

.jqmWindow {
    display: none;
    position: fixed;
	z-index: 9999;
	top: 9%;
    left: 49.5%;
    margin-left: -350px;
    width: 690px;
    color: #333;
    padding: 12px;
}
.jqmWindow #lwContent {
	width: 665px;
	height: 392px;
    padding: 0 0 0 25px;
	background: white url('../images/lightwindowContent.jpg') right top no-repeat;;
	overflow: none;
}
.jqmWindow #lwMiddle {
	width: 665px;
	background: transparent;
	height: 392px;
}
.jqmOverlay { background-color: #093559; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) - 60 + 'px');
}


/* Accordion Menu */
.subSection { /* subNav & Right Nav */
	border-top: 1px solid #E3E3E3;
	padding-top: 10px;
}
#subNav {
	width: 165px;
	padding: 30px 10px 0 0;
	float: left;
	font-size: 12px;
	overflow: hidden;
}
#subNav .levelB { padding: 2px 0 5px 0; }
#subNav ul.levelA li.toplevel { padding-bottom: 10px; }
#subNav a {
	color: black;
	text-decoration: none;
}
#subNav ul.levelA li a.title.toplevel { display: block; font-weight: bold; padding: 1px 0 1px 2px; width: 163px; }
#subNav ul.levelA li a.title:hover  { background-color: #D0E0F0; }
#subNav ul.levelB li a.title { background: url('../images/iconArrowBlue.gif') 2px 50% no-repeat; font-weight: normal; padding: 2px 0 2px 12px; width: 153px; }
#subNav ul.levelB li a.title:hover { background: #EDF6FF url('../images/iconArrowBlue.gif') 2px 50% no-repeat; padding-left: 12px; }

#subNav ul.levelA li a.link:hover {	background-color: #E3E3E3; }

#subNav ul.levelA li div a { display: block; }
#subNav ul.levelB li div a {
	font-size: 11px;
	color: #999999;
	background: url('../images/iconArrowGrey.gif') 13px 7px no-repeat;
	padding: 2px 0 2px 23px;
}
#subNav ul.levelB li div a:hover { text-decoration: underline; }
#subNav ul li div {	display: none; }
#subNav ul li.selected div { display: block; }
#subNav ul li.selected a.title.toplevel { background-color: #D0E0F0; }
#subNav ul li.selected a.secondlevelSelected, #subNav ul li.selected ul.levelB a.highlighted { background-color: #EDF6FF; }
#subNav ul li a.underlined, #subNav ul li a.articleSelected { text-decoration: underline; }

/* Right Navigation */

#rightNav .subSection {	clear: left; color: #014D89; font-weight: bold; padding: 10px 0; width: 100%; }


#rightNav .subSection a#viewAll {
	float: right;
	font-size: 11px;
	color: #999;
	background: url('../images/iconArrowLightBlue.gif') left 50% no-repeat;
	padding-left: 10px;
}
#rightNav .subSection .list {
	color: black;
	font-weight: normal;
}
#rightNav .subSection .list li { clear: left; float: left; }
#rightNav .subSection .list a {
	text-decoration: none;
	font-size: 11px;
	width: 135px;
	color: black;
	float: left;
	margin-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
#rightNav .subSection .list span {
	width: 25px;
	display: block;
	float: right;
	margin-top: 5px;
	font-size: 11px;
	color: #999999;
	background: url('../images/iconComment.gif') right 2px no-repeat;
	text-align: right;
	padding-right: 20px;
}
#rightNav .subSection .list div {
	width: 120px;
	display: block;
	float: left;
	font-size: 11px;
	color: #666666;
	position: relative;
	top: -5px;
	margin-bottom: -5px;
}


#rightNav .subSection h3 {
	color: #014D89;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}
#rightNav .subSection h4 {
	color: #014D89;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
}
#rightNav .subSection h6 {
	font-size: 11px;
	font-weight: normal;
	padding-bottom: 5px;
}
#rightNav .subSection img.thumbnailNosize {
	position: relative;
	left: -15px;
	margin-right: -15px;
	border: 1px solid red;
}
#rightNav .subSection img.thumbnail {
	width: 53px;
	margin-top: 3px;
	padding-right: 5px;
}
#rightNav .subSection img.reflection {
	float: left;
	position: relative;
	top: 1px;
	margin-right: -53px;
	overflow-y: auto;
}
#rightNav .subSection p, #rightNav .subSection #pharmacyCounter p {
	padding-bottom: 10px;
	font-size: 11px;
	color: #666;
	font-weight: normal;
}

#askPharmacist {
	font-size: 11px;
	font-weight: normal;
}

#rightNav .subSection a {
	text-decoration: none;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
}
#rightNav .subSection h3 a {
	font-size: 14px;
	font-weight: bold;
	color: #014D89;
}
#rightNav .subSection h4 a {
	font-size: 12px;
	font-weight: bold;
	color: #014D89;
}
#rightNav .subSection h6 a {
	font-size: 11px;
	font-weight: normal;
	color: #014D89;
}
#rightNav .subSection p a {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}

#rightNav .subSection a.blue { color: #014D89; }
#rightNav .subSection a:hover {	text-decoration: underline; }
#rightNav .subSection a.link, #askPharmacist ul li {
	padding-left: 15px;
	color: #014D89;
	background: url('../images/iconArrowOrange.gif') left 4px no-repeat;
}
#rightNav .subSection a.image {
	padding-left: 10px;
	background:none !important;
}
#askPharmacist ul li span { cursor: pointer; }
#rightNav .subSection #discussionList {	display: none;}
#rightNav .subSection #discussionList a {
	color: #666666;
	width: 50px;
	padding: 0 0 2px 8px;
	display: block;
	text-decoration: none;
}
#rightNav .subSection #discussionList a:hover {	text-decoration: underline; }

#rightNav #search {
	background: url('../images/buttonSearch.gif') bottom no-repeat;
	width: 52px;
	height: 24px;
	border: none;
	position: relative;
	cursor: pointer;
	top: 1px;
	left: 3px;
}
#rightNav #searchTerm {
	width: 137px;
	color: #4179AA;
	border: 1px solid #8FAAC7;
	font-size: 11px;
	font-weight: bold;
	height: 15px;
}
#rightNav #searchText {
	font-size: 10px;
	padding-top: 10px;
	font-weight: normal;
	color: #666;
	padding-bottom: 10px; 
}
#rightNav #searchText img { cursor: pointer; position: relative; top: 1px; }


.submit {
	width: 52px;
	height: 23px;
	border: 0;
	padding: 0;
	margin: 0;
	background: url('../images/buttonSubmit.gif') no-repeat;
	cursor: pointer;
}

/* Pagination */
#pagination, .pagination {
	width: 505px;
	margin-top: 30px;
	padding-top: 10px;
}
#pagination ul#pagi, .pagination ul#pagi { padding: 0; }
#pagination li, .pagination li { 
	margin:0;
	padding:0;
	list-style:none; /* savers */
	float:left;
}
#pagination .spacing-dot, .pagination .spacing-dot {
	font-weight: normal;
}
#pagination .previous-off, #pagination .spacing-dot, #pagination .next-off, .pagination .previous-off, .pagination .spacing-dot, .pagination .next-off {
	display: block;
	color: #CCCCCC;
	float: left;
	padding: 3px 4px;
}

#pagination .next a:hover, #pagination .previous a:hover, .pagination .next a:hover, .pagination .previous a:hover {
	border: solid 1px #A9C7E1;
	color: #004B8D;
	background-color: #F0F5FC;
}
#pagination .active, .pagination .active {
	color: #004B8D;
	display:block;
	float:left;
	padding: 3px 8px 4px 6px;
}
#pagination a, .pagination a {
	display:block;
	border: 1px solid #CCCCCC;
	float:left;
	padding: 3px 6px;
	margin-right: 2px;
	text-decoration:none;
	color: #666666;
}
#pagination a:hover, .pagination a:hover {
	border: solid 1px #A9C7E1;
	color: #004B8D;
	background-color: #F0F5FC;
}