@charset "utf-8";
/* master.css */

body {
	background-color: #ffffff;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	margin: 0px;
	min-width: 980px; /* Netscape 6 likes to spill the leftside of wrappers. We set the minimum body width to a value that is slightly larger than the page wrapper in order to fix that. */
	padding: 0px;
	text-align: center;
}

	body#popup {
		min-width: 420px;
	}

/***************************************************
 *
 * Typography
 *
 ***************************************************/

p {
	margin: 0 0 10px 0;
}

	div.long-description p {
		margin: 10px 0 0 0;
	}

	div.long-description {
		margin: 0 0 10px 0;
	}

a:link {
	color: #257fba;
	font-size: 11px;
	outline: none;
	text-decoration: none;
}

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

a:hover {
	/* color: #ec9800; */
	outline: none;
	text-decoration: underline;
}

a:active {
	/* color: #ec9800; */
	outline: none;
	text-decoration: underline;
}

a.link-default {
	color: #257fba !important;
}

h1, h2, h3, h4, h5, h6 {
}

h1 {}
	
	/* see ie6.css for margin fix for IE6 */
	h1 {
		color: #000;
		font-family: Arial, Tahoma, Verdana, sans-serif;
		font-size: 13px;
		font-weight: bold;
		margin: 7px 0 10px 0;
	}
	
h2 {}

	h2 {
		color: #555;
		font-family: Arial, Tahoma, Verdana, sans-serif;
		font-size: 12px;
		font-weight: bold;
		margin: -10px 0 0 0;
		padding-bottom: 10px; /* since IE subtracts the negative top margin from the bottom margin, we use padding instead */
	}
	
h3 {}

	h3 {
		color: #000;
		font-family: Arial, Tahoma, Verdana, sans-serif;
		font-size: 11px;
		font-weight: bold;
		margin: 0 0 10px 0;
	}
	
h4 {}

	h4 {
		color: #000;
		font-family: Arial, Tahoma, Verdana, sans-serif;
		font-size: 13px;
		font-weight: normal;
		margin: 0 0 10px 0;
	}

table {
	border-collapse: collapse;
	border-spacing: 0px;
}

table td {
	padding: 0px;
	vertical-align: top;
}

/***************************************************
 *
 * Custom Site Classes
 *
 ***************************************************/

