/* General styles */
*{margin:0; padding:0;}
body {
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin:0px;
	padding:0px;
}

h3 { font-size: 10pt; }

td {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #666;
}
.sw_productlist td {padding:7px;
}
th {
	font: bold 11px Arial,Helvetica,sans-serif;
	color: #000;
}

a:link, a:visited {
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: underline;
	color: #5b6f8c;
}

h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: 0;
	display:inline;
}

img {
	border: none;
}

form {
	display: inline;
}

#sw_breadcrumb {
	margin: 10px 0;
	clear: both;
}

#sw_breadcrumb a {
	text-decoration: underline;
	color: #333;
}

#sw_frame {
	margin-right:auto;
	margin-left:auto;
	padding:0px;	
}

#container {
	width: 910px;
	margin: 0px auto;
	padding:0;
	background:#fff;
	color:#333;
	overflow: hidden;
	position:relative;
	}

/* This is the header for facebook */

#header {
	background:#fff;
  	width: 910px; 
  	height: 100px;
	color: #fff; 
	}
	
#logo {
	margin: 5px 0 0;
                position: absolute;
	width:305px;
	height:97px;
	left: 0px;
	top: 0px;
}

#rss { height:24px; width:24px; position:absolute; right:3px; top:15px; }
#facebook { height:24px; width:24px; position:absolute; right:3px; top:42px; }
#twitter { height:24px; width:24px; position:absolute; right:3px; top:68px; }

#topnav { background:url(/images/topnav.gif) no-repeat; position:relative; width:906px; height:29px; padding: 4px 0 0 2px;
}
#nav { list-style-type: none; font-size:16px; font-weight:bold;
}
#nav li { float:left; display:block;}
#nav a { color:#FFFFFF; text-decoration:none; padding: 5px 10px; }
#nav a:hover { color:#024577; text-decoration:none; padding: 5px 10px; }
#date { text-align:right; position:absolute; top:2px; right:10px; width:250px; font-weight:bold; height:20px;  }
#date p { padding: 6px 0; color:#FFFFFF; }

/* Front Blog Posts */

.index_entry {  line-height: 1.2; } 

.index_entry p { margin: 5px 0px; }

/* search */

#searchform{
	position:absolute;
	top:15px;
	background:url(/images/search_box.gif) no-repeat;
	height:77px;
	width:251px;
	right:32px;
	padding:0;
	margin:0 0;
	}

#searchform input#s{
	margin:10px 0 0 10px;
	padding:4px 0 0px 5px;
	border:0px;
	background:url(/images/input_box.gif) no-repeat;
	width: 231px;
	height: 25px;
	}
#drop { margin: 10px 0 0 10px; width:140px; float:left;
}
#searchsubmit {
	background: url(/images/search_button.gif) no-repeat;
	width:78px;
	height:29px;
	float:right;
	border:0px;
	margin:5px 10px 0 0;
	cursor: pointer;
	vertical-align: middle;
	}
	
/* Sidebar */
#sidebar { text-align:left; font-family: verdana, arial, tahoma;
	font-size:8pt;
	width:175px;
	float:left;
	margin:0 0 10px 0;
	padding: 0;
}
#sidebar ul { 
}
#cats { border: 1px solid #c5db6e; width:169px; position:relative; margin-top:10px; padding-top:5px; 
}
#characters { border: 1px solid #8c2d8b; width:169px; position:relative; margin-top:10px; padding-top:5px; 
}
#brands { border: 1px solid #1c9eed; width:169px; position:relative; margin-top:10px;padding-top:5px; height:100%;
}
#btm, #btm2, #btm3 {
position:absolute; width:171px; height:6px; overflow:hidden; z-index:1;
}

#btm {bottom:-1px; left:-1px;}
#btm2 {bottom:-1px; left:-1px;}
#btm3 {bottom:-1px; left:-1px;}

#top, #top2, #top3 {
position:absolute; width:171px; overflow:hidden; z-index:1;
}

#top {top:-1px; left:-1px; height:133px;}
#top2 {top:-1px; left:-1px; height:149px;}
#top3 {top:-1px; left:-1px; height:174px;}

#cats ul {position:relative; z-index:100; padding:5px 10px; list-style-type:none;}

#characters ul {position:relative; z-index:100; padding:5px 10px; list-style-type:none;}
#brands ul {position:relative; z-index:100; padding:5px 10px; list-style-type:none;}

#cats h2 {position:relative; z-index:100; padding:5px 10px; color:#004001; }

#characters h2 {position:relative; z-index:100; padding:5px 10px; color:#800000; }
#brands h2 {position:relative; z-index:100; padding:5px 10px; color:#000140;}

#panel {
	width: 900px;
	position: relative;
	top: 1px;
	height: 10px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
}
#panel ul { padding-top:0px; margin-top:-3px; }
#panel2 {
	width: 900px;
	position: relative;
	top: 1px;
	height: 10px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
}
#panel2 ul { padding-top:0px; margin-top:-3px; }
.panel_button { height:15px; text-align:right; padding:2px;}
.panel_button2 { height:15px; text-align:right; padding:2px; }
#content {
	float: right;
	width: 710px;
	overflow: hidden;
	margin:4px 18px 0 0px;
	text-align:left;
	}	

.front_post {
	margin:0;
	padding:0px 0 23px 0;
	line-height: 14pt;
	clear:both; 
	font-family: verdana, arial, tahoma;
	font-size:11px;
	}
	
.front_post h2{
	font:normal 15pt  Arial, Helvetica, sans-serif;
	}
	
.front_post h2 a{
	color: #000;
	padding:0 0 0 292px;
	text-decoration: none;
	}
	
.front_post h2 a:hover{
	color: #777;
	padding:0 0 0 292px;
	text-decoration: none;
	}
.front_post h4 { padding:0 0 0 292px; width:200px; }

.front_post ul {}

.front_post li {}

.entry p{margin:12px 0;}

.postmetadata{
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin: 20px 0;
	}
	

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}

/* the following styles position the navigation to the left and content on the right */


#sw_container {
	float: right;
	vertical-align: top;
	width: 728px;
	margin-top:10px;
	margin-right:4px;
}

#sw_content {
	margin: 0;
	margin-left: 0px;
	text-align:left;
}
	
/* Shared elements. All main components use this formatting*/

.sw_hotpicks, .sw_cats {
	clear: both;
	background: #cde9fb;
	padding-left: 10px; padding-top: 10px;
	margin-bottom: 10px;
	position: relative;
	padding-bottom:5px;
}

#ctl, #cbl, #ctr, #cbr {
position:absolute; width:8px; height:8px; color:#cde9fb; background:#fff; overflow:hidden; font-style:normal; z-index:1;
}

#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.sw_hotpicks em b {position:absolute; font-size:50px; font-family:arial; color:#cde9fb; line-height:40px; font-weight:normal;}
#ctl b {left:-4px; top:-15px;}
#ctr b {right:-3px; top:-15px;}
#cbl b {left:-3px; bottom:-14px;}
#cbr b {right:-3px; bottom:-14px;}
.sw_hotpicks h2 {position:relative; z-index:100; padding:5px 10px;}

.sw_descr{
	clear: both;
	background: url(../images/descr_box_bg.gif) repeat-x top;
	border: 1px solid #b9c4cd;
	padding: 10px;
	margin-top: 2px;
	margin-bottom: 10px;
	position: relative;
}

.sw_hotpicks ul, .sw_featuredmerch ul, .sw_cats ul {
	list-style-type: none;
	margin: 0;
	margin-left: 0;
	padding-left: 0;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin:-36px 7px 2px 0;
	border:2px solid #cde9fb;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* Search box styling */

.sw_searchbox {
	clear: both;
	background: #ffffff url(../images/search_box_bg.gif) repeat-x top;
	border: 1px solid #3295E1;
	padding: 10px;
	margin: 0px;
	margin-bottom: 10px;
}

.sw_searchbox select {
	height: 18px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}

#sw_searchform {
	vertical-align: top;
	display: inline;
}

#sw_searchbox h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
}

#sw_searchform select {
	height: 18px;
	width: 210px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0;
	margin: 0;
	margin-right: 8px;
}


input#sw_searchterm {
	width: 278px;
	height: 20px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	display: inline;
}

input#sw_searchbutton {
	/*position: relative;
	left: 8px;
	top: 3px;
	vertical-align: top;
	padding: 10px;*/
}

.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 #bfeb12;
	background-color: #fff;
	padding: 6px;
	vertical-align: top;
}

.refineby th { font-size: 14px; }
.refineby td { font-size: 12px; }

.refineby th {
	background-color: #f4fb95;
}

.refineby a#clear {
	font-size: 10px;
	color: #666;
}


/* Hot Picks styling */

.sw_hotpicks {
	height: 1%;
	min-height: 120px;
	text-align:left;
}

/* Style added as hack for IE6 which has issues with floated elements and images.  IE ignores following style. */
html>body .sw_hotpicks {
	height: auto;
}

