/*
Company:	DPG
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Common Text Styles - Styles for text
Default Headings - headings like h1, h2, etc
Default Lists - unordered and ordered lists
Nav - navigation bar
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
body {
	font-family: Verdana, Arial, sans-serif;
}
/* @end */

/* @group Layout */
div#container {
	width: 1016px;
	margin: 0 auto;
}

/* Head */
div#hd {
	padding: 0 1px;
	position: relative;
	z-index: 300;
}

div#hd-inner {padding: 33px 0 0 0;}

/* Logo */
div.logo {
	float: left;
	margin: 0 159px 32px 40px;
	display: inline;
}

div.logo a:link, div.logo a:visited {
	display: block;
	width: 271px;
	height: 32px;
	text-indent: -9999px;
}

/* Header Links - Mini Menu */
div.hd-menu {
	float: left;
	padding: 10px 0 0 0;
}

div.hd-menu ul {margin: 0;}

div.hd-menu ul li {
	list-style: none;
	float: left;
	font-size: 85%;
	font-weight: bold;
	padding: 0 11px;
}

div.hd-menu ul li.last {background: none;}
div.hd-menu ul li a:link, div.hd-menu ul li a:visited {text-decoration: none;}
div.hd-menu ul li a:hover {text-decoration: underline;}

/* Products Menu Dropdown Select */
div#products-menu {
	float: right;
	width: 314px;
	padding: 10px 0 0 0;
	height: 30px;
}

div#products-menu label {
	font-weight: bold;
	float: left;
	margin: 0 14px 0 0;
	padding: 3px 0 0 0;
	vertical-align: bottom;
}

div#products-menu select {
	float: left;
	vertical-align: bottom;
	font-size: 100%;
	font-family: Verdana;
}

/* Body */
div#bd {padding: 41px 28px 46px 0;}

/* Footer */
div#ft {padding: 0 1px;}
div#ft-inner {padding: 27px 0 0 44px;}
div#ft p {margin: 0;}
div#ft p a:link, div#ft p a:visited {font-weight: bold;}

div#ft p.ft-copyright {
	font-size: 85%;
	padding: 23px 0;
}

div#ft p.ft-copyright a:link, div#ft p.ft-copyright a:visited {
	font-weight: normal;
	text-decoration: none;
}

/* Footer Nav */
div#ft ul {
	margin: 0 0 13px 0;
	font-size: 85%;
}

div#ft ul li {
	list-style: none;
	float: left;
	padding: 0 12px;
}

div#ft ul li.first {padding: 0 12px 0 0;}
div#ft ul li.last {background: none;}
div#ft ul li a:link, div#ft ul li a:visited {text-decoration: none;}

/* @end */

/* @group Modules */
/* Main Column */
div.main {
	width: 752px;
	float: right;
	margin: 0 0 0 23px;
}

/* Home Slide */
div.home-slide-wrap {
	width: 752px;
	height: 350px;
	margin: 0 0 15px 0;
}
div#home-slide {
	width: 752px;
	height: 271px;
}
div.home-slider {
	position: absolute;
	z-index: 100;
	width: 752px;
	height: 60px;
	margin-top: -6px;
}
div.home-slider a.spot0 {
	display: block;
	width: 197px;
	height: 52px;
	padding: 25px 28px 0 28px;
	margin: 0;
	float: left;
	display: inline;
}
div.home-slider a.spot1 {
	display: block;
	width: 212px;
	height: 52px;
	padding: 25px 28px 0 13px;
	float: left;
	display: inline;
}
div.home-slider a.spot2 {
	display: block;
	width: 200px;
	height: 52px;
	padding: 25px 33px 0 13px;
	float: left;
	display: inline;
}
div.home-slider a {font-size: 93%;}
div.home-slider a span {text-decoration: underline;}
div.home-slider a:link, div.home-slider a:visited {
	text-decoration: none;
	font-weight: bold;
}
div.home-slider a.current:link, div.home-slider a.current:visited, div.home-slider a:hover {text-decoration: none;}

/* Instant Sale */
div.instant-sale {margin: 0 0 23px 0;}
div.instant-sale-inner {padding: 13px 17px 13px 25px;}

div.instant-sale h2 {
	font-size: 123.1%;
	margin: 0;
	padding: 6px 0 0 0;
	float: left;
}

div.instant-sale h2 a:link, div.instant-sale h2 a:visited {text-decoration: none;}