ul.nav,
ul.nav ul,
ul.nav ul ul,
ul.nav ul ul ul,
ul.nav ul ul ul ul,
ul.nav ul ul ul ul ul,
ol.nav,
ol.nav ul,
ol.nav ul ul,
ol.nav ul ul ul,
ol.nav ul ul ul ul,
ol.nav ul ul ul ul ul,
dl.nav,
dl.nav ul,
dl.nav ul ul,
dl.nav ul ul ul,
dl.nav ul ul ul ul,
dl.nav ul ul ul ul ul
{
	list-style-type: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/*
	Clearing Fixes
*/

	.clearfix {
		display: inline-block;
	}
	
	html[xmlns] .clearfix {
		display: block;
	}
	
	* html .clearfix {
		height: 1%;
	}
	
	.clear {
		clear:both;
	}
	
/******/

li.toggle {
	display: none;
}

.hand {
	cursor: pointer;
	cursor: hand;
}

ul.horizontal { /* Show list items in a horizontal list */
	list-style-type: none;
	padding: 0;
	margin: 0;
}

	ul.horizontal li { 
		float: left;
	}

/* 
    View All / Close expand collapse
*/
    a.h3-link {
	    background: #FFFFFF url(/consumer/images/icon_plus.gif) no-repeat scroll right 11px;
	    float: right;
	    font-size: 11px;
	    font-weight: bold;
	    line-height: 32px;
	    margin: 0;
	    padding-right: 18px;
	    width: auto;
    }
    * html a.h3-link {
	    w\idth: 65px;
	    width: 55px;
    }


    a.view-all {
	    background: #FFFFFF url(/consumer/images/icon_plus.gif) no-repeat scroll right 11px;
	    width: auto;
    }

    a.view-close {
	    background: #FFFFFF url(/consumer/images/icon_minus.gif) no-repeat scroll right 11px;
	    display: none;
	    width: auto;
    }

img#close-button,
img.closer {
	cursor: pointer;
	cursor: hand;
}

img.promo {
	border: 1px solid #dedee0;
	padding: 5px;
	width: 213px;
	height: 100px;
}
	
.container {}


img.image-promo {
	border: 1px solid #dedee0;
}


div.container-related {
    border-top: 1px solid #dedee0;
    background: #fff;
}

	#section div.container-related h3 {
		color: #555;
		float: left;
		font-size: 14px;
		font-weight: bold;
		padding: 0 0 0 10px;
		line-height: 32px;
		width: 338px;
	} * html div.container-related h3 { w\idth: 348px; width: 338px; }

		#section div.container-related h3.no-more {
			width: 398px;
		} * html #section div.container-related h3.no-more { w\idth: 408px; width: 398px; }


	div.container-related ul.datagrid {
	    border-top: 1px solid #dedee0;
	    clear: both;
	    line-height: 14px;
	    width: 408px;
	}

	div.container-related ul.datagrid li {
		float: left;
		padding: 10px 0 10px 10px;
		width: 194px;
	} * html div.container-related ul.datagrid li { w\idth: 204px; width: 194px; }

	div.container-related ul.datagrid li img {
		float: left;
		vertical-align: top;
		height: 86px;
		width: 86px;
	}

		div.container-related ul.datagrid li img.exclusive-icon {
			float: none;
			height: 11px !important;
			width: 11px !important;
		}

	div.container-related ul.datagrid h4 {
		float: right;
		margin: 0;
		padding: 0;
		width: 98px;
	}

	div.container-related ul.datagrid h4 a {
		font-size: 11px;
		font-weight: normal;
		width: 98px;
	}

	div.container-related ul.datagrid p {
		float: right;
		margin: 0;
		padding: 0;
		width: 98px;
	}

	div.container-related ul.datagrid a.more {
		float: right;
		margin: 0;
		padding: 0;
		width: 98px;
	}

