@charset "utf-8";

/* CSS Document */



body{

	background: #ece7ce url("../img/bg-body.jpg") repeat-x;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#999;

	margin:0;

	behavior: url(hover.htc); 

}

a{

	text-decoration:none;

	color:#52351d;

}

a:hover{

	text-decoration:underline;

}

:focus {

	outline-color:-moz-use-text-color;

	outline-style:none;

	outline-width:0;

}

html,div, ul, li, p, h1, h2, h3, th, tr, td, table{

	margin:0;

	padding:0;

}

ul{

	list-style-type: none;

}	

html{

	height:100%;

	margin-bottom:1px;

}	

.clear{

	clear:both;

	margin:0;

	padding:0;

}

input.text{

	color:#999;

	font-size: 11px;

	height:16px;

	padding:2px 0 0 11px;

}

select{

	border: 1px solid #7f9db9;

	color:#969696;

	font-size:11px;

	height:21px;

	padding-top:2px;

}

img{

	border:none

}

.left{

	float:left;

}

.right{

	float:right;

}

div#container{

	width: 982px;

	margin:0 auto;

}

div#top-nav{

	background: url(../img/bg-top-nav.png) no-repeat right top;

	height:24px;

	float:right;

	padding:8px 27px 0 0;

}

div#inner-top-nav{

	float:right;

	color:#52351D;

}

img#cart{

	margin:0 2px -2px 10px;

}

div#cart-button{

	height:16px;

	font-size:10px;

	float:right;

}

div#cart-button a{

	color:#FFF;

	font-weight:bold;

	display:block;

	height:16px;

	text-decoration:none;

}

a.grey-button{

	background: url(../img/btn-grey-bg.gif) repeat-x;

	height:16px;

	float:left;

	padding:1px 2px 0;

}

div#cart-button img{

	float:left;

}

div#top-search{

	background: url(../img/bg-search.png) repeat-x;

	height:32px;

	width:290px;

	float:right;

}

input.search{

	width: 174px;

	margin:6px 0 0 7px;

	float:left;

}

input.search-button{

	margin: 5px 0 0 7px;

	display:inline;

	float:left;

}

div#header{
	
	background: url(../img/bg-header-right.png) no-repeat top right;

	height:76px;

	width:975px;

	float:left;

	position:relative;

}

div.top-shadow{

	background: url(../img/top-shadow.png) repeat-x;

	width:645px;

	height:6px;

	margin-top:-6px;

	float:left;

}

div.btm-shadow{

	background: url(../img/bg-btm-shadow.png) repeat-x;

	width:969px;

	height:6px;

	float:left;

	margin-left:7px;

}

div.lt-shadow{

	background: url(../img/left-shadow.png) repeat-y;

	width:6px;

	float:left;

}

div.rt-shadow{

	background: url(../img/right-shadow.png) repeat-y;

	width:6px;

	float:right;

	padding-right:1px;	

}

div.rt-head-shadow{

	height:76px;

}

div.lt-head-shadow{

	height:76px;

}

div.shadow-search{

	height:32px;

}

img#creativity{
	/* ANDRE CHANGED 'top:60px;' TO 'top:30px;' AND 'right:10px;' TO 'right:12px;'  */
	position:absolute;

	top:33px;

	right:12px;

}

a#simplicity-logo{

	background: url(../img/empty.gif) repeat-y;

	display:block;

	height:66px;

	width:120px;

	position:absolute;

	top:8px;

	left:15px;

	font-size: 1px; 

	float:left;

}

img.header-lt-shadow{

	margin-top:-5px;

	float:left;

}

img#header-logos{

	float:left;

}

a#advanced-search{

	color:#FFF;

	font-size:9px;

	text-decoration:underline;

	float:right;

	margin-right:13px;

}



/*Main Navigation*/

div.nav-shadow{

	height:46px;

}

ul.nav{ 

	list-style: none; 

	float:left;

	width:969px;

	position:relative;

	z-index:1000;

}

ul.nav li{ 

	float: left; 

}

ul.nav li, ul.nav li em{ 

	height: 46px; 

}

ul.IR li{

	position: relative;

	/*overflow: hidden;

	commented out for this example */

	font-size: 0.9em;

}

ul.IR em{

	display: block;

	position: absolute;

	top: 0; left: 0;

	z-index: 1;

}

/* For IE5.x mac only */

* html>body .IR{

	position: static;

	/*overflow: visible;

	commented out for this example */

	font-size: 10px;

}

* html>body .IR em{ 

	position: static;

}

li#patterns em, li#apparel em, li#tapes em, li#appliques em, li#closures em, li#mend em, li#decor em, li#sewing em, li#quilting em, li#ribbon em, li#crochet em, li#kits em, li#products em{

	background: url(../img/bg-nav.png) no-repeat;

	cursor: pointer;

}

/*Patterns*/

body.patterns li#patterns em{

	background: url(../img/bg-nav-patterns.png) no-repeat;

}

