/*css for mlo*/

/*
This resets everything for easier css
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px; /*hack to size with em*/
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*start of real css
*/
body{
	background: #e9e2da;
	padding: 0px 15px;
	font-family: Arial;
	
}

.sprite{
	background: url(../images/eddie-sprite.png);
}

.vsprite{
	background: url(../images/sprite_vfill.png) repeat-x;
}

h1{
	font-size: 1.3em;
}

h2{
	font-size: 1.1em;
}

.captcha {
	font-family: monospace;
	font-weight: bold;
	/*border: 1px solid #666666;*/
	line-height: .8em;
	font-size: .3em;
	color: #000000;
}


/*Head
*/
div#Head_Banner_left{
	float: left;
	width: 739px;
	height: 85px; 
	}

div#Head_Banner_right{
	text-align: right;
	height: 85px; 
	float: right;
	padding: 15px 15px 0px 0px;
	}

div#Head_Banner_right a{
	color: #000984;
}

div#Head_Banner_right a:visited{
	color: #000984;
}

span.twelve_white{
	font-size: 1.0em;
	font-weight: bold;
}

span.thirteen_white{
	font-size: 1.1em;
	font-weight: bold;
}

span.fourteen_white{
	font-size: 1.2em;
	font-weight: bold;
}

div#Head_Banner{
	background-position: 0 -150px;
	height: 85px;
	font-family: Arial,Helvetica,sans-serif;
	color: white;  /*font color amazing*/
	overflow: hidden;
	}



/*Nav row*/


div#Head_Nav{
	background-position: 0 top;
	height: 30px;
	color: #414142;
	overflow: hidden;
}

div#Head_Nav_left{
	height: 30px;
	width: 75px;
	float: left;
}

div#Head_Nav_right{
	height: 30px;
	width: 200px;
	float: right;
	}

a#cartHeader{
	display: block;
	width: 200px;
	height: 30px; 
	line-height: 30px;
	text-align: right;
	color: #FFFFFF;
	
}
a#cartHeader div{
	font-size: 1.2em;
	padding: 0 15px;
}

a#cartHeader div span a{
	font-size: 1em;
	font-weight: bold; /*stupid hack because css doesn't work well*/
}

a.nav{
	line-height: 30px;
	padding: 6px 30px;
	position: relative; /*necessary for span shadow to work*/
	top: 0;
	z-index: 1;
	color: #000000;
	font-size: 1.4em;
	text-decoration: none;
	}

a.nav span.shadow{
	font-size: 1em; /*without the 1em, it defaults to 10px, the body size.  with 1em, it defaults to a.nav size.*/
	color: #FFFFFF;
	opacity: 0.7;
	line-height: 30px;
	position: absolute;
	top: 2px;
	left: 30px;
	z-index: -1;
	-moz-user-select: 	none;

}

a.nav:hover{
	background: url(../images/sprite_vfill.png) repeat-x;
	background-position: 0 -29.5px;
	cursor: pointer;
}

a.nav:focus, a.money{
	background: url(../images/sprite_vfill.png) repeat-x;
	background-position: 0 -59.5px;
	cursor: pointer;
}
	
div#body{
	background: url(../images/sprite_vfill.png) repeat-x;
	background-position: 0 -250px;
	background-color: #ffffff;
	color: #8CA62A; /*olive*/
}


/* left rail*/

div#Left_Col{
	width: 170px;
	float: left;
	background-color: #FFFFFF;
	font-size: 1em;
	line-height: 1.2em;

}

div#Left_Col a{
	color: #8CA62A;
	text-decoration: none;
}

div#Left_Col div.Left_Col_Head{
	height: 20px;
}

div#Left_Col div#Left_Col_inside{
	padding-left: 15px;
}

div#Left_Col div#Left_Col_inside h2{
	font-size: 1.2em; /*12px relative to 11px default left col font size*/
	font-weight: bold;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 5px
}
div#Left_Col div#Left_Col_inside #searchBox{
	position: absolute;
	left: 3px;
	top: 2px;
	width: 112px;
	height: 18px;
	border: 0 none;
	line-height: 10px;
	font-size: 1em;
	
	
}
div#Left_Col div#Left_Col_inside #searchButton{
	
	width: 19px;
	height: 21px;
	border: 0 none;
	padding: 0px;
	margin: 0 0 2px 0;
	position: absolute;
	right: 0px;
	top: 0px;
}