/* Instant Sale Customize and Buy Link */
div.instant-sale span {
	display: block;
	float: right;
}

div.instant-sale span.customize-and-buy a:link, div.instant-sale span.customize-and-buy a:visited {
	display: block;
	float: right;
	font-weight: bold;
	text-decoration: none;
}

div.instant-sale span.customize-and-buy a:link span, div.instant-sale span.customize-and-buy a:visited span {
	display: block;
	padding: 9px 11px 11px 11px;
	line-height: 1em;
	float: none;
}

/* Featured Gift */
div.featured-gifts-wrap {margin: 0 0 24px 0;}

div.featured-gift {
	width: 371px;
	float: left;
	margin: 0 10px 0 0;
}

div.featured-gift-inner {padding: 15px 15px 17px 15px;}
div.featured-gifts-wrap div.last {margin: 0;}

div.featured-gift-description {
	font-size: 85%;
	margin: 0 0 20px 0;
}

div.featured-gift-description-inner {padding: 5px 11px 8px 11px;}

div.featured-gift-description-inner img {
	display: block;
	margin: 0 auto 8px auto;
}

div.featured-gift-description p {margin: 0;}
div.featured-gift-description-inner p a:link, div.featured-gift-description-inner p a:visited {font-weight: bold;}

/* Featured Gift Button Links */
div.featured-gift span.featured-gift-btn {
	float: left;
	margin: 0 10px 0 0;
}

div.featured-gift span.last {margin: 0;}

div.featured-gift span.featured-gift-btn a:link, div.featured-gift span.featured-gift-btn a:visited {
	display: block;
	float: left;
	text-decoration: none;
	font-weight: bold;
}

div.featured-gift span.featured-gift-btn a:link span, div.featured-gift span.featured-gift-btn a:visited span {
	display: block;
	padding: 10px 11px 13px 11px;
	line-height: 1em;
	float: none;
	margin: 0;
}

/* Shop Now Link */
div.shop-now a:link, div.shop-now a:visited {
	display: block;
	float: left;
	font-size: 174%;
	font-weight: bold;
	line-height: 1em;
	text-decoration: none;
}

div.shop-now a:link span, div.shop-now a:visited span {
	display: block;
	padding: 12px 20px 17px 20px;
	text-decoration: none;
}

/* Ideas List */
div.ideas-list {
	font-size: 93%;
	margin: 0 0 24px 0;
}

div.ideas-list-inner {padding: 17px 0 16px 27px;}

/* Ideas List Column Layout */
div.ideas-list div.col {
	float: left;
	width: 180px;
}

div.ideas-list div.row {padding: 0 0 22px 0;}

/* Ideas List Text Styles */
div.ideas-list a:link, div.ideas-list a:visited {text-decoration: none;}

div.ideas-list p {
	font-weight: bold;
	margin: 0 0 1.9em;
}

div.ideas-list p a:link, div.ideas-list p a:visited {text-decoration: underline;}

div.ideas-list h3 {
	text-transform: uppercase;
	margin: 0;
}

/* Ideas Lists */
div.ideas-list ul {margin: 0;}

div.ideas-list ul li {
	list-style: none;
	padding: 2px 0;
}

div.ideas-list ul li a:hover, div.ideas-list h3 a:hover {text-decoration: underline;}

/* Side Column */
div.side {
	width: 185px;
	float: right;
}

/* Shop By Category */
div.by-category {margin: 0 0 23px 0;}
div.by-category-inner {padding: 16px;}

div.by-category h2 {
	font-size: 108%;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 14px 0;
}

div.by-category h2 strong {
	font-weight: bold;
	font-size: 126%;
}

div.by-category ul {
	margin: 0;
	font-size: 93%;
}

div.by-category ul li {
	list-style: none;
	padding: 5px 0;
}

/* Sign Up For Savings */
div.sign-up-for-savings {margin: 0 0 23px 0;}

div.sign-up-for-savings-inner {padding: 16px 13px 16px 16px;}

div.sign-up-for-savings h2 {
	font-size: 108%;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 14px 0;
}

div.sign-up-for-savings h2 strong {
	font-weight: bold;
	font-size: 126%;
}

div.sign-up-for-savings p {font-size: 93%;}
div.sign-up-for-savings p a:link, div.sign-up-for-savings p a:visited {font-weight: bold;}

div.sign-up-and-save a:link, div.sign-up-and-save a:visited {
	display: block;
	width: 154px;
	height: 34px;
	line-height: 34px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	margin: 0 auto;
}

