/* Shoetime CSS - By NQ Webdesign www.nqwebdesign.com */

body
{
	background:#edc7c7 url(../images/bg_body.gif) fixed;
	font-family:"Trebuchet MS", "Lucida Grande", "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:62.5%;
	margin:0;
}

/*----------------------------------------------------------------------------------------------------------
>>> LAYOUT
----------------------------------------------------------------------------------------------------------*/
div#outer 
{
	min-width:700px;
	text-align:center;
	padding-bottom:20px;
}

div#inner
{
	margin-left:auto;
	margin-right:auto;
	width:700px;
}

div#main 
{
	background-image:url(../images/bg_main.gif);
	background-repeat:repeat-y;
}

div#main_inner
{
	background-image:url(../images/bg_side_flapper.gif);
	background-position:20px bottom;
	background-repeat:no-repeat;
}
div#sidebar
{
	float:left;
	width:200px;
	padding:0;
	
}
	
div#content 
{
	float:left;
	width:499px;
	padding:0;
	text-align:left;
}

div#content_inner
{
	padding:10px 25px;
	color:#686440;
	font-family:Arial,"Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.5em;
}

div#footer
{
	clear:both;
	padding:10px 10px 5px 200px;
	font-size:1.1em;
	color:#A9A394;
}

div#bottom
{
	background:url(../images/bg_bottom.gif) no-repeat top;
	height:36px;
}

div#search_container
{
	font-size:1.4em;
	line-height:1.5;
	text-align:left;
	padding:5px 10px 10px 15px;
	color:#730929;
}
/*----------------------------------------------------------------------------------------------------------
>>> MAIN NAVIGATION
----------------------------------------------------------------------------------------------------------*/

div#navigation
{
	text-align:left;
	padding-left:6px;
}

#navigation ul
{
	list-style:none;
	padding:0;
	margin:0;
	margin-bottom:30px;
}

#navigation ul li
{
	margin:0;
	padding:0;

}
#navigation ul li a
{
	font-size:1.8em;
	display:block;
	text-decoration:none;
	padding:4px 10px 3px 40px;
	background:url(../images/bg_bullet.gif) no-repeat 18px 50%;
}

body#home_page #navigation li#home a, body#about_page #navigation li#about a,body#hats_page #navigation li#hats a, body#shop_page #navigation li#shop a, body#contact_page #navigation li#contact a, body#checkout_page #navigation li#checkout a, body#cart_page #navigation li#cart a
{
	color:#730929;
	background:url(../images/bg_bullet_on.gif)  no-repeat 18px 50%;
}

#navigation a:link, #navigation a:visited
{
	
	color:#C9B864;
}

#navigation a:hover
{
	color:#FFF;
	background-color:#730929;
	background-image:url(../images/bg_bullet_hover.gif);
}



/*----------------------------------------------------------------------------------------------------------
>>> HEADINGS, PARAGRAPHS, LINKS
----------------------------------------------------------------------------------------------------------*/

#content_inner h1
{
	font-size:200.2%;
	line-height:30px;
	font-weight:normal;
	color:#730929;
}

#content_inner h2
{
	font-size:123.4%;
	font-weight:normal;
	color:#730929;
	background-color:#EDC7C7;
	border-bottom:4px solid #E1BCBC;
	padding:3px 10px 2px 10px;
}

#content_inner a:link, #content_inner a:visited
{
	color:#730929;
}

#footer a:link, #footer a:visited
{
	color:#B3AE9E;
}

#content_inner a:hover, #footer a:hover
{
	color:#FFF;
	background-color:#730929;
	text-decoration:none;
}

/*-----------------------------------------------------------------------------------------------------------------
>>>FORMS
-----------------------------------------------------------------------------------------------------------------*/

.txtField
{
	background-image:url(../images/bg_input.gif);
	background-repeat:repeat-x;
	background-position:top;
	border-top:1px solid #7d7d7d;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #DDDDDD;
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	color:#031545;
}

.txtField:focus
{
	color:#01C8C8;
}


fieldset
{
	border:1px solid #CDC4B8;
	padding:10px;
	margin-bottom:10px;
}

legend
{
	font-size:123.4%;
	font-weight:normal;
	color:#730929;
	padding:10px;
}
/*----------------------------------------------------------------------------------------------------------
>>> PRODUCT VIEW DATA
----------------------------------------------------------------------------------------------------------*/
div.productView
{
	padding-bottom:10px;
	border-bottom: medium none;
	background: url('../images/dot.gif') repeat-x bottom;
	margin-bottom:10px;
}

div.productView div
{
	clear:both;
}

div.productView div span
{
	margin-right:20px;
	padding-top:5px;
	padding-bottom:5px;
}

div.productView img
{
	border: 4px solid #E0DAC6;
}


div.productView span.imgFloatLeft, div.productView span.imgFloatRight
{
	border:1px solid #D5D0BC;
}

.prod_price
{
	background-image:url(../images/icon_money.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:21px;
}

.prod_add
{
	background-image:url(../images/icon_add.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:21px;
}

/*----------------------------------------------------------------------------------------------------------
>>> TABULAR DATA
----------------------------------------------------------------------------------------------------------*/
	

	.tabularData
	{
		border-collapse:collapse;
		border:none;
		width:100%;
	}
	
	.tabularData thead tr
	{
		background-color:#EDC7C7;
	}
	
	.tabularData th
	{
		color:#730929;
		padding:4px;
		font-weight:normal;
		border-bottom:4px solid #E1BCBC;

	}
	
	.tabularData .col_a{width:50%; text-align:left;}
	.tabularData .col_b{width:30%; text-align:left;}
	.tabularData .col_c{width:20%; text-align:center;}
		
	.tabularData td
	{
		border-bottom:1px solid #DCD2C5;
		padding:4px;
	}
	
	.tabularData tbody tr.odd
	{
		background-color:#E0DAC6;
	}


/*-----------------------------------------------------------------------------------------------------------------
>>>MISC STYLES
-----------------------------------------------------------------------------------------------------------------*/

/*Horizontal Rule */
.hr
{
	padding-bottom:13px;
	border-bottom: medium none;
	background: url('../images/dot.gif') repeat-x bottom;
}

	.noWrap
	{
		clear:both;
		height:1px;
		overflow:hidden;
 	}

	.imgFloatLeft
	{
		float:left;
		margin-right:10px;
		margin-bottom:10px;
		border:0;
	}
	
	.imgFloatRight
	{
		float:right;
		margin-left:10px;
		margin-bottom:10px;
		border:0;
	}
	
	.required
	{
		font-size:11px;
		color:#888888;
		font-style:italic;
	}


#pagelist
{
	text-align:right;
}
#pagelist span {
  font-weight: bold;
  padding: 2px 6px 3px 6px;
  border: 1px solid #E1BCBC;
   margin-right:4px;
   color:#FFF;
   background-color:#730929;
}
#pagelist a {
  background: #FFF;
  color: #730929;
  text-decoration: none;
  padding: 2px 6px 3px 6px;
  border: 1px solid #E1BCBC;
  margin-right:4px;
}

#pagelist a:link, #pagelist a:visited
{
	color:#730929;
	text-decoration: none;
	
}

#pagelist a:hover
{
	color:#FFF;
}