div.faq {
	margin: 10px 0;
}

	div.faq h1,
	div.faq h2,
	div.faq h3,
	div.faq h4,
	div.faq h5,
	div.faq h6 {
		font-size: 11px;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	
	div.faq p {
		margin: 0 0 10px 0;
		padding: 0;
	}
	
ul.faq {
	list-style: none !important;
	margin: 0;
	padding: 0;
}

	ul.faq li {
		padding: 0 0 10px 0;
	}
	
	ul.faq h1,
	ul.faq h2,
	ul.faq h3,
	ul.faq h4,
	ul.faq h5,
	ul.faq h6 {
		font-size: 11px;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}

div.ownersExclusiveLegend {
	clear: right;
	display: none;
	float: right;
	font-size: 10px;
	line-height: 12px;
	margin: 30px 0 0 0;
	text-align: right;
	width: 255px;
}

div.ownersExclusiveLegend p {
	display: inline;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

div.ownersExclusiveLegend img {
	display: inline;
	margin: 0 3px 0 0;
	vertical-align: middle;
}

ul.error {
	margin-left: 30px;
	margin-bottom: 10px;
	padding: 0;
}
ul.error li {
	color: #cc0000;
	font-weight: bold;	
}

.footnote, .footnote a {
	color: #555;
	font-size: 10px;
}

table#contentContainer td.singleColumnContainer ul {
	list-style-type: disc;
	margin: 0 0 10px 25px;
}

a.more {
	padding-left: 3px;
}

img.exclusive-icon {
	float: none;
	padding-left: 3px;
	padding-bottom: 2px;
	vertical-align: middle;
	width: auto !important;
}

/* PDF and SYMBOL list items  */
li.pdf {
	background: url(/consumer/images/icon-pdf-17x17.gif) no-repeat left center;
	line-height: 14px;
	margin: 0 0 10px 0;
}

	li.pdf a {
		display: block;
		padding: 7px 0 7px 25px;
	}
	
.pdf {
	background: url(/consumer/images/icon-pdf-17x17.gif) no-repeat left center;
	display: inline-block;
	line-height: 17px;
	padding: 2px 0 10px 23px;
}

li.symbol {
	background: url(/consumer/images/icon-download-17x17.gif) no-repeat left center;
	line-height: 17px;
	margin: 0 0 10px 0;
}

	li.symbol a {
		background: transparent;
		padding: 2px 0 2px 27px;
	}

td.price {
	text-align: right;
}

/***************************************************
 *
 * Form Fields 
 *
 ***************************************************/
 
input.text {
	border-top: 1px solid #828282;
	border-right: 1px solid #dedee0;
	border-bottom: 1px solid #dedee0;
	border-left: 1px solid #dedee0;
	padding: 3px 0;
}

/* Submit Button / Link */
input.submit {
	border: 1px solid #ccc;
	background: url(/consumer/images/background-submit.gif);
	color: #828282;
	cursor: pointer;
	cursor: hand;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	margin-bottom: 10px;
	padding: 4px 5px;
	text-align: center;
	width: auto;
}

input.submit:hover {
	background: url(/consumer/images/background-submit-hover.gif);
}

input.submit-hover { /* for an IE6 fix. see .js for javascript code */
	background: url(/consumer/images/background-submit-hover.gif);
}

input.cart {
	background: url(/consumer/images/background-submit-cart.gif) no-repeat 0 -1px;
	clear: both;
	padding-left: 25px;
	padding-right: 6px;
}

input.cart:hover {
	background: url(/consumer/images/background-submit-cart.gif) no-repeat -250px -1px;
}

button.submit {
	border: 1px solid #ccc;
	background: url(/consumer/images/background-submit.gif);
	color: #828282;
	cursor: pointer;
	cursor: hand;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	margin-bottom: 10px;
	padding: 3px 5px;
}

button.submit:hover {
	background: url(/consumer/images/background-submit-hover.gif);
}

button.cart {
	background: url(/consumer/images/background-submit-cart.gif) no-repeat 0 -1px;
	clear: both;
	padding-left: 25px;
	padding-right: 6px;
}

button.cart:hover {
	background: url(/consumer/images/background-submit-cart.gif) no-repeat -250px -1px;
}

a.submit {
	border: 1px solid #ccc;
	background: url(/consumer/images/background-submit.gif);
	color: #828282 !important;
	cursor: pointer;
	cursor: hand;
	display: inline-block;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	padding: 2px 7px 2px 7px;
	margin-bottom: 5px;
	text-align: center;
}

	a.submit:link {
	}
	
	a.submit:visited {
	}
	
	a.submit:hover {
		background: url(/consumer/images/background-submit-hover.gif);
		border: 1px solid #ccc;
		text-decoration: none;
	}
	
	a.submit:active {
	}
	
a.button-small {
		font-size: 10px;
		line-height: 14px;
		padding: 0 3px 1px 3px;
	}

a.cart {
	background: url(/consumer/images/background-submit-cart.gif) no-repeat 0 -1px;
	clear: both;
	padding-left: 25px;
}

a.cart:hover {
	background: url(/consumer/images/background-submit-cart.gif) no-repeat -250px -1px;
}

input.input-calendar {
	background: url(../images/jquery-datepicker-icon-calendar.gif) no-repeat right center;
	cursor: pointer;
	cursor: hand;
}

/***************************************************
 *
 * Common Elements
 *
 ***************************************************/
/* for jquery carousel */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/***************************************************
 *
 * Custom CSS Elements 
 *
 ***************************************************/

div.copyright {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 9px;
	color: #aaa;
	margin: 5px 0 10px 0;
	text-align: right;
}

div.formfield {
	line-height: 14px;
}

/* Add to cart */

	div.regular-price {
	}
	div.regular-price-value {
		text-decoration: line-through;
	}

	div.you-save {
	}
	div.you-save-value {
	}

	div.promotional-price {
		color: #dd0000;
		font-weight: bold;
	}
	div.promotional-price-value {
		color: #dd0000;
		font-weight: bold;
	}

	div.price-each {}
	div.price-each-value {
	}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
	.jcarousel-container {
		position: relative;
	}
	
	.jcarousel-clip {
		z-index: 2;
		padding: 0;
		margin: 0;
		overflow: hidden;
		position: relative;
	}
	
	.jcarousel-list {
		z-index: 1;
		overflow: hidden;
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
	}
	
	.jcarousel-list li,
	.jcarousel-item {
		float: left;
		list-style: none;
		/* We set the width/height explicitly. No width/height causes infinite loops. */
		width: 75px;
		height: 75px;
	}
	
	/**
	 * The buttons are added dynamically by jCarousel before
	 * the <ul> list (inside the <div> described above) and
	 * have the classnames "jcarousel-next" and "jcarousel-prev".
	 */
	.jcarousel-next {
		z-index: 3;
		display: none;
	}
	
	.jcarousel-prev {
		z-index: 3;
		display: none;
	}


/***************************************************
 *
 * Header. 
 * Also see legacy /stylesheets/header.css
 *
 ***************************************************/

div#header {
	margin: 5px 0 15px 0;
	height: 123px;
	width: 960px;
}

	div#header h1#header-site {
		float: left;
		margin: 39px 0 15px 0;
		width: 270px;
	}