/* Contact Us */
div.contact-us {margin: 0 0 23px 0;}

div.contact-us h2 {
	font-size: 108%;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
}

div.contact-us h2 strong {
	font-weight: bold;
	font-size: 126%;
	display: block
}

div.contact-us h2 a:link, div.contact-us h2 a:visited {
	padding: 16px 2px 14px 16px;
	display: block;
	height: 1%;
	text-decoration: none;
}

div.contact-us p {margin: 0;}

div.contact-us p.contact-tel {
	font-size: 131.1%;
	font-weight: bold;
}

div.contact-us p a:link, div.contact-us p a:visited {
	padding: 0 2px 5px 16px;
	text-decoration: none;
	display: block;
	height: 1%;
}

div.contact-us span.email-us-today a:link, div.contact-us span.email-us-today a:visited {
	font-weight: bold;
	font-size: 93%;
	padding: 7px 2px 16px 16px;
	display: block;
	height: 1%;
}

/* Photo Contest */
div.photo-contest {margin: 0 0 25px 0;}

div.photo-contest h2 {
	font-size: 108%;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
}

div.photo-contest h2 strong {
	font-weight: bold;
	text-transform: none;
	font-size: 126%;
	display: block
}

div.photo-contest h2 a:link, div.photo-contest h2 a:visited {
	display: block;
	height: 1%;
	text-decoration: none;
	padding: 16px;
}

/* Side Links */
div.side-links {padding: 0 0 0 17px;}
div.side-links ul {margin: 0 0 17px 0;}

div.side-links ul li {
	list-style: none;
	font-size: 85%;
	font-weight: bold;
	padding: 5px 0 4px 0;
}


/* All Products */
div.allproducts-welcome {
	padding: 10px;
}
div.all-products-list {
	width: 752px;
}
div.all-products-list div.all-prod-row {
	padding: 0 0 15px 0;
	overflow: hidden;
}
div.all-products-list a {
	font-size: 93%;
	display: block;
	width: 182px;
	border: 1px solid #cdcecc;
	text-align: center;
	padding: 10px 0 5px 0;
	margin: 0 2px;
	float: left;
	display: inline;
}
div.all-products-list a img {
	margin: 0 0 15px 0;
}
div.all-products-list a span {
	display: block;
}
div.all-products-list a span.prod-name {
	font-weight: bold;
	color: #598a06;
}
div.all-products-list a:link, div.all-products-list a:visited {
	color: #666464;
	text-decoration: none;
}
div.all-products-list a:hover {
	border: 1px solid #598a06;
}
/* @end */

/* @group Common Text Styles */
div.main-text p.enter-store {
	font-weight: bold;
	font-size: 131%;
}
div.main-text p {
	font-size: 93%;
	line-height: 150%;
}

div.main-text p.note {
	font-style: italic;
	font-family: Georgia, Times, serif;
	font-size: 100%;
}

div.main-text p.error {
	font-weight: bold;
	color: red;
}

.bold {
	font-weight: bold;
}
/* @end */

/* @group Default Headings */
div.main-text h1 {
	font-size: 161.6%;
	margin: 0 0 10px 0;
}
div.main-text h2 {
	font-family: Georgia, Times, serif;
	font-style: italic;
	margin: 0 0 10px 0;
	font-weight: normal;
	font-size: 131%;
}
div.main-text h3 {
	font-size: 123.1%;
	margin: 0 0 10px 0;
}
/* @end */

/* @group Default Lists */
div.main-text li {
	font-size: 93%;
	line-height: 150%;
}
/* @end */

/* @group Forms */
form.contact-form {
	margin-bottom: 40px;
	padding-top: 20px;
}
form.contact-form input.txt {
	color: #8c8c8c;
	font-size: 93%;
	width: 377px;
	padding: 14px 20px;
	background: url(../images/txt-bkg.gif) no-repeat 0 0 transparent;
	border: none;
	margin-bottom: 10px;
	font-family: Verdana, Arial, sans-serif;
}
form.contact-form textarea {
	color: #8c8c8c;
	font-size: 93%;
	font-family: Verdana, Arial, sans-serif;
	width: 377px;
	padding: 14px 20px;
	height: 120px;
	background: url(../images/txtarea-bkg.gif) no-repeat 0 0 transparent;
	border: none;
	margin-bottom: 10px;
}
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */