/* 
----------------------------------------------------------------
----------------------------------------------------------------
----------------------------------------------------------------
CSS reset by Eric Myer v1.0 | 20080212
----------------------------------------------------------------
----------------------------------------------------------------
---------------------------------------------------------------- 
*/

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,
b, u, i, center,
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-size: 100%;
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/* 
----------------------------------------------------------------
----------------------------------------------------------------
----------------------------------------------------------------
BLUEROSEPOTTERY.COM CSS
author: Ben Visser of Nice Outfit

COLORS:
light blue: #ebf2f7
blue: #10385d
grey: 

----------------------------------------------------------------
----------------------------------------------------------------
---------------------------------------------------------------- 
*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 62.5%;
	background-color: #fff;
	}
	
img { border: 0; }
.clear { clear: both; }

#container { width: 960px; margin: 0 auto; }

.pad-right-50 { padding-right: 50px; }

.margin-left-10 { margin-left: 10px; }
.margin-right-10 { margin-right: 10px; }

small { font-size: 9px; color: #666; font-family: Verdana, Arial, sans-serif; line-height: 9px; }
hr { border: none; height: 1px; background-color: #ccc; margin: 5px 0 20px 0; }


/* 
----------------------------------------------------------------
----------------------------------------------------------------
MAST
----------------------------------------------------------------
----------------------------------------------------------------
*/

#mast { float: left; width: 960px; }
	#mast-topnav { float: left; width: 940px; background-color: #ededed; text-align: right; padding: 10px 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; }
		#mast-topnav li { display: block; display: inline; padding: 10px 10px; font-size: 1.3em; }
			#mast-topnav li a { color: #333; text-decoration: underline; }
			#mast-topnav li a:hover { text-decoration: none; }
	#mast-logo { float: left; width: 600px; height: 110px; }
	#mast-basketnav { float: left; width: 360px; }
		#mast-basketnav li { float: left; width: 160px; padding: 20px 10px; }
		#mast-basketnav li a { float: left; width: 160px; height: 70px; text-decoration: none; }
		#mast-basketnav li a.basket { background: url('/_images/basket-basket.jpg') no-repeat; }
			#mast-basketnav li a.basket span.basket-number { float: left; width: 27px; height: 38px; padding: 32px 0 0 28px; color: #fff; font-size: 1.5em; font-weight: bold; }
			#mast-basketnav li a.basket span.basket-title { float: left; padding-top: 20px; color: #113c62; font-size: 1.5em; font-weight: bold; width: 105px; text-align: right; }
			#mast-basketnav li a.basket span.basket-amount { float: left; padding-top: 10px; color: #113c62; font-size: 1.3em; width: 105px; text-align: right; }
		#mast-basketnav li a.checkout { background: url('/_images/basket-checkout.jpg') no-repeat; }
			#mast-basketnav li a.checkout span.checkout-title { float: left; padding-top: 20px; color: #113c62; font-size: 1.5em; font-weight: bold; width: 160px; text-align: right; }
			#mast-basketnav li a.checkout span.checkout-amount { float: left; padding-top: 10px; color: #113c62; font-size: 1.3em; width: 160px; text-align: right; }
	#mast-mainnav { float: left; width: 960px; height: 60px; background: url('/_images/mainnav-mid.png') repeat-x; }
		#mast-mainnav .mainnav-capleft { float: left; width: 10px; height: 60px; background: url('/_images/mainnav-cap-left.png') no-repeat; }
		#mast-mainnav .mainnav-capright { float: left; width: 10px; height: 60px; background: url('/_images/mainnav-cap-right.png') no-repeat; }		
		#mast-mainnav ul { float: left; width: 625px; height: 38px; padding-top: 22px; padding-left: 15px; }
			#mast-mainnav ul li { float: left; font-size: 1.3em; font-weight: bold; padding-right: 18px; }
				#mast-mainnav ul li a { color: #fff; text-decoration: none; }
				#mast-mainnav ul li a:hover { color: #fff; text-decoration: underline; }
		#mast-mainnav-search { float: left; width: 300px; height: 47px; padding-top: 13px; }
			.search-capleft { float: left; width: 16px; height: 30px; background: url('/_images/search-capleft.png') no-repeat; }
			.search-input { float: left; height: 25px; width: 210px; padding-top: 5px; border: 0; background: url('/_images/search-mid.png') repeat-x; font-size: 1.6em; color: #666;  }
			.search-capright { float: left; width: 16px; height: 30px; background: url('/_images/search-capright.png') no-repeat; }
		

/* 
----------------------------------------------------------------
----------------------------------------------------------------
CONTENT
----------------------------------------------------------------
----------------------------------------------------------------
*/

#content { float: left; width: 940px; padding: 20px 10px 0; }

/*BUTTONS*/
.button-white { float: left; height: 40px; text-decoration: none; color: #333; font-weight: bold;}
	.button-white .button-white-capleft { float: left; width: 20px; height: 40px; background: url('/_images/button-white-capleft.png') no-repeat; }
	.button-white .button-white-mid { float: left; height: 31px; background: url('/_images/button-white-mid.png') repeat-x; padding-top: 9px; }
	.button-white .button-white-capright { float: left; width: 20px; height: 40px; background: url('/_images/button-white-capright.png') no-repeat; }

/*STRUCTURE*/

#cattree { float: left; width: 220px; background-color: #ebf2f7; padding: 0 0 30px 0; margin: 0 20px 20px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
	#cattree .cat { float: left; width: 190px; text-decoration: none; color: #10385d; font-size: 22px; padding: 15px 15px 5px 15px; }
	#cattree .cat:hover { color: #000; }
	#cattree .cat1 { float: left; width: 190px; text-decoration: none; color: #333; font-size: 1.3em; line-height: 1.6; padding: 0 15px; }
	#cattree .cat1:hover { text-decoration: underline; color: #000; }
	#cattree .cat2 { float: left; width: 175px; background-color: #d1e5eb; text-decoration: none; color: #333; font-size: 1.15em; line-height: 1;  padding: 0 15px 7px 30px; display: none; }
	#cattree .cat2:hover { text-decoration: underline; color: #000; }
	#cattree .active { font-weight: bold; }
	#cattree .active-sub .cat2 { display: block; }
	.showme { display: block; }
	
#meat { float: left; width: 700px; padding-bottom: 50px; }
	
	#meat h1 { font-weight: normal; font-size: 3.8em; color: #fff; margin-bottom: 20px; margin-top: -6px; }
	#meat h2 { font-size: 1.5em; font-weight: bold; color: #333; padding-bottom: 15px; }
	#meat h5 { font-size: 1.5em; font-weight: normal; color: #333; }
	#meat p { font-size: 1.3em; padding-bottom: 15px; color: #333; line-height: 1.5; }
	#meat p a, #meat ol a { color: #10385d; }
	#meat td { font-size: 13px; color: #333; line-height: 1.2; }
	#meat ol { font-size: 1.3em; list-style-type: decimal; color: #333; margin-left: 20px; margin-top: 10px; line-height: 1.3; }
		#meat ol li { padding-bottom: 3px; }
	#meat ul.reward-list { font-size: 1.3em; list-style-type: decimal; color: #333; margin-left: 40px; margin-bottom: 10px; line-height: 1.4; }
		#meat ul.reward-list li { padding-bottom: 5px; }	
	
	
	#meat-feature { float: left; width: 700px; }
		#meat-feature-image { float: left; width: 470px; height: 355px; background-image: url('/_images/feature.jpg'); }
		#meat-feature-about { float: left; width: 190px; height: 190px; padding: 20px 20px;  -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
			#meat-feature-about h3 { color: #fff; font-size: 42px; font-weight: normal; margin-bottom: 15px; }
			#meat-feature-about p { color: #fff; font-size: 1.3em; }
		#meat-feature-details { float: left; width: 190px; height: 95px; padding: 15px 20px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; }
			#meat-feature-details h4 { color: #fff; font-size: 1.6em; font-weight: bold; margin-bottom: 15px; }
			#meat-feature-details p { color: #fff; font-size: 1.3em; line-height: 1.2;}
	#meat-special { float: left; width: 700px; padding: 15px 0; margin-bottom: 15px; border-bottom: 1px solid #ccc; text-align: center; font-size: 1.6em; color: #333; }
		#meat-special img { vertical-align: middle; padding-right: 10px; }
		#meat-special span { font-size: .7em; }
	#meat-copy { float: left; width: 700px; }
		#meat-copy .meat-copy-third { float: left; width: 200px; }
			#meat-copy .meat-copy-third h1, #meat-copy .meat-copy-third h2 { font-size: 20px; font-weight: normal; color: #10385d; padding-bottom: 15px; }
			#meat-copy h3 { font-size: 1.5em; font-weight: bold; color: #333; padding-bottom: 15px; }
			#meat-copy p { font-size: 1.3em; line-height: 1.4; color: #333; }
			#meat-copy p a { color: #10385d; text-decoration: underline; }
			#meat-copy p a:hover { color: #000; text-decoration: none; }
			#meat-copy p a:visited { color: #8b0d7b; }
			
#breadcrumb { float: left; width: 910px; margin-bottom: 15px; margin-top: -20px; padding: 15px; background-color: #ededed; margin-bottom: 20px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; }
#breadcrumb p { font-size: 1.2em; color: #000; }
#breadcrumb p a { color: #10385d; }

.item-holder { float: left; width: 100%; }
.item { float: left; width: 160px; padding: 15px 0; margin-right: 20px; text-align: center; height: 120px; background: url('../_images/topper.gif') no-repeat top center; overflow: hidden; line-height: 1.2; }
.plate { height: 140px; }
.catimg { height: 170px; }
.item img { padding: 0; }	
	.item .product-text { font-weight: normal; color: #000; font-size: 1.2em; line-height: 1.3; }
	.item .product-text-sm { font-weight: normal; color: #666; font-size: 1em; line-height: 1; }
	.item .strikethrough { font-weight: normal; color: #999; text-decoration: line-through; }
	.item i { font-weight: normal; font-size: .9em; color: #ccc; }

.item-lg { float: right; width: 340px; height: 300px; text-align: center; }
.item a { color: #10385d; font-size: 1.2em; font-weight: bold; text-decoration: underline; }
.item a:hover { text-decoration: none; }
.item a:visited { color: #8b0d7b; }

.nopad-right { margin-right: 0; }
.product { text-align: center; height: 225px; }

td { font-size: 1.2em; }
td a { color: #10385d; }

ul.pagenation { float: left; margin-bottom: 20px; width: 100%; background-color: yellow; }
ul.pagination li { float: left; padding: 2px 4px 2px 4px; text-align: center;  }
ul.pagination li.pagination-active { background-color: #10385d; color: #fff; }

.note { display: block; margin-bottom: 20px; width: 680px; padding: 10px; background-color: #fffead; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 20px; font-size: 1.3em; text-align: center; line-height: 1.3; margin-bottom: 0; }
.note-product { float: left; width: 200px; margin-bottom: 20px; padding: 10px; background-color: #fffead; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 20px; font-size: 1.3em; text-align: center; line-height: 1.3; margin-bottom: 0; }
.note-full { float: left; width:920px; margin-bottom: 20px; padding: 10px; background-color: #fffead; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 20px; font-size: 1.3em; text-align: center; line-height: 1.3; }
	.note-full a { color: #10385d; }
	
.product-details { float: left; width: 700px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 0; }
.product-details form { margin: 0; padding: 0; }

	.nextlast { float: right; margin-top: -24px; background-color: #fff; font-size: .9em; text-align: right; padding: 0 5px; width: 90px; z-index: 999; }
		.nextlast img { padding: 0 ;}
	
	.product-image { float: left; width: 480px; }
	.product-info { float: left; width: 220px; padding-top: 5px;}
		.product-info h3 { font-size: 2.4em; font-weight: normal; margin-bottom: 20px; color: #333; }
		.product-info p { font-size: 1.2em; line-height: 1.4; color: #333; }
		.product-info span.light { color: #999; }
	

.product-cats { float: left; width: 660px; padding: 10px 20px 0px 20px; background-color: #ededed; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; }
.product-upsell { float: left; width: 100%; padding-top: 20px; }
	.product-upsell h3 { font-size: 1.6em; color: #10385d; font-weight: bold; margin-bottom: 15px; margin-top: 10px; }

div.jqZoomTitle { z-index:5000; text-align:center; font-size:11px; height:16px; padding-top:2px; position:absolute; top: 0px; left: 0px; width: 100%; color: #FFF; background: #999; }
.jqZoomPup { overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:10; border-color:#999; border-style: solid; cursor:crosshair; }
.jqZoomPup img { border: 1px solid #999; }
.preload { -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(../_images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; width:90px; * width:100px; height:43px; *height:55px; z-index:10; position:absolute; top:3px; left:3px; }

.jqZoomWindow { border: 1px solid #999; background-color: #FFF; }

/*login*/
#meat .login h1 { font-size: 2.6em; padding-top: 10px; margin-bottom: 10px; }
#meat .login h5 { text-align: center; padding: 20px 0; }
#meat .login h5 a { color: #10385d; }
	.login-new { float: left; width: 280px; }
	.login-old { float: left; width: 640px; }
		.login-box { padding: 20px 30px; background-color: #ebf2f7; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
		
.input-full { width: 95%; }

/*tabs*/

ul.tabs { position: relative; float: left; width: 100%; z-index: 99; z-index: 99; }
ul.tabs li.active { border: 1px solid #ccc; border-bottom: 1px solid #fff; font-size: 1.3em; background-color: #fff; font-weight: bold; color: #333; z-index: 99; background: url('../_images/bg-diagnol.gif'); padding: 20px; }
ul.tabs li { float: left; padding: 20px; font-size: 1.3em; border: 1px solid #ededed; border-bottom: 1px solid #ccc; margin-right: 5px; }
ul.tabs li a { color: #10385d; }
.tabs-holder { position: relative; float: left; width: 100%; border-bottom: 1px solid #ccc; z-index: -1; margin-top: -1px; margin-bottom: 30px; }

/*steps*/
.steps { display: block; width: 720px; margin: 10px 110px 30px 109px; height: 40px; border-left: 1px solid #ccc; }
.steps li { float: left; width: 240px; background: url('../_images/steps-bg-inactive.gif') repeat-x; height: 40px; line-height: 38px; font-weight: bold; font-size: 1.3em; text-align: center; color: #999; }
.steps li.active { float: left; background: url('../_images/steps-bg-active.gif') repeat-x; color: #333; }
.steps li span { float: left; width: 240px; height: 40px; }
.steps li span a { color: #333; text-decoration: underline; }

/* forms */

form.form-standard table { }
form.form-standard table tr {  }
form.form-standard table td { font-family: Arial, sans-serif; font-size: 13px; color: #333; line-height: 1.4; vertical-align: top; border-bottom: 1px solid #ccc; padding: 8px 0; }
form.form-standard table td input { font-size: 1.4em; color: #333; margin-bottom: 2px; }
form.form-standard table td textarea { width: 90%; }
form.form-standard table td.error { color: #80000d; font-size: 1em; }

form.form-standard table td.no-border { border: none; }

.form-section-full { float: left; width: 880px; padding: 10px 30px; margin-bottom: 20px; background-color: #ebf2f7; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.form-section { float: left; width: 460px; }
.form-section p { padding-top: 20px; }
.form-section-inputs { float: left; width: 400px; padding: 10px 30px; background-color: #ebf2f7; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.form-yellow { background-color: #fffead; }
.form-gray { background-color: #ededed; }

p.error { color: red; }
span.required { color: red; }
.error { color: red; }
.message font { display: block; width: 940px; font-size: 1.4em; padding-bottom: 15px; }

.form-save { }
.form-save input { font-size: 1.6em; width: 200px;}
.continue-holder { clear: left; padding-top: 20px; text-align: center;}

.other-state-ship, .other-state-bill { display: none; }

label.error { float: left; width: 100%; padding-top: 3px; }

/*basket*/
#basket { float: left; width: 700px; }
#basket-checkout { float: left; width: 180px; background-color: #ebf2f7; padding: 20px; margin: 0 0 20px 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align: center; }
	
	#basket-checkout h3 { font-size: 1.5em; font-weight: bold; color: #10385d; text-align: center; border-bottom: 1px solid #bfd7de; padding-bottom: 10px; margin-bottom: 10px; }
	#basket-checkout p { font-size: 1.3em; text-align: center; margin-bottom: 0; padding-bottom: 10px; }
	.ch_text { width: 180px; }
 
.basket-thead { background-color: #fff; }
.basket-thead td { padding: 10px 0; border-bottom: 1px solid #ccc; }
.basket-tfoot td { padding-top: 5px; }

.basket-tbody td { padding: 10px 0; border-bottom: 1px solid #ccc; }
.basket-continue { border-top: 1px solid #ccc; }

/*map*/
#map_canvas { display: block; margin-bottom: 35px; border: 1px solid #ccc; font-size: 12px; line-height: 1.2; color: #333;} 

/*footer*/
#footer-container { float: left; width: 100%; background-color: #ededed; }
	#footer-center { width: 960px; margin: 0 auto; }
		#footer { float: left; width: 940px; padding: 40px 10px 80px; }
			#footer h3 { font-size: 1.6em; color: #10385d; font-weight: bold; margin-bottom: 15px; }
			#footer li { font-size: 1.2em; padding-bottom: 8px; }
			#footer li a { text-decoration: none; color: #333; text-decoration: underline; }
			#footer li a:hover { text-decoration: none; color: #333;}
			.footer-column-220 { float: left; width: 220px; margin-right: 20px; }
			.footer-column-160 { float: left; width: 160px; margin-right: 20px; }
				.footer-column-160 ul { float: left; width: 160px; }
			.footer-column-340 { float: left; width: 340px; }
				.footer-column-340 ul { float: left; width: 100px; margin-right: 20px; }
				.footer-column-340 ul.last { margin-right: 0; }
		
/* overrides */
.no-pad { padding: 0; margin: 0; }
.text-center { text-align: center; }
.full { width: 940px; }