body.patterns li#patterns:hover em{

	background: url(../img/bg-nav-patterns.png) no-repeat;

	background-position: 0 -46px;

}

li#patterns{ 

	left: 0; 

	width:64px;

}

li#patterns em {

	width:64px;

	background-position: 0 0;

}

li#patterns:hover em {

	background-position: 0 -46px;

}

/*Apparel*/

li#apparel{ 

	left: 0;

	width:130px;

}

li#apparel em{

	width:130px;

	background-position: -64px 0;

}

li#apparel:hover em{

	background-position: -64px -46px;

}

/*Ribbon*/

li#ribbon{ 

	left: 0;

	width:52px;

}

li#ribbon em{

	width:52px;

	background-position: -194px 0;

}

li#ribbon:hover em{

	background-position: -194px -46px;

}

/*tapes*/

li#tapes{ 

	left: 0;

	width:43px;

}

li#tapes em{

	width:43px;

	background-position: -246px 0;

}

li#tapes:hover em{

	background-position: -246px -46px;

}

/*appliques*/

li#appliques{ 

	left:0;

	width:69px;

}

li#appliques em{

	width:69px;

	background-position: -289px 0;

}

li#appliques:hover em{

	background-position: -289px -46px;

}

/*closures*/

li#closures{ 

	left: 0;

	width:63px; 

}

li#closures em {

	width:63px;

	background-position: -358px 0;

}

li#closures:hover em {

	background-position: -358px -46px;

}



/*mend*/

li#mend{ 

	left: 0;

	width:93px; 

}

li#mend em {

	width:93px;

	background-position: -421px 0;

}

li#mend:hover em {

	background-position: -421px -46px;

}

/*decor*/

li#decor{ 

	left: 0;

	width:83px;

}

li#decor em{

	background-position: -514px 0;

	width:83px;

}

li#decor:hover em{

	background-position: -514px -46px;

}

/*sewing*/

li#sewing{ 

	left:0;

	width: 55px;

}

li#sewing em{

	background-position: -597px 0;

	width: 55px;

}

li#sewing:hover em{

	background-position: -597px -46px;

}

/*quilting*/

li#quilting{ 

	left: 0;

	width:61px;

}

li#quilting em{

	background-position: -652px 0;

	width:61px;

}

li#quilting:hover em{

	background-position: -652px -46px;

}

/*crochet*/

li#crochet{ 

	left: 0;

	width:120px;

}

li#crochet em{

	background-position: -713px 0;

	width:120px;

}

li#crochet:hover em{

	background-position: -713px -46px;

}

/*kits*/

li#kits{ 

	left: 0;

	width:38px; 

}

li#kits em {

	background-position: -833px 0;

	width:38px; 

}

li#kits:hover em {

	background-position: -833px -46px;

}

/*products*/

li#products{ 

	left: 0; 

	width:98px;

}

li#products em {

	background-position: -871px 0;

	width:98px;

}

li#products:hover em {

	background-position: -871px -46px;

}



/*Suckerfish Drop Down Styles*/

.nav a{ 

	display: block; 

}

/* The Holly Hack */

* html .nav a{ 

	height: 1%;

}

/* ANDRE REMOVED FOR NEW NAV */
/*ul.nav ul{

	list-style: none;

	margin-top:10px;

	margin-left:12px;

}*/

ul.nav li div.sub img{

	float:left;

}

ul.nav li div.sub{

	position: absolute;
	padding: 6px 0px 0px 0px; /* ANDRE ADDED FOR NEW NAV */

	z-index: 1000; /* show the dropdowns above the images */

	left: -999em;

}

ul.nav li:hover div.sub{

	top:46px;

	left:0;

	float:left;

}

ul.nav li#kits:hover div.sub{

	left:-129px;

}

ul.nav li#products:hover div.sub{

	left:-70px;

}

ul.nav .inner{

	float:left;

/* ANDRE REMOVED FOR NEW NAV */
	/*border-right: 1px solid #982100;

	border-left: 1px solid #982100;

	background: #C53101;*/

}

li#patterns .inner, li#decor .inner{

	width:297px;

}

ul.nav li .inner{
	/* ANDRE Changed width from 166 to 170 */
	width:170px;
	

}

.nav li li {

	float:none;

	height: auto;

	padding-bottom: 0; /* reset the height set on the IR list items */

}

div.sub li ul li{

	padding-bottom:5px;

}

/* ANDRE REMOVED FOR NEW NAV */
/*.nav li ul li a {

	font-size:11px;

	color: #FFF;

	padding-bottom:8px;

}*/

/* ANDRE REMOVED FOR NEW NAV */
/*
.nav li ul li a:hover {

	text-decoration:underline;

}
*/

.nav li:hover div   {

 	left: auto; 

}

.nav div.sub li a.catalog{

	background: url(../img/icon-buy-catalog.gif) no-repeat left 0.3em;

	padding-left:11px;

}

ul.nav div.lt{

	width:148px;

	float:left;

	display:inline;

}

ul.nav div.rt{

	width:135px;

	float:right;

}

