@import url("nav.css");
/*
body {
	margin: 0;
	padding: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	background-color: #af4d00;
	/* background: url("/images/tilebg.gif") repeat; */
/*	background-attachment: fixed;
	line-height: 150%;
	color: #111;
	}
	*/
img {
	border: none;
	}
.clearall {
	clear: both;
	}
a {
	color:#605799;
	}
#sitemap a {
	color: #333;
	}
ul {
	list-style-type: square;
	}
h1 {
	padding-top: 10px;
	color: #605799;
	font: bold 24px Arial, Helvetica, sans-serif;
	}
h2 {
	color: #8a7f9c;
	font: bold 18px Arial, Helvetica, sans-serif;
	}
h2 a {
	color: #605799;
	}
h3 {
	color: #8a7f9c;
	font: bold 16px Arial, Helvetica, sans-serif;
	}
h4 {
	color: #333;
	font: bold 12px Arial, Helvetica, sans-serif;
	}



.emphasis {
	font-weight: bold;
	}
.errmsg {
	font-weight: bold;
	color: red;
	}
.alertmsg {
	font-weight: bold;
	color: blue;
	}
.icon {
	vertical-align: middle;
	}
.standardtable {
	border: 1px solid #ccc; 
	border-collapse: collapse;
	}
.standardtable td {
	vertical-align: top;
	border: 1px solid #ccc; 
	}
.standardtable th {
	border: 1px solid #ccc; 
	}

.colhead {
	color: #333;
	font: bold 12px Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
	}
.small {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.btnOrange {
	font: bold 14px arial; 
	border: 0px; 
	padding: 0px 2px 2px 2px; 
	color: #111; 
	background: url(/images/buttons/button_orange.gif) no-repeat left; 
	height: 28px; 
	width: 120px; 
	text-align: center; 
	letter-spacing: 0px; 
	cursor: pointer;
	}
.btnorange {
	font: bold 14px arial; 
	border: 0px; 
	padding: 0px 2px 2px 2px; 
	color: #111; 
	background: url(/images/buttons/button_orange.gif) no-repeat left; 
	height: 28px; 
	width: 120px; 
	text-align: center; 
	letter-spacing: 0px; 
	cursor: pointer;
	}
.right {
	text-align: right;
	}

#wrapper {
	text-align: left;
	margin: 0px auto;
	border: 0;
	background: url("/images/wrapperbg.png") repeat;
	width: 980px;
	padding: 0 25px;
	}
#header {
	margin: 0;
	background: url("/images/headerbg.gif") repeat;
	background-color: white;
	height: 84px;
	}
#logo {
	width: 433px;
	height: 84px;
	float: left;
	}
#subnav {
	display: block;
	width: 300px;
	float: left;
	}
#subnav a {
	display: block;
	float: left;
	margin-top: 53px;
	}
#subnav:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size: 0;	
	clear: both; 
	visibility: hidden;
	}
* html #subnav { height: 1%; }
#subnav { display:block; }

#subnavaccount {
	width: 79px;
	height: 27px;
	display: block;
	float: left;
	}
#subnavship {
	width: 69px;
	height: 27px;
	display: block;
	float: left;
	}
#subnavhelp {
	width: 78px;
	height: 27px;
	display: block;
	float: left;
	}
#subnavblog {
	width: 74px;
	height: 27px;
	display: block;
	float: left;
	}
#mcafee {
	width: 130px;
	height: 42px;
	float: left;
	margin-top: 5px;
	margin-bottom: 6px;
	}
#liveperson {
	width: 173px;
	height: 55px;
	float: right;
	margin-top: 5px;
	}


#main {
	clear: both;
	background-color: white;
	min-height: 600px;
	padding: 35px 5px 5px 5px;
	padding-left: 8px;
	display: inline-block;
	}
#main:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size: 0;	
	clear: both; 
	visibility: hidden;
	}
* html #main { height: 1%; }
#main { display:block; }




#navshadow {
	height: 5px;
	display: block;
	margin-top: 26px;
	}

#promoline {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #ddd;
	clear: both;
	padding: 5px 0;
}
#promoline a {
	color: red;
}

#srchline {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	display: inline-block;
}
#srchline a {
	color: #333;
}
#srchline a:hover {
	color: #605799;
}
/*
#account {
	padding: 7px 0 0 10px;
	width: 190px;
	float: left;
}
*/
#phone {
	width: 320px;
	margin-left: 80px;
	color: #555;
	font-size: 12px;
	float: left;
	}
#phoneno {
	font-size: 18px;
	}
