/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
 .sIFR-active h1.sifr-h1 {
   visibility: hidden;
   font-family: verdana;
   line-height: 1em;
   font-size:  45px;
   }
}
/* Stylesheet for PMI Aladdin */
/* Default Overrides */ * {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    color: #545454;
}

body {
    background-color: #F2F2F2;
    font-size: 62.5%;
    font-family: trebuchet, arial, verdana, sans-serif;
}

.offscreen {
	left: -99999px !important;
	position: absolute !important;
}

.displayNone {display: none;}

a {
    color: #f58515;
    text-decoration: none;
	font-size: 1.1em;
}

p a, 
dd a,
dt a,
li a {font-size: 1em;}

a:visited {
    color: #f58515;
    text-decoration: none;
    outline: none;
}

a:hover {
    background: url(../img/dark_dots.gif) repeat-x bottom;
    color: #ff6600;
}

a:active {
    color: #f58515;
    text-decoration: none;
    outline: none;
}

a img {
    border: none;
}

.textAlign-center {text-align: center;}

h1, h2, h3, h4, h5, h6 {font-family: "Lucida Grande", trebuchet, arial, verdana, sans-serif;}

h1 {
    color: #909090;
    font-size: 1.8em;
    font-weight: normal;
    margin-bottom: 1em;
}

h1.sifr-h1 {
	text-transform: uppercase;
	font-size: 45px;
}

h2, 
ul.graphical-list li {margin-bottom: 15px;}

h2 {
    color: #00377e;
    font-size:1.6em;
    font-weight:600;
    margin-top: 0.5em;
}

.border {
	background: transparent url(../img/blue_dots.png) repeat-x center bottom;
	padding-bottom: 8px;
}

h3 {
    color: #000000;
    font-size: 1.45em;
    margin-bottom: 0.5em;
    font-weight: 100;
}

h4 {
    color: #000000;
    font-size: 1.31em;
    margin-bottom: 0.5em;
    font-weight: 100;
}

.block {
	background: #00377e;
	color: #ffffff;
	padding: 5px 0 6px 10px;
	margin-bottom: 1.15em;
}

p, address {
    margin-bottom: 1em;
	font-size: 1.2em;
	color: #545454;
}

address {font-style:italic;}

p.intro {
    color: #333333;
    font-size: 1.3em;
    font-weight: 600;
}

p.intro02 {
    color: #333333;
    font-size: 1.7em;
    line-height: 22px !important;
}

div#container-main p {line-height: 19px;}

div.hr_dark, div.hr_light {
    width: 100%;
    height: 1px;
    clear: both;
    margin: 18px 0;
    overflow: hidden;
    background: url(../img/dark_dots.gif) repeat-x top;
}

div.hr_light {
    background: url(../img/light_dots.gif) repeat-x top;
}

div.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}

/* General Form Styles */
fieldset {
    border-style: none;
}

fieldset label {
    display: block;
    margin-bottom: 4px;
}

fieldset input.text, fieldset select, fieldset textarea {
    margin-bottom: 15px;
}

fieldset input.text {
    padding: 1px 0.25em;
}

fieldset select option {
    padding: 0 0.25em;
}

/* /General Form Styles */
/* Specific Form Styles */
/* Sign Up form */
fieldset#sign_up {
    margin-bottom: 10px;
}

fieldset#sign_up span.space {
    width: 9em;
}

fieldset#sign_up input.text {
    width: 260px;
}

fieldset#sign_up select#state_prov {
    width: 4em;
}

fieldset#sign_up select#country {
    width: 11.25em;
}

fieldset#sign_up input#addr1 {
    margin-bottom: 0.5em;
}

fieldset#sign_up input#zip_code {
}

fieldset#sign_up div.col1 {
    float: left;
}

fieldset#sign_up div.col2 {
    float: left;
    margin-left: 80px;
}

div.col2 div#help_test {
    margin-top: 20px;
}

div#help_test label {
    display: inline;
}

div#help_test input#test_no {
    margin-left: 10px;
}

/* Contact Us form */
fieldset#contact_us {
    float: left;
    padding: 19px;
    border: 1px solid #E3E3E3;
    background: #FAFAFA;
}

fieldset#contact_us input.text {
    width: 200px;
}

fieldset#contact_us select {
    width: 204px;
}

fieldset#contact_us textarea {
    width: 300px;
}

/* /Specific Form Styles */
ul.blue {
    list-style-image: url(../img/blue_bullet.gif);
    margin-left: 1em;
    margin-bottom: 1em;
}

ul.blue li {
    margin-bottom: 0.5em;
}

/* LAYOUT */
div#container {
    background: url(../img/main_background.png) repeat-y;
    margin: 0 auto;
    width: 1034px;
    position: relative;
}

