/* ----------------- RESET IMPORT ----------------- */

@import url("gfx/MasterFloatRESETv11-1-2-min.css"); /* Upload stylesheet to GFX folder */
@import url("gfx/iog-grid-fixed.css"); /* Upload stylesheet to GFX folder */

/* ----------------- REDEFINE THE TAG SELECTORS ----------------- */
.clear {clear:both; height:0px; margin:0px;}

body {
	margin: 0 auto;
	background: url(/templates/bubbles/templates_cj5753/floating/jacksdrugstore/Black/en/gfx/bkgrd.jpg) #080e15 repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
}
body#landing {
	background: url(/templates/bubbles/templates_cj5753/floating/jacksdrugstore/Black/en/gfx/bkgrd.jpg) #080e15 repeat-x top left;
}
body#internal {
	background: url(/templates/bubbles/templates_cj5753/floating/jacksdrugstore/Black/en/gfx/bkgrd.jpg) #080e15 repeat-x top left;
}
/* --- REDEFINE HEADING TAG SELECTORS --- */

h1, h2, h3, h4, h5 {
	text-transform: capitalize;
	margin-right: 15px;
	font-weight: normal;
	line-height: 1.7em;
}
h1 {
	font-size: 1.7em;
	border-bottom:1px solid #d9d9d9;
	color: #0082C9;
	margin-bottom: 20px;
	margin-left: 50px;
margin-right: 50px;
}
h2 {
	font-size: 1.1em;
	font-family: Georgia, sans-serif;
	font-style: italic;
	color:#0086cf;
}
div.callouts {
	font-family: Arial, Helvetica, sans-serif;
}
h2.top {
	border-top:1px solid whitesmoke;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.3em;
}
/* --- REDEFINE TEXT TAG SELECTORS --- */

p, address {
	font-size: .9em;
	line-height: 1.6em;
	margin-right: 15px;
	margin-bottom: 18px;
}
address {
	font-style: normal;
}
div.page-template ul {
	list-style-position: outside;
	list-style-type:square;
	margin-left:20px;
	margin-bottom:20px;
}
div.page-template ol {
	list-style-position: outside;
	list-style-type: decimal;
}
div.page-template ul li, div.page-template ol li {
	font-size: .9em;
	line-height: 1.6em;
	vertical-align:middle;
	margin-left: 35px;
}
blockquote {
	margin : 0 0 1.5em 24px;
	padding-left : 24px;
	border-left : 1px solid rgb(200,200,200); /* hex code can be used here too */
	font-style : italic;
}
blockquote:before, blockquote:after, q:before, q:after {
	content : '';
	content : none;
}
b, strong {
	font-weight : bold;
}
i, em {
	font-style : italic;
}
sup, sub {
	position : relative;
	font-size : 75%;
	line-height : 0;
}
sup {
	top : -.5em;
}
sub {
	bottom : -.25em;
}
/* --- REDEFINE ANCHOR TAG SELECTORS --- */

a {
}
a:link {
	color: #0000CC;
}
a:visited {
	color: #0000CC;
}
a:hover {
	color: #0099CC;
}
a:active {
	color: #339999;
}
/* --- REDEFINE IMAGE TAG SELECTORS --- */

img {
	border: none;
}
.left {
	float: left;
	padding: 5px;
	border: 1px solid #D9D9D9;
	margin-bottom: 16px;
	margin-right: 20px;
}
img.right {
	float: right;
	margin: 5px 20px 20px;
}
img.leftborder {
	padding: 4px;
	border: 1px solid #cccccc;
	float: left;
	margin: 5px 20px 20px;
}
img.rightborder {
	padding: 4px;
	border: 1px solid #cccccc;
	float: right;
	margin: 5px 20px 20px;
}
img.border {
	padding: 4px;
	border: 1px solid #cccccc;
}


/* 5.NAVIGATION/MENU */

/* Feel free to change up this area as you see fit in order
to best suit your design. */

div#menu {
	height: 48px;
	
	z-index:99;
position:absolute;
top:101px;
right:10px;
	}

ul#nav {
	margin: 0;
	padding: 0;
	
	}
	ul#nav li {
		float: left;
		padding: 0;
		list-style: none;
		list-style-image: none;
		}
		ul#nav li.last {
			}
		ul#nav li.first {
			}
		ul#nav li a {
			font-size: 17px;
	        color: #4c5a63;
			text-decoration: none;
			display: block;
			text-align: left;
			padding: 0px 6px;
			white-space: nowrap;
			font-weight: normal;
			line-height:48px;
			text-shadow: rgba(0,0,0,0.6) 0px 1px 0px;
			}
			
			
		/* yes, you can combine the bottom two styles if you would like or need to */	
		ul#nav li.current a {
			color:#1764b4
			}
		ul#nav li a:hover {
			color:#1764b4
			}
		ul#nav li ul { /* second-level lists */
			position: absolute;
			/*background: orange;*/
			width: 10em;
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			margin-left:0px;
			padding-left:0px;
		}
		
		ul#nav li ul li a, ul#nav li.current ul li a {
			width: 239px;
			margin:0;
			border-bottom: solid 1px #75a0e7;
			padding: 0px 15px 0px;
			background-color: #e0f3ff;
			font-size: 14px;
			line-height:26px;
			margin-bottom:0px;
			text-shadow: none;
			}
			
			
		ul#nav li ul li a:hover, ul#nav li.current ul li a:hover {
			background-color: #0086cf;
	        color: #fff;
			}	
		 
		ul#nav li ul ul { /* third-and-above-level lists */
			margin: -1em 0 0 10em;
		}
		 
		ul#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
			left: -999em;
		}
		 
		ul#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
		}