#search {
	text-align: right;
	width: 450px;
	float: right;
	margin-top: 6px;
}
#frmSearch {
	display: inline;
}
/*
#searchbox {
	margin-top: 4px;
	vertical-align: top;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	height: 20px;	
	width: 200px;
	border:none;
}*/
#tinycart {
	padding: 6px;
	width: 120px;
	float: right;
	margin: 5px;
	text-align: right;
	font-weight: bold;
	font-size: 11px;
	background-color: white;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}





/* FOOTER */

#footer {
	background-color: #eee;
	margin-top: 10px;
	border-top: 1px solid #bbb;
	display: inline-block;
	}
#footer:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size: 0;	
	clear: both; 
	visibility: hidden;
	}
* html #footer { height: 1%; }
#footer { display:block; }
.footerbox {
	width: 150px;
	height: 170px;
	float: left;
	border-right: 1px dotted #999;
	padding: 5px;
	margin: 0 5px;
	}
.footerbox h3 {
	font-size: 12px;
	margin: 0;
	}
.footerbox a {
	color: #333;
	}
.footerbox a:hover {
	color: red;
	}
.footerbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#badges {
	clear: both;
	border-top: 1px solid #bbb;
	background-color: white;
	text-align: center;
	padding: 20px;
	}
#copyright {
	clear: both;
	color: white;
	background-color: #605799;
	padding: 10px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}
		


/* March TLC */

#tlc_topleft {
	width: 680px;
	float: left;
	margin-right: 0px;
	margin-bottom: 20px;
	}
#tlc_subcats {
	margin: 15px;
	}
.tlcsubcat {
	display: block;
	width: 165px;
	height: 38px;
	margin: 0 15px 10px 0;
	float: left;
	background: url("/images/subcat/subcategory-BCKG.jpg") top left no-repeat;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #605799;
	}
.tlcsubcat:hover {
	background: url("/images/subcat/rollover_subcategory-BCKG.jpg") top left no-repeat;
	color: #bc5600;
	}
.tlcsubcat img {
	float: left; 
	width: 34px;
	height: 38px;
	margin-right: 4px;
	}
#tlc_topright {
	float: right;
	width: 279px;
	margin-top: 20px;
	text-align: center;
	}
#tlc_artsuppliesbox {
	text-align: left;
	width: 239px;
	height: 204px;
	padding: 10px 20px 20px 20px;
	background: url("/images/bluepage_ac.jpg") bottom left no-repeat;
	}
#tlc_topright p {
	margin: 8px 0;
	padding: 0;
	}	
#tlc_topright h2 {
	color: #333;
	margin: 0;
	}
#tlc_topright a {
	color: black;
	}
#tlc_topright a:hover {
	color: #bc5600;
	}
.tlcsubcat2 {
	display: block;
	width: 100px;
	margin-right: 5px;
	float: left;
	}
.tlc_halfleft {
	width: 400px;
	padding-left: 20px;
	padding-right: 15px;
	border-right:	2px dotted #8a7f9c;
	float: left;
	clear: both;
	margin-top: 20px;
	}
.tlc_halfright {
	width: 400px;
	padding-right: 20px;
	padding-left: 15px;
	float: left;
	margin-top: 20px;
	}
.tlc_halfleft h3, .tlc_halfright h3 {
	padding-top: 8px;
	border-top: 1px dotted #8a7f9c;
	}
.tlcCell {
	width: 140px;
	height: 180px;
	padding: 5px 15px 0 15px;
	text-align: center;
	float: left;
	overflow: hidden;
	}
.tlcCell img {
	border: 1px solid #c6bec2;
	}


/* TOP-LEVEL CTGY */

.breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 3px;
	display: inline-block;
	}
.breadcrumbs:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size: 0;	
	clear: both; 
	visibility: hidden;
	}
* html .breadcrumbs { height: 1%; }
.breadcrumbs { display:block; }
.breadcrumbs a {
	color: black;
	}
.breadcrumbs a:hover {
	color: #cc650e;
	}
#ctgyleftcol {
	width: 175px;
	padding: 25px 0 0 5px;
	float: left;
	}
#ctgycentercol {
	width: 525px;
	padding: 5px 9px;
	float: left;
	}
#ctgywidecentercol {
	width: 680px;
	padding: 5px 9px;
	float: left;
	}
#ctgyrightcol {
	width: 155px;
	padding: 25px 0 0 0;
	float: right;
	}
.subcatleft {
	display: block;
	padding-left: 10px;
	color: #605799;
	}
.subcatleft:hover {
	color: #c00;
	}
.subcatcell {
	width: 120px;
	height: 150px;
	float: left;
	margin-right: 5px;
	text-align: center;
	}
.subcatthumb {
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 100px;
	}