/* Nobody needs to see this; javascript uses the text value of this element to update the quantity displayed on the page. */
#cart-quantity-update {
    display: none;
}

#cart-flyout-container {
	padding: 4px;
}

	#nav-utility-wrapper a.bin-button {
		border: 1px solid #ccc !important;
		color: #828282 !important;
	}

/***************************************************
 *
 * Structure, Layout & Layout Typography
 *
 ***************************************************/

div#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 960px;
}

div#section {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 15px;
}

/*
	Insets
*/

div.inset {}

	div.inset-01 {
		display: inline;
		float: right;
		margin: 0 0 20px 10px;
		padding: 0;
		width: 250px;
	}



/* Some pages need a div around the header elements to hide parent div backgrounds. See products.jsp for example. */
div.header-page {
	background: #fff;
}

div.full #content-primary {
	margin-bottom: 10px;
	width: 960px;
}

div.nav01 {
	background: url(/consumer/images/background-content-vertical.gif) repeat-y 159px 0;
	border-top: 1px solid #cccccc;
}

	div.nav01 #content-primary {
		display: inline;
		float: left;
		margin: 0 0 0 170px;
		width: 790px;
	}
	
	div.nav01 #content-secondary {
		display: inline;
		float: left;
		margin: 0 0 0 -960px;
		width: 160px;
	}

div.nav02 {}

	div.nav02 div#content-primary {
		display: inline;
		float: left;
		margin: 0 0 0 133px;
		width: 827px;
	}
	
	div.nav02 div#content-secondary {
		display: inline;
		float: left;
		margin: 0 0 0 -960px;
		width: 128px;
	}
	
	/* Featured Designer only has one item and two images */
	ul.bin-nav02-single {
	}
	
		ul.bin-nav02-single li {
			float: left;
			margin: 0 0 0 17px;
			width: 790px;
		}
		
		ul.bin-nav02-single li.first {
			margin: 0;
		}
		
		ul.bin-nav02-single img {
			float: left;
		}
		
		ul.bin-nav02-single img.first {
			padding-right: 5px;
		}
		
		ul.bin-nav02-single h3 {
			float: right;
			font-size: 11px;
			margin-bottom: 0;
			margin-left: 10px;
			width: 560px;
		}
		
			ul.bin-nav02-single h3 a img{
				float: none;
				margin-left: 3px;
			}
		
		ul.bin-nav02-single h4 {
			float: right;
			font-size: 11px;
			margin-left: 10px;
			width: 560px;
		}
		
		ul.bin-nav02-single p {
			color: #555555;
			float: right;
			margin-left: 10px;
			width: 560px;
		}
		
div.nav03 { }

	div.nav03 #content-primary {
		float: left;
		display: inline;
		width: 537px;
		margin: 0 0 0 263px;
	}
	
	div.nav03 #content-secondary {
		float: left;
		display: inline;
		width: 258px;
		margin: 0 0 0 -800px;
	}
	
	div.nav03 #content-secondary div.utilityBinWrapper {
		height: 472px;
	}
	
	div.nav03 #navWrap, #defaultTemplate #navWrap {
		padding: 0;
		background: #ffffff;
		border-top: 1px solid #dedee0;
		border-bottom: 1px solid #dedee0;
		border-left: 1px solid #dedee0;
		border-right: 1px solid #dedee0;
		width: 256px;
		margin: 0 0 0 0;
	}
	
	* html div.nav03 #navWrap {
		w\idth: 258px;
		width: 256px;
	}
	