div#container-bottom {
	background: url(../img/main_bg_bottom.png) 0px bottom no-repeat;
}

div#border-chrome {
    height: 7px;
    background: #00377e;
    margin: 0 0 18px 21px;
    width: 993px;
	overflow: hidden;
}

div#container div#content_wrapper {
    padding: 0 49px 46px 49px;
}

/* Header Styles */
div#content_wrapper div#header {

}

div#header a#logo {
    background-image: url(../img/logo.png);
    display: block;
    width: 368px;
    height: 38px;
	float: left;
}

div#header a#logo span {
    position: relative;
    left: -9000px;
}

div#header ul#location-list {
    display: block;
    text-decoration: none;
    list-style-type: none;
    float: right;
	padding-top: 13px;
	width: 500px;
}

div#header ul#location-list li {
	float: right;
    color: #a8a8a8;
    text-transform: uppercase;
    margin-right: 7px;
    padding-right: 7px;
    border-right: #7a97bc 1px solid;
}

div#header ul#location-list li.last {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}

div#header ul#location-list li a:hover {
    color: #c4bebe;
	background: none;
}

div#header ul#location-list li a:active {
  	color:#00377E;
}

a#contact span {
    position: relative;
    left: -9000px;
}

/* Top Nav */
div#header div#nav {margin: 17px 0 3px 2px;}

div#nav ul {
    list-style: none;
    padding: 0;
}

div#nav ul li {
    width: 130px;
    height: 24px;
    margin-right: 4px;
    float: left;
	text-align: center;
}

div#nav ul li ul {float:left;}

div#nav ul li.last {
    margin-right: 0;
}

div#nav ul li a {
	color: #00377e;
	text-transform: uppercase;
}

div#nav ul li a {
    display: block;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 130px;
    height: 19px;
	font-size: 11px;
	background-image: url(../img/nav/nav.png);
	background-repeat: no-repeat;
	background-position: 0 -50px;
	padding-top: 5px;
}

div#nav ul li a:hover {background-position: 0 -25px;}

div#nav ul li.current a,
div#nav ul li a:active,
div#nav ul li.current a:hover {
    background-position: 0 0px;
	color: #fff;
}

/* Top Nav */
/* /Header Styles */

/* Flash Banner */
div#flash_banner {
    width: auto;
    z-index: 1;
}

div#flash_banner embed {
    z-index: 1;
    position: relative;
}

/* /Flash Banner */
/* Content */
div#content {
}

body.home div#content {
    padding-bottom: 0;
}

/* Left Nav */
div#content div#left_nav {
    width: 100px;
    float: left;
}

div#left_nav div.hr_light {
    margin: 9px 0;
}

div#left_nav span.header {
    color: #909090;
    font-size: 1.1em;
    display: block;
    width: 100%;
    padding-bottom: 4px;
    padding-left: 5px;
}

div#left_nav a {
    display: block;
    padding: 4px 0 4px 4px;
}

div#left_nav a:hover {
    background-color: #F8F8F8;
    background-image: none;
}

div#left_nav a.current {
    background-color: #F8F8F8;
    color: #000000;
}

div#left_nav ul {
    list-style: none;
    margin-bottom: 30px;
}

div#left_nav ul li {
    background: url(../img/light_dots.gif) top repeat-x;
    padding: 1px 1px;
}

div#left_nav ul li a {
    font-size: 0.95em;
}

div#left_nav ul li ul {
    margin-left: 25px;
    margin-bottom: 0;
}

div#left_nav ul li ul li {
    background-image: none;
}

div#left_nav ol {
    margin-top: 0.5em;
    margin-left: 25px;
}

div#left_nav ol li {
    margin-bottom: 1em;
}

/* /Left Nav */
/* Sub Content */
div#content div#sub_content {
    float: left;
    width: 658px;
    margin-left: 32px;
}

div#sub_content div.breadcrumbs {
    color: #7F7F7F;
    margin-bottom: 20px;
}

div.breadcrumbs span {
    margin: 0 0.25em;
}

div.breadcrumbs span.current {
    color: #000000;
}

/* /Sub Content */
/* /Content */
/* Footer */
div#footer {
    color: #7F7F7F;
    font-size: 0.8em;
    width:1034px;
	margin: 9px auto 0 auto;
	padding-bottom: 40px;
}

div#footer span {
    margin: 0 0.25em;
}

div#footer div#footer_links {
	margin-left: 20px;
}

div#aladdin_abroad {
    position: absolute;
    right: 55px;
}

div#aladdin_abroad span {
    margin-right: 4px;
}

/* 3 COLUMN LAYOUT */
div#container-primary {
	width: 751px;
	float: left;
	margin-right: 53px;
}

div#container-sub2 {
	float: left;
	width: 132px;
}