div#Left_Col div#Left_Col_inside #searchButton:hover{
	cursor: pointer;
}

div#Left_Col div#Left_Col_inside #sampler_bar{
	width:140px;
	margin-top: 5px;
	background-color: #8CA62A;
}

div#Left_Col div#Left_Col_inside #sampler_bar #sampler_title{
	padding: 5px;
	font-size:1.2em;
	color: #FFFFFF;
}

div#Left_Col div.fakeComboBox {
	position: relative;
	border:1px solid #444444;
	height:22px;
	width:136px;
	padding: 2px 0px 0px 3px;
}

/*cart rail

*/

div#Right_Col{
	width: 200px;
	font-size: 1.2em;
	float: right;
	
}

div#Right_Col div.cart_Spacer{
	height: 4px;
	width: 200px;
	background-color: #e1e1e2;
}

div#Right_Col div.cart_product div.cart_Top{
	height: 8px;
	width: 200px;
	
}

div#Right_Col div.cart_product div.cart_Bottom{
	height: 8px;
	width: 200px;
	
}

div#Right_Col div.cart_product div.cart_Body{
	padding: 5px 20px;
	background: url(../images/cart_Body.png);
	repeat: repeat-y;
}

div#Right_Col div.cart_product div.cart_Body div.cart_Quantity{
	color: black;
	font-weight: bold;
}

div#Right_Col div.cart_product div.cart_Body div.cart_Quantity a{
	font-size: 1.1em;
}

div#Right_Col div.cart_product div.cart_Body div.cart_Quantity a:hover{
	cursor: pointer;
}
/*body of document


*/

/*clear fix*/
.clearfix:after{
	content: "haskins";
	display:block;
	height: 0;
	clear:both;
	visibility: hidden;
}

/*Hides from IE-mac\*/
* html .clearfix {height: 1%;}
/*End hide from IE-mac*/
		
div#outercontent{
	padding: 0px 215px 0px 180px;
	background: url(../images/outercontent.png) repeat-y right;
}

div#innercontent{
	padding-top: 15px;
}

div#innercontent div.headbar{
	text-align: left;
	margin-bottom: 20px;
}

.sprite2{
	background: url(../../sbsru/images/sprite.gif) repeat scroll 0 0 transparent;
	border: 0 none;
}

a.sprite{
	display: block;
	text-decoration: none;
}


/*page specific*/

/*General stuff*/
.more{
	position: relative;
	text-align:right;
	padding-right: 15px;
	height: 11px;
	clear: both;
	}

.arrow{
	position: absolute;
	right: 0px;
	width: 48px;
	height: 11px;
}

.arrow_checkout{
	position: absolute;
	right: 0px;
	width: 72px;
	height: 11px;

}	

.title{
	height: 30px;
	margin-bottom: 5px;
}

.addtocart, .addtocart_done, .addtocart_blank, .addtowishlist, .addtowishlist_done{
	height: 24px;
	width: 110px;
	
}

.hidden{
	display: none;
}

.table_head {
	padding: 5px 0px;
	color: black;
	font-size: 1.2em;
	font-family: arial;
	background-color: #f69a78;
	}
	
div.table_head {
	float: left;
}

/*areas*/

div#innercontent{
	overflow: hidden;
}


div#innercontent div#WhatsNew{
	text-align: center;
	}


div#innercontent div#Blog{
	
}

div#innercontent div#Blog div.blog_content{
	float: left;
	margin-right: 15px;
}

div#innercontent div#Blog div.blog_content td.blog_text{
	vertical-align: top;
	padding-left: 15px;
}

div#innercontent div#Blog div.blog_content td.blog_text a{
	text-decoration: none;
	color: #8CA62A;
}

div#innercontent div#Blog div.blog_content td.blog_text span.twelve{
	font-size: 1.2em;
}

div#innercontent div#Blog div.blog_content td.blog_text span.black{
	color: #666666;
}

div#innercontent div#Gallery{
	
}

