/*
Company:	
File:		main.css - This contains all the main styles for the website.
Docs:		File is based on html5boilerplate and YUI3 Fonts CSS.
			Learn more:
			http://html5boilerplate.com/docs/css/
			http://yuilibrary.com/yui/docs/cssfonts/

All the styles are separated into the following groups:
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
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
Media Queries - media queries
Non-Semantic Helper Classes - helper styles
Print Styles - default print styles
*/

/* @group HTML, Body */
html {
	background-color: #ffffff;
}
body {
	padding: 20px 0 0 0;
	font-family: Verdana;
}
/* @end */

/* @group Layout */
/* Head */
div#hd {
	width: 911px;
	margin: 0 auto;
}

/* Head Top */
div.hd-top {
	padding: 0 0 29px 0;
}

/* Logo */
div.logo {
	width: 48%;
	float: left;
}

/* Util Nav */
div.util-nav {
	width: 48%;
	float: right;
}

div.util-nav ul {
	float: right;
	margin: 0;
	padding: 0;
}

div.util-nav ul li {
	float: left;
	list-style: none;
	font-size: 85%;
	background: url(../images/bg-util-nav.gif) center right no-repeat;
	padding: 0 11px 0 0;
	margin: 0 9px 0 0;
}

div.util-nav ul li.last {
	background: none;
	padding: 0;
	margin: 0;
}

div.util-nav ul li a:link,
div.util-nav ul li a:visited {
	color: #003674;
}

div.util-nav ul li a:hover {
	color: #464646;
}

/* Body */
div#bd {
	width: 911px;
	margin: 0 auto;
}

/* Body Top */
div.bd-top {
	padding: 0 0 21px 0;
}

/* Top Side Links */
div.top-side-links {
	width: 177px;
	float: left;
	margin: 0 22px 0 0;
	background-color: #e5e5e5;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	min-height: 310px;
	height:auto !important;
	height: 310px;
}

div.top-side-links ul {
	margin: 0;
	padding: 5px 0;	
}

div.top-side-links ul li {
	list-style: none;
}

div.top-side-links ul li a:link,
div.top-side-links ul li a:visited {
	color: #000000;
	font-size: 90%;
	text-transform: none;
	font-weight: bold;
	display: block;
	text-decoration: none;
	height: 1%;
	padding: 8px 5px 8px 13px;
}

div.top-side-links ul li a:hover {
	color: #ffffff;
	background-color: #8b8378;
}

/* Sub Sale Boxes */
div.sub-sale-boxes {
	margin: 0 0 20px 0;
	border-style: solid;
    border-width: 0px;
}

div.sub-sale-boxes div.one-third {
	width: 290px;
	margin: 0 0 0 0;
	float: left;

}

div.sub-sale-boxes div.one-third-second {
	margin: 0 15px 0 15px;

}

div.sub-sale-boxes div.last {
	margin: 00 0 0;
}

/* Primary Slideshow */
div.primary-slideshow {
	width: 712px;
	float: left;
	position: relative;
}

div.primary-slideshow div.slides {
	height: 310px;
	overflow: hidden!important;
}

#slidePrev,
#slideNext {
	display: block;
	width: 33px;
	height: 35px;
	text-indent: -9999px;
	background: url(../images/bg-slideshow-prev.png) top left no-repeat;
	position: absolute;
	top: 138px;
	left: -4px;
	z-index: 100;
}

#slideNext {
	background: url(../images/bg-slideshow-next.png) top left no-repeat;
	left: 684px;
}

#slidePrev:hover,
#slideNext:hover {
	background-position: 0 -35px;
	z-index: 101;
}

/* Button Bar Version A */
div.button-bar-a {
	margin: 0 0 30px 0;
}

/* Contact Button */
div.contact-button {
	
	width: 601px;
	float: left;
	margin: 0 18px 0 0;
}

/* Shop Now Button */
div.shop-now-button {
	width: 292px;
	float: left;
}

div.shop-now-button a:link,
div.shop-now-button a:visited {
	display: block;
	text-indent: -9999px;
	background: url(../images/shop-now-start-saving.png) top left no-repeat;
		width: 292px;
	height: 57px;
}

div.shop-now-button a:hover {
	background-position: 0 -57px;
}