.featprod {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
	padding-bottom: 5px;
	text-align: center;
	}
.featprod img {
	float: none;
	display: block;
	margin: 0 auto;
	}
.chimg {
	width: 150px;
	height: 120px;
	float: left;
	margin-right: 15px;
	}

/* LEAF CTGY */

#ctgyfooter {
	padding-top: 20px;
	clear: both;
	}
#ctgy2leftcol {
	width: 690px;
	float: left;
	}
#ctgy2rightcol {
	width: 225px;
	padding: 25px 5px 0 0;
	float: right;
	}



.prodcell2 {
	width: 158px;
	height: 265px; 
	float: left; 
	overflow: hidden;
	margin:0 5px;
	min-height: 230px;
	padding: 5px 0 26px 10px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
.prodcell2 a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #3C2F67;
}
.prodcell2 a:hover {
	color: #E07C06;
	text-decoration: underline;
}
.prodcellimg {
	display: block;
	margin-bottom: 12px;
	width: 120px;
	height: 120px;
}
.prodcellimg90 {
	display: block;
	margin-bottom: 12px;
	width: 90px;
	height: 90px;
}
.prodcellmsg {
	font-weight: bold;
}
.prodcellname {
	display: block;
	min-height: 40px;
	}
.prodcellname2 {
	display: block;
	}
.theprice {
	font-size: 12px;
}
.regprice {
	font-size: 12px;
	color: #777;
	text-decoration: line-through;
}
.newflag {
	font-weight: bold;
	color: blue;
}
.addboxextraL {
	display: block;
	color: #333;
	width: 150px;
	float: left;
}
.addboxextraR {
	display: block;
	color: #333;
	width: 85px;
	float: left;
}
.addboxextraL:hover {
	color: #cc650e;
}
.addboxextraR:hover {
	color: #cc650e;
}
* html .listviewprod { height: 1%; }
.listviewleft {
	width: 130px; 
	float: left; 
	margin-right: 10px;
	text-align: center;
}
.listviewleft img {
	border: 1px solid #ccc;
}
.listviewright {
	width: 750px;
	float: right;
}



/* SORT BAR */

#sortpage {
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	margin-top: 5px;
	padding: 3px;
	padding-right: 0px;
	background-color: #efefef;
	font-size: 12px;
	min-height: 20px;
	}
#sortpage:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size: 0;	
	clear: both; 
	visibility: hidden;
	}
* html #sortpage { height: 1%; }
#sortpage { display:block; }
#frmSort {
	width: 31%;
	float: left;
	margin-right: 5px;
	}
#frmSort select {
	font-size: 12px;
	}
#frmShow {
	width: 31%;
	float: left;
	margin-right: 5px;
	text-align: center;
	}
#frmShow select {
	font-size: 12px;
	}
#pagination {
	width: 31%;
	overflow: hidden;
	text-align: right;
	font-weight: bold;
	}
#pagination a {
	color: black;
	}
#pagination2 {
	clear: both;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #999;
	}







/* NEW LEFT COL */
#leftnav {
	width: 170px;
	margin: 10px 0 0 5px;
	float: left;
	}
#leftnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#leftnav li {
	margin-top: 5px;
	font-weight: bold;
	}
#leftnav li li {
	margin-top: 0;
	font-weight: normal;
	margin-left: 10px;
	}
#maincontent {
	width: 770px;
	margin: 5px 9px;
	float: left;
	}

/* SEARCH */
#srchleftcol {
	width: 170px;
	margin: 0 0 0 5px;
	float: left;
	}
#srchcentercol {
	width: 770px;
	margin: 5px 9px;
	float: left;
	}


/* FLICKR */
					/*
					Images are wrapped in divs classed "flickr_badge_image" with ids
					"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
					Below are some styles to get you started!
					*/
#flickr_badge_uber_wrapper {
	text-align: center; 
	width: 200px;
}
#flickr_badge_wrapper {
	padding: 10px 0 10px 0;
	}
.flickr_badge_image {
	margin: 0 5px 10px 5px;
	float: left;
	}
.flickr_badge_image img {
	border: 1px solid black !important;
	height: 50px;
	width: 50px;
	}
#flickr_badge_source {
	text-align: left;
	margin:0 10px 0 10px;
	}
#flickr_badge_icon {
	float: left; 
	margin-right: 5px;
	}
#flickr_www {
	display: block; 
	padding: 0 10px 0 10px !important; 
	font: 11px Arial, Helvetica, Sans serif !important; 
	color: #3993ff !important;
	}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
	text-decoration: none !important; 
	background: inherit !important;
	color: #3993ff;
	}