div#innercontent div#Gallery div.gallery_content{
	float: left;
	text-align: center;
	margin: 0 15px;
}

/*footer*/

div#smallprint{
	background-color: #ffffff;
	clear: both;
}

div#smallprint div#smallprint_center {
	background-position: 0 -100px;
	
}

div#smallprint div#smallprint_center div#smallprint_left {
	height: 19px;
	width: 17px;
	float: left;
}

div#smallprint div#smallprint_center div#smallprint_right {
	height: 19px;
	width: 18px;
	float: right;
}

div#smallprint div#smallprint_outside {
	background: #d4cec8;
}

div#smallprint div#smallprint_outside div#smallprint_content{
	margin: 0px 15.5px 0 14.5px;
	padding: 0px 23px 0px 22px;
	color: #d4cec8;
	background-color: #ffffff;
}

div#smallprint div#smallprint_content a#creditcards{
	height: 24px;
	width: 131px;
	margin: 10px 20px 10px 0px;
	float: left;
	
}

div#smallprint div#smallprint_content a#paypal{
	height: 24px;
	width: 38px;
	margin: 10px 20px 10px 0px;
	float: left;
	
}

div#smallprint div#smallprint_content div#copyright{
	clear: both;
	padding-bottom: 10px;
	padding-bottom: 10px;
}

div#smallprint div#smallprint_content div#copyright a{
	color: red;
	text-decoration: none;
}

/*Amazon box css for the blogs*/

div#innercontent div#Blog{
	
}

div.blog_content{
	float: left;
	margin-right: 15px;
}

div.blog_content td.blog_picture {
	height: 154px;
	margin-right: 30px;
	vertical-align: middle;
}

div.blog_content td.blog_text{
	vertical-align: top;
	padding-left: 15px;
}

div.blog_content td.blog_text div.blog_text {
	height: 4em;
}

div.blog_content td.blog_text div.blog_text a{
	text-decoration: none;
	color: #8CA62A;
}

div.blog_content td.blog_text div.blog_text span.twelve{
	font-size: 1.2em;
}

div.blog_content td.blog_text div.blog_text span.black{
	color: #666666;
}
/*amazon box for blog end*/




/*Amazon box css, less specific that the featured items, which we will soon delete*/
div#innercontent div#FeaturedItems{
	margin-bottom: 0px;
	}

div.featured_item {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

div.featured_item td.featured_item_picture{
	height: 154px;
	margin-right: 30px;
	vertical-align: middle;
}

div.featured_item td.featured_item_text div.featured_item_divtext{
	height: 60px;
	overflow: hidden;
}

div.featured_item td.featured_item_text span.msrp{
	color: #666666;

}

div.featured_item td.featured_item_text span.price{
	color: red;
}

div.featured_item td div.product_container a {
	text-align: center;
}
/*amazonBox end*/

/*product_view*/
div.product_view {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

div.product_view input{
	width: 3em;
}

div.product_view td.product_view_picture{
	height: 154px;
	margin-right: 30px;
	vertical-align: middle;
}

div.product_view td.product_view_text div.product_view_divtext{
	height: 60px;
	overflow: hidden;
}

div.product_view td.product_view_text span.msrp{
	color: #666666;

}

div.product_view td.product_view_text span.price{
	color: red;
}

div.product_view td div.product_container a {
	text-align: center;
}


/*product_view end*/

/*productBrowse css*/
div.bar_BrowseProducts {
}

/*cart_button*/
div.cart_button{
	position: relative;
	width: 110px;
	height: 48px;
}

div.cart_button div.qty div {
	display: block;
	position: absolute;
	top: 5px;
	left: 0px;
}

div.cart_button input{
	width: 3em;
	position: absolute;
	right: 0px;
}

div.cart_button a{
	text-align: center;
	margin: 0;
}

div.cart_button div.product_container{
	position: absolute;
	bottom: 0px;
	height: 
}

/*product list and other liquid grids*/
li.liquidgrid {
        border: none;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: bottom;
        margin: 5px;
        zoom: 1;
        *display: inline;
        _height: 250px;
    }

/*widths for liquid grid*/
li.products {
	width: 130px;
}


/*stuff to break down */

.TableMain {
	border-collapse: collapse;
}

.TableHeader {
	background: #adadad;
	color: #FFFFFF;
	text-align: center;
}

.TableRow {
background-color: #ffffff;
border-style: solid none;
border-width: 1px;
height: 4em;
}

.TableAlt {
	background-color: #8CA62A;
	color: #ffffff;
	font-size:1.2em;
	padding-left: 8px;
}

button.product {
		width: 103px;
		height: 23px;
		background-image: url(http://www.scrapbookingsuppliesrus.com/templates/sbsru/images/bnt_addtocart.gif);
		background-color: transparent;
		border: 0 none;
	}
	
.forum_headerleft {
	float: left;
	
	margin: 0px;
	height: 6px;
}

.forum_headerright{
	float: right;
	
	margin: 0px;
	height: 6px;
}

.forum_headercontent {
	
	background:#8CA62A;
	margin: 0px 5px 0px 5px;
	height: 6px;
	overflow: hidden;
	}
	

/*Checkout*/
div.cartRow_container{
	border-bottom: 1px solid #cccc99;
	padding: 15px 0;
}

/*Gallery*/


#Header {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:37px;
	}

#Header_left {
	float:left;
	height:37px;
	}

#Header_right {
	float:right;
	height:37px;
	}

