/* Layout styles */

html, body {height:100%}

body {
	padding: 0;
	margin: 0;
	background: #FFF;
	color: #818181;
	font: normal .7em/1.7em Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/leftcolumn_content_bground_rpt.gif) repeat-y 0 209px; /* left column and content background */
}

/*********** site structure styles ***********/

#outer {
	background: url(../images/rightcolumn_bground.gif) no-repeat 100% 0; /* right column background and right content curve */
	
	margin: 0 auto 0 auto;
	width: 960px;
}

.outerwrap {height: 100%;}

#header {
	height: 78px;
	margin: 0 auto;
	background: #FFF;
}

#mainNav {
	height: 31px;
	margin: 0 30px 25px 0px;
	border-top: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	background: transparent url(../images/nav_bground_rpt.gif) top right repeat-x;
	width: 100%;
}

#container {
	float: left;
	height: auto;
	height: 100%
}

.outerwrap {
	float: left;
	width: 785px;
	height: 100%;
}

#centrecontent {
	float: right;
	width: 540px;
	margin: 0;
	padding-right: 10px;
	padding-left: 10px;
}


#left {
	padding: 0;
	float: left;
	width: 207px;
	clear: left;
	margin-left: 0px;
	height: 100%;
}

#right {
	width: 170px;
	padding: 0;
	margin-top: -2px;
	float: right;
	clear: right;
}

#clearfooter { 
	display: block;
	clear: both;
	height: 20px;
}

#footer {
	clear: both;
  	height: 30px;
	width: 960px;
	position: relative;
	margin: 0 auto;
	padding: 5px 0 0 0;
	border-top: 1px solid #D7D7D7;
	font: normal .9em verdana, arial, helvetica, sans-serif;
}

/*********** Header Styles ***********/

#header h1 {
	margin: 0;
	padding: 0;
}

#header h1 a {
	float: left;
	background: url(../images/siteid.gif) no-repeat 0 0; 
	width: 160px;
	height: 78px;
	display: block;
}

#header h1 a span {
	display: none;
}

#header form { 
	float: right;
	display: inline;
	margin: 35px 0 0 0;
	padding: 0;
}

#header form label { 
	color: #A7A7A7;
	margin: 0 5px 0 0;
	font: bold .9em verdana, arial, helvetica, sans-serif;
}

#header form input.formText { 
	border: 1px solid #A7A7A7;
	background: #EDEDED;
	width: 150px;
	height: 12px;
	color: #656565;
	font: normal .8em verdana, arial, helvetica, sans-serif;
}

#header form input.formSubmit { 
	border: none;
	background: none;
	margin: 0;
	padding: 0 4px 0 0;
	color: #A7A7A7;
	font: bold .9em verdana, arial, helvetica, sans-serif;
	background: url(../images/search_arrow.gif) no-repeat 100% 6px;
	cursor: pointer;
}

/***********  Navigation styles ***********/

/* Main Nav */

#mainNav ul {
	width: 900px;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-transform: uppercase;
}

#mainNav ul li { 
  margin: 0;
  background: #fff;
  padding-right: 2px;
  float: left;
}

#mainNav ul li a {
	font: bold 1.1em verdana, arial, helvetica, sans-serif;
	float: left;
	color: #818181;
	padding: 2px 0 0 6px;
	width: 115px;
	text-decoration: none;
	margin-top: 3px;
}

#mainNav ul li#about a {
	border-top: solid 8px #DE192B;
}

#mainNav ul li#stores__1 a {
	border-top: solid 8px #FE8832;
}

#mainNav ul li#products a {
	border-top: solid 8px #FFCC33;
}

#mainNav ul li#specials a {
	border-top: solid 8px #6AB344;
}

#mainNav ul li#services a {
	border-top: solid 8px #6295CB;
}

#mainNav ul li#contact a {
	border-top: solid 8px #495EB9;
}

#mainNav ul li#creative_ideas a {
	border-top: solid 8px #6C5BAC;
}


#mainNav ul li a:hover, #mainNav ul li a.active {
	color: #DE192B;
}

/* Sub Nav */
#left a, #right a {color: #CF005E;}

#left #subNav h1 {
	display: none;
}

#left #subNav {
	font: bold 1em verdana, arial, helvetica, sans-serif; 
}

#left #subNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#left #subNav ul li {
	display: inline;
}

#left #subNav ul li a {
	display: block;
	position: relative;
	padding: 0 0 10px 0;
	color: #818181;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 10px;
}

#left #subNav ul li a:hover, #left #subNav ul li a.active {
	color: #DE192B;
}

#left #subNav ul li a.active {
	border-left: 5px solid #DE192B;
	padding: 0 0 0 5px;
	margin: 0 0 10px 0;
}