#flickr_badge_wrapper {}
#flickr_badge_source {
	padding:0 !important; 
	font: 11px Arial, Helvetica, Sans serif !important; 
	color: #666666 !important;
	}



/* BASK */

#baskform {
	width: 700px;
	}
.baskfreeship {
	width: 700px;
	padding: 10px 0;
	font-weight: bold;
	color: #cc650e;
	}
#bask_table {
	width: 700px;
	margin: 0 auto;
	}
.bask_table_header, .bask_table_footer {
	font-weight: bold;
	}
.bask_table_header td {
	background-color: #CAC8C8;
	padding-right: 5px;
	border-top: 1px solid #63529C;
	border-bottom: 1px solid #63529C;
	}
.bask_table_footer td {
	border-top: 1px solid #63529C;
	border-bottom: 1px solid #63529C;
	background-color: #CAC8C8;
	padding-right: 5px;
	}
.bask_table_row a {
	color: black;
	}
.bask_table_row a:hover {
	color: #1C0B89;
	}
#bask_buttons {
	width: 700px;
	margin: 15px 0;
	padding-top: 15px;
	border-top: 1px solid #ccc;
	}
#bask_button_left {
	width: 200px;
	float: left;
	}
#bask_button_right {
	text-align: center;
	width: 200px;
	float: right;
	}

#bask_update_btn {
	text-align: right;
	margin-top: 20px;
	}
.bask_qty {
	width: 20px;
	}
#savebask_form {
	border-top: 1px solid #1C0B89;
	width: 280px;
	float: left;
	font-size: 11px;
	padding: 50px 10px 0 0;
	border-right: 1px solid #1C0B89;
	}
#src_form {
	border-top: 1px solid #1C0B89;
	width: 280px;
	float: left;
	font-size: 11px;
	padding: 50px 0 0 10px;
	}

/* LOGN */

#lognnoaccount {
	padding: 20px 130px;
	}
#logncreate {
	padding-left: 130px;
	width: 300px;
	float: left;
	padding-right: 20px;
	}
#lognlogin {
	width: 300px;
	float: left;
	}
.lognbox h2 {
	border-bottom: 1px dotted #ccc;
	}

/* OINF */

#cobc {
	height: 89px;
	width: 403px;
	display: block;
	margin: 0 auto;
	}
#checkoutbadges {
	text-align: right;
	}
#checkoutbadges2 {
	padding-top: 10px;
	float: left;
	margin-right: 10px;
	text-align: left;
	}
#oinf_shippinghead {
	background-color: #eee;
	color: #c00;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 6px 0 6px 10px;
	}
#oinf_billinghead {
	background-color: #eee;
	color: #c00;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 6px 0 6px 10px;
	}
#oinf_billingsubhead {
	height: 55px;
	font-size: 11px;
	}
#oinf_shippingsubhead {
	height: 55px;
	font-size: 11px;
	}
.oinf_addendum {
	margin: 0 0 10px 0;
	}
#usernamepwd {
	margin-bottom: 20px;
	}
#shippingcolumn {
	background-color: #fff;
	float: left;
	width: 350px;
	clear: both;
	margin-right: 20px;
	margin-left: 135px;
	}
#billingcolumn {
	background-color: #fff;
	float: left;
	width: 350px;
	}
.addresshead {
	background-color: #CAC8C8;
	border-top: 1px solid #63529C;
	border-bottom: 1px solid #63529C;
	font-weight: bold;
	padding: 3px 5px;
	margin-bottom: 3px;
	}
.divContinueButton,#divContinueButton {
	padding: 10px 0;
	text-align: right;
	clear: both;
	}
#oinf_links {
	margin: 10px 0 10px 0;
	}

/* NEW for OINF on 7/20 */

.right_row {
	clear: both;
	padding: 2px 4px 0 0;
	}
div.right_row span.label {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 100px;
	float: left;
    text-align: right;
	}
div.right_row span.formw {
	width: 150px;
	}
.reqflag {
	color: #F7980E;
	font: bold 12px Verdana, Ariel, Helvetica, sans-serif;
	display: block;
	float: left;
	width: 10px;
	text-align: center;
	}
#reqflagind {
	color: #F7980E;
	font: bold 12px Verdana, Ariel, Helvetica, sans-serif;
	}
#oinf_shipstate, #oinf_billstate {
	width: 130px;
	}


/* INVC */

#invc_button_homepage {
	text-align: right;
	margin-top: 20px;
	}

/* POPUPS */

#popup_wrapper {
	margin: 10px;
	color: #333;
	line-height: 140%;
	}
#popup_close {
	text-align: right;
	border-top: 2px dotted #ccc;
	padding-top: 8px;
	margin-top: 30px;
	padding-bottom: 10px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	}