div#container-sub1 {
	float: left;
	width: 130px;
}

div#container-main {
	float: right;
	width: 582px;
}

div#sub-banner {
	margin-left: -28px;
	margin-top: 11px;
	margin-bottom: 33px;
	
}

div#sub-banner h1 {padding: 69px 0 0 0;}

div#sub-banner div.banner01 {
	background: url(../img/banners/01.jpg) no-repeat 0 0;
}

div#sub-banner div.banner02 {
	background: url(../img/banners/02.jpg) no-repeat 0 0;
}

div#sub-banner div.banner03 {
	background: url(../img/banners/03.jpg) no-repeat 0 0;
}

div#sub-banner div.banner04 {
	background: url(../img/banners/04.jpg) no-repeat 0 0;
}

div#sub-banner div.banner05 {
	background: url(../img/banners/05.jpg) no-repeat 0 0;
}

div#sub-banner div.stanley {
	background: url(../img/banners/stanley.jpg) no-repeat 0 0;
}

div#sub-banner div.aladdin {
	background: url(../img/banners/aladdin.jpg) no-repeat 0 0;
}

div#sub-banner div.banners {
	height: 189px;
	width: 993px;
	background-repeat: no-repeat;
}

div#sub-banner div.banners h1 {left: 62px; position: absolute;}

ul#subnav {
	list-style-type: none; 	
	padding-bottom: 1px;
}

ul#subnav ul {list-style-type: none;}

ul#subnav li {
	background: transparent url(../img/light_dots.gif) repeat-x center top;
	padding-top: 4px;
} 

ul#subnav li a {
	display: block;
	padding: 0.3em 0 0.3em 6px;
	margin: 0 0 3px 0;
}

ul#subnav li.current li a {
    background: transparent !important; 
    color: #F58515;
}

ul#subnav li li.last {background: none;}

ul#subnav li li {
    padding-left: 10px;
}

ul#subnav li a:hover {
	background: #f6f9fb;
}

ul#subnav li a:active,
ul#subnav li.current a,
ul#subnav li.current a:hover {
	background: #eff3f6;
}

ul#subnav li.current a {
	font-weight: 600;
	color: #333333;
}

ul.graphical-list,
ul.text-list,
ul.profile-list {
	list-style-type: none; 	
    margin-bottom: 1em;
}

ul.graphical-list li,
ul.text-list li,
ul.address-list li {
	background: transparent url(../img/blue_dots.png) repeat-x center bottom;
}

ul.graphical-list li div.textAlign-center {
	float: left;
	width: 218px;
}

ul.graphical-list li img {
	display: inline;
}

ul.graphical-list li div.content {
	float: right;
	width: 340px;
	margin-right: 17px;
}

ul.graphical-list li p.info {
	margin-bottom: 0;
	color: #205283;
	font-size: 1.2em;
}

ul.text-list li {font-size: 1.1em;}

ul.text-list li a {font-size: 1.1em;}


ul.text-list li a.item {
	font-size: 12px;
	margin-bottom: .7em;
}

ul.text-list li {
    margin-top: 0.7em;
    padding-bottom: 0.7em;
}

ul.text-list li.last {background: none;}

ul.profile-list li.list-item {
    background: transparent url(../img/light_dots.gif) repeat-x center bottom;
    padding: 1.5em 0;
}

ul.profile-list li.list-item img.profile {
    float: left;
}

ul.profile-list li.list-item div.content {
    width: 400px;
    float: right;
}

ul.bullet {
    margin-bottom: 1em;
    margin-left: 15px;
}

ul.bullet li {
    font-size: 1.2em;
    color: #545454;
    line-height: 17px;
}

ul.bullet li ul li {font-size: 1em;}

ul.bullet li ul li ul li {font-size: 1em;}

ul.bullet ul {margin-left: 14px;}

dl {margin-bottom: 1em;}

dl dt {font-size: 1.2em;}

dl dd {font-size: 1.2em; margin-bottom: .5em;}

dl.dlist dt {font-weight: 600;}

ul.address-list {list-style-type: none;}

ul.address-list li.item {
    padding-bottom: 2em;
    margin-bottom: 2em;
    font-size: 1.1em;
}

ul.address-list h3 {
    color: #205283;

}

ul.address-list address {
    font-size: 1.1em;
    font-style: normal;
    color: #999999;
    line-height: 18px;
}



/* /Footer */
/* /TEMPLATE STYLES */
/* REUSABLE STYLES */ .lightblue_bar {
    border: 1px solid #E3E3E3;
    background: #FAFAFA;
    padding: 20px;
}

div.menu {
    border: 1px solid #E3E3E3;
    background: #FAFAFA;
    padding: 8px 18px;
    margin-bottom: 20px;
}

div.menu span {
    color: #7F7F7F;
    margin: 0 0.75em;
}