/* ANDRE REMOVED FOR NEW NAV */
/*ul.nav p{

	color:#FFF;

	font-size:14px;

	font-weight:bold;

	margin:8px 0 0 10px;

}*/

div#breadcrumb{

	margin-left:18px;

	clear:both;

	font-size:10px;

	color:#52351D;

}	

div#breadcrumb a{

	color:#453C34;

	text-decoration:underline;

}

div#breadcrumb span{

	color:#b63c2f;

	font-weight:bold;

}



/*Feature containers*/	

div.content{

	padding: 0 11px 1px 11px;

}

div#main-promo{

	height:284px;

}

div#tab-links{

	position:absolute;

	z-index:3;

	width:188px;

	height:284px;

	display:block;

}

a#tab-1{

	background: url(../img/empty.gif);

	width:188px;

	height:94px;

	position:absolute;

	top:0;

	left:0;

}

a#tab-2{

	background: url(../img/empty.gif);

	width:188px;

	height:94px;

	position:absolute;

	top:94px;

	left:0;

}

a#tab-3{

	background: url(../img/empty.gif);

	width:188px;

	height:94px;

	position:absolute;

	top:188px;

	left:0;

}

a.btn-shop-now{

	background: url(../img/btn-shop-now.png) no-repeat;

	width:105px;

	height:32px;

	display:block;

	position:absolute;

	bottom:6px;

	right:8px;

}

a.btn-purchase-now{

	background: url(../img/btn-purchase-now.png) no-repeat;

	width:124px;

	height:30px;

	display:block;

	position:absolute;

	bottom:6px;

	right:8px;

}

a#catalog{

	background: url(../img/bg-catalog.jpg) no-repeat;

	width:288px;

	height:140px;

	display:block;

}

div.main-box-643{

	background: url(../img/bg-main-content.png) repeat-y;

}	

div.main-feature-container{

	width:667px;

	float:left;

}

div.bottom-feature{

	height:159px;

}

div#addition-promo-area{

	width:665px;

}

div#addition-promo-area-right{

	width:312px;

}

div#addition-promo-area-right img{

	margin:27px 0 0 51px;

}

div#addition-promo-area img{

	margin:67px 0 0 170px;

}

div.box-643{

	width:643px;

}

div.top-box-643, div.btm-box-643{

	height:13px;

	width:667px;

}

div.tp-mid-border{

	background: url(../img/bg-border-tp-white-box.png) repeat-x;

	height:13px;

	float:left;

}

div.btm-mid-border{

	background: url(../img/bg-border-btm-white-box.png) repeat-x;

	height:13px;

	float:left;

}

div.tp-lt-corner{

	background: url(../img/bg-tp-lt-corner.png) no-repeat;

	width:12px;

	height: 13px;

	float:left;

}

div.tp-rt-corner{

	background: url(../img/bg-tp-rt-corner.png) no-repeat;

	width:12px;

	height:13px;

	float:right;

}

div.btm-lt-corner{

	background: url(../img/bg-btm-lt-corner.png) no-repeat;

	width:12px;

	height: 13px;

	float:left;

}

div.btm-rt-corner{

	background: url(../img/bg-btm-rt-corner.png) no-repeat;

	width:12px;

	height:13px;

	float:right;

}



/*Right Top Features*/

div.right-features-container{

	width: 311px;

	float:right;

	margin-right:3px;

}

div.box-288{

	width:288px;

}

div.main-288-box{

	background: url(../img/bg-288-box.png) repeat-y;

}

div.top-288-box, div.btm-288-box{

	height:13px;

	width:312px;

	clear:both;

}

div.hdr{

	background: url(../img/bg-288-header.jpg) repeat-x;

	height:21px;

	padding:6px 0 0 8px;

	margin:0 1px;

}

div.hdr p{

	float:right;

	color:#404040;

	font-size:9px;

	margin:2px 5px 0 0;

}

div.hdr img{

	float:left;

}

div.item-thumb{

	width:64px;

	height:89px;

	float:left;

	border: 1px solid #c0c0c0;

}

div.item{

	margin: 4px 0 3px 5px;

	float:left;

	display:inline;

}

div.item-info{

	width:63px;

	float:left;

	margin-left:5px;

	padding-top:2px;

	overflow:hidden;

}

div.item-info a{

	color:#999;

}

a.all{

	text-transform:uppercase;

	text-decoration:underline;

	font-size:9px;

	color:#404040;

	float:right;

	margin:0 7px 4px;

}

div.item-thumb table{

	width:64px;

	height:89px;

}

div.item-thumb table td{

	text-align:center;

}

a.item-thumb-link{

	background: url(../img/empty.gif) repeat-y;

	display:block;

	width:64px;

	height:89px;

	position:absolute;

}

div.item-info p{

	margin-bottom:4px;

	line-height:1;

}

div.item-info p.item-number{

	font-weight:bold;

}

p.item-number a{

	color:#616161;

}

p.price{

	color:#a61000;

	font-size:12px;

	font-weight:bold;

	margin-top:6px;

}