#popup_close a {
	color: #A5C50F;
	}
.popuppicture {
	text-align: center;
	margin: 5px 0 15px 0;
	}
.popupcloselink {
	text-align: center;
	}
#popupright {
	width: 600px; 
	/* border-left: 1px solid #999;  */
	padding-left: 10px;
	float: left;
	}
#popupright #mainimage {
	height: 600px;
	width: 600px;
	border: 1px solid #999; 
	}
#popupleft {
	width: 160px; 
	float: left; 
	text-align: center;
	}
#popupleft img {
	border: 1px solid #666;
	height: 40px;
	width: 40px;
	}


/* ROW DIVS */

.osel_row {
	clear: both;
	padding: 2px 4px 0 0;
	}
div.osel_row span.label {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 100px;
	float: left;
	}
div.osel_row span.formw {
	width: 250px;
	display: block;
	float: left;
	}
.generic_row {
	clear: both;
	padding: 2px 4px 0 0;
	}
div.generic_row span.label {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 100px;
	float: left;
	}
div.generic_row span.formw {
	width: 150px;
	}
.address_row {
	clear: both;
	padding: 2px 0 0 0;
	}
div.address_row span.label {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 110px;
	float: left;
	}
div.address_row span.formw {
	width: 200px;
	text-align: left;
	float: left;
	}
div.address_row span.formw input {
	width: 200px;
	}
div.address_row span.formw select {
	width: 200px;
	}
.wide_row {
	clear: both;
	padding: 2px 4px 0 0;
	}
div.wide_row span.label {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 200px;
	float: left;
	}
div.wide_row span.formw {
	width: 150px;
	float: left;
	}
.username_row {
	clear: both;
	padding: 2px 4px 0 0;
	}
div.username_row span.label {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 200px;
	float: left;
	}
div.username_row span.formw {
	width: 385px;
	float: left;
	}

/* MISC */

.textarea-instr {
	text-align: right;
	font-size: 10px;
	width: 500px;
	}
.centered {
	text-align: center;
	}
div.spacer {
	height: 10px;
	clear: both;
	}
td.rightalign {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	}
td.centeralign {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	}
td.leftalign {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	}
.formboxwide {
	width: 200px;
	}
.addendum {
	margin: 10px 0 10px 0;
	}

/* MAINTENANCE MODE */

#maintmode {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: blue;
	margin-bottom: 10px;
	}

/* IE HACKS */

.hollyhack {
  height: 1%;
  /* 
  this is a fix for some of the product page content just not showing up in IE - the peekaboo bug
  see http://www.positioniseverything.net/explorer/peekaboo.html, 1/22/04 update 
  */
}

/* STORE MAP */

.map_row {
	clear: both;
	}
.map_cell {
	width: 275px;
	float: left;
	}
#map_ctgy_container {
	clear: both;
	}
#map_prod_container {
	clear: both;
	}

/* WEBLOG */
/*
.post {
	/*	border-bottom: 1px dashed #999; */
	}
.post-title {
	margin-bottom: 0px;
	}
.post-footer {
	background-color: #eee;
	padding: 2px;
	}
.post-date {
	margin-top: 0px;
	font-style: italic;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	}
.post-date a {
	color: black;
	text-decoration: none;
	}
.divider {
	clear: both;
	height: 6px;
	border-bottom: 1px dotted #999;
	margin: 4px 20px 16px 20px;
	}
*/


/* MISC */

td.rightalign {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	}



/* OSEL */
/*
#couponform {
	width: 400px;
	float: left;
	margin: 0 20px 20px 20px;
	padding-right: 20px;
	border-right: 1px dotted #999;
	}
#gcform {
	clear: both;
	width: 400px;
	float: left;
	margin: 0 10px 20px 0;
	}
#oselform {
	clear: both;
	width: 500px;
	margin: 20px auto 0 auto;
	border-top: 1px dotted #999;
	padding-top: 20px;
	}
*/
#oselleft {
	width: 450px;
	float: left;
	margin: 0 20px 20px 20px;
	padding-right: 20px;
	border-right: 1px dotted #999;
	}
#couponform {
	clear: both;
	}
#gcform {
	padding-top: 15px;
	clear: both;
	}
#fundform {
	padding-top: 15px;
	clear: both;
	}
#oselform {
	clear: none;
	width: 350px;
	float: right;
	}


/* OPAY */
#opayform {
	width: 500px;
	margin: 0 auto;
	}


/* HOMEPAGE */

#sfnt_left {
	width: 672px;
	margin-right: 0;
	padding-right: 0;
	float: left;
	}
#sfnt_left p {
	margin-right: 5px;
	}