/* --- UTILITY NAVIGATION --- */


/* --- WRAPPER ELEMENTS --- */
/*=> BE SURE TO ADD .clearfix to your container_24 div if using wrapper! */
#topwrapper {
	background:url(/templates/bubbles/templates_cj5753/floating/jacksdrugstore/Black/en/gfx/topbar-nav.png);
background-repeat:no-repeat;
background-position:top center;
	height:151px;
	
        position:relative;
}
#topwrapperlanding {
	background:url(/templates/bubbles/templates_cj5753/floating/jacksdrugstore/Black/en/gfx/topbar-nav.png);
background-repeat:no-repeat;
background-position:top center;
	height:510px;;
	bottom-border:1px solid #666;
        position:relative;

}
#headerwrapper {
	position: relative;
	height:151px;
}
#contentwrapper {
	background:url(/templates/bubbles/templates_cj5753/floating/jacksdrugstore/Black/en/gfx/content-bg.png) repeat-y center top;
	min-height:300px;
        /*position:relative;*/
}
#footerwrapper{
	background:url(/templates/bubbles/templates_cj5753/floating/jacksdrugstore/Black/en/gfx/footer-bg.png) no-repeat center top;
	min-height:196px;
}
/* search module */
#search {
	background:url(/templates/bubbles/templates_cj5753/floating/jacksdrugstore/Black/en/gfx/search.png) no-repeat center center;
	height:69px;
}
div#Search-module {
margin-top: 17px;
margin-left: 44px;
}
.search_button {
  width: 28px;
  height: 20px;
  border: none;
  cursor: pointer;
  text-indent: -9999px;
  color: transparent;
  text-transform: capitalize;
  margin-left: 8px;
  cursor: pointer;
  background:none;
}

.search_button:hover{
}

.search_field {
  border: none;
  background: none;
  margin-top: 0px;
   width: 155px;
  height: 18px;
  padding-left: 0px;
  color: #000;
}
/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

.slideContainer {
	width:320px;
	position: fixed;
	top:235px;
	right: -320px; /* 268 */
}

#slideTab {
	position: absolute;
	top:-3px;
	left: -52px;
	height:185px;
	width:52px;
	cursor:pointer;
	background: url(/templates/bubbles/templates_cj5753/floating/jacksdrugstore/Black/en/gfx/tab-slide.png) 0 0 no-repeat;
}
div#phonenumber {
	color: white;
	font-size: 20px;
	position: absolute;
		*position:relative;
	margin: 0;
	margin-left: 721px;
	margin-top: 64px;
}
div#address {
	color: whitesmoke;
	font-size: 14px;
	margin-top: 10px;
	text-align: right;
	height: 27px;
}
div#address address {margin-right:10px; }
div#widget{
	background:whitesmoke;
	height: 300px;
	text-shadow: rgba(0,0,0,0.6) 0px 1px 0px;
}
div#maincontent {
*margin-top:200px;
}

div#logo {
	position:absolute;
	top:0px;
	left:25px;
	z-index: 9999;
}

div#headerindex {
	height: 225px;
}
body#internal div#header {
  background: url("gfx/internal-header.jpg") no-repeat scroll 0 0 transparent;
  height: 190px;
  margin-left: 0;
  margin-top: 79px;
  width: 960px;
}

div#subheader {
	height: 80px;
}
#cta img {float:right;}


div#slider {
  bottom: 0;
  margin-top: 80px !important;
  *margin-top: 80px;
  right: 0;
}


div#container {
}
div#leftsidebar {
}
div#content {
	margin-top: 10px;
margin-left: 50px;
margin-right: 50px;
margin-bottom: -22px;
}
.top {margin-top:35px;}

#callouts {margin-top:5px;}

.callouts {
	height:297px;
	padding:20px 0px;
	text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
}

.sm {
	height:229px;
	padding:20px;
	background: url(/templates/bubbles/templates_cj5753/floating/jacksdrugstore/Black/en/gfx/callout-bg-sm.jpg) no-repeat top center;
	text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
	border:1px solid #dadada;
}
.callouts h2 {
	font-size: 1.4em;
	line-height: .6em;
	margin-bottom:15px;
}