div#recently-viewed-items, div#landing-recently-viewed-items{

	/*display:none;*/

}

div#catalog-box, div#landing-catalog-box{

	margin-bottom:2px;

	display:none;

}



/*Middle Container*/

div.top-979-box, div.btm-979-box {

	height:13px;

	width:979px;

}

div.box-979{

	width:955px;

}

div.main-979-box{

	background: url(../img/bg-979-box.png) repeat-y;

	float:left;

	width:979px;

}



/*Extras*/

div.extras{

	background: url(../img/bg-extras.png) no-repeat;

	width:302px;

	height:176px;

	float:left;

	margin:10px 0 10px 12px;

	display:inline;

}

div.extras-links{

	margin-top:-3px;

	float:left;

	width:122px;

}

div.extras div.media{

	width:146px;

	height:118px;

	margin:0 13px 0 11px;

	border: 1px solid #DDD;

	float:left;

	display:inline;

}

div.extras p{

	margin-bottom:3px;

}

div.extras p a{

	color:#6e6e6e;

}

div.extras p a, div.class-comm ul li ul li a{

	padding-right:8px;

	font-weight:bold;

	font-size:10px;

}

div.extras a.hdr{

	height:19px;

	margin:12px 0 9px 10px;

	float:left;

}

div.extras a.hdr:hover{

	background: url(../img/icon-arrow-red.gif) no-repeat right .3em;

	padding-right:13px;

}	



/*Footer*/

div#footer{

	background: #ece1c3 url(../img/bg-footer.jpg) repeat-x;

	width:100%;

	margin-top:15px;

	clear:both;

}

div#footer-content{

	width:968px;

	margin:0 auto;

	padding-top:36px;

}

div#footer ul li p{

	font-size:11px;

	color:#000;

	text-transform:uppercase;

	float:left;

	width:90px;

	text-align:right;

	margin:0 0 0 20px;

	line-height:1.4;

	display:inline;

}

div#footer ul li.row{

	margin-bottom:1px;

	width:968px;

	float:left;

}

div#footer ul li ul li{

	display:inline;

	float:left;

	color:#353535;

}

div#footer ul li ul li a{

	color:#b76c01;

	font-size:9px;

	margin:0 1px;

	line-height:1.8;

}

div#footer ul{

	float:left;

	margin-left:13px;

}

div#footer ul#main{

	margin:0 0 7px 0;

}

p#copyright{

	font-size:9px;

	color:#000;

	float:left;

}



/*Landing Pages*/

div#main-content{

	/*this div is used by the nav-height.js to calculate the height of the left navigation*/

	float:left;

	width:812px;

}



/*Left Navigation*/

div#left-navigation{

	width:170px;

	float:left;

}

div.top-box-170, div.btm-box-170{

	height:13px;

	width:170px;

}

div#left-nav{

	background: url(../img/bg-nav-left.png) repeat-y;

	height:100%;

}

div.box-170{

	width:146px ;

}

div#left-nav li a{

	color:#7f7f7f;

	text-decoration:underline;

}

div#left-nav ul li ul{

	margin:4px 0 15px 19px;

}

div#left-nav ul li ul li{

	margin-bottom:5px;

}

div#left-nav ul li ul li ul li a{

	background: url(../img/icon-arrow-red-sm.gif) no-repeat scroll left 0.4em;

	text-decoration:none;

	color:#a61000;

	padding-left:8px;

}

div#left-nav ul li ul li ul li a:hover{

	text-decoration:underline;

}



/*Landing Main Promo*/

div#main-landing-promo{

	width:535px;

	float:left;

}

div.box-513{

	width:511px;

}

div#main-box-513{

	background: url(../img/bg-513-box.png) repeat-y;

}

div#main-box-513 div.content{

	padding:1px 11px 0px 12px;

}

div.top-box-513, div.btm-box-513{

	height:13px;
	width:535px;

}	



/*Landing Right Features*/

div.features-container-250{

	width: 272px;

	float:right;

	margin-right:3px;

}

div.box-250{

	width:248px;

}

div.main-250-box{

	background: url(../img/bg-250-box.png) repeat-y;

}

div.top-250-box, div.btm-250-box{

	height:13px;

	width:272px;

	clear:both;

}

div.main-250-box div.item-info{

	width:49px;

}

div.main-250-box div.tabbertab input.text{

	width:155px;

}

div.main-250-box a#catalog{

	background: url(../img/bg-catalog-landing.jpg) no-repeat;

	width:250px;

	height:140px;

	display:block;

}



/*Bottom Features*/



div.module div.top-250-box, div.module div.btm-250-box{

	height:13px;

	width:268px;

	clear:both;

}

div.module div.main-250-box{

	width:268px;

}

div.module div.btm-rt-corner, div.module div.tp-rt-corner{

	width:8px;

}



/* Modules*/

a.module{

	width:246px;

	height:234px;

	display:block;

	margin-bottom:15px;	

}

a#first.module{

	background: url(../img/costumes-feature.jpg) no-repeat;	

}