#sfnt_right {
	width: 190px;
	margin-right: 25px;
	float: right;
	}

.homeboxcat {
	width: 207px;
	margin: 0 10px 10px 0;
	height: 150px;
	float: left;
	padding: 5px 3px;
	font-size: 11px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	}
.homeboxcat h2 {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0 0 0 6px;
	color: #111;
	}
.homeboxcat h2 a {
	text-decoration: none;
	}
.homeboxcat a {
	color: #111;
	clear: both;
	display: block;
	}
.homeboxcat div {
	display: block;
	text-align: right;
	margin-right: 9px;
	color: black;
	}
.homeboxcat p {
	/* padding-left: 100px; */
	padding: 0;
	margin: 8px 0 4px 0;
	height: 90px;
	}
.homeboxclick {
	height: 110px;
	width: 100px;
	float: left;
	}
#homebox_ac {
	background: url("/images/home/homeboxarts.jpg") bottom left no-repeat;
	}
#homebox_bt {
	background: url("/images/home/homeboxbaby.jpg") bottom left no-repeat;
	}
#homebox_pz {
	background: url("/images/home/homeboxpuzzles.jpg") bottom left no-repeat;
	}
#homebox_ga {
	background: url("/images/home/homeboxgames.jpg") bottom left no-repeat;
	}
#homebox_mv {
	background: url("/images/home/homeboxmusic.jpg") bottom left no-repeat;
	}
#homebox_bs {
	background: url("/images/home/homeboxsubject.jpg") bottom left no-repeat;
	}
#homebox_ct {
	background: url("/images/home/homeboxconstruction.jpg") bottom left no-repeat;
	}
#homebox_et {
	background: url("/images/home/homeboxelectronic.jpg") bottom left no-repeat;
	}
#homebox_pp {
	background: url("/images/home/homeboxpretend.jpg") bottom left no-repeat;
	}
	
#homefeat {
	clear: both;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
	display: inline-block;
	}
#homefeat:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size: 0;	
	clear: both; 
	visibility: hidden;
	}
* html #homefeat { height: 1%; }
#homefeat { display:block; }

.home3box {
	width: 191px;
	height: 146px;
	float: left;
	display: block;
	margin-right: 5px;
	}
#homeshopbybrand {
	background: url("/images/home/shopbybrand.jpg") no-repeat;
	padding-top: 76px;
	padding-left: 40px;
	width: 151px;
	height: 70px;
	}
#homeshopbybrand a {
	font-size: 11px;
	text-decoration: none;
	color: #605799;
	display: block;
	}
#homeshopbybrand a:hover {
	text-decoration: underline;
	}
.hpboxhead {
	color: #333; 
	padding: 3px; 
	margin: 0;
	font-size: 14px;
	}
#notes {
	}
#notes ul {
	margin-left: 0;
	padding-left: 1em;
	}
#notes li {
	margin-bottom: 6px;
	margin-left: 0;
	}
#newarrivals {
	width: 600px; 
	height: 460px; 
	border: 1px solid #ccc;
	clear: both;
	margin-bottom: 20px;
	}
.newarrivalsCell {
	width: 140px;
	height: 180px;
	padding: 5px 3px 0 3px;
	text-align: center;
	float: left;
	overflow: hidden;
	}
.newarrivalsCell img {
	border: 1px solid #c6bec2;
	}
#mainright {
	position: absolute; 
	top: 180px; 
	left: 800px; 
	width: 200px;
	}
.rightbox {
	background: white url("/images/home/newsletterbg.gif") no-repeat top left;
	margin-bottom: 12px;
	padding: 5px;
	width: 181px;
	height: 144px;
	}
.rightbox p {
	padding: 2px 0; 
	margin: 0;
	}
.rightbox a {
	color: black;
	}
#articles ul {
	padding: 0;
	margin: 4px;
	margin-left: 2em;
	list-style-image: url(/images/icons/triangle.gif);
	}
#articles li {
	margin-bottom: 6px;
	}
#copy {
	clear: both;
	padding-top: 20px;
	}
#programs {
	clear: both;
	padding-top: 20px;
	}
#programs div {
	margin-left: 20px;
	width: 300px;
	float: left;
	}
#programs div img {
	display: block;
	margin: 0 auto;
	}
#programs2 {
	padding-top: 20px;
	clear: both;
	}
#programs2 div {
	width: 210px;
	margin-left: 10px;
	float: left;
	}
#programs2 div img {
	display: block;
	margin: 0 auto;
	}
	


/* HISTORY */
#hist_table {
	width: 700px;
	margin: 0 auto;
	}
#histform {
	width: 400px;
	margin: 40px auto;
	}



