/* General styles */
* { _ zoom:1; } /* fixes a bug in IE6 causing some elements not to display at all (known as the peekaboo bug). */

body {
    margin:0 0 24px 0; padding:0;
    background-color:#fff3cf;
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	text-align: left;
}
td { font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #666; text-align: left; }
th { font: bold 11px Verdana, Arial, Helvetica, sans-serif;	color: #000; }
a:link, a:visited {	text-decoration: none; color: #0066cc; }
a:hover { text-decoration: underline; color: #cc0000; }
h2 { font: bold 14px Arial, Verdana, Helvetica, sans-serif;	color: #333; margin-top: 0; }
img { border: none; }
form { display: inline; }
ul { margin:0; padding:0; }
ul li { list-style-type:none; margin:0; padding:0; }

#sw_breadcrumb { margin: 10px 0; clear: both; }
#sw_breadcrumb a { text-decoration: underline; color: #333; }



/********** STRUCTURE - the following styles position the navigation to the left and content on the right */
#sw_frame { position:relative; width:970px; height:1%; margin:12px auto 0px auto; padding:117px 0 0 0; _ padding-top:102px; text-align:left; }
#sw_nav { float:left; width:177px; }
#sw_container {	float:right; vertical-align:top; width:780px; margin:0; }
#sw_content { margin:0; }

/* Shared Elements */
.sw_featuredmerch ul, .sw_cats ul, .sw_similar_products ul {
	list-style-type: none;
	margin: 0;
	margin-left: 0;
	padding-left: 0;
}

.sw_hotpicks, .sw_productlist, .sw_similar_products, .sw_categorylist, .sw_tagcloud, .sw_retailers {
    background:#f8f7f1;
    border:2px solid #0894ba;
    margin-bottom:10px;
}
/* The following group of styles control the rounded corners for certain containers */
.sw_categorylist b.btop,
.sw_categorylist b.btop b,
.sw_categorylist b.bbot,
.sw_categorylist b.bbot b,
.sw_tagcloud b.btop,
.sw_tagcloud b.btop b,
.sw_tagcloud b.bbot,
.sw_tagcloud b.bbot b,
.sw_hotpicks b.btop,
.sw_hotpicks b.btop b,
.sw_hotpicks b.bbot,
.sw_hotpicks b.bbot b,
.sw_productlist b.btop,
.sw_productlist b.btop b,
.sw_productlist b.bbot,
.sw_productlist b.bbot b,
.sw_similar_products b.btop,
.sw_similar_products b.btop b,
.sw_similar_products b.bbot,
.sw_similar_products b.bbot b,
.sw_retailers b.btop,
.sw_retailers b.btop b,
.sw_retailers b.bbot,
.sw_retailers b.bbot b {
    display: block;
    margin: -2px 0 0 -2px;
    height: 11px;
    font-size: 1px;
    background:url(../images/bg_sprite_container_corner.gif) no-repeat;
    clear:both;
}
.sw_categorylist b.btop b,
.sw_tagcloud b.btop b,
.sw_hotpicks b.btop b,
.sw_productlist b.btop b,
.sw_similar_products b.btop b,
.sw_retailers b.btop b { margin: 0px -2px 0 0; background-position: 100% -11px; }
.sw_categorylist b.bbot,
.sw_tagcloud b.bbot,
.sw_hotpicks b.bbot,
.sw_productlist b.bbot,
.sw_similar_products b.bbot,
.sw_retailers b.bbot { margin:0 0 -2px -2px; background-position: 0 -22px; }
.sw_categorylist b.bbot b,
.sw_tagcloud b.bbot b,
.sw_hotpicks b.bbot b,
.sw_productlist b.bbot b,
.sw_similar_products b.bbot b,
.sw_retailers b.bbot b { margin:0 -2px -2px 0; background-position: 100% -33px; }




/********* MASTHEAD */
.masthead {
    position:absolute;
    top:0;
    left:-10px;
    background: url(../images/logo_masthead.png);
    _ background:none; /* hides the background image above from IE6 allowing the png fix below to display properly */
    /* The following filter is a PNG Transparency fix for IE5.5 and IE6. It seems the path to the image needs to be hard coded. */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/templates/default/images/logo_masthead.png', sizingMethod='scale');
}

/* Online Shops */
ul#online_shops { position:absolute; top:0; right:0; width:260px; _ width:268px; margin:0; padding:0; }
ul#online_shops li { position:relative; float:left; width:124px; margin-left:6px; list-style-type:none;  }
ul#online_shops li div.logo-frame {
    position:absolute;
    top:0;
    left:0px;
    background: url(../images/frame_logo_overlay.png);
    _ background:none; /* hides the background image above from IE6 allowing the png fix below to display properly */
    /* The following filter is a PNG Transparency fix for IE5.5 and IE6. It seems the path to the image needs to be hard coded. */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/templates/default/images/frame_logo_overlay.png', sizingMethod='scale');
}



/********* SEARCH BOX */
.bg-topcap-searchbox { background:url(../images/bg_caps_sprite_container_search.gif) 0px -26px no-repeat; height:26px; }
.bg-botcap-searchbox { background:url(../images/bg_caps_sprite_container_search.gif) 0px 0px no-repeat; height:26px; margin-bottom:4px; }
.sw_searchbox {
	clear: both;
    background:url(../images/bg_rptr_container_search.gif) repeat-y;
	padding:10px;
	margin:0;
}
.sw_searchbox h2.caption {
    text-indent:-999px;
    float:left;
    width:71px;
    height:17px;
    background:url(../images/caption_search.gif) no-repeat;
    margin:8px 12px;
}
.sw_searchbox select { height: 18px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #999; }
#sw_searchform { display: inline; }
#sw_searchform select {
	height: 34px;
	width: 200px;
	font: normal 22px Arial, Verdana, Helvetica, sans-serif;
	color: #666;
	padding: 0;
	margin: 0;
	margin-right: 8px;
	border: 2px solid #058cb0;
	vertical-align: middle;
}
#sw_searchform select option { font-size:12px; }
input#sw_searchterm {
	width: 275px;
	height: 22px;
	font: normal 18px Arial, Verdana, Helvetica, sans-serif;
	color: #666;
	padding: 4px;
	margin: 0;
	border: 2px solid #058cb0;
	vertical-align: middle;
}
input#sw_searchbutton {	vertical-align: middle; }
.sw_searchsuggestion { border: 1px dashed #ccc;	padding: 8px; margin: 6px 0; font-size: 12px; font-weight: bold; }
.sw_searchsuggestion h3 { margin: 0; display: inline; color: #c00; font-size: 12px; }
.sw_searchsuggestion p { margin: 0; display: inline; }
.sw_searchsuggestion ul { margin: 6px 0; padding: 0; }
.sw_searchsuggestion ul li { display: inline; margin: 0; margin-right: 10px; padding: 0; }
.refineby {	margin: 10px 0;	position: relative;	width: 100%; }
.refineby h3 { margin: 0; margin-top: 10px;	font-size: 14px; }
.refineby table { border-collapse: collapse; width: inherit; }
.refineby td, .refineby th {
    border: 1px solid #999999;
    background-color: #fff;
    padding: 6px;
    font-size: 12px;
    vertical-align: top;
}
.refineby th { background-color: #e8e8e8; }
.refineby a#clear {	font-size: 10px; color: #666; }
.active_filters { border: solid #ccc 1px; padding: 3px; }



/********** HOT PICKS, SIMILAR PRODUCTS */
.sw_hotpicks, .sw_similar_products { height: 1%; min-height: 120px; }
/* Style added as hack for IE6 which has issues with floated elements and images.  IE ignores following style. */
html>body .sw_hotpicks, html>body .sw_similar_products { height: auto; }
.sw_hotpicks a:link, .sw_hotpicks a:visited, .sw_similar_products a:link, .sw_similar_products a:visited { color:#ab0809; }
.sw_hotpicks p { margin:0; font-size:14px }
.sw_hotpicks h2 { margin:0 8px; height:39px; background:url(../images/bg_sprite_h1_hotpicks.gif) -7px 0 no-repeat; }
.sw_hotpicks h2 span {
    display:block;
    float:right;
    background:url(../images/bg_sprite_h1_hotpicks.gif) 1px 0 no-repeat;
    width:8px;
    height:39px;
    text-indent:-10000px;
}
.sw_similar_products h2 { font: bold 14px Arial, Verdana, Helvetica, sans-serif; color: #333; margin: 0; padding: 0; }
.sw_hotpicks h3, .sw_similar_products h3  { margin:0 8px; font:bold 14px arial, sans-serif; color:#ab0809; }
.sw_hotpicks ul, .sw_similar_products ul { margin:0 12px 0 36px; }
.sw_hotpicks li, .sw_similar_products li {
    position:relative;
    float:left;
    height:100px; width:324px;
    margin:18px 0 8px 0px;
    padding-right:18px;
    border-bottom:6px solid #cbe5e7;
}
.sw_hotpicks img, .sw_similar_products img { float:left; margin-right: 16px; }
.sw_hotpicks img.frame, .sw_similar_products img.frame { position:absolute; top:-8px; left:-16px; }



/********* FEATURED MERCHANTS */
.sw_featuredmerch { float:right; width:200px; margin-right:8px; }
.sw_featuredmerch h3 { font: bold 14px Arial, Verdana, Helvetica, sans-serif; margin-top: 0; }
.sw_featuredmerch ul {  }
.sw_featuredmerch li { margin-bottom:8px; background:url(../images/bg_rptr_container_featured.gif) repeat-y; }
.sw_featuredmerch li span.bg-top { display:block; background:url(../images/bg_caps_sprite_container_featured.png) 0 -6px no-repeat; }
.sw_featuredmerch li span.bg-bot { display:block; height:6px; background:url(../images/bg_caps_sprite_container_featured.png) 0 0 no-repeat; font-size:0; }
.sw_featuredtext { padding:8px; color:#fff; }
.sw_categorylist .sw_featuredtext h4 { margin:0; padding:0; font:bold 12px Arial, Verdana, Helvetica, sans-serif; }
.sw_featuredtext a:link, .sw_featuredtext a:visited { font-weight:bold; color:#fff; text-decoration:underline; }
.sw_featuredtext a:active, .sw_featuredtext a:hover { color:#fff; text-decoration:none; }



/********** TAG CLOUD */
.sw_tagcloud { height: 1%; min-height: 100px; } /* required for rounded corners technique in IE */
/* Style added as hack for IE6 which has issues with floated elements and images.  IE ignores following style. */
html>body .sw_tagcloud { height: auto; } /* required for rounded corners technique in IE */
.sw_tagcloud { font: bold 14px Arial, Verdana, Helvetica, sans-serif; position: relative; }
.sw_tagcloud p, .sw_tagcloud h2 { margin:0 8px; }



/********** MAIN NAV - Category listing styles */
.sw_cats { background:#0894ba url(../images/bg_sprite_main_nav.gif) 0 -11px no-repeat; margin-bottom:12px; padding-top:45px; }
.sw_cats .cap { background:#0894ba url(../images/bg_sprite_main_nav.gif) no-repeat; height:11px; font-size:.1em; }
.sw_cats ul { margin:0px; }
.sw_cats li { margin:6px 3px; display:block; }
.sw_cats a.main-nav-item, .sw_cats a:link.main-nav-item, .sw_cats a:visited.main-nav-item {
    display:block;
    background:url(../images/bg_sprite_main_nav_item.gif) 0 -22px no-repeat;
    padding:3px 4px;
    color:#fff;
    width:162px;
    font:bold 12px arial,sans-serif;
}
.sw_cats a:hover.main-nav-item, .sw_cats a:active.main-nav-item {
    display:block;
    background:url(../images/bg_sprite_main_nav_item.gif) no-repeat;
    padding:3px 4px;
    color:#fff;
    width:162px;
}
.sw_cats h3 { font-size: 14px; font-weight: normal;	margin: 0; }
.sw_cats h4 { font-size: 12px; font-weight: bold; margin: 0 0 4px 0; }



/* styles for product listing pagination */
#sw_resultsheader {	text-align: center;	font-weight: bold; margin: 20px 0; clear: both; }
#sw_resultsheader select {
	color: #333;
	background-color: #e8e8e8;
	border: 1px solid #ccc;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
#sw_prodsperpage { float: left;	margin-right: 20px; }
#sw_sortby { float: right; margin-left: 20px; }
#sw_pagination { font-weight: bold;	text-align: center; }



/********** CATEGORY LIST */
.sw_categorylist { height: 1%; min-height: 120px; } /* required for rounded corners technique in IE */
/* Style added as hack for IE6 which has issues with floated elements and images.  IE ignores following style. */
html>body .sw_categorylist { height: auto; } /* required for rounded corners technique in IE */
.sw_categorylist h1, .sw_categorylist h3, .sw_categorylist p, .sw_categorylist dl { margin:0 8px; }
.sw_categorylist h1 {
    position:relative;
    margin:0 8px;
    padding:2px 12px;
    height:39px;
    background:url(../images/bg_sprite_h1_generic.gif) -7px 0 no-repeat;
    color:#fff;
    font-size:28px;
}
.sw_categorylist h1 span {
    display:block;
    position:absolute;
    top:0; right:0;
    background:url(../images/bg_sprite_h1_generic.gif) 1px 0 no-repeat;
    width:8px;
    height:39px;
}
.sw_categorylist h3 { margin:8px; }
.sw_categorylist h4 { font-size: 14px; font-weight: bold; margin: 0 8px 6px 8px; position: relative; }
.sw_categorylist dl { clear: left; margin-bottom: 10px;	border-bottom: 1px dotted #ccc;	padding-bottom: 10px; }
.sw_categorylist dl br { clear: left; }
.sw_categorylist dl dt { float: left; width: 200px; height: 20px; }



/********** PRODUCT LIST */
.sw_productlist { height: 1%; min-height: 120px; } /* required for rounded corners technique in IE */
/* Style added as hack for IE6 which has issues with floated elements and images.  IE ignores following style. */
html>body .sw_productlist { height: auto; } /* required for rounded corners technique in IE */
.sw_productlist table {	width: inherit; margin:0 8px;  }
.sw_productlist h3, .sw_productdesc h3 { font:bold 14px arial, sans-serif; color:#ab0809; margin:0 8px; padding: 0; }
.sw_productdesc p {	font: normal 12px Arial, Verdana, Helvetica, sans-serif; margin:0 8px; }
td.sw_productentry {
	background-color: #ffffff;
	vertical-align: top;
	border: 1px solid #999999;
	width: 50%;
	padding: 10px;
	margin: 10px !important;
}
.sw_productphoto { display: block; float: left;	margin:0 10px 10px 8px; }
.sw_productlogo { display: block; float: right; margin-right:8px; }
.sw_productdesc { margin: 0; }
.sw_productdesc ul { list-style-type: square; margin: 0; }
.sw_productdesc ul li {	background: none; margin-left: 18px; padding-left: 2px; }
.sw_productcat { margin:8px;	font-size: 10px; }
.sw_productcat a:link { text-decoration: underline; color:#ab0809; }
.sw_productdivider { clear: right; display: block; height: 1px; }
.sw_productbuy { float:right;  margin-right:8px; font: bold 14px Arial, Verdana, Helvetica, sans-serif; vertical-align: top; }
.sw_productbuy a:link, .sw_productbuy a:visited { color:#ab0809; }
.sw_productbuy img{	margin-left: 10px; vertical-align: middle; }
.sw_retailer_info { clear: left; padding-top: 10px; margin:0 10px; }
.sw_error {
	clear: both;
	background: #fff url(../images/warning_icon.gif) no-repeat top left;
	padding-left: 60px;
	height: 50px;
	font-size: 12px;
	margin: 18px 0;
}
.sw_error h3 { font-size: 12px;	color: #f00; margin: 0; }



/********** RETAILERS */
.sw_retailers { height: 1%; min-height: 120px; } /* required for rounded corners technique in IE */
/* Style added as hack for IE6 which has issues with floated elements and images.  IE ignores following style. */
html>body .sw_retailers { height: auto; } /* required for rounded corners technique in IE */
.az_retailers { margin:8px }



/********** FOOTER */
#sw_footer { clear:both; margin:24px 0; text-align:center; }
#sw_footer a:link, #sw_footer a:visited { color:#f00; }
#sw_footer ul { margin:6px auto; width:275px; }
#sw_footer ul li { float:left; border-right:1px solid #f00; padding:0 12px; }
#sw_footer ul li.last { border-right:0 solid #f00; padding:0 12px; }