#left #subNav ul ul {
	border-left: 5px solid #EBA450;
	padding-left: 5px;
	margin: -10px 0 10px 0;
}

#left #subNav ul ul li a {
	text-transform: lowercase;
	letter-spacing: -1px;
	padding: 10px 0 0 0;
}

#left #subNav ul ul li a.active {
	border-left: none;
	padding: 10px 0 0 0;
	margin: 0;
}

#left #subNav ul ul ul {
	border-left: none;
	padding-left: 5px;
	margin: 0;
}

#left #subNav ul ul ul li a, #left #subNav ul ul ul li a.active {
	padding: 5px 0 0 10px;
}

#left #subNav ul ul ul li a:hover, #left #subNav ul ul ul li a.active {
	color: #DE192B;
}

/*********** Content Styles ***********/

#centrecontent h1 {
	font: normal 2em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

#centrecontent h2 {
	font: normal 1.8em Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	letter-spacing: 1px;
}

#centrecontent h3 {
	font: normal 1.8em Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	letter-spacing: 1px;
}

#centrecontent p {
	margin: 0 0 1em 0;
	line-height: 1.5em;
}

#centrecontent a {
	color: #DE192B;
	text-decoration: none;
}

#centrecontent a:hover {
	text-decoration: underline;
}

#centrecontent ul p {
	margin: 0 0 1em 0;
	line-height: 1.5em;
}

#centrecontent ul li p {
	margin: 0;
}

/* Form Styles */

#centrecontent form {
	margin: 0;
	padding: 0;
}

#centrecontent form label {
	display: block;
	margin: 10px 0 0 0;
}

#centrecontent form fieldset {
	margin: 0;
	padding: 0;
	width: 200px;
	border: none
}

#centrecontent form fieldset legend {
	margin: 10px 0 0 -7px;
}

#centrecontent form input {
	border: 1px solid #A7A7A7;
	background: #F6F6F6;
	margin: 0;
}

#centrecontent form input.formRadio {
	border: none;
	background: none;
}

#centrecontent form select {
	margin: 0 0 5px 0;
}

#centrecontent form textarea {
	width: 390px;
}

#centrecontent form input.formSubmit, #centrecontent form input.button {
	padding: 0 10px;
	margin: 20px 0 10px 0;
	height: 20px;
	width: auto;
	cursor: pointer;
	color: #818181;
	font: normal 1em verdana, arial, helvetica, sans-serif;
}

/* Loyalty Form Styles */

#centrecontent form fieldset#terms_conditions label {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}

/*********** Search Results Styles ***********/

#centrecontent form.search_form {
	margin: 0;
	padding: 0;
}

#centrecontent form.search_form input.halfbox {
	display: block;
	width: 300px;
}

#centrecontent form.search_form .block label { /* Hides advanced search */
	display: none;
}
#centrecontent form.search_form h2 { /* Hides advanced search */
	margin: 10px 0;
}

/* No results */

#centrecontent form.search_form p {
	margin: 0;
	font-weight: bold;
}

#centrecontent form.search_form ul {
	margin-top: 0;
}

/* results */

#centrecontent form.search_form table.list tr th {
	display: none;
}

#centrecontent form.search_form table.list tr td {
	border-bottom: 1px solid #D8D8D8;
	padding: 2px 0;
}

/*********** Footer Styles ***********/

#footer ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: sold 1px blue;
}

#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#footer ul li a {
	float: left;
	color: #A7A7A7;
	text-decoration: none;
	border-right: 1px solid #A7A7A7;
	padding: 0 5px;
	vertical-align: baseline;
	line-height: 12px;
}

#footer a {color: #A7A7A7;}

#footer ul li.last a {
	border: none;
	padding: 0 0 0 5px;
}

#footer ul#Credits {
	display: none;
}

#footer #footerDesc p {
	float: left;
	margin: 0;
}


/* Rich text Image styles */
div.imageleft, div.imageright, div.leftobject, div.rightobject
{
    padding-top: 4px;
    padding-bottom: 4px;
    display: inline;
}

div.imagecenter, div.centerobject
{
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    display: block;
}

div.imagecenter
{
    text-align: center;
}


div.imageleft, div.leftobject
{
    float: left;
    padding-right: 8px;
}

div.imageright, div.rightobject
{
    float: right;
    padding-left: 8px;
}

div.imageleft p.picturetext, div.imageright p.picturetext, div.imagecenter p.picturetext
{
    margin-top: 2px;
    margin-bottom: 2px;
}

div.imageleft p.picturetext, div.imageright p.picturetext, span.picturetext
{
    background-color: #f0f0f0;
} 

img {border:none;}