/* AGES */
.ageblock {
	clear: both; 
	background-color: #ddd; 
	padding: 5px; 
	margin-bottom: 4px; 
	display: inline-block;
	/* height: 130px; */
	}
.ageblock:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size: 0;	
	clear: both; 
	visibility: hidden;
	}
* html .ageblock { height: 1%; }
.ageblock { display:block; }
.ageblock img {
	width: 150px; 
	height: 120px; 
	float: left; 
	margin-right: 5px;
	}
.ageblock h2 {
	color: black;
	color: #605799;
	margin: 0;
	font-size: 14px;
	}
.ageblock p {
	width: 490px;
	float: left;
	}



/* POPUPS */

#popup_wrapper {
	margin: 10px;
	color: #333;
	line-height: 140%;
	}
#popup_close {
	text-align: right;
	border-top: 2px dotted #ccc;
	padding-top: 8px;
	margin-top: 30px;
	padding-bottom: 10px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	}
#popup_close a {
	color: #A5C50F;
	}
.popuppicture {
	text-align: center;
	margin: 5px 0 15px 0;
	}
.popupcloselink {
	text-align: center;
	}
#popupright {
	width: 600px; 
	/* border-left: 1px solid #999;  */
	padding-left: 10px;
	float: left;
	}
#popupright #mainimage {
	height: 600px;
	width: 600px;
	border: 1px solid #999; 
	}
#popupleft {
	width: 160px; 
	float: left; 
	text-align: center;
	}
#popupleft img {
	border: 1px solid #666;
	height: 40px;
	width: 40px;
	}
	
	
/* FAQ */

.question {
	font-weight: bold;
	}
.answer {
	}
	
/* -----  FACETING  ------ */
#faceting {
	background-color: #d5d2d5;
	padding: 5px;
	display: inline-block;
	margin-top: 6px;
	}
#faceting h3 {
	color: #333;
	margin-top: 0;
	margin-bottom: 4px;
	font-size: 14px;
	}
#faceting:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size: 0;	
	clear: both; 
	visibility: hidden;
	}
* html #faceting { height: 1%; }
#faceting { display:block; }
#faceting .filter {
	width: 140px;
	float: left;
	margin-right: 5px;
	font-size: 12px;
	}
#faceting a {
	color: #9b1b35;
	font-weight: bold;
	text-decoration: none;
	clear: both;
	display: block;
	margin-top: 6px;
	margin-left: 2px;
	}
#faceting a:hover {
	text-decoration: underline;
	}
.facetname {
	font-weight: bold;
	}
	
	
	
/* domtabs */

#sfnt_right ul.domtabs li.active {background:#F4F8FD;}		/* Active tab background color */
#sfnt_right ul.domtabs li.active a {color:#000;}					/* Active tab font color */
#sfnt_right ul.domtabs li {background:#ccc;}							/* Inactive tabs background color */
#sfnt_right ul.domtabs li a {color:#000;}									/* Inactive tabs font color */
#sfnt_right ul.domtabs li {border-color:#888;}						/* Tabs border color */
.domtabbox {border:1px solid #888; border-top: none;}			/* Box border color - Should be the same as the Active tab background color */
.domtabbox {background:#ffffff;}													/* Box background color */


#sfnt_right ul.domtabs li {margin-right:0em;}			/* Space between each tab. Set to 0 for no space. */


#sfnt_right ul.domtabs {
	list-style:none;
	padding:0;
	margin:0;
	border-bottom: 1px solid #888;
	font-size: 8pt;
	height: 24px;
	line-height: 24px;
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	}

ul.domtabs li.active a:link, ul.domtabs li.active a:visited, ul.domtabs li.active a:active, ul.domtabs li.active a:hover {
	background-color: #F4F8FD;
	border-color: #888;
	border-style: solid solid none;
	border-width: 1px 1px medium;
}
ul.domtabs a:link, ul.domtabs a:visited, ul.domtabs a:active, ul.domtabs a:hover {
	display:block;
	padding:0 5px;
	text-decoration:none;
}

#sfnt_right ul.domtabs li {
	float: left;
	text-align: center;
	}

#sfnt_right ul.domtabs li.active {
	border-bottom: none;
	}

#sfnt_right ul.domtabs li a {
	text-decoration:none;
	}

.domtabbox {
	border-width: 0 1px 1px 1px;
	padding: 0.5em;
	clear: both;
	background-color: #F4F8FD;
	}

.tabcell {
	clear: both;
	padding-top: 10px;
	display: inline-block;
	}
.tabcell:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size: 0;	
	clear: both; 
	visibility: hidden;
	}
