/*************************************************************************************************************
**************************************************************************************************************

	Title: CSS
	Author: Hiram Hibbard, Web Editors
	Date: 9/8/2009 

**************************************************************************************************************

	1. Global Reset
	
	2. HTML
	
	3. Layout
		3.1 Header
		3.2 Content
		3.3 Footer
		
	4. Classes
	
	5. Page-Specific
		
**************************************************************************************************************
**************************************************************************************************************/


/* 1. Global Reset
**************************************************************************************************************
**************************************************************************************************************/	

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,
dd,dl,dt,fieldset,form,label,legend,
table,caption,strong,tbody,tfoot,thead,tr,th,td 
{margin:0 auto;	padding:0; border:0; font-size:100%; line-height:1; font-family:inherit; text-align:left;}

table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}



/* 2. HTML
**************************************************************************************************************
**************************************************************************************************************/	

body {background:url(images/background.jpg) bottom repeat-x #CDD9FB; font:14px Verdana, Geneva, sans-serif; text-align:center; color:#000;}
a, a:visited {color:#333; text-decoration:underline; line-height:18px;}
a:hover {color:#DC4032; text-decoration:none;}
p {line-height:18px; margin:0 auto 10px auto; padding:0;}
	p strong {line-height:18px;}
h2, h3, h4 {font-weight:bold; margin:0 20px; padding:0; color:#000;}
h2 {font-size:18px; margin:0 auto 10px;}
h3 {font-size:18px; margin:20px 30px;}
h4 {font-size:16px; padding:10px 0;}
ul {margin:10px 20px; padding:10px 20px;}
li {line-height:22px;}
ol {margin:10px 40px; padding:10px 40px;}
abbr {border-bottom:1px dashed #673530; cursor:help;}



/* 3. Layout
**************************************************************************************************************
**************************************************************************************************************/	

#top {background:url(images/top.jpg) top left no-repeat; width:968px; height:5px;margin-top:5px; clear:both; overflow:hidden;}
#wrap {background:url(images/body_bgd.png) top left repeat-y; width:968px; position:relative;}


/* 3.1 Header
**************************************************************************************************************/

#banner {background:#31040F; width:960px; height:185px; clear:both; overflow:hidden; border-bottom:3px solid #CD3232;}
h1#logo a {background:url(images/logo.png); text-indent:-9999px; width:428px; height:168px; margin:7px auto 10px 7px; padding:0; overflow:hidden; display:inline; float:left;}

#bannerPage {background:url(images/bannersmall.gif) top left repeat-x; width:960px; height:93px; clear:both; overflow:hidden;}
h1#logoPage a {background:url(images/logo_small.png); text-indent:-9999px; width:428px; height:118px; margin:7px auto 10px 7px; padding:0; overflow:hidden; display:inline; float:left;}


ul#navigation {margin:16px 26px 0 0; padding:0; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; display:inline; float:right; color:#999;}
	ul#navigation li {display:inline; list-style:none;}
		ul#navigation li a, ul#navigation li a:visited {color:#fff; text-decoration:none;}
			ul#navigation li a:hover {text-decoration:underline;}

.flashBox {width:492px; height:416px; position:absolute; top:44px; right:18px; margin:10px; padding:0;}


/* 3.2 Content
**************************************************************************************************************/

#content {background:#ececec; width:960px; clear:both;}

#main {background:url(images/back.jpg) top left no-repeat; width:444px; height:auto; margin:0 auto; padding:0; float:left; display:inline; overflow:hidden; clear:both; position:relative;}
	#main h2 {text-align:center; margin:14px auto 7px; padding:0;}
	#main ul {margin:0 10px 20px 30px; padding:0; font-weight:bold;}
		#main ul li.noBullet {list-style:none; font-style:italic; font-weight:normal;}
		#main h2.introButtonHeader {text-align:center; margin:14px auto 14px; padding:0;}
	
#logos {float:right; display:inline; margin:300px 0px 20px auto;}
	#logos p {vertical-align:middle; margin:0 10px 0 30px;}
	#logos img {vertical-align:middle; margin-top:0; margin-left:10px;}

.blocks {background:url(images/blocks_bgd.gif); width:960px; border-top:1px solid #D2D2D4; clear:both; margin:0 auto; overflow:hidden; font-size:12px;}
	.blocks h3 {text-transform:uppercase; margin:5px 18px 14px; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	.blocksTop {background:url(images/blocks_top.gif) top left no-repeat; width:960px; height:7px; margin:0 auto; overflow:hidden; border-top:10px solid #fff;}
	.blocksBottom {background:url(images/blocks_bottom.gif) top left no-repeat; width:960px; height:7px; margin:0 auto; overflow:hidden; border-bottom:10px solid #fff;}
	.blocks p {margin:0 20px 10px;}
.block1 {width:605px; height:180px; float:left; display:inline; margin:0 5px 0 10px; overflow:hidden; position:relative;}
.block2 {width:325px; height:180px; float:left; display:inline; margin:0 10px 0 5px; overflow:hidden; position:relative;}

.illustrationsBlock {background:#fff; width:960px; height:190px; clear:both; font-size:12px; overflow:hidden; color:#515151;}
	.illustrationsBlock img {margin:0 30px;}
	.illustrationsBlock p {margin:25px 30px 0 40px; text-align:justify;}
		


/* 3.3 Footer
**************************************************************************************************************/

#footer {background:#000; width:960px; height:118px; clear:both; overflow:hidden; font-size:12px; color:#AEA093; position:relative;}
	#footer p {margin:0 auto; padding:0;}

#footer .footerCopy {float:left; display:inline; margin:5px 10px; padding:0;}
	#footer .footerCopy img {margin-top:5px;}
#footer .footerShipping {float:left; display:inline; margin:10px 180px; padding:0;}
#footer .footerCC {float:left; display:inline; margin:5px auto; padding:0; text-align:right;}
	#footer .footerCC img {margin-top:20px;}

	#footer a {color:#fff;}
.footerNav {position:absolute; bottom:5px; left:50%; width:954px; margin-left:-250px;}
	.footerNav ul {display:inline;}
		.footerNav li {display:inline;}

	
/* 4. Classes
**************************************************************************************************************
**************************************************************************************************************/	

.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}

p.floatLeft img {margin-right:20px;}
p.floatRight img {margin-left:20px;}


p.readMore {background:url(images/button_small.png) top left no-repeat; width:136px; height:24px; position:absolute; bottom:0; right:0;}
	.readMore a, .readMore a:visited {background:url(images/button_small.png); width:136px; height:24px; display:block; margin:0 auto; padding:0; text-transform:uppercase; outline:none; text-align:center; color:#fff; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; line-height:24px;}
		.readMore a:hover {background:url(images/button_small_down.png);}
		
p.readMore2 {background:url(images/button_small.png) top left no-repeat; width:136px; height:24px;}
	.readMore2 a, .readMore2 a:visited {background:url(images/button_small.png); width:136px; height:24px; display:block; margin:0 auto; padding:0; text-transform:uppercase; outline:none; text-align:center; color:#fff; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; line-height:24px;}
		.readMore2 a:hover {background:url(images/button_small_down.png);}
		
		

p.ordernowButton {background:url(images/button_ordernow.jpg) top left no-repeat; width:158px; height:37px; display:block; margin:0 auto 10px; padding:0; text-indent:-9999px; outline:none;}
	.ordernowButton a {background:url(images/button_ordernow.jpg) top left no-repeat; width:158px; height:37px; display:block; margin:0 auto; padding:0; text-indent:-9999px; outline:none;}
		.ordernowButton a:hover {background:url(images/button_ordernow_down.jpg);}

.red {color:#EB174C;}

.imgBorder {border:2px solid #D2D2D4;}
p.redQuote {width:350px; font-weight:bold; font-size:18px; color:#EB174C; border:2px solid #EB174C; border-width:2px 0; line-height:22px; text-align:center; margin:20px auto; padding:10px;}


/* 5. Page Specific
**************************************************************************************************************
**************************************************************************************************************/

/*Inner Pages*/
.contentInner {margin:20px;}
p.logoImage {position:absolute; top:0; left:7px; margin:0 auto; padding:0; overflow:hidden;}
.blocker {width:960px; height:40px; float:left; display:inline; overflow:hidden; margin:0 auto; padding:0;}
#mainPage {width:960px; height:auto; margin:0 auto; padding:0; float:left; display:inline; overflow:hidden; clear:both; position:relative;}

/*Login*/
.block2 .menu-dialog {border:none;}
.block2 .menu-dialog .title-bar {background:none; border:none; color:#000; text-transform:uppercase;  margin:0 18px; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px;}
.block2 img.icon {display:none;}
.block2 .menu-dialog .content {background:none;}
.block2 form {margin-left:10px;}
.illusPage {border-top:1px solid #D2D2D4;}

/*Products*/
.title-with-sort-row {display:none;}
h1.category {display:none; font-size:22px; font-weight:normal; margin:0 auto 30px; padding:0;}
.market-price {display:none;}
.product-cell img {border:2px solid #ccc;}
img#product_thumbnail {border:2px solid #D2D2D4;}

/*Cart*/
h1.page-title {font-size:16px; font-weight:bold; margin:20px;}
h1.cartHeader {font-size:16px; font-weight:bold; margin:10px;}
.simple-delete-button {height:30px; display:block;}
	.simple-delete-button span {margin-top:10px; line-height:20px;}
.text-block {line-height:18px;}
.flc-tabs {clear:both;}