#Header_title {
background: url('../images/h_bg.gif');
	background-repeat: repeat-x;
	line-height: 37px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 110%;
	margin-left: 10px;

margin-right:10px;
	}

#container {
	width: 100%;
	margin: 0;
	Border: 0;
	text-align: center;
	
	}

#insidecontainer {
	margin-left: 10px;
	margin-right: 10px;
	
}

*. celloutside {
	padding-top: 10px;
	}

.celloutside100{
	width:25%;
	height: 110px;
	}
	
.celloutside {
	DISPLAY: INLINE; //double margin hack;
	float: left;
	margin: 0;
	
	}

.cellinside {
	display: block;
	text-align: center;
	width: 100%;
	margin: 2% 0%;
	
	}

.cellimage {
	display: inline;
	margin: auto;
	width: 90%;
	}
	
	
	
.tableheader{
	background-color:#eaeaea;
	height: 2em;
	margin: 10px;
	padding-left: 10px
	}
	
.tableheadertext{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:110%;
	color: #5261b2;
	}
	

.displaycell{
	border: none;
	margin: 5px;
	padding-left:5px;
}

.img_haskins {
	display: block;
	margin: auto;
	border: 0;
	}
	
.answer {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:80%;
	
}
.answernumber {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:80%;
	
}
.clear {
	clear: both;
	}

.archivemenu {
	float: left;
	display: inline;
}

.archivesubmit {
	float: right;
}
table.container {
	width: 100%;
}

.stuffing {
	height: 10px;
	width: 150px;
	border: none;
	background-color:transparent;
	}

#comment_parent{
	margin-left: 10px;
	margin-top: 5px;
	
}
#title_comment, #no_comment{
	margin-left: 10px;
	margin-top:10px;
}

#title_comment {
	border-bottom: 1px solid black;
}

.comment_wrapper{
}

.comment_content{
	padding: 5px;
	margin: 0 10px;
	
}

.comment_stats{
	text-align: right;
	padding: 5px;
	margin: 0 10px;
	border-bottom: 1px solid rgb(135, 135, 135);
}
button.star {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	display: inline;
	width: 30px;
	height: 30px;
	background-color: #FFFFFF;
	border: 0;
	
	}

button.blue {
	background-image: url(http://www.scrapbookingsuppliesrus.com/templates/sbsru/images/blue.gif); 
	}
	
button.grey {
	background-image: url(http://www.scrapbookingsuppliesrus.com/templates/sbsru/images/grey.gif); 
	}
	
button.half {
	background-image: url(http://www.scrapbookingsuppliesrus.com/templates/sbsru/images/half.gif); 
	}

div#watch-rating-div {

}

div#stars {
	height: 30px;
	display: inline;
	float: left;
}

div#hover {
	height: 30px;
	display: inline;
}

.border {
	border: 3px solid #ccc;
	-moz-border-radius: 8pt 8pt;
	radius: 8pt;
}

/* Blog styles */