/* /REUSABLE STYLES */
/*****************/
/* PAGE SPECIFIC */
/*****************/
/* Home Page */
div#free_shipping {
    padding: 10px 14px;
}

div#free_shipping span {
    color: #7F7F7F;
    padding-left: 12px;
}

/* callouts */
div#callout-wrapper {
    background: url(../img/home/bucket-background.png) 0 0 no-repeat;
    width: 940px;
    height: 195px;
}

div#content ul#callouts {
    list-style: none;
    background: green;
}

ul#callouts li.items {
    float: left;
    height: 156px;
    padding: 16px 0;
	width: 235px;
    overflow: hidden;
	background: transparent url(../img/home/bucket-divider.png) right 8px no-repeat;
}

ul#callouts li.items p {font-size: 1.1em;}

ul#callouts li.bucket-01,
ul#callouts li.bucket-02 {
	height: 162px;
}

ul#callouts li.bucket-01 img,
ul#callouts li.bucket-02 img {
	float: right;
	margin-right:2px;
}

ul#callouts li.bucket-01 img {
    margin-right: 2px;
    margin-top: 3px;
}

ul#callouts li.bucket-01 div.main-content,
ul#callouts li.bucket-02 div.main-content {
	float:left;
	padding-right:0;
}

ul#callouts li.bucket-01 div.main-content {width:108px;}

ul#callouts li.bucket-02 div.main-content {width: 133px;}

ul#callouts li div.main-content,
ul#callouts li.bucket-03 h2,
ul#callouts li.bucket-04 h2 {
	padding:0 18px 0 20px;
}

ul#callouts li h2 {
    color: #00377e;
    font-size: 2em;
    text-transform: none;
    margin-bottom: 6px;
    margin-top: 0 !important;
}

ul#callouts li p {
    color: #7F7F7F;
    margin-bottom: 0.5em;
}

ul#callouts li a.action {
    text-transform: uppercase;
}

ul#callouts li label {font-size: 0.9em;}


ul#callouts li.split_callout div#fun_fact {
    position: relative; 
    top: 45px;
}

ul#callouts li.last {
	background: none;
}

ul#callouts li.bucket-01 h2 {
	background: url(../img/home/bucket01-header.png) no-repeat 0 0;
	width: 129px;
	height: 29px;
	margin-top: 7px;
}

ul#callouts li.bucket-02 h2 {
	background: url(../img/home/bucket02-header.png) no-repeat 0 0;
	width: 99px;
	height: 56px;
	margin-top: -8px !important;
}

ul#callouts li.bucket-01 h2,
ul#callouts li.bucket-02 h2 {margin-left: auto; margin-right: auto;}

ul#callouts li.bucket-03 h2,
ul#callouts li.bucket-04 h2 {margin-top: 10px;}

/* /callouts */
/* /Home Page */

ul.link-description-list {
	list-style-type: none;
}

ul.link-description-list li {
    margin-bottom: 1em;
}

ul.link-description-list li a {font-weight: 600;}


/* sitemap */

div#sitemap {font-size: 1.2em;}

div#sitemap li {
    margin-bottom: 0.5em;
    list-style-position: inside;
    font-weight: 600;
    list-style-type: none;
}

div#sitemap ul {margin: 5px 0;}

div#sitemap ul li ul li {
    list-style-type: disc;
    font-size: 14px;
}

div#sitemap ul li ul {margin-left: 10px;}

div#sitemap ul li ul li ul li {
    list-style-type: circle;
    font-weight: 100;
    font-size: 12px;
    margin-left:8px;
}

div#sitemap ul li ul li ul li ul li {
    list-style-type:square;
    margin-left: 10px;
    font-size: 12px;
}

div#sitemap ul li ul li ul li ul li ul li {
    font-size: 12px; 
    list-style-type: none; 
    margin-left: 16px;
}

body.directions-popup {padding: 10px 15px;}

.CartListHead
{
    background-color:#CCCCCC;
    /*border-bottom: dimgray;
    border-left: dimgray 1px solid #F3F7FA;*/
    font-weight: bold;
    line-height: 20pt;
    padding-left: 5px;
}

.CartListHead td
{
	font-size: 0.95em;
	padding: 1px 0px 1px 1px;
}

.CartListItem
{
    background-color: #ffffff;  
}
.CartListItem td
{
	border: solid 1px #D6D5D5;
	font-size: 1.00em;
	padding: 1px 0px 1px 1px;
}

.CartListItemAlt
{
    background-color: #F4F4F4;
}

.CartListItemAlt td
{
	border: solid 1px #D6D5D5;
	font-size: 1.00em;
	padding: 1px 0px 1px 1px;
}

.CartListFooter
{
    background-color: #E9F1FD;
    line-height: 10pt
}