.callouts p {
	line-height: 1.575em;
	margin-top: 0px;
	text-align: center;
	font-size: .8em;
}
.callouts p a img {
	padding: 15px;
}
#callouts a, a.nostyle {
	color: #000;
	text-transform: capitalize;
	text-decoration: none;
}
div#footer {
	padding-top: 30px;
	overflow:hidden;
}

div#footer h2, div#footer p {}

#contactInfo {

	margin-top:20px;
	margin-bottom:10px;
	font-size:12px;
	color:#474747;
	overflow:hidden;
}

#contactInfo li {
	display:block;
	width:33%;
	float:left;
}
div#copyr {
	margin-bottom: 50px;
}
div#copyright {
	text-align: center;
	color: #fff;
	font: 10px Arial, Helvetica, sans-serif;
}
div#copyright img {
	padding: 8px 0 15px;
	margin: 0 auto;
}
div#copyright a:link, div#copyright a:visited {
	color: #fff;
}
div#photos {
float: left;
width: 250px;
height: 350px;
margin-right: 20px;
top: 0;
}
.leftin {
	margin-left:232px!important;
}
/* --- WRAPPER ELEMENTS --- */
/*=> BE SURE TO ADD .clearfix to your container_24 div if using wrapper! */

/* 7. WIDGET AREAS */

div#widgetsidebar {
	width: 300px;
	margin: 15px;
	float: left;
	background: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
	
div#widgetbottom, div#widgettop {
	width: 975px;
	margin-right: 15px;
	border: 1px solid #cfcfcf;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
div#widgetbottom.widget-wrapper, div#widgettop.widget-wrapper {
	float: left;
	width: 300px;
	margin-left: 15px;
}
div#widgetbottom > *:after,  div#widgettop > *:after {
	content:'';
	clear: left;
}

/* 8.WIDGET STYLING */

/* Change the overall widget-wrapper class, you may add additional properties in 
this area as needed such as border, border-radius, etc. Calculator ID's are used
because their backgrounds are super, ultra stubborn to get rid of */
.widget-wrapper, div[id*="widget"] div#UnitCalc, div[id*="widget"] div#CaloriesCalc, div[id*="widget"] div#MortageCalc, div[id*="widget"] div#PregnancyCalc, div[id*="widget"] div#TaxCalc {
	 background: none !important; /* replace color here */
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 border-radius: 5px;
	  position: relative9; /* IE8 and below */
	 z-index: 09; /* IE8 and below */
}
/* add widget header bg that will show up as a tab-styled graphic for the h3 below */ 
.widget-title {
	background: #000;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #ccc;
	position: relative9; /* IE8 and below */
	z-index: 09; /* IE8 and below */
}
/* the heading tag within each widget, this will change heading style for widgets 
	specifically, don't forget about font color */
	.widget-title h3 {
	color: #fff;
	margin: 0;
	text-shadow: 1px 1px 6px #999;
	
.widget-body { /* should correct centering of elements inside of most widgets */
	text-align: center;
}
.widget-body p { /* can further effect elements inside on most widgets */
	text-align: left;
}
div#twtr-widget-1 div.twtr-doc div.twtr-hd h3 {
	display: none;
}
/* 9.MODULES */

/* click to call link*/
div#content a.sms-button {
	width: 150px;
	float: left;
}
/* facebook like link */
div#fblike {
	float: left;
	margin: 15px;
	color: #333;
}
/* default contact us form */
div#contact_us_container {
/* should inherit most of the body styling */
	}
div#contact_us_container .astrix {
	color: red;
}

/* print page and send to friend links found in content area */
body.span.print-page-link, body.span.sendtofriend-link {
float: right!important;
font-size: 12px!important;
}
/* language link styling for spanish, french, and english */
div#languagelinks {
}
/* 10.FOOTER AREA */

/* mirror module for utility nav */
ul#mirror-menu-module {
	width: 990px;
	margin: 5px auto;
	padding: 5px 0 30px;
	clear: both;
	position: relative9; /* IE8 and below */
	z-index: 09; /* IE8 and below */
}
ul#mirror-menu-module li {
	float: left;
	padding: 0 5px;
	list-style: none;
	text-align: center;
	border: 1px solid #cfcfcf;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
ul#mirror-menu-module a {
}
ul#mirror-menu-module a:hover {
}
/* misc links and text that may be generated using platform dynamic tags*/
div#footerdata, span.footerLinks {
	text-align: center;
	margin: 10px auto;
	clear: both;
}
a.print-map {
	font-size: 10px;
}
/* ATT Copyright */
div#copyright {
	clear: both;
	margin: 15px auto;
	text-align: center;
	font-size: 12px;
}

/* ----------------- COMMONLY USED CLASSES ----------------- */

.center {
	text-align: center;
	margin: auto;
}

/* ----------------- CUSTOM CLASSES ----------------- */

/*Form*/
#contact_us_forms_field > .form-row .form_field_text, .contact_us_row label, .form-row label, form[name="reqform"] .form_field_text, .column_Two .form-row .form_field_text, .column_one .form-row .form_field_text {
font-size: .80em!important;
}