a#first.module:hover{

	background: url(../img/costumes-feature-on.jpg) no-repeat;

}

a#second.module{

	background: url(../img/whats-new-feature.jpg) no-repeat;	

}

a#second.module:hover{

	background: url(../img/whats-new-feature-on.jpg) no-repeat;

}

a#third.module{

	background: url(../img/customer-favorites.jpg) no-repeat;	

}

div#bottom-features{

	width:812px;

	float:left;

}

div#bottom-features div.main-250-box div.content{	

	padding:0 0 0 13px;

	height:398px;

}

div.module{

	float:left;

}

div.module p a{

	background:transparent url(../img/icon-arrow.gif) no-repeat scroll right 0.4em;

	font-size:10px;

	font-weight:bold;

	padding-right:8px;

}

div.module p{

	margin:0 0 6px 15px;

}



/*Thumbs Page*/

div.box-784{

	width:783px;

}

div#main-box-784{

	background: url(../img/bg-784-box.png) repeat-y;

	width:806px;

	position:relative;

}

div#main-box-784.height{

	height:742px;

}

div#main-box-784.checkout{

	min-height:510px;

	height:auto !important;

  	height:510px;

}

div.top-box-784, div.btm-box-784{

	height:13px;

	width:807px;

	clear:both;

}

div#thumb-hdr{

	height:27px;

	padding:10px 0 0 10px;

	margin:0 1px;

}

div.bg{

	background: url(../img/bg-thumb-hdr.png) repeat-x bottom;

}

div#thumb-hdr p, div.pagenation p{

	color: #8d8d8d;

	font-weight: bold;

}

div#thumb-hdr p{

	line-height:1.5

}

div.pagenation a{

	margin:0 3px;

}

p#save{

	margin-top:7px;

}

div.list div.pagenation a, div.hdr p a, div.related span.details a{

	color: #8d8d8d;

	font-weight:normal;

	text-decoration: underline;

	font-size:11px;

}

div.pagenation span.active{

	margin:0 3px;

}

span.active{

	color:#a61000;

	font-weight:bold;

}

div.pagenation span{

	margin:0 12px 0 0;

}

div#thumb-hdr select{

	float:left;

	margin-left: 8px;

}

div.pagenation a.see-all{

	margin:0 10px 0 20px;

	background:none;

}

div.pagenation a.more{

	margin:0 10px 0 20px;

}

div.thumb{

	width:140px;

	border:1px solid #C0C0C0;

	margin:0 27px 20px 0;

	padding:8px 8px 3px 8px;

	float:left;

	display:inline;

}

div.thumb p.item-number{

	margin-top:5px;

}

div.thumb p.price{

	margin-top:3px;

}

div#thumb-container{

	margin:12px 0 0 35px;

}

div.pagenation{

	height: 40px;

}

div.thumb img.btn{

	margin: 23px 0 0 -5px;

}



/*Products Pages*/

div#pagenation{

	position:absolute;

	right:12px;

	top:12px;

	z-index:10;

}

div#pagenation img{

	margin-right:2px;

}

div#product-image{

	margin-top:16px;

	float:left;

	width:265px;

}

div.product-info{

	width:247px;

	float:left;

	margin-left:15px;

	display:inline;

	padding-top:10px;

}

h1{

	font-size:13px;

	margin-left:10px 0 1px;

	color:#474747;

	font-weight:bold;

}

div.product-info p.main{

	color:#b1b1b1;

	width:180px;

	line-height:1.1;

	height:80px;

}

div.product-info p#price{

	margin-top:12px;

	font-size:25px;

	font-weight:bold;

	color:#b12d1f;

}

div.product-info span{

	font-weight:bold;

	color:#7b7b7b;

	font-size:11px;

}

p.size{

	margin-top:20px;

}

p.links{

	margin:5px 0;

}

a.more{

	font-size:10px;

	background: url(../img/icon-sm-arrow.gif) no-repeat right .4em;

	padding-right:6px;

	font-weight:bold;

}

a.down{

	background: url(../img/icon-arrow-sm-dwn.gif) no-repeat right .6em;

	padding-right:7px;

}

div.tabbertab input.text{

	margin:8px 0 0 10px;

}

p.bottom-buttons{	

	margin:4px 0 8px -2px;	

}

p.bottom-buttons img{

	margin-right:2px;

}

div#product-options{

	background: url(../img/bg-product-options.png) no-repeat;

	width:193px;

	height:90px;

	margin:0 0 0 -5px;

	padding:6px 0 0 6px;

}

div#product-options a{

	display:block;

	width:180px;

	height:26px;

	text-indent:-9000px;

}

a#add-to-your-list{

	background: url(../img/add-to-your-list.png) no-repeat center .7em;

}

a#add-to-your-list:hover{

	background: url(../img/add-to-your-list-on.png) no-repeat center .7em;

}

a#email-to-friend{

	background: url(../img/email-to-a-friend.png) no-repeat center .7em;

}