.sw_hotpicks h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
}

.sw_hotpicks h3 {
	font-weight: bold;
	font-size: 12px;
}


.sw_hotpicks li {
	float: left;
	width: 212px;
	padding: 8px;
}

.sw_hotpicks span {
	float: left;
 	width: 100px;
 	height: 95px;
}
 
.sw_hotpicks img {
 	margin-right: 10px;
	border: 1px solid #3295E1;
}

.sw_hotpicks div {
	clear: both;
	height: 1px;
}

.sw_similar_products li { float:left; margin:0px 10px; list-style-type:none; }


/* Featured Merchants */


.sw_featuredmerch h3 {
	font: bold 14px Arial, Helvetica, sans-serif; color:#FFFFFF;
	
	margin-top: 0;
}

.sw_featuredmerch li {
	margin-bottom: 10px;
	margin-left: 5px;
	border-bottom: 1px dotted #3295E1;
	padding-bottom: 8px;
}

.sw_featuredmerch img {
	border: 1px solid #c0d0d9;
}

#sw_featuredtext {
	margin: 0;
}

#sw_featuredtext h4 {
	margin: 0;
	font: bold 12px Arial, Helvetica, sans-serif;
}

/* Category listing styles */


.sw_cats li {
	margin-bottom: 12px;
}

.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: #FFFFFF;
	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;
	margin-bottom:10px;
}


/* product listing styles 

ul.productlist {
	list-style-type: none;
	margin: 0;
	margin-left: 0;
	padding-left: 0;
}*/

.sw_productlist ul {
	list-style-type: none;
	margin: 0;
	margin-left: 0;
	padding-left: 0;
	position: relative;
}

.sw_productlist h3, .sw_productdesc h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0px 0;
}

.sw_productdesc p {
	font: normal 12px Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}

li.sw_productentry {
	background: #ffffff url(../images/product_bg.gif) repeat-x top;
	position: relative;
	clear: both;
	height: 1%;
	min-height: 100px;
	width: auto;
	vertical-align: top;
	border: 1px solid #3295E1;
	padding: 10px;
	margin-bottom: 10px;
}
.sw_productentry td{ margin-bottom: 10px; }
.top10{ position:relative; }
.top10b30 { float:right; position:absolute; right:2px; bottom:30px; width:90px; font:Verdana, Arial, Helvetica, sans-serif bold; font-size:12px; }
.top10b20 { float:right; position:absolute; right:2px; bottom:20px; width:90px; font:Verdana, Arial, Helvetica, sans-serif bold; font-size:12px; }
.top10b5 { float:right; position:absolute; right:2px; bottom:-5px; width:90px; font:Verdana, Arial, Helvetica, sans-serif bold; font-size:12px; }
.top10b10 { float:right; position:absolute; right:2px; bottom:10px; width:90px; font:Verdana, Arial, Helvetica, sans-serif bold; font-size:12px; }


/* Style added as hack for IE6 which has issues with floated elements and background images.  IE ignores following style. */
html>body li.sw_productentry {
	height: auto;
}

.sw_productphoto {
	display: block;
	float: left;
	margin-right: 5px;
	border: 1px solid #e6ecf0;
}

.sw_productdesc {
	margin: 0;
	padding:0 10px 10px;
}

.sw_productdesc ul {
	list-style-type: square;
	margin: 0;
}

.sw_productdesc ul li {
	background: none;
	margin-left: 18px;
	padding-left: 2px;
}

.sw_productcat {
	font-size: 12px;
	float:left;
	padding:10px 0px;
}

.sw_productcat a {
	text-decoration: underline;
}

.sw_productlogo {
	display: block;
	float: right;
}

.sw_productdivider {
	clear: right;
	display: block;
	height: 1px;
}

.sw_productbuy {
	float: right;
	bottom:0px;
	font: bold 14px Arial, Helvetica, sans-serif;
	position:relative;
	width:326px;
	height:30px;
}
#sw_price { position: absolute; top:-12px; right:13px; }
#sw_buynow { position: absolute; top:2px; right:10px; }

.sw_productbuy img{
	margin-left: 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;
}


/* footer */

#footer {
	background: url(/images/footer_bkg.gif) no-repeat;
	width:908px;
	height: 42px;
	clear: both;
	}
	
#footer p{padding:14px 0;margin: 0; color:#fff; font-weight:bold; text-align:center;}
#footer a{color: #fff;text-decoration: none;}
#footer a:hover{color: #fff;text-decoration: underline;}