/* Products Column */
div.products-column {
	width: 600px;
	float: left;
	margin: 0 20px 0 0;
}

/* Product Row */
div.product-row h3 {
	float: left;
	color: #003674;
	margin: 0 0 10px 0;
	font-size: 93%;
}

div.product-row h3 a:link,
div.product-row h3 a:visited {
	color: #003674;
}

div.product-row h4 {
	float: right;
	color: #464646;
	margin: 0;
	font-size: 93%;
}

div.product-row h4 a:link,
div.product-row h4 a:visited {
	color: #464646;
}

div.product-row-images {
	clear: both;
	margin: 0 -20px 37px 0;
}

div.product-row-images a:link,
div.product-row-images a:visited {
	display: block;
	float: left;
	margin: 0 14px 0 0;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

div.product-row-images a:hover {
	opacity: .60;
}

/* Mid Right Column */
div.mid-right-column {
	width: 291px;
	float: left;
	padding: 25px 0 0 0;
}

/* Sign Up Today */
div.sign-up-today {
	margin: 0 0 62px 0;
}

/* Most Popular Photo Gifts */
div.most-popular-photo-gifts {
	background-color: #37c81a;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 29px 0 11px 14px;
	min-height: 240px;
	height:auto !important;
	height: 240px;
}

div.most-popular-photo-gifts .section-heading {
	display: block;
	margin: 0 0 19px 0;
}

div.most-popular-photo-gifts ul {
	margin: 0 8% 0 0;
	padding: 0;
	width: 44%;
	float: left;
}

div.most-popular-photo-gifts ul.last {
	margin: 0;
}

div.most-popular-photo-gifts ul li {
	list-style: none;
	padding: 1px 0 2px 0;
}

div.most-popular-photo-gifts ul li a:link,
div.most-popular-photo-gifts ul li a:visited {
	color: #FFF;
	font-size: 85%;
	text-decoration: none;
}

div.most-popular-photo-gifts ul li a:hover {
	color: #145f05;
}

/* Lower Buttons */
div.lower-buttons {
	margin: 0 0 35px 0;
	padding: 10px 0 0 0;
}

/* See All Photo Gifts */
div.see-all-photo-gifts {
	width: 203px;
	float: left;
	margin: 0 22px 0 0;
}

div.see-all-photo-gifts h4 {
	margin: 0;
}

div.see-all-photo-gifts h4 a:link,
div.see-all-photo-gifts h4 a:visited {
	display: block;
	text-indent: -9999px;
	width: 203px;
	height: 57px;
	background: url(../images/see-all-photo-gifts.png) top left no-repeat;
}

div.see-all-photo-gifts h4 a:hover {
	background-position: 0 -57px;
}

/* Shop Now and Save */
div.shop-now-and-save {
	width: 204px;
	float: left;
}

div.shop-now-and-save h4 {
	margin: 0;
}

div.shop-now-and-save h4 a:link,
div.shop-now-and-save h4 a:visited {
	display: block;
	text-indent: -9999px;
	width: 204px;
	height: 57px;
	background: url(../images/shop-now-and-save.png) top left no-repeat;
}

div.shop-now-and-save h4 a:hover {
	background-position: 0 -57px;
}

/* Lower Body Content */
div.lower-body-content {
	color: #585858;
	padding: 0 0 15px 0;
}

div.lower-body-content h4 {
	font-size: 100%;
	margin: 0 0 12px 0;
}

div.lower-body-content p {
	font-size: 93%;
	line-height: 1.6em;
}

/* All Products */
div.all-products-header h2 {
	display: none;
	font-size: 123.1%;
	color: #003674;
	position: relative;
	top: -4px;
	margin: 0 0 17px 0;
}

div.all-products-header h2.current-filter {
	display: block;
}

/* All Products Navigation */
div.all-products-navigation {
	margin: 0 0 18px 0;
}

div.all-products-navigation ul {
	margin: 0;
	padding: 0;
}

div.all-products-navigation ul li {
	list-style: none;
	float: left;
	margin: 0 10px 0 0;
}

div.all-products-navigation ul li a:link,
div.all-products-navigation ul li a:visited {
	display: block;
	background-color: #656565;
	color: #FFF;
	font-size: 100%;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	padding: 8px 10px;
	min-width: 120px;
	width:auto !important;
	width: 120px;
}

div.all-products-navigation ul li.current-filter a:link,
div.all-products-navigation ul li.current-filter a:visited,
div.all-products-navigation ul li a:hover {
	background-color: #464646;
}

/* All Products Description */
div.all-products-description {
	color: #656565;
	padding: 0 0 1px 0;
	margin: 0 0 20px 0;
}

div.all-products-description div {
	display: none;
}

div.all-products-description div.current-filter {
	display: block;
}

div.all-products-description p {
	font-size: 100%;
	line-height: 1.6em;
}

/* All Products Items */
div.all-products-items {
	margin: 0 -20px 40px 0;
}

div.all-products-items a.product:link,
div.all-products-items a.product:visited {
	display: block;
	width: 215px;
	height: 285px;
	overflow: hidden;
	float: left;
	text-align: center;
	background-color: #FFF;
	color: #656565;
	text-decoration: none;
	margin: 0 17px 16px 0;
}

div.all-products-items a.product:link span,
div.all-products-items a.product:visited span {
	display: block;
	font-size: 93%;
}

div.all-products-items a.product:link span.ap-main-img,
div.all-products-items a.product:visited span.ap-main-img {
	padding: 0 0 10px 0;
}

div.all-products-items a.product:link span.ap-main-img img,
div.all-products-items a.product:visited span.ap-main-img img {
	display: block;
	max-width: 215px;
	height: auto;
}

div.all-products-items a.product:link span.ap-item-name,
div.all-products-items a.product:visited span.ap-item-name {
	font-weight: bold;
	padding: 0 0 3px 0;
}

div.all-products-items a.product:link span.ap-item-price,
div.all-products-items a.product:visited span.ap-item-price {
	padding: 0 0 3px 0;
}

div.all-products-items a.product:link span.ap-item-personalize,
div.all-products-items a.product:visited span.ap-item-personalize {
	color: #464646;
	font-weight: bold;
}

div.all-products-items a.product:hover span.ap-item-personalize {
	color: #656565;
}

/* Interior Pages */
div.page-columns {
	padding: 0 0 63px 0;
}

div.page-side {
	width: 177px;
	float: left;
	margin: 0 29px 0 0;
}

div.page-side div.top-side-links {
	margin: 0 0 19px 0;
}

div.page-side div.side-item {
	margin: 0 0 19px 0;
}

div.page-main {
	width: 643px;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #FFF;
	padding: 38px 31px 55px 31px;
	color: #424242;
}

/* Footer */
div#ft {
	background-color: #656565;
	height: 1%;
}