div.nav04 { 
/* 
	1. Similar to nav01 but without the 10px padding between primary and secondary content.
	2. Note that div.nav04 has its background image toggled via /javascript/products.js.
*/
	background: url(/consumer/images/background-content-vertical.gif) repeat-y 159px 0;
	border-top: 1px solid #cccccc;
}

	div.nav04 #content-primary {
		display: inline;
		float: left;
		margin: 0 0 0 160px;
		width: 800px;
	}
	
	div.nav04 #content-secondary {
		display: inline;
		float: left;
		margin: 0 0 0 -960px;
		width: 160px;
	}

	div.nav04 h1 {
		margin-left: 10px;
        display: block;
	}
	
	/* see ie6.css */
	div.nav04 div.header-page h1 {
		display: inline;
	}

	div.nav04 h2 {
		margin-left: 10px;
	}

	/* For Divider lines. */
	.nav04-divider-product-accs {
		background: url(/consumer/images/background-content-vertical-products-accessories.gif) repeat-y 159px 0 !important;
	}
	
	.nav04-divider {
		background: url(/consumer/images/background-content-vertical.gif) repeat-y 159px 0 !important;
	}

/***************************************************
 *
 * Custom Elements & Global Page Specific Elements
 *
 ***************************************************/

.product-finder {}

	.product-finder-box {
		position: relative;
		z-index: 1000;
	}
	
	.product-finder {
		position: relative; /* this will turn absolute after javascript has worked on it a little bit */
		bottom: 0;
		left: 0;
		border: 1px solid #dedee0;
		width: 300px; /* javascript will let this be as wide as necessary */
		background: #EBEBEB url(/consumer/images/regflyout_bkg.gif) repeat-x scroll center top;
	}
	
	.product-finder, .product-finder ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	.product-finder li a {
		display: block;
	}
	
	.product-finder .product-finder-closer {
		display: none;
		border-bottom: 1px solid #dedee0;
		text-align: right;
		padding: 2px 2px 1px 0;
	}
	
	.product-finder .product-finder-closer img {
		cursor: pointer;
		/*cursor: hand;*/ /* This is not necessary for IE6 */
	}
	
	.product-finder li.product-finder-label {
		padding: 5px;
	}
	
	.product-finder ul.finder-tier-1 a {
		color: #828282;
		font-size: 11px;
		text-decoration: none;
		font-weight: bold;
		padding-left: 0;
		margin: 2px 0;
	}
	
	.product-finder ul.finder-tier-2 a {
		color: #828282;
		font-size: 11px;
		text-decoration: none;
		font-weight: bold;
		padding-left: 12px;
		margin: 2px 0;
	}
	
	.product-finder ul.finder-tier-3 a {
		color: #828282;
		font-size: 11px;
		text-decoration: none;
		font-weight: normal;
		padding-left: 12px;
		margin: 1px 0;
	}
	
	.product-finder ul.finder-tier-2 a,
	.product-finder ul.finder-tier-3 a {
		color: #257fba;
	}
	
	.product-finder ul.finder-tier-3 li {
		line-height: 12px;
		padding-bottom: 5px;
	
	}
	
	.product-finder li.product-finder-label a.product-finder-link {
		background: transparent url(../images/icon_plus.gif) 100% 50% no-repeat;
	}
	
	.product-finder ul.finder-tier-1 li a {
        display: block;
        padding: 0 0 0 10px;
		background: transparent url(../images/decorations/product-finder-closed.png) 0% 50% no-repeat;
	}
	
	.product-finder ul.finder-tier-1 li.open a {
		background: transparent url(../images/decorations/product-finder-open.png) 0% 50% no-repeat;
	}
	
	.product-finder ul.finder-tier-1 li ul.finder-tier-2 li a {
		background: transparent url(../images/icon_plus.gif) 0% 50% no-repeat;
	}
	
	
	.product-finder ul.finder-tier-1 li ul.finder-tier-2 li.open a {
		background: transparent url(../images/icon_minus.gif) 0% 50% no-repeat;
	}
	
	.product-finder ul.finder-tier-1 li ul.finder-tier-2 li ul.finder-tier-3 li a {
		background: none;
	}
	
	li.product a {
		background: none !important;
		font-weight: normal !important;
	}
	