.blog-header {
	background-color:#eceeea;	 
	border: 1px solid #daddd8;
}

.blog-title {
	font-weight: bold;
	border-bottom: 1px solid #000000;
}

.blog-content {
	padding-left: 20px
}

.blog-credit {
	font-size: 7pt;
	font-weight: normal;
}

.tablecell {
	width: 100%;
	height: 100%;
	}
	
.cellcell {
	vertical-align: middle;
	text-align: center;
}

/*stuff to clean up*/
.GrayProDetailBox {
	background-color: #ECEEEA;
	border: 1px solid #DADDD8;
}



/* Edit styles*/

.highlight:hover {
	background: #CCFFCC;
	color: #000000;
}

span.block {
	color: #999999;
}


.bar_theSampler {background : url(../images/bar_theSampler.png);}

.Center_Col_Fill{ background-position: 0 0;  } 
.Head_Banner_left{ background-position: 0 -65px;  } 
.Head_Banner_right{ background-position: 0 -200px;  } 
.Head_Cart{ background-position: 0 -335px;  } 
.Head_Nav_left{ background-position: 0 -415px;  } 
.Head_NoCart{ background-position: 0 -495px;  } 
.Left_Col_Head{ background-position: 0 -575px;  } 
.Right_Col_Head{ background-position: 0 -640px;  } 
.Right_Col_NoHead{ background-position: 0 -705px;  } 
.addtocart{ background-position: 0 -770px;  } 
.addtocart_blank{ background-position: 0 -844px;  } 
.addtocart_done{ background-position: 0 -918px;  } 
.addtowishlist{ background-position: 0 -992px;  } 
.addtowishlist_done{ background-position: 0 -1066px;  } 
.arrow{ background-position: 0 -1140px;  } 
.arrow_checkout{ background-position: 0 -1201px;  } 
.arrow_confirm{ background-position: 0 -1262px;  } 
.bar_AboutUs{ background-position: 0 -1323px;  } 
.bar_AccountDetails{ background-position: 0 -1403px;  } 
.bar_Blog{ background-position: 0 -1483px;  } 
.bar_BrowseProducts{ background-position: 0 -1563px;  } 
.bar_Category{ background-position: 0 -1643px;  } 
.bar_Clearance{ background-position: 0 -1723px;  } 
.bar_ContactUs{ background-position: 0 -1803px;  } 
.bar_Contests{ background-position: 0 -1883px;  } 
.bar_FAQ{ background-position: -2729px 0;  } 
.bar_FeaturedItems{ background-position: -2729px -80px;  } 
.bar_Forum{ background-position: -2729px -160px;  } 
.bar_Gallery{ background-position: -2729px -240px;  } 
.bar_Links{ background-position: -2729px -320px;  } 
.bar_MyAccount{ background-position: -2729px -400px;  } 
.bar_PrivacyNotice{ background-position: -2729px -480px;  } 
.bar_ProductDetails{ background-position: -2729px -560px;  } 
.bar_ReturnPolicy{ background-position: -2729px -640px;  } 
.bar_ShippingPolicy{ background-position: -2729px -720px;  } 
.bar_ThankYou{ background-position: -2729px -800px;  } 
.bar_Theme{ background-position: -2729px -880px;  } 
.bar_Vendor{ background-position: -2729px -960px;  } 
.bar_WhatsNew{ background-position: -2729px -1040px;  } 
.bar_WishList{ background-position: -2729px -1120px;  } 
.bar_cart{ background-position: -2729px -1200px;  } 
.bar_theSampler{ background-position: -2729px -1280px;  } 
.cart_Body{ background-position: -2729px -1360px;  } 
.cart_Bottom{ background-position: -2729px -1411px;  } 
.cart_Top{ background-position: -2729px -1469px;  } 
.creditcards{ background-position: -2729px -1527px;  } 
.form_text{ background-position: -2729px -1601px;  } 
.form_text_down{ background-position: -2729px -1673px;  } 
.form_text_right{ background-position: -2729px -1745px;  } 
.paypal{ background-position: -2729px -1817px;  } 
.smallprint_left{ background-position: -2729px -1891px;  } 
.smallprint_right{ background-position: -5587px 0;  }