div#ft-inner2 {
	width: 791px;
	margin: 0 auto;
	padding: 30px 30px 15px 30px;
}

div#ft-inner {
	width: 911px;
	margin: 0 auto;
	padding: 30px 0 15px 0;
}

/* Footer Columns */
div.ft-columns {
	margin: 0 0 29px 0;
}

div.ft-columns h3 {
	color: #464646;
	font-size: 108%;
	margin: 0 0 10px 0;
}

div.ft-columns ul {
	margin: 0;
	padding: 0;
}

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

div.ft-columns ul li a:link,
div.ft-columns ul li a:visited {
	color: #FFF;
	font-size: 93%;
	text-decoration: none;
}

div.ft-columns ul li a:hover {
	color: #000000;
}

div.ft-col-one {
	width: 124px;
	float: left;
	margin: 10px 16px 10px 10px;
}

div.ft-col-two {
	width: 180px;
	float: left;
	margin: 10px 28px 10px 10px;
}

div.ft-col-three {
	width: 158px;
	float: left;
	margin: 10px 74px 10px 10px;
}

div.ft-col-four {
	width: 151px;
	float: left;
	margin: 0 65px 0 0;
}

div.ft-col-four a:link,
div.ft-col-four a:visited {
	display: block;
	float: left;
	margin: 0 19px 0 0;
	padding: 10px 0 0 0;
}

div.ft-col-five {
	width: 115px;
	float: left;
	padding: 38px 0 0 0;
}

/* Footer Bottom */
div.ft-bottom {
	color: #efefef;
}