/*
	Locators
*/

/* Defaults */
div.container-service-locator {
}

	div.container-service-locator h3 {
		color: #333;
		font-size: 14px;
		font-weight: normal;
		margin: 0;
	}
	
	div.container-service-locator h4 {
		color: #555;
		font-size: 10px;
		font-weight: normal;
	}
	
	div.container-service-locator label {
		color: #555;
		font-size: 10px;
		font-weight: bold;
	}
	
	div.container-service-locator input {
	}
	
	div.container-service-locator span.footnote {
		display: block;
		font-size: 10px;
		font-weight: normal;
		margin: 0 0 15px 0;
	}
		


div.inset-01 {}

	div.inset-01 div.utilityBarContainerWhereToBuy {
		margin-top: 0;
	}

	div.inset-01 div.container-service-locator {
		background: url(../images/service_locator_image.jpg) no-repeat 0 70px;
		border-right: 1px solid #dedee0;
		border-bottom: 1px solid #dedee0;
		border-left: 1px solid #dedee0;
		padding: 10px 0;
		width: 248px;
	} * html div.inset-01 div.container-service-locator { w\idth: 260px; width: 248px; }
	
		div.inset-01 div.container-service-locator h3 {
			color: #000000;
			font-size: 13px;
			font-weight: bold;
			margin: 0 0 0 10px;
		}
		
		div.inset-01 div.container-service-locator h4 {
			color: #555;
			font-size: 12px;
			font-weight: bold;
			padding: 0 0 190px 10px;
		}
		
		div.inset-01 div.container-service-locator label {
			font-weight: bold;
			margin: 0 0 0 10px;
		}
		
		div.inset-01 div.container-service-locator input {
			margin: 0 0 0 10px;
		}
		
		div.inset-01 div.container-service-locator span.footnote {
			display: block;
			margin: 0 0 15px 10px;
		}
			


div.loading {
    background: url(../images/decorations/loader-white.gif) 20px 20px no-repeat;
    height: 60px;
}
input#regiontext {
	display:none;
}

div.fancy-dropdown-box {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
}

div.fancy-dropdown-display {
    font-size: 12px;
    border: 1px solid #CCCCCC;
    color: #555555;
    padding: 3px 5px 5px;
    cursor: default;
}

div.fancy-dropdown-selector {
    float: right;
    width: 20px;
    height: 20px;
    padding: 2px;
    background: transparent url(/consumer/images/jquery-ui/454545_7x7_arrow_down.gif) 50% 50% no-repeat;
}

input.fancy-dropdown-value {
    cursor: default;

}

ul.fancy-dropdown-list {
    display: none;
    position: absolute;
    top: 0;
    background: #FFFFFF;
    list-style-type: none;
    margin: 0;
    border: 1px solid #CCCCCC;
    padding: 3px 15px 5px 3px;
    cursor: default;
    height: 250px;
    overflow: auto;
    font-size: 12px;
    float: left;
    clear: left;
    z-index: 1;
}

ul.fancy-dropdown-list li {
    white-space: nowrap;
    background: inherit;
}
	ul.fancy-dropdown-list li {
		white-space: nowrap;
		background: inherit;
	}

	ul.fancy-dropdown-list li:hover {
		background: #555;
		color: #fff;
	}
/***************************************************
 *
 * Redirects
 *
 ***************************************************/

div#redirect-external {
	text-align: center;
}

div#redirect-external h3 {
	color: #333;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 20px 0;
}

div#redirect-external h4 {
	color: #333;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 15px 0;
}

div#redirect-external h4 img {
	margin: 0 5px -3px 0;
}