a#email-to-friend:hover{

	background: url(../img/email-to-a-friend-on.png) no-repeat center .7em;

}

a#send-details-mobile{

	background: url(../img/send-details-mobile.png) no-repeat center .4em;

}

a#send-details-mobile:hover{

	background: url(../img/send-details-mobile-on.png) no-repeat center .4em;

}

div.related{

	width:239px;

	height:416px;

	border-left:1px solid #d9d9d9;

	padding-left:5px;

	float:left;

	margin-top:10px;

}

div.related span.details{	

	float:right;

}

div.related span.details a{

	font-size:9px;

}

div.related h1{

	float:left;

	width:155px;

}

div#main-box-784 div.item-info{

	width:85px;

	padding-right:3px;

}

div#main-box-784 div.item{

	margin-left:1px;

}

div#main-box-784 div.hdr{

	margin-bottom:10px;

}

div#prod-views{

	height:34px;

	width:94px;

	margin:0 auto;

	position:relative;

}

div#prod-views a.view-thumb img{

	border:1px solid #FFF;

}

div#prod-views a.view-thumb{

	width:22px;

	height:31px;

	display:block;

}

div#prod-views a.view-thumb:hover{

	border:1px solid #b7b7b7;

	margin-top:-1px;

	margin-left:-1px;

}

div#prod-views a#view-1{

	position:absolute;

	left:0;

}

div#prod-views a#view-2{

	position:absolute;

	left:24px;

}

div#prod-views a#view-3{

	position:absolute;

	left:48px;

}

div#prod-views a#view-4{

	position:absolute;

	left:72px;

}

div#product-image-container{

	width:265px;

	height:374px;

	margin-bottom:5px;

	overflow:hidden;

}

a.zoom{

	background: url(../img/icon-zoom.png) no-repeat;

	width:37px;

	height:37px;

	display:block;

	position:absolute;

	top:400px;

	left:5px;

}

div#below-tab{

	padding:0 6px;

}

div.info-content{

	position:relative;

	float:left;

	width: 527px;

	height:350px;

}

div.info-content img{

	margin:0 0 -1px 5px;

}

div.info-content div.col{

	margin:0 10px;

	width:240px;

	display:inline;

}

div.info-content div.col p{

	margin-bottom:20px;

	font-size:10px;

	color:#616161;

}

div#envelope .hdr, div#more-info .hdr{

	margin-top:25px;

}

div.info-content p.links{

	text-align:right;

	margin-top:10px;

	margin-bottom:7px;

}

div.info-content p.links a{

	margin: 0 20px 0 2px;

}



/*Overlays*/ 

div.overlay { 

    display:none; 

} 

/*Product Page - International Size Overlay*/

div.lg { 

    background-image:url(../img/bg-overlay-lg.png); 

    width:488px; 

    height:251px;

	padding:18px 18px 0;  

}

div.chart{

	margin-top:10px;

}

div#junior-plus{

	margin-left:-8px;

}

div#int-junior-plus{

	margin-left:-8px;

}

div.lg img.hdr{

	margin-bottom:12px;

}

/*div#int-size table{

	width:488px;

	height:182px;

	border:1px solid #999;

	color:#000;

	border-collapse:collapse;

}

div#int-size table td, div#int-size table th{

	width:31px;

	padding:0 0 0 2px;

	border:1px solid #999;

	text-align:left;	

}

div#int-size table th{

	background: #CCC;

	font-weight:bold;

}

div#int-size table .header{

	width: 90px;

}

div#int-size table .last{

	width:20px;

}*/



/*Product Page - Add to Cart and Add to List Overlays*/

.add-to{ 

    background-image:url(../img/bg-overlay-add-to.png); 

    width:330px; 

    height:251px; 

    padding:18px 18px 0;  

}

div.add-to h1{

	margin-bottom:14px;

}

div#add-to-cart h1.cart{

	width:100%;

	border-top:1px solid #CCC;

	font-size:15px;

	padding-top:5px;

	margin-bottom:2px;

}

div.add-to img.hdr{

	margin-bottom:5px;

}

div.add-to div.product-info{

	width:172px;

}

div.add-to img.left{

	margin-top:12px;

}

div.add-to p{

	color:#b1b1b1;

}

div.add-to p.price{

	font-size:15px;

	color:#A61000;

	margin:0 0 18px;

}

div.add-to div.btm-btns{

	position:absolute;

	width:170px;

	bottom:0;

	right:22px;

}

 

/* default close button positioned on upper right corner */ 

div.overlay div.close { 

    cursor:pointer; 

}

div.overlay div.top{

	background: url(../img/icon-close.gif) no-repeat right; 

    position:absolute; 

    right:15px; 

    top:15px; 

	height:18px; 

    width:56px; 

	text-transform:uppercase;

	font-size:10px;

	padding-top:3px;

	color:#807f7b;

}

div.overlay div.top:hover span{

	text-decoration:underline;

}

div.overlay div.chart{

	display:none;

	width:488px;

	height:182px;

}

/*Email a Friend Overlay*/