div.ft-bottom p {
	font-size: 85%;
}

/* @end */

/* @group Common Text Styles */
div.page-main p {
	font-size: 93%;
	line-height: 1.6em;
}	
	
/* @end */

/* @group Default Headings */
div.page-main h2 {
	font-size: 138.5%;
	color: #656565;
}

/* @end */

/* @group Default Lists */
/* Make default ul and ol styles to match p styles */

/* @end */

/* @group Nav */
div#nav {
	background-color: #e5e5e5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 0px;
	padding: 0 0 0 14px;
	margin: 0 0 18px 0;
}

div#nav ul {
	margin: 0;
	padding: 0;
}

div#nav ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#nav ul {display: inline-block;}

/* Hides from IE-mac \*/
* html div#nav ul {height: 1%;}
div#nav ul {display: block;}
/* End hide from IE-mac */

div#nav ul li {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
	padding: 0 6px 0 0;
	background: url(../images/bg-nav-div.png) center right no-repeat;
}

div#nav ul li.last {
	margin: 0;
	padding: 0;
	background: none;
}

div#nav ul li a:link,
div#nav ul li a:visited {
	display: block;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 85%;
	padding: 16px 0;
	text-decoration: none;
}

div#nav ul li.nav-shop-now a:link,
div#nav ul li.nav-shop-now a:visited {
	color: #464646;
}

div#nav ul li:hover a:link, div#nav ul li.sfhover a:link,
div#nav ul li:hover a:visited, div#nav ul li.sfhover a:visited,
div#nav ul li a:hover {
	color: #000000;
}

/* Nav Drop Down */
div.drop-top {
	font-size: 0px;
	height: 20px;
	background: url(../images/bg-drop-top.png) top left no-repeat;
}

div.drop-bottom {
	font-size: 0px;
	height: 14px;
	background: url(../images/bg-drop-bottom.png);
}

div.drop-inner {
	background: url(../images/bg-drop-tile.png);
	padding: 7px 0 7px 14px;
}

div#nav div.drop {
	padding: 0;
	margin: -7px 0 0 -94px;
	list-style: none;
	line-height: 1;
	width: 299px;
	position: absolute;
	left: -999em;
	z-index: 500;
}

div#nav div.drop ul {
	width: 44%;
	float: left;
	margin: 0 8% 0 0;
}

div#nav div.drop ul.last {
	margin: 0;
}

div#nav ul li ul li {
	background-image: none;
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	list-style: none;
}
div#nav ul li ul li a:link,
div#nav ul li ul li a:visited,
div#nav ul li:hover ul li a:link, div#nav ul li.sfhover ul li a:link,
div#nav ul li:hover ul li a:visited, div#nav ul li.sfhover ul li a:visited {
	text-align: left;
	line-height: 1em;
	height: 1%;
	margin: 0;
	text-transform: none;
	padding: 4px 0;
	color: #ffffff;
	font-size: 100%;
	display: block;
	font-weight: normal;
	background-image: none!important;
}
div#nav ul li:hover div.drop, div#nav ul li.sfhover div.drop {
	left: auto;
}
div#nav ul li ul a:hover,
div#nav ul li:hover ul li a:hover, div#nav ul li.sfhover ul li a:hover {
	color: #000000;
}


/* 3rd Level Dropdown */
div#nav ul ul ul {
	position: absolute;
	left: -999em!important;
	margin: -2em 0 0 5em;
	background-color: #656565;
}
div#nav ul ul ul li {

}
div#nav ul li ul li:hover ul, div#nav ul li ul li.sfhover ul {
	left: auto!important;
}
div#nav ul li ul li ul li a {
	white-space: nowrap;
}
div#nav ul li ul li ul li:hover a, div#nav ul li ul li ul li.sfhover a {

}


/* Fix for sticky IE drop downs */
div#nav ul li:hover, div#nav ul li.sfhover {position: static;}
	
/* @end */

/* @group Forms */
	
/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	text-decoration: none;
	color: #464646;
}
a:hover, a:active {
	text-decoration: underline;
}
/* @end */

/* @group Media Queries */
@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}
/* @end */

/* @group Non-Semantic Helper Classes */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear { clear: both; }
/* @end */

/* @group Print Styles */
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
/* @end */