* html .tabcell { height: 1%; }
.tabcell { display:block; }

.tabcell img {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 6px;
	}
.tabcell p {
	width: 210px;
	float: right;
	margin: 0;
	padding: 0;
	margin-left: 6px;
	}



/* faceting */
.filter {
	margin: 0px 0px 15px 0px;
	padding:5px;
	width:160px;
	font-size: 11px;
	}
.filter a {color: #333;}
.filter a:link {}
.filter a:visited {}
.filter a:hover {color:#832c3e;}
.filter a:active {}
.filter input{margin:0px 0px 0px 5px;}

.facetitem {
	display: block;
	border-bottom: 1px dotted #ccc;
	padding: 3px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	}
.facetheader {
	padding: 4px 0 0 3px;
	background-color: #605799;
	background: url("/images/facetbg.gif") repeat-x;
	height: 22px;
	color: white;
	font-weight: bold;
	}
	
	
ul.subsection_tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
	height: 25px;
	clear: both;
	}
ul.subsection_tabs li.tab {
	float: left;
	margin-right: 7px;
	text-align: center;
	}
ul.subsection_tabs li.tab a {
	display: block;
	height: 22px;
	padding: 3px 6px 0 6px;
	background-color: #fff;
	width: 90px;
	text-decoration: none;
	}
ul.subsection_tabs li.tab a:hover {
	text-decoration: underline;
	}
ul.subsection_tabs li.tab a.active {
	background-color: #8a7f9c;
	color: white;
	}
ul.subsection_tabs li.source_code {
	float:right;
	}
.panel {
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 15px;
	}
.panel h2 {
	font-size: 14px;
	color: #333;
	}
	
#cartleft {
	width: 750px;
	float: left;
	}
#cartright {
	width: 200px;
	float: right;
	}
	
	
	
/* toy finder */
.tfbox {
	margin-bottom: 4px;
	}
.tfhead {
	background: url("/images/filterheadbg.jpg") no-repeat;
	color: black;
	font-weight: bold;
	width: 194px;
	height: 17px;
	padding: 5px;
	}
.tfbox {
	background: url("/images/filterboxbg.jpg") repeat-y;
	width: 204px;
	clear: both;
	}
.tfbox ul {
	margin: 0;
	padding: 5px;
	list-style: none;
	}
.tfbox ul li {
	margin: 0;
	padding: 0;
	width: 90px;
	float: left;
	}
.tfbox ul li a {
	color: black;
	}
.tfbox ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size: 0;	
	clear: both; 
	visibility: hidden;
	}
* html .tfbox ul { height: 1%; }
.tfbox ul { display:block; }
.tffoot {
	background: url("/images/filterboxbtm.jpg") no-repeat;
	width: 204px;
	height: 8px;
	}

#sfnt_carousel {
	border: 1px solid #ccc; 
	width: 540px; 
	height: 210px; 
	clear: both; 
	overflow: hidden; 
	margin-bottom: 10px;
	padding: 4px;
}
#sfnt_carousel h2 {
	color: #333;
	font-size: 14px;
}
#whyChoose  {	
	border: 1px solid #ccc;
}
#whyChoose h2 {
	color: #333;
	font-size: 14px;
	margin: 0;
	padding: 3px;
	background-color: #ccc;	
}

/* blog pull on storefront */
#sfnt_textL {
	padding-top: 20px;
	clear: both; 
	width: 455px; 
	float: left;
	margin-left: 10px;
}
#sfnt_textR {
	padding-top: 20px;
	width: 455px; 
	float: right;
	margin-right: 10px;
}
#sfnt_textL .blogpost {
	clear: both;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
	}
#sfnt_textL .post_title {
	color: #605799;
	font-size: 14px;
	font-weight: bold;
}
#sfnt_textL .post-date {
	margin-top: 0px;
	font-style: italic;
	font-size: 11px;
}
#sfnt_textL .post_icon {
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 10px;
}
#sfnt_textL .post-content {
}
#sfnt_textL .post_readmore {
	display: block;
	text-align: right;
	}
#sfnt_textL .aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#sfnt_textL .alignleft {
	float: left;
}

#sfnt_textL .alignright {
	float: right;
}

#sfnt_textL .wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#sfnt_textL .wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

#sfnt_textL .wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


ul.homevendorlist {
	margin: 0 5px 0 40px;
	padding: 0;
	list-style: none;
	float: left;
}
ul.homevendorlist li {
	height: 40px;
	width: 100px;
	}
	

#shipdelay {
	margin: 20px;
	padding: 5px;
	background-color: yellow;
	border: 3px double black;
	font-weight: bold;
	font-size: 14px;
	clear: both;
	}