div#form{

	height:222px;

	width:320px;

	border-right:1px solid #d9d9d9;

	margin:5px 5px 0 0;

	padding-right:10px;

	float:left;

}

div.field p, div.checkbox p{

	font-size:10px;

	line-height:2;

	float:left;

}

div.field p.input-text{

	width:125px;

	text-align:right;	

	margin-right:8px;

}

div.field input{

	float:left;

	width:170px;

}

div.field{

	clear:both;

	margin-bottom:7px;

	height:20px;

}

div#send{

	margin-top:15px;

}

div.checkbox input{

	margin:5px 5px 0 0;

	float:left;

}

div#email-friend img.left{

	margin:4px 0 0 6px;

}

div#email-friend h1{

	width:152px;

}





/*Product Pages - Select Color*/

div#select-color{

	margin-top:12px;

	color:#837f84;	

}

div#select-color em{

	font-size:9px;

	margin-left:3px;

}

div#select-color a{

	display:block;

	width:16px;

	height:16px;

	border:1px solid #faf9e5;

}

div.color-row div{

	border:1px solid #c7c7c7;

	float:left;

	margin:2px;

}

div.color-row div:hover {

	background: url(../img/bg-color.gif) no-repeat;

	border:0px;

	padding:2px;

	margin:1px;

}

p.select{

	font-size:11px;

	text-transform:uppercase;

	font-weight:bold;

	margin-top:2px;

}

p.select span{

	color:#474747;

}



/*My List Page*/

div#left-nav div.media{

	border:1px solid #DDD;

	width: 140px;

	height: 118px;

	margin:3px auto;

}

div#left-nav.class-comm ul li ul li a, div.extras p a{

	text-decoration:none;

	background:transparent url(../img/icon-arrow-grey.gif) no-repeat scroll right 0.4em;

}

div#left-nav.class-comm ul li ul li a:hover, div.extras p a:hover{

	background: url(../img/icon-arrow-red-sm.gif) no-repeat scroll right 0.4em;

	text-decoration:underline;

	color:#a61000;

}

div#left-nav.class-comm ul li ul{

	margin:10px 0 15px 19px;

}

div#left-nav.class-comm ul li ul li{

	margin-bottom:3px;

}

div.list div#thumb-hdr{

	background: none;

	padding:12px 0 0 12px;

}

div.list div.thumb{

	width:217px;

	margin-right:24px;

	position:relative;

}

div.list div.last{

	margin-right:0px;

}

div.list div#thumb-container{

	margin:12px 0 12px 14px;

}

div.list div.thumb img.main{

	float:left;

	margin-right:10px;

}

div.list div.thumb p.item-number{

	margin-top:0;

}

div.list div.thumb p.price {

	margin-top:10px;

}

div.list div.thumb p.details{

	color:#969696;

	margin-top:26px;

}

div.list div.thumb p.btm-btns{

	width: 220px;

	clear:both;

	float:left;

	margin:4px 0 0 -4px;

}

div.pagenation img.hdr{

	float:left;

}

div.list div.thumb a.remove{

	background: url(../img/icon-close-list.gif) no-repeat right .2em;

	position:absolute;

	top:2px;

	right:3px;

	padding-right:12px;

	font-size:9px;

	color:#969696;

	text-decoration:underline;

}



/*Recently Viewed Page*/

div.viewed div.thumb p.price{

	margin-top:0;

}

div.thumb p em{

	font-style:italic;

	color:#837f84;

	font-size:9px;

}

div.thumb p.colors{

	margin-top:5px;

}

div.thumb p.last{

	margin-top:7px;

}

img.btn-thumb{

	margin-left:-2px;

	float:left;

}

div.viewed div.thumb{

	margin-bottom:25px;

}

div.viewed div.thumb img.main{

	margin-bottom:5px;

}



/*Advanced Search*/

div.featured div.item-thumb{

	margin-bottom:3px;

}

div.featured div.item{

	margin: 9px 0 7px 8px;

}

div#search{

	margin:12px 0 0 13px;

}

/*div#search span{

	color:#999;

}*/

div#search select{

	width:178px;

}

div#search input.text{

	width:200px;

}

div#search input.btn{

	margin-top:-4px;

}

div#search p{

	margin-top:12px;

}

div#left-nav li h2{

	font-size:11px;

	font-weight:bold;

	color:#555;

	text-transform:none;

}

div#left-nav  ul.inner{

	margin: 2px 0 30px 0px;

}



/*Checkout*/

div.checkout{

	min-height:534px;

}

div#progress{

	height:31px;

	margin:5px 10px 0 10px;

}

div#progress img{

	float:left;

}

div#progress img.prog{

	margin:9px 17px 0 14px;

}

div#progress img.first{

	margin-left:7px;

}

div#checkout{

	margin:20px 0 5px 10px;

	width:764px;

}

div#checkout.main{

	background: url(../img/bg-checkout-items.gif) repeat-y;

	margin:11px 0 5px 10px;

	float:left;

	display:inline;

}

