/* CSS Document */

html, body {
	height: 100%; /* required */
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background: #f5f0f6;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	background-position: top center;
}

a:link { color: #000; text-decoration: underline; }
a:visited { color: #000; text-decoration: underline; }
a:hover { color: #e9989b; text-decoration: underline; }
a:active { color: #e9989b; text-decoration: underline; }

#wrap { margin: 0 auto; width: 820px; height:100%; }


/*-------------------------------------------
	header
-------------------------------------------*/


#header {
	width: 820px; 
	height: 180px; 
	margin: 0 auto; 
	position: relative; 
	text-align: center;
}

#flashcontent {
	height: 100%;
}


/*-------------------------------------------
	page structure
-------------------------------------------*/

#banners {
	width: 820px; 
	height: 65px; 
	margin: 0 auto; 
	position: relative; 
	text-align: center;
}


#smcoupons {
	float: left;
	width: 240px;
	margin: 0;
	padding: 0;
}

#smcoupons_link {
    width: 300px; height: 30px;
    background: url(images/btn_coupons.gif);
    margin: 0; padding: 0;
    position: relative;
}

#smcoupons_link li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#smcoupons_link li a { height: 0px; display: block; padding-top: 30px; overflow: hidden; }

#smcoupons_link-on { left: 0; width: 300px; }
#smcoupons_link-on a:hover { background: transparent url(images/btn_coupons.gif) 0 -30px no-repeat; }


#enterContent {
	width: 820px;
	padding: 0px;
	margin-top: 15px;
	text-align: center;
}

#banner {
	padding-bottom: 10px;
}

#mainContent {
	width: 820px;
	padding: 0px;
	margin-top: 30px;
	text-align: center;
}

#homeContent {
	width: 730px;
	padding: 0px;
	margin-left: 45px;
	text-align: center;
	color: #7a68ae;
}

#subContent {
	width: 700px;
	padding: 0px;
	margin-left: 60px;
	text-align: left;
}

#mainDivider .column {
  position: relative;
  float: left;
}

#two_left {
  width: 460px;
  padding: 0px;
  margin: 0;
  line-height: 1.7em;
  text-align: left;
}

#two_right {
  width: 220px;
  padding: 0px;
  margin: 0 0 0 20px;
  text-align: left;
}

#email_list {
  width: 450px;
  padding: 20px;
  margin: 0;
  text-align: left;
  background-color: #e9989b;
  background-image: url(images/email_bg.gif);
  background-repeat: no-repeat;
  background-position: bottom;
}

#prod_left {
  width: 175px;
  padding: 0px;
  margin: 0;
  line-height: 1.7em;
  text-align: left;
}

#prod_right {
  width: 500px;
  padding: 0px;
  margin: 0 0 0 20px;
  text-align: left;
}

#three_left {
  width: 220px;
  padding: 0px;
  margin: 0;
  text-align: left;
  background-color:#fff;
}

#three_mid {
  width: 220px;
  padding: 0px;
  margin: 0 0 0 20px;
  text-align: left;
  background-color:#fff;
}

#three_right {
  width: 220px;
  padding: 0px;
  margin: 0 0 0 20px;
  text-align: left;
  background-color:#fff;
}

#sp_left {
  width: 250px;
  padding: 0px;
  margin: 0 0 0 40px;
  line-height: 1.7em;
  text-align: left;
}

h1 {
  font-size: 14px;
  color:#e9989b;
}

.locations {
  color:#990000;
  font-weight: bold;
}

.prodpink {
  color:#e9989b;
  font-weight: bold;
}

.pink {
  color:#e9989b;
}

.black {
  color:#000;
}

.grey {
  color:#999;
}

.pad { padding-left: 10px; }

/* products */

#mainContent div.port {
	float: left;
	width: 158px;
	height: 220px;
	margin: 0 13px 13px 0;
	display: inline;
	background-color: #fff;
	text-align: center;
}

#mainContent div.portend {
	float: left;
	width: 158px;
	height: 220px;
	margin: 0 0 13px 0;
	display: inline;
	background-color: #fff;
	text-align: center;
}

.rlink:link { color: #990000; text-decoration: underline; }
.rlink:visited { color: #990000; text-decoration: underline; }
.rlink:hover { color: #e9989b; text-decoration: underline; }
.rlink:active { color: #e9989b; text-decoration: underline; }

#coupons {
	width: 320px;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	
}

#smspec {
	width: 320px;
	background-color: #f49ac2;
	padding: 10px;	
}

#coup_left {
  width: 340px;
  padding: 0px;
  margin: 0;
  text-align: left;
  background-color:#fff;
}

#coup_right {
  width: 340px;
  padding: 0px;
  margin: 0 0 0 20px;
  text-align: left;
  background-color:#fff;
}

/*-------------------------------------------	
	Clear
-------------------------------------------*/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*-------------------------------------------	
	Footer
-------------------------------------------*/

#footer {
	width: 730px;
	padding: 0px;
	margin-left: 45px;
	text-align: center;
	font-size:9px; font-weight:normal; color:#666;
}