div.checkout img.bdr{

	float:left;

}

table#checkout{

	width:760px;

}

table#checkout .item{

	width:426px;

	height:16px;

}

table#checkout td, table#checkout th{

	width:131px;

	text-align:left;

	vertical-align:top;

	font-size:14px;

	padding-left:4px;

}

table#checkout div.item-thumb td{

	padding:0;

}

table#checkout th, div.checkout h2, div#left-nav h2{

	text-transform:uppercase;

	color:#868686;

	font-size:10px;

	line-height:1.4;

	margin-bottom:2px;

}

div.checkout h2{

	margin-right:15px;

}

table#checkout .total{

	width:76px;

}

table#checkout p a{

	color:#474747;

}

table#checkout div.item-info{

	width:200px;

}

table#checkout p.detail{

	color:#969696;

	margin-top:10px;

	font-size:11px;

}

input.quantity, div.checkout div.field input.x-sm{

	padding-left:0;

	text-align:center;

	width:40px;

	margin-right:3px;

}

table#checkout div.item{

	margin-top:0;

}

table#checkout p.remove a, div.field a{

	color:#616161;

	font-size:10px;

	text-decoration:underline;

	margin-right:10px;

}

p.price-single{

	color:#4f4f4f;

}

table#checkout p.price, div#bottom-content p.price{

	font-size:14px;

	margin-top:0;

}

table#checkout tr.item-row{

	height:100px;

}



/*Checkout - Bottom Content*/

div#bottom-content{	

	padding:2px 11px 10px 11px;

}

div#bottom-content input.btn{

	margin-top:-4px;

}

div#bottom-content input.text, div.checkout div.field input{

	width:195px;

}

div#bottom-content p.hdr{

	margin:0 10px 0 0;

	color:#969696;

	font-size:11px;

	float:right;

}

div#bottom-content div#sign-in{

	margin-top:23px;

	width:763px;

}

div#bottom-content div#sign-in p{

	float:right;

}

div#bottom-content div#sign-in input.text{

	margin:4px 12px 0 0;

}

div#bottom-content div#sign-in a img{

	margin-right: -2px;

}

div#bottom-content p.left{	

	margin-left:176px;

	display:inline;

}

div#subtotal{



	margin-right:30px;

}

div#subtotal p{

	float:right;

	margin-bottom:10px;

}

div#subtotal p em{

	color:#2b2b2b;

}

div#bottom-content p.price{

	line-height:.8;

}



/*Checkout - Billing and Shipping*/

div.shipping{

	margin:6px 10px 10px 10px;

	border-bottom: 1px solid #d9d9d9;

	padding-bottom:15px;

}

div.shipping div.checkbox p{

	color:#868686;

}

div.shipping div.checkbox{

	margin-top:-5px;

}

div.choose{

	margin-top:5px;

}

div.choose input{

	float:left;

	margin-right:5px;

	margin-left:0px;	

}

div.choose div.ship p{

	float:left;

	margin-top:2px;

}

div.choose div.ship{

	float:left;

	clear:both;

}

div.address{

	display:block;

	width:120px;

	float:left;

	margin-right:20px;

}

div.address p.edit{

	margin-top:10px;

}

div.address p a{

	text-decoration:underline;

	color:#999;

	margin-right:10px;

}

div#new-add{

	padding:0 10px 5px 10px;

}

div#new-add h2{

	margin-bottom:6px;

}

div.checkout div.field p{

	font-size:11px;

	line-height:1.6;

}

div.checkout div.field p.error{

	color:#a61000;

	font-weight:bold;

}

div.checkout div.field select{

	width:209px;

}

div.checkout div.field p.input-text{

	width:121px;

}

div.checkout div.field select.sm{

	width:104px;

}

div.checkout div.field input.sm{

	width:90px;

}

div.checkout div.field select.mid{

	width:130px;

}

img.btm-btn{

	float:right;

	margin:0 7px 10px 0;

}

img#cards{

	float:left;

	margin: -5px 0 15px 3px;

}

div#inner{

	margin:6px 10px 10px 10px;

}

div.checkout div.field select.x-sm{

	width:50px;

}

div.field a{

	margin:4px 0 0 10px;

	float:left;

}

div#thumb-hdr a img.btn{

	float:right;

	margin:-3px 6px 0 0;

}

img#edit-cart{

	float:right;

	margin:-5px -4px 0 0;

}

div#order{

	width:136px;

	padding:6px;

	font-size:9px;

}

div#order p{

	width:136px;

	float:left;

}		

span.free, p#total{

	color:#A61000;

	font-weight:bold;

}

p#shipping{

	margin-bottom:10px;

}

p#bottom{

	padding-bottom:10px;

	border-bottom: 1px solid #d9d9d9;

	margin-bottom:10px;

}

div.box{

	background-color:#f7f7f7;

	margin:5px;

	padding:5px 2px;

}

div.box p.first{

	margin-top:5px;

}

div#left-nav div.box h2{

	margin-bottom:0px;

}




