/* CSS Document */

/*
Reset CSS
----------------------------------------- */

img {
	border:0;
	margin:0;
}

a {
	outline: none !important;
}
/*
----------------------------------------
Forms
----------------------------------------
*/

.form {
	x-background: rgb( 204, 204, 204 );
}
form {
	margin: 0;
	padding: 0;
	}

	form label {
		cursor: pointer;
		font-weight:bolder;
		}

	form dl {
		margin: 0;
		padding: 0;
		overflow: hidden;
		text-align:left;
		clear: left;
		}

		form dt {
			margin: 0;
			padding: 0;
			}

		form dd {
			margin: 0;
			padding: 0;
			}

			form dd li {
				list-style: none;
				}

	fieldset {
		border: none;
		margin: 0;
		padding: 0;
		clear: both;
		overflow: hidden;
		}

		legend {
			margin: 0;
			padding: 0;
			font-weight: bold;
			color:#333333;
			}
	input, select, textarea {
		margin: 0;
		padding: 0;
		}

	input, select {
		font-size: 11px;
		}

		input.disabled {
			background:transparent;
			border:none;
			margin:1px;
		}
		input.enabled {
			background: #fff;
			border: solid 1px #c00;
			margin:0;
		}
		input.ordering {
			border: solid 1px #ccc;
			text-align:center;
		}
		input.on {
			border: solid 1px #e10101;
			text-align:center;
		}
		input.zip {
			width: 60px !important;
		}

	form#registerForm table,
	form#contactForm table {
		border-bottom: dashed 1px #aaaaaa;
		width:100%;
		margin-bottom:10px;
	}
	form#uploadForm fieldset tr.last td {
		padding-bottom:15px;
	}
	form fieldset td {
		padding: 5px 10px 5px 0;
	}
		form fieldset td label {
			font-weight: bolder;
			font-size:12px;
			white-space: nowrap;
		}
			form fieldset td.req label:before {
				content:"* ";
			}
		form fieldset td.col1 {
			padding-right:10px;
		}
			form#registerForm fieldset td.col1,
			form#contactForm fieldset td.col1  {
				vertical-align:top;
				width:120px;
			}

		form#registerForm fieldset td input.checkbox {
			width:20px;
		}
		form#loginForm fieldset td input[type="text"] {
			width: 145px;
		}
		form#registerForm fieldset td input[type="text"],
		form#contactForm fieldset td input[type="text"] {
			width: 220px;
		}
		form#registerForm fieldset td select {
			width: 224px;
		}
		form#retrievePasswordForm fieldset td input[type="text"]{
			width:200px;
		}

		form#myAccountForm fieldset td label {
			width: 120px;
			display: block;
		}
		form#myAccountForm fieldset td label.sameAs{
			display: inline;
			width: 200px;
		}
		form#myAccountForm div fieldset {
			margin-bottom:15px;
		}
		form#myAccountForm fieldset td input[type="text"] {
			width:250px;
		}

		form#uploadForm input[type="file"] {
			width: 600px;
			background: #fff !important;
		}


	#contactUs	form fieldset td.col1
	{
		text-align:right;
	}
	#contactUs	input.required
	{
		width:500px;
	}

	#contactUs	#emailMessage
	{
		height:150px;
	}

	span.validation-advice {
		color: #c00;
	}


/* Global Styles */

body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:normal;
	background:#ffffff;
	font-size:12px;
}

p, span, ul, li, input, select, h1, h2, h3, h4, h5, h6, form, a {
	margin:0;
	padding:0;
}

p.centered {
	text-align:center;
}
.center {
	text-align:center;
}

td.top {
	vertical-align: top;
}
td {
	font-size:12px;
}


/*
----------------------------------------
Headers
----------------------------------------
*/

h1 {
	font: bolder 19px arial, helvetica, sans-serif;
	margin: 0 0 10px 0;
	color: #0456a5;
}


#bodycontent h1 {
	text-indent: 10px;
}
	#bodycontent div#privacy h1 {
		text-indent: 0;
	}
.col-two h1 {
	text-indent: 0 !important;
}



/*
----------------------------------------
Links
----------------------------------------
*/

a, a:link, a:visited, a:hover {
	color:#0456a5;
	font-size:13px;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


/*
Wrapper
----------------------------------------- */

#wrapper {
	width:987px;
	margin: 0px auto;
	border-top:none;
	position: relative;
	min-height: 100%;
	}
		* html #wrapper {
			height: 100%;
			margin: 0px auto;
			}
		#wrapper #header {
		width:987px;
		text-align:left;
		}
	#wrapper #bodycontent {
	width:987px;
	margin:0;
	padding:0;
	text-align:left;
	position:relative;
	}
		#bodycontent #container {
			width:987px;
			margin:0;
			padding:0 0 20px 0;
			float:left;
		}


/*
Logo
----------------------------------------- */
#header img {
	margin: 3px 0 8px 44px;
}

/*
Cart
----------------------------------------- */

	#viewCart {
		font: normal 0.70em Arial, sans-serif;
		height:22px;
		position:absolute;
		right:20px;
		top:5px;
		width:210px;
		text-align:right;
	}
		#viewCart a:hover {
			text-decoration:underline;
			color: #2866a6;
		}
		#viewCart a {
			background:transparent url(../../../resources/images/cart-icon.gif) no-repeat scroll left bottom;
			text-decoration:none;
			cursor:pointer;
			display:block;
			height:100%;
			position:relative;
			width:100%;
		}
		#viewCart span#cartItemCount {
			color:#495457;
			font-weight:bold;
			left:30px;
			position:absolute;
			top:2px;
		}
		#viewCart span#viewCartLink {
			color: #2866a6;
			font-weight:bold;
			text-decoration:none;
			display:block;
			left:142px;
			position:absolute;
			top:2px;
		}
/*
Meta Nav
----------------------------------------- */
.metaNav {
	position:absolute;
	top: 43px;
	left:580px;
	width:390px;
}

	.metaNav #inputSearch {
		width:117px;
		border: solid 1px #e9e9e9;
		font-size:14px;
		padding: 2px 0 3px 0;
		visibility: hidden;
	}
	.metaNav form {
		float:right;

	}
	.metaNav #btnSearch {
		border: solid 1px #e9e9e9;
		margin-left:10px;
		font:normal 12px Arial, Sans-Serif;
		color: #9c9c9c;
		background: url( ../images/shell/bg/bg-btn-search.jpg ) repeat-x top left;
		padding:3px;
		visibility: hidden;
	}
	.metaNav .utilityLinks {
		float:left;
		line-height: 32px;
		margin: 2px 0 0 0;
	}
	.utilityLinks a, .metaNav {
		font:normal 12px Arial, Sans-Serif;
		color: #9c9c9c;
		text-decoration: none;
	}
		.utilityLinks a:hover {
			text-decoration: underline;
		}



/*
Login on Nav
----------------------------------------- */

	#header .logout, #header .login {
		position: absolute;
		top: 63px;
		right: 15px;
		z-index: 10;
		}
		#header .logout a {
			border-top: solid 1px #ccc;
			border-left: solid 1px #ccc;
			border-right: solid 1px #ccc;
			border-bottom: solid 1px #09c;
			background: #09c;
			padding:5px 10px;
			color: #fff;
			font-weight: bolder;
			display: block;
			text-decoration: none;
			}
		#header .login a {
			border: solid 1px #ccc;
			background: #09c;
			padding:5px 10px;
			color: #fff;
			font-weight: bolder;
			display: block;
			text-decoration: none;
		}

			#header .logout a:hover,
			#header .login a:hover {
				background-position: 0px -19px;
			}

/*
Main Navigation
----------------------------------------- 	*/

#mainnav {
	background: url( ../images/shell/bg/bg-mainNav.jpg ) no-repeat bottom left;
	width:987px;
}

body#Home #mainnav {
	background: url( ../images/shell/bg/bg-mainNav-one-col.jpg ) no-repeat bottom left;
}
body#prints #mainnav{
	background: url( ../images/shell/bg/bg-mainNav-one-col.jpg ) no-repeat bottom left;
	width:987px;
}

#rewardsNoNav {
	width:987px;
	clear:both;
}
body#MarsConfigurator #rewardsNoNav{
	background: url( ../images/shell/bg/bg-noNav-one-col.jpg ) no-repeat bottom left;
}
body#MarsConfigurator #mainnav{
	background: url( ../images/shell/bg/bg-noNav-one-col.jpg ) no-repeat bottom left;
}
body#shoppingCart #rewardsNoNav{
	background: url( ../images/shell/bg/bg-noNav.jpg ) no-repeat bottom left;
}
body#MarsConfigurator #instructionalText{
	float:right;
	margin:10px 220px 0 0;
	font-weight:bold;
	width:650px;
}
body#MarsConfigurator #instructionalText li{
	margin:0 0 0 50px;
}
	
/*
body#MarsConfigurator #header{
	float:left;
	width:100px;
}
*/

body#checkout02 #noNav{
	background: url( ../images/shell/bg/bg-noNav.jpg ) no-repeat bottom left;
	width:987px;
}
	#mainnav ul {
		padding: 0;
		width: 455px;
		margin: 0px 0px 0px 30px;
		height:31px;
		}
		
		#mainnav ul li {
			float: left;
			display: inline;
			overflow: hidden;
			list-style: none;
			}
			
			#mainnav ul li a {
				color: #000;
				background-image: url(../images/shell/nav/nav.jpg);
				background-repeat: no-repeat;
				height: 31px;
				display: block;
				text-indent: -5000px;
				}
				#header ul li a {
					cursor: pointer;
				}
/*
Main Navigation Image Sprites
----------------------------------------- 	*/				
			#mainnav ul li#navPhotos a {
				background-position: -0px 0;
				width: 79px;
				}
				#mainnav ul li#navPhotos a:hover {
				background-position: -0px -31px;
				}
				
				#mainnav ul li#navPhotos a.selected, 
				#photos #mainnav ul li#navPhotos a,
				#myAlbums #mainnav ul li#navPhotos a {
					background-position: -0px -31px;
				}
				
			#mainnav ul li#navStore a {
				background-position: -79px 0;
				width: 75px;
				}
				#mainnav ul li#navStore a:hover {
				background-position: -79px -31px;
				}
				#mainnav ul li#navStore a.selected, 
				#Store #mainnav ul li#navStore a, 
				#configurator #mainnav ul li#navStore a, 
				#configuratorPrints #mainnav ul li#navStore a,
				#MarsConfigurator #mainnav ul li#navStore a {
					background-position: -79px -31px;
				}
			
			#mainnav ul li#navAccount a {
				background-position: -154px 0;
				width: 86px;
				}
				#mainnav ul li#navAccount a:hover{
				background-position: -154px -31px;
				}
				#mainnav ul li#navAccount a.selected, 
				#login #mainnav ul li#navAccount a,
				#myAccount #mainnav ul li#navAccount a,
				#myAddress #mainnav ul li#navAccount a  {
					background-position: -154px -31px;
				}
				
				#mainnav ul li#navPro a {
				background-position: -240px 0;
				width: 95px;
				}
				#mainnav ul li#navPro a:hover{
				background-position: -240px -31px;
				}
				#mainnav ul li#navPro a.selected, 
				#Pro #mainnav ul li#navPro a,
				#myAddress #mainnav ul li#navPro a  {
					background-position: -240px -31px;
				}
				
			#mainnav ul li#navPartner a {
				background-position: -335px 0;
				width: 118px;
				}
				#mainnav ul li#navPartner a:hover{
				background-position: -335px -31px;
				}
				#mainnav ul li#navPartner a.selected, 
				#accountInfo #mainnav ul li#navPartner a {
					background-position: -335px -31px;
				}
/*
Subnavigation
----------------------------------------- */
ul.subnav {
	height:30px;
}
	ul.subnav li {
		float:left;
		padding:0px 10px;
		background: url( ../images/pixel-opaque.gif ) repeat-y top right;
		height: 15px;
		color:#CCC;
		font-size:13px;
		list-style: none;
	}
		ul.subnav li.last {
			background: none;
		}

/*
Home Page
----------------------------------------- */
	body#Home .masthead {
		width: 948px;
		height: 289px;
		position: relative;
	}
		body#Home .masthead h1,
		body#Home .masthead h2 {
			text-indent: -9000px;
		}
		body#Home .mounted {
			background: url( ../images/home/bg-hero-mounted.jpg ) no-repeat top left;
		}
		body#Home .framed {
			background: url( ../images/home/bg-hero-framed-prints.jpg ) no-repeat top left;
		}
		body#Home .waterbottle {
			background: url( ../images/home/bg-hero-waterbottles.jpg ) no-repeat top left;
		}
		body#Home .apparel {
			background: url( ../images/home/bg-hero-apparel.jpg ) no-repeat top left;
		}
		body#Home .photobooks {
			background: url( ../images/home/bg-hero-photobooks.jpg ) no-repeat top left;
		}
		body#Home .freeship {
			background: url( ../images/home/home_hero_freeship.jpg ) no-repeat top left;
		}
		
		body#Home .masthead  .loginDiv {
			position: absolute;
			top:0;
			right:0;	
			width: 205px;
			height: 289px;
		}
		body#Home .mounted .loginDiv {
			background: url( ../images/home/bg-hero-sign-in-mounted.jpg ) no-repeat top left;
		}
		body#Home .framed .loginDiv {
			background: url( ../images/home/bg-hero-sign-in-framed-prints.jpg ) no-repeat top left;
		}
		body#Home .waterbottle .loginDiv {
			background: url( ../images/home/bg-hero-sign-in-waterbottles.jpg ) no-repeat top left;
		}
		body#Home .apparel .loginDiv {
			background: url( ../images/home/bg-hero-sign-in-apparel.jpg ) no-repeat top left;
		}
		body#Home .photobooks .loginDiv {
			background: url( ../images/home/bg-hero-sign-in-photobooks.jpg ) no-repeat top left;
		}
		body#Home .freeship .loginDiv {
			background: url( ../images/home/home_hero_freeship-sign-in.jpg ) no-repeat top left;
		}
		body#Home .masthead .loginDiv .module,
		body#Home .masthead .loginDiv .moduleBottom  {
			background: transparent;
			background-image: none !important;
			width: 203px !important;
			float:none !important;
			padding: 10px 5px 10px 5px !important;
		}
			body#Home .masthead .loginDiv .module .boxHeader {
				background: none;
			}
				body#Home .masthead .loginDiv .module .boxHeader h3 {
					background: none;
					color: #000;
				}
		body#Home .masthead .loginDiv .moduleBottom {
			padding: 0 !important;
		}
	body#Home .promos {
		
	}
		body#Home .promo1, 
		body#Home .promo2, 
		body#Home .promo3 {
			float: left;
			height: 154px;
			cursor: pointer;
		}
			body#Home .promo1 h2,
			body#Home .promo2 h2, 
			body#Home .promo3 h2,
			body#Home .promo1 p,
			body#Home .promo2 p, 
			body#Home .promo3 p {
				text-indent: -9000px;
			}
			
		body#Home .promo1 {
			width: 321px;
			background: url( ../images/home/bg-promo-mugs.jpg ) no-repeat top left;
			margin: 10px 9px 10px 0;
		}
		body#Home .promo2 {
			width: 285px;
			background: url( ../images/home/bg-promo-partner.gif ) no-repeat top left;
			margin: 10px 10px 10px 0;
		}
		body#Home .promo3 {
			width: 322px;
			background: url( ../images/home/bg-promo-canvas.jpg ) no-repeat top left;
			margin: 10px 0px 10px 0;
		}
		
/*
Content Columns
----------------------------------------- */
.one-col,
.two-col,
.three-col {
	width: 100%;
	clear: both;
	padding: 0;
}
	.two-col .col-one,
	.three-col .col-one {
		float:left;
	}
	.three-col .col-one,
	.two-col .col-one {
		width: 748px;
	}

		.three-col .col-one .sidebar {
			margin: 0 20px 0 0;
			width: 200px;
		}
	.three-col .col-two {
		width:488px;
		float: left;
		padding-top: 10px;
	}

	.two-col .col-two,
	.three-col .col-three {
		float: left;
	}
		.two-col .sidebar,
		.three-col .sidebar {
			width:239px;
			float:left;
		}
		.two-col .med {
			width: 509px;
		}


		.three-col .col-two img.banner {
			margin-top: 10px;
		}

/*
Configurator Columns
----------------------------------------- */
body#Configurator .one-col {
	margin: 20px 0 0 0 ;
}
body#MarsConfigurator .one-col {
	margin: 0px 0 0 0 ;
}
		body#Configurator .one-col .boxHeader,
		body#MarsConfigurator .one-col .boxHeader {
			margin: 0;
		}
		body#Configurator .one-col .box,
		body#MarsConfigurator .one-col .box  {
			padding: 0;
		}

/*
Fixed Modules
----------------------------------------- */
body#prints .three-col .module,
body#Home .one-col .col-one .module {
	background: url( ../images/shell/bg/lrg-white-bg.jpg ) repeat-y top left;
	padding: 12px 20px;
	width:987px;
	float: left;
	position: relative;
}
body#MarsConfigurator .one-col .module
{
	background: url( ../images/shell/bg/lrg-white-bg.jpg ) repeat-y top left;
	padding: 12px 20px;
	width:947px;
	float: left;
	position: relative;
}
body#prints .three-col .moduleBottom,
body#MarsConfigurator .one-col .moduleBottom,
body#Home .one-col .col-one .moduleBottom  {
	background: url( ../images/shell/bg/lrg-bg-bottom.jpg ) repeat-y top left;
	padding: 0px;
	width:987px;
	height: 10px;
	clear:both;
}
.three-col .col-one .module,
.two-col .col-one .module {
	background: url( ../images/shell/bg/med-white-bg.jpg ) repeat-y top left;
	padding: 12px 20px;
	width:708px;
	float: left;
}
.three-col .col-one .moduleBottom,
.two-col .col-one .moduleBottom {
	background: url( ../images/shell/bg/med-bg-bottom.jpg ) no-repeat top left;
	padding: 0;
	height:12px;
	clear:both;
}
.three-col .sidebar .moduleTop,
.two-col .sidebar .moduleTop {
	background: url( ../images/shell/bg/sm-bg-top.jpg ) repeat-y top left;
	height:10px;
}
.three-col .sidebar .module,
.two-col .sidebar .module {
	background: url( ../images/shell/bg/sm-bg-white.jpg ) repeat-y top left;
	padding: 12px 20px;
	float:left;
}
.three-col .sidebar .moduleBottom,
.two-col .sidebar .moduleBottom {
	background: url( ../images/shell/bg/sm-bg-bottom.jpg ) no-repeat top left;
	padding: 0;
	height:12px;
	clear:both;
}

#cropOverlay .moduleTop {
	background: url( ../images/shell/bg/bg-mainNav-one-col.jpg ) no-repeat top left;
	height: 9px;
}


.three-col .col-two .product {
	position: relative;
	background: #f6f6f6;
	padding: 10px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	float:left;
	width: 470px;
	xcursor:pointer;
}

.three-col .col-two .product #productImage {
	float:left;
}
	.three-col .col-two .product #productImage img {
		width: 244px;
		height: 210px;
		border: solid 1px #ccc;
	}
.three-col .col-two .product #productText {
	float: left;
	width: 184px;
	font-size: 13px;
	padding: 5px 10px;
}
	.three-col .col-two .product #productText h4 {
		color: #0456a5;
		font-size: 15px;
		margin-bottom:10px;
	}
	.three-col .col-two .product #productText ul {
		list-style-type: square;
		color: #ccc;
		margin: 10px 0 0 15px;
		font-size: 12px;
	}
		.three-col .col-two .product #productText ul li {
			padding: 0 0 5px 0;
		}
		.three-col .col-two .product #productText ul li span{
			color: #333;
		}
.three-col .col-two .product .button {
	position:absolute;
	top:198px;
	right:0px;
	margin:0;
	padding:0;
}

body.photoJewelry .three-col .col-two .product .button {
    top: 344px;
}
body.tshirts .three-col .col-two .product .button {
    top: 289px;
}
body.hoodies .three-col .col-two .product .button {
    top: 234px;
}
body.wallclings .three-col .col-two .product .button {
    top: 269px;
}
body#prints .col-two {
	position: relative;
}


.three-col .col-two .productStandard .moduleTop,
body#prints .three-col .module .productStandard .moduleTop {
	background: url( ../images/shell/bg/bg-product-standard-top.jpg ) no-repeat top left;
	height: 10px;
	float: none;
}
.three-col .col-two .productStandard .module,
body#prints .three-col .module .productStandard .module {
	background: url( ../images/shell/bg/bg-product-standard.jpg ) repeat-y top left;
	padding: 10px;
	float: none;
	width: auto;
	cursor: pointer;
}
	.three-col .col-two .productStandard .module:hover,
	body#prints .three-col .module .productStandard .module:hover {
		background: url( ../images/shell/bg/bg-product-standard-act.jpg ) repeat-y top left;
		padding: 10px;
		float: none;
		width: auto;
		cursor: pointer;
	}
.three-col .col-two .productStandard .moduleBottom,
body#prints .three-col .module .productStandard .moduleBottom {
	background: url( ../images/shell/bg/bg-product-standard-bottom.jpg ) no-repeat top left;
	height: 10px;
	float: none;
}


/*
Elastic Boxes
----------------------------------------- */

.boxHeader {
	margin:0px;
	height:40px;
	background: #bbd7eb;
}
	.sidebar .boxHeader {
		width:197px;
	}
	#myAlbums .boxHeader {
		margin-top:0;
	}
	body#prints .three-col .boxHeader {
		width: 947px;
	}
	.boxHeader h3 {
		color: #0456a5;
		font: bolder 18px/40px arial, Helvetica, Sans-serif;
		text-indent: 10px;
	}
		.breadcrumb h3 {
			color: #fff !important;
		}
		.boxHeader h3 a {
			color:#0456a5;
			text-decoration:none;
			font: bolder 18px/40px arial, Helvetica, Sans-serif;
		}
			.boxHeader h3 a:hover {
				color:#fff;
				text-decoration:none;
			}

		.boxHeader h3 span {
			font-weight: bolder;
			color: #0456a5;
		}

.box {
	border:0;
	padding:10px;
	overflow:hidden;
}
	.box h3 {
		font-size: 12px;
		height:36px;
		color: #609;
	}
	.box p {
		padding:10px 0;
	}

.productStandard {
	width:156px;
	float:left;
	margin: 10px 10px 0 0;
}

	.productStandard .img {
		width: 136px;
		text-align:center;
	}
		.productStandard .img img {
			width: 116px;
			height:116px;
		}
.productStandard .boxInner {
	text-align:center;
	background: #fff;
	height: 150px;
}

	.productStandard .boxInner img {
		margin: 10px 0;
	}
	.productStandard .productName h3 {
		color: #0456A5;
		font-size: 16px;
		font-weight: bolder;
		padding-left: 10px;
	}
	.productStandard div.lowerLink a {
		color: #999;
		text-decoration: none !important;
	}
		.productStandard div.lowerLink {
			text-align:left;
			padding:0px 0px 30px 10px;
		}
		.productStandard div.lowerLink a:after {
			content: " >> ";
			color: #999;
			font-size:11px;
		}

.boxImage {
	font-size: 10px;
	padding: 5px 0px 0px 0px;
	text-align: center;
	width: 115px !important;
	border: solid 1px #333;
	float:left;
	margin-left:3px;
}
	.boxImage img {
		margin: 0px 10px;
		border:3px solid #ffffff;
	}

	.boxImage h4 {
		border-top: solid 1px #333;
		font-weight: normal;
		text-transform: none;
		color: #333;
		font-size:10px;
		padding:5px;
	}


/*
Tabs
----------------------------------------- */
ul.tabs  {
	margin: 5px 0 0 20px;
}
	body#Configurator ul.tabs,
	body#MarsConfigurator ul.tabs,
	body#myImages ul.tabs {
		margin:0;
	}
	ul.tabs li {
		float: left;
		padding: 3px 11px 3px 11px;
		list-style-type: none;
		background: none;
		border-top: solid 1px #f1f1f1;
		margin-right:4px;
	}
		ul.tabs li.on {
			background: #fff;
			border-left: solid 1px #ccc;
			border-right: solid 1px #ccc;
			border-top: solid 1px #ccc;
			padding: 3px 10px 3px 10px;
		}
		ul.tabs li a {
			display: block;
		}
			ul.tabs li a:hover {
				text-decoration: none;
			}


/*
Sub Header
----------------------------------------- */

#sub-header {
	margin: 10px auto 10px;
	}

	#sub-header h2 {
		color: #5c6c22;
		font-size: 100%;
		font-weight:bolder;
		}
/*
Store, version 2
----------------------------------------- */
.col-one .productList {
	padding: 0 0 10px 0;
	margin-top:10px !important;
	position:relative;
	font-size: 11px;
	background: #f6f6f6;
	width: 198px !important;
}

.col-one .productList h3 {
	border-top: solid 1px #ccc;
	color:#0456a5;
	font-size:13px;
	height: 20px;
	line-height:20px;
	margin-top: 10px;
	text-indent: 10px;
	padding: 8px 0 0 0;
	font-weight:bold;
}
.col-one .productList h3 a {
	color:#0456a5;
	text-decoration: none;
	display: block;
}
.col-one .productList h3 span.pricePer,
.col-one .productList h3 span.startingAt {
	color:#333;
	font-size: 10px;
	font-weight:normal;
	margin:0 0 0 96px;
	position:relative;
	top:-30px;
}
.col-one .productList h3 span.startingAt {
	margin:0 0 0 145px;
}

.col-one .productList ul {

}

		.col-one .productList ul li strong {
			color: #999;
			padding-left: 15px;
		}
			.col-one .productList ul li strong a {
				display:inline;
				padding:0;
				color: #999;
			}
				.col-one .productList ul li  a:hover,
				.col-one .productList h3 a:hover {
					background: #ffad25;
					color: #0456a5;
				}
		.col-one .productList ul li a {
			display: block;
			padding: 2px 0px 2px 15px;
			text-decoration: none;
			color: #999;
			font-size: 12px;
			width: 140px;
		}
		body.woodFrames .col-one .productList ul li a {
		    width: 140px;
		}

			.col-one .productList ul li a span {
				position:absolute;
				right:5px;
			}


/*
Store, version 1
-----------------------------------------
.col-one .productList {
	padding: 0 0 10px 0;
	margin-top: 10px !important;
	position:relative;
	font-size: 11px;
	border-left: solid 1px #a0a0a0;
	border-right: solid 1px #a0a0a0;
	border-bottom: solid 1px #a0a0a0;
	background: #f6f6f6;
	width: 198px !important;
}

.col-one .productList h3 {
	border-top: solid 1px #a0a0a0;
	color:#0456a5;
	font-size:11px;
	height: 20px;
	line-height:20px;
	margin-top: 10px;
	text-indent: 10px;
	padding: 8px 0 0 0;
}
.col-one .productList h3 a {
	color:#0456a5;
	text-decoration: none;
	display: block;
}
.col-one .productList span.startingPrice {
	position:absolute;
	color:#444444;
	font-size:10px;
	right:5px;
	top:7px;
}
.col-one .productList ul {

}
	.col-one .productList ul li {
		position: relative;
	}
		.col-one .productList ul li strong {
			color: #999;
			padding-left: 15px;
		}
			.col-one .productList ul li strong a {
				display:inline;
				padding:0;
				color: #999;
			}
				.col-one .productList ul li  a:hover,
				.col-one .productList h3 a:hover {
					background: #ffad25;
					color: #0456a5;
				}
		.col-one .productList ul li a {
			display: block;
			padding: 2px 0px 2px 15px;
			text-decoration: none;
			xxwidth:158px;
			color: #999;
			font-size: 12px;
		}
*/
			.col-one .productList ul li a span {
				position:absolute;
				right:5px;
			}
	.col-one .productList ul.sizes {
		margin: 0 0 10px 15px;
	}
		.col-one .productList ul.sizes li {
			padding: 2px 0;
		}
	.col-one .productList p {
		margin: 10px 10px 0px 15px;
		border-top: dashed 1px #ccc;
	}

#Store .rightColumn ul {
	margin: 20px 0 0px 20px;
	padding: 0 0 20px 0;
}
#Store .rightColumn ul li {
	list-style-type: disc;
	line-height:28px;
	color: #c00;
}

	#Store .rightColumn ul li a {
		padding: 0px 0px 0px 5px;
		color:#CC0000;
		font-size:135%;
		text-decoration:underline;
	}

/*
Product Details
----------------------------------------- */

#productFeature {
	float:left;
	border: solid 1px #09c;
	margin: 10px 0 0 0;
	height: 157px;
}
	#productFeature #image {
		float:left;
		margin: 0px 10px 0px 0;
	}
		#productFeature #image img {
			width: 175px;
		}
	#productFeature #description {
		float:left;
		width:175px;
		position:relative;
	}
		#productFeature #description h2 {
			color:#609;
			font-family:Helvetica,Arial,sans-serif;
			font-size:1.0em;
			font-size-adjust:none;
			font-stretch:normal;
			font-style:normal;
			font-variant:normal;
			font-weight:bold;
			line-height:normal;
			margin:10px 5px 10px 0px;
		}
		#productFeature #description ul {
			font-size:11px;
			margin: 0 0 0 15px;
		}
			#productFeature #description ul li {
				list-style-type:disc;
			}
body#psGifts .col-two .box {
	border: none;
}

.left {
	float:left;
}
.right {
	float:right;
}


.errorSummaryField, .requiredMsgClass {
	color: #E10101;
}

.successMsgClass
{
	color: #339966;
}


/*
Column Layouts
------------------------------------*/



.cart td{
	font-size:11px;
}

.cartShade {
	background-color:#f3f3f1;
}

.cartBorderL {
	border-top:solid #cccccc 1px;
	border-left:solid #cccccc 1px;
	border-bottom:solid #cccccc 1px;
}

.cartBorderC {
	border-top:solid #cccccc 1px;
	border-bottom:solid #cccccc 1px;
}

.cartBorderR {
	border-top:solid #cccccc 1px;
	border-right:solid #cccccc 1px;
	border-bottom:solid #cccccc 1px;
}



#emailImages .thumbChecked {
    display: none;
}

#originalImages .thumbDelete {
    display: none;
}

.photoHolder {
	float:left;
	height:170px;
}
.thumbBox, .thumbBoxOn {
	background: url(../../../resources/images/bg-thumb-top.jpg) no-repeat top left;
	float: left;
	margin: 0 3px;
	height: auto;
	padding-top:9px;
	font-size:11px;
	color:#999999;
	text-align:center;
	width:126px;
	background-color:#ffffff;
	position: relative;
	overflow: hidden;
}
	.thumbBox_Over {
		background: url(../../../resources/images/bg-thumb-top-over.jpg) no-repeat top left;
		float: left;
		margin: 0 3px;
		height: 120px;
		padding-top:9px;
		font-size:11px;
		color:#999999;
		text-align:center;
		width:106px;
		background-color:#ffffff;
		position: relative;
		overflow: hidden;
	}

.mycreationBox
{
	width:104px;
	height:137px;
}



.thumbBox p.photoLabel{
	font-size:11px;
	font-weight:bold;
	color:#e10101;
	bottom:0px;
	left:0px;
	position:absolute;
	text-align:center;
	width:100%;
}
.thumbDelete {
    position: absolute;
    bottom: 6px; right: 6px;
}
.thumbBox .thumbDelete {
    display:none;
}
	#emailImages .thumbDelete {
		display:block;
	}
.thumbChecked {
	position: absolute;
	right: 6px;
	bottom: 6px;
}
.thumbBox .thumbChecked {

    display: none;
}

.thumbBoxOn .thumbChecked {
    display: block;
}

.thumbBoxInner{
	background: url('../../../resources/images/bg-thumb-bottom.jpg') no-repeat bottom left;
	padding: 7px 12px 14px 12px;
}
	.thumbBoxInner_Over {
		background: url('../../../resources/images/bg-thumb-bottom-over.jpg') no-repeat bottom left;
		padding: 7px 12px 14px 12px;
	}
	.thumbBoxInner_Disabled {
		background: url('../../../resources/images/bg-thumb-bottom-disabled.jpg') no-repeat bottom left;
		padding: 7px 12px 14px 12px;
	}
	.thumbBoxInner p,
	.thumbBoxInner_Over p
	 {
		padding:0 !important;
		font-size: 10px;
	}
	.thumbBoxInner_Disabled p
	{
		font-size: 10px;
	}

		.thumbBoxInner_Over img,
		.thumbBoxInner img {
			cursor: pointer;
		}



/* Clearer div */

#wrapper .clearer, .clear {
	width:100%;
	margin:0;
	padding:0;
	clear:both;
	height:0;
}

/* Footer Elements */

#legalfooter {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#0456a5 !important;
	margin: 10px 0 20px 10px;
	font-size:11px;
	width:987px;
	clear:both;
	padding: 10px 0 0 0;
}

	a.afooternav:link, a.afooternav:active, a.afooternav:visited {
		color:#0456a5 !important;
		font-family:Arial,Helvetica,sans-serif;
		font-size:11px;
		font-weight:bolder;
		text-decoration:none;
	}
		#legalfooter a:hover {
			text-decoration: underline;
		}
	span.footertext {
		color: #76797c;
		font-size:10px;
		font-weight: 400 !important;
	}

/*
Buttons
----------------------------------------- */

input.button {
	color: #fff;
	padding:2px 8px;
	margin: 0 5px 10px 0;
	width: 0;
	overflow:visible;
	border: solid 2px #0456a5;
	background: url( '../images/shell/bg/bg-button.jpg' ) repeat-x bottom left;
	font: bolder 13px arial;
	cursor:pointer;
}
	input.button:hover {
		background: url( '../images/shell/bg/bg-button-over.jpg' ) repeat-x bottom left;
	}

input.button_alt {
	color: #fff;
	padding:2px 8px;
	margin: 0 5px 10px 0;
	width: 0;
	overflow:visible;
	border: solid 2px #ffad25;
	background-color: #ffad25;
	font: bolder 13px arial;
	cursor:pointer;
}
	input.button_alt:hover {
		background-color:#ffb947;
	}

input.button[class],
input.button_alt[class] {
	width: auto;
}

	body#login input.button#btnLogin {
		margin-left: 10px;
	}
	body#login input.button#btnCreateAccount {
		margin-left: 145px;
	}
	body#contact input.button#btnSend {
		margin-left: 145px;
	}
	body#psGifts input.button#btnCreate {
		position:absolute;
		right:5px;
		top: 125px;
		text-align:left;
	}

	#btnChangeAlbum {
		margin-bottom:0;
	}

#cropOverlay div.buttons {
	text-align: right;
	margin: 0 100px 0 0;
}
/* Prints Configurator
----------------------------------------- */
#instructions {
	clear: both;
}

/*
Products
----------------------------------------- */
.tiledImages img {
	margin: 10px 12px 0 0;
}




.alt {
	background: #fff !important;
}


/* Tables */

#myAddress	table
{
		width:740px;
		margin-bottom:20px;
		margin-top:10px;
}
	#myAddress	td
	{
			padding-left:5px;
	}
		#myAddress	td.col1 {
			width:120px;
		}
	#myAddress	th
	{
			padding:0 0 5px 5px;
	}


#myAlbumsContainer
{
	width:644px! important;
	margin-left: auto;
	margin-right: auto;
}

#tblAddressBook th
{
	font-size: 12px;
	text-align: left;
}



/****************************************************
/****************************************************
AOL STYLES FOR MYORDERS.XSL - FPO ONLY
TO BE REFACTORED
/****************************************************
 ****************************************************/
#myOrders	legend
{
		text-align:left;
		padding-left:0px;
		color:#333333;
}
#myOrders	fieldset
{
	border-bottom:dotted 1px #CCCCCC;
	/*width:635px;*/
}
.itemsContainer {
	margin: 25px 0;
	padding-right:5px;
}

.orderInfo #infoTable {
	width: 100%;
	vertical-align:top;
}
	.orderInfo #infoTable td {
		font-size: 11px;
		vertical-align:top;
	}



#historyTable {	
	background-color:#ffffff;
	width:100%;
	margin-bottom:15px 0 15px 0;
}
	#historyTable th {
		background-color:#CCCCCC;
		font-size:12px;
		text-align: left;
		padding:2px;
	}
	#historyTable td {
		font-size: 11px;
		border-bottom: #000000 1px solid;
		padding:2px;
	}
		#historyTable td.name {
			border:none;
		}
		#historyTable td.value {
			border:none;
		}
		#historyTable td a{
			font-size: 11px;
		}	


table.itemsTable	{
	background-color:#fff;
	padding-bottom:25px;
}
	.itemsTable th {
		background-color:#ccc;
		border-bottom:solid 1px #cecece;
	}
	.itemsTable td {
		background-color:#fff;
		border:none;
	}
	.itemsTable td .itemEnlarge {
		margin-left:21px;
	}



#shoppingCart	.col1
{
	padding-left:0px;
}

/* orders.xsl 
table#pricingTable {
		width: 100%;
}
	#pricingTable td {
		font-size: 11px;
	}
		#pricingTable td.name {
			width:414px;
			text-align:right;
			border:none;
		}
		#pricingTable td.value {
			width:35px;
			border:none;
		}


#returnToPrevious {
	font-size:.8em;
	/*float:right;*/
}


#orderHistory {
	border-collapse: collapse;
	}

	#orderHistory th {
		background-color: #CCCCCC;
		}
	#orderHistory td {
		text-align: center;
		font-size: 0.90em;
		vertical-align: top;
		}
	#orderHistory td.itemQuantity {
		text-align: center;
		}

	#orderHistory td.itemDescription {
		text-align: left;
		}

	#orderHistory td.itemAmount, .printPricing td.amount {
		text-align: right;
		}


/* to Refactor - Help page */

#help	DT
{color:#333333;
	padding-top:5px;
	font-weight:bold;
}
#help	DL
{color:#666666;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}
#help .boxInner
{
	padding:0 5px 10px 5px;
}
#help DT a
{color:#e10101;
 font-weight:bold;
 text-decoration:none;
 margin-top:5px;
}
/*
Configurators
****************************************/

 form#albumSelector {
	width:790px;
	height: 27px;
	padding:5px 0 0 10px;
	clear:both;
	background: url(../images/row_header_2.gif) no-repeat top left;

    }
	form#albumSelector h3 {
		font-weight:bolder;
		display: inline;
	}

     #sub-header {
            margin:10px auto;
            clear:both;
            position:relative;
            width:930px;
        }

        #sub-header h2 {
            color:#5C6C22;
            font-size:100%;
            font-weight:bolder;
        }


        #photoThumbnailsPlaceHolder {
            height: 84px;
            overflow-x:auto;
            overflow-y:hidden;
        }



        #overlayPopupWindow {
            background-color: #fff;
            text-align: center;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 90;
            filter:alpha(opacity=60);
            -moz-opacity: 0.6;
            opacity: 0.6;
        }

        #photoPicker {
            width: 100%;
            height: 200px;
        }

        #photoPicker div.boxInner p {
			padding:0;
        }
        #photoPicker h2 {
			margin:0;
			padding:3px 0 0 10px;
			height:21px;
			color: #fff;
			background:#09c;
        }

        #photoPicker #originalImages {
			width: 790px;
			overflow-x: auto;
			overflow-y: hidden;
        }

        #photoPicker a {
            position: relative;
        }

        .PhotoThumbnailChecked {
            display:none;
            position:absolute;
            right:-8px;
            top:0px;
        }
        .PhotoThumbnailContainerHorizontal_ON .PhotoThumbnailChecked {
            display:inherit;
        }
        
#productSelector {
	font-size:10pt;
	margin:0 0 11px 0;
}        
#changeSizes {
	font-size:10pt;
	font-weight:bold;
}
#quotedPrice 
{
	font-size:10pt;
	font-weight:bold;
	margin-right:10px;
}



/* Overlay
----------------------------------------- */

		.overlay
		{
			position: absolute;
			z-index:10;
			top: 0px;
			left: 0px;
			margin:0px;
			padding:0px;
			width:100%;
			height:100%;
			background-color: #fff;
			filter: alpha(opacity=80);
			opacity: .8;
			-moz-opacity:.8;
		}

	.overScreen {
		position:absolute;
		z-index:20;
		left:0;
		top:0;
		width:100%;
	}
		.overScreen p.success {
			font: bolder 18px arial;
			color: #0456a5;
			margin:10px;
		}
	.boxOverlay {
		width:600px;
		margin:30px auto;
		text-align:center;
	}
	.boxOverlay table {
		text-align:center;
		width:600px;
		margin-left:40px;
	}

#overlay-imageholder {
background-color:#FFFFFF;
border:1px solid #AAAAAA;
cursor:pointer;
padding:5px;
position:absolute;
text-align:center;
width:auto;
z-index:401;
}
#overlay-loaderHolder {
border:medium none;
height:35px;
left:100px;
margin:auto;
padding:6px;
position:absolute;
text-align:center;
top:100px;
width:35px;
z-index:401;
}
#overlay-closeLink {
}

/* Ordering Options
----------------------------------------- */
#addToCartSuccessModule div.firstCol,
#addToCartSuccessModule div.col {
	float: left;
	margin: 20px 0;
}
	#addToCartSuccessModule div.firstCol div {
		border:solid 1px #0456a5;
		padding:10px 10px 5px 10px;
	}
	#addToCartSuccessModule div.col div {
		border-top:solid 1px #0456a5;
		border-bottom:solid 1px #0456a5;
		border-right:solid 1px #0456a5;
		padding:10px 10px 5px 10px;
	}
/*
Cart Store Summary
----------------------------------------- */

	#order Summary {
		overflow: hidden;
		}

		#orderSummary table {
			border-collapse: collapse;
			border:none;
			}

			#orderSummary th {
				color: #333333;
				padding-bottom: 2px;
				font: bold 11px Arial, sans-serif;
				text-align: center;
				border:none;
				}

			#orderSummary td {
				padding: 2px 0;
				font: normal 11px Verdana, Arial, sans-serif;
				text-align: center;
				border:none;
				}

				#orderSummary td.col1 {
					width: 10%;
					text-align: center;
					}
				#orderSummary .col2 {
					padding-left: 4px;
					width: 60%;
					text-align: left;
					}
				#orderSummary .col3 {
					width: 30%;
					text-align: right;
					}

				.itemsTable th.col1 { width:20%; }
				.itemsTable th.col2 { width:10%; }
				.itemsTable th.col3 { width:40%; }
				.itemsTable th.col4 { width:18%; }
				.itemsTable th.col5 { width:12%; }


		#orderSubtotal {
			/*border-top: 1px dotted #3f85bd;*/
			/*border-bottom: 1px dotted #3f85bd;*/
			border:none;
			font: normal 11px Verdana, Arial, sans-serif;
			text-align: right;
			}
			#orderSubtotal p {
				padding: 3px 2px;
				font-size: 11px;
				}

		#orderSummary .orderTotal {
			border-bottom: 1px dotted #333333;
			padding: 5px 2px;
			font: bold 11px Verdana, Arial, sans-serif;
			text-align: right;
			}

		#couponcode {
			padding: 5px 0;
			text-align: right;
			font-size: 11px;
			}

		#orderSummary dl {
			/* border:solid black 1px; */
		}
			#orderSummary dt {
				float:left;
				text-align:left;
				width:80px;
				/* border:solid blue 1px; */
			}
			#couponcode dt {
				float:none;
			}
			#orderSummary dd.appliedCode {
				/* border:solid green 1px;  */
				clear:none;
				font-weight:bold;
			}
			#orderSummary dd{
				/* border:solid red 1px; */
				clear:both;
			}

	#checkoutForm {
		overflow: hidden;
		}

		input#checkoutButton {
			float: right;
			}

#shoppingCart table {
		width:100%;
}

#checkout02	.itemsTable	table
{	background-color:#f3f3f1;
	width:100%;
	border:solid 1px #cecece;
}

#checkout02	.col1
{
	padding-left:5px;
	width:125px;
	text-align:right;
}
#checkout02	#expirationMonth,#expirationYear
{
	width:125px;
	margin-right:15px;
}
#checkout02	.longinput
{
	width:250px;
}
#checkout02	#nameOnCard, #creditCardNumber
{
	width:250px;
}
#checkout02 th, .requiredMsgClass
{
	text-align:left;
	padding-left:10px;
}
#checkout02	p.legendInfo
{
	font-style:italic;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
}

#checkout02 .boxInner
{
padding:0 10px 0 10px;}
}
.checkoutReceipt
{
	padding-left:50px;
}
#OrderTotalTable	td
{
	text-align:right;
	padding-right:30px;
}

#OrderTotalTable
{
	padding-bottom:10px;
}

#orderSummaryDiv, #continueShoppingDivId  {
	background-color:white;
	padding:4px;
}

.money {
	font-family: Arial;
	text-align:right;
	width:50px;
	margin-left:6px;
}

#shoppingCart	#bottomNavBar
{
	padding-right:10px;
}

/*
Prints Configurator
****************************************/
body#prints h4 {
	padding: 3px 0 3px 10px;
	color: #fff;
	background: #0456A5;
}
body#prints .col-one  {
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	width: 140px;
	margin-top:10px;
}
	body#prints div.select {
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		padding: 5px 0 5px 10px;
		background: #f1f1f1;
		height: 22px;
		font-size: 11px;
	}
	body#Configurator div.select,
	body#MarsConfigurator div.select,
	body#myImages div.select {
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		padding: 5px 0;
		width:197px;
		background: #f1f1f1;
		height: 17px;
		font-size: 11px;
	}
		body#prints .col-one div.select {
			border-bottom: solid 1px #000;
		}
		body#prints .col-three div.select {
			padding: 1px 0px 1px 0;
			text-align:right;
			height: 30px;
		}
		body#prints .col-one ul#printSelector li
		{
			padding: 6px 0 6px 10px;
			list-style-type: none;
			background: #ccc;
			border-bottom: solid 1px #000;
			cursor: pointer;
		}
		body#prints .col-three div#printOrders ul {
			clear: both;
		}
		body#prints .col-three div#printOrders ul li {
			color: #0456a5;
			background: #bbd7eb;
			padding: 6px 0 6px 10px;
			list-style-type: none;
			border-bottom: solid 1px #000;
			cursor: pointer;
			font-weight: bolder;
		}
			body#prints .col-one ul#printSelector li:hover
			{
				background: #f1f1f1;
			}
			body#prints .col-one ul#printSelector li.on {
				background: #0456a5;
			}
			body#prints .col-one ul#printSelector li a {
				color: #000;
				font: bolder .9em/normal arial, sans-serif;
				display:block;
				outline: none;
			}
				body#prints .col-one ul#printSelector li a.on {
					color: #fff;
				}
				body#prints .col-one ul#printSelector li a:hover {
					text-decoration: none;
				}
body#prints div.col-two {
	width: 561px;
	padding-top:0;
	margin-top:10px;
}
	body#prints div.col-two div.tabBoxes {
		clear:both;
		padding: 10px;
	}
	body#Configurator div.col-two div.tabBoxes,
	body#MarsConfigurator div.col-two div.tabBoxes,
	body#myImages div.col-two div.tabBoxes {
		overflow-x:hidden;
		overflow-y:auto;
		height:353px;
		width:175px;
		border-right: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		border-left: solid 1px #ccc;
		padding: 10px;
	}
		body#Configurator div.col-two div#photos,
		body#Configurator div.col-two div#albums,
		body#MarsConfigurator div.col-two div#photos,
		body#MarsConfigurator div.col-two div#albums,
		body#myImages div.col-two div#photos,
		body#myImages div.col-two div#albums {
			padding: 10px 0 0 20px;
			position:relative;
		}
	body#prints div.col-two div#selectAll {
		float: right;
		padding: 0 10px 0 0;
		color: #0456a5;
		font-size:13px;
		cursor: pointer;
	}

body#prints .col-three {
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	margin-top:10px;
}
	body#prints .col-three div#printOrders {
		overflow-y:auto;
	}


	body#prints .col-three div#printOrders div.order {
		display:block;
		float:left;
		padding: 5px 0 5px 5px;
		border-bottom: solid 1px #ccc;
	}
		body#prints .col-three div#printOrders  table.order_table {
			width: 100%;
			border-bottom: solid 1px #ccc;

		}
			body#prints .col-three div#printOrders table.order_table th.photo{
				width: 60px;
				text-align: center;
			}
			body#prints .col-three div#printOrders table.order_table th.qty {
				width: 22px;
				text-align: center;
			}
			body#prints .col-three div#printOrders table.order_table th.remove {
				text-align:right;
				padding: 0 10px 0 0;
			}
		body#prints .col-three div#printOrders div.order:hover {
			background: #ccc;
		}
		body#prints .col-three div#printOrders div.order div.image {
			width: 60px;
			float:left;
		}
		body#prints .col-three div#printOrders div.order div.qty {
			width: 22px;
			float:left;
			padding: 8px 0 0 0;
		}

		body#prints .col-three div#printOrders div.length {
			width: 100px;
			float:left;
			padding: 8px 0 0 15px;
		}

		body#prints .col-three div#printOrders div.order div.qty input.print_qty {
				width: 16px;

			}
			body#prints .col-three div#printOrders div.order div.edit {
				width: 140px;
				float: left;
				text-align:right;
				padding: 10px 12px 0 0;
			}
				body#prints .col-three div#printOrders div.order div.edit  a {
					font-size:10px;
				}


#sliderPrints {
	margin: 0px auto;
	padding: 5px 0 7px 0;
	width: 930px;
	position: relative;
}

	.photoThumbnail,
	.photoThumbnail_mouseover {
		border: 1px solid #ccc;
		width:920px;
		position: relative;
		z-index: 0;
		float:left;
		margin:-1px 0 0 0;
		padding:10px 0px 10px 30px;
	}

	.photoThumbnail_mouseover
	{
		border: 1px solid #c00;
		cursor: pointer;
		z-index: 10;
	}
		.photoThumbnailImg {
			margin: 0px auto;
			z-index: 0;
			float:left;
			width: 200px;
			font-size:11px;
			text-align:center;
		}

		.photoThumbnail img
		{
				margin:0px auto;
				display:block;
				background: #fff;
		}
table.printPricing {
	width:400px;
	margin:0px 0px 0px 20px;
	border:0;
	border-collapse:collapse;
	background: #fff;

}

		table.printPricing th,
		table.printPricing td {
			padding:2px 5px;
			text-align:left;
		}

/*Address Book Specific*/
.addressButtonColumn
{
	padding-top:6px;
	text-align:center;
}

.disabled
{
	font-weight: bold;
	color: black;
	border:0;
	width:180px;
	cursor:pointer;
}

.enabled
{
	font-weight: normal;
	color: black;
	text-decoration: none;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	background-color: #ffffff;
	width:180px;
}

.inputAddressBook
{
	width:180px;
}
/*END ADDRESS BOOK*/


#ImagePreviewParent
{
	height: 312px;
	width:475px;
	text-align:center;
}

#ImagePreviewParent img
{
	margin:0px auto;

}

/**CSS TOOL TIPS**/
span#tooltipLinks a span {display: none;}

span#tooltipLinks a:hover span
{
	display: block;
	position: absolute;
	top: 0px;
	left: 25px;
	width: 125px;
	padding: 5px;
	margin: 10px;
	z-index: 100;
	color: #000000;
	background: white;
	text-align: center;
	text-decoration: none;
}

span#tooltipLinks a:hover {
 border-right: 5px double white;
}

/**END CSS TOOL TIPS**/


#divPrintOrders td {
	font-size: 10px;
}

/* Album Viewer Page */
body#myAlbums div#gridView {
	width:708px;
	height: 90%;
	float: left;
	overflow-y: scroll;
	position: relative;
}
	body#myAlbums div#gridView div#gridInner {
		width: 100%;
		float: left;
		overflow-y: scroll;
		height: 260px;
		position: relative;
	}
body#myAlbums div.gallery {
	margin: 10px 0 0 0;
	padding:0;
	border: solid 1px #ccc;
	background: #f6f6f6;
	width:197px;
	float:left;
	height:384px;
	overflow-y:scroll;
}

	body#myAlbums div.gallery div.album {
		display:block;
		float:left;
		padding: 5px 0 5px 5px;
		border-bottom: solid 1px #ccc;
	}
		body#myAlbums div.gallery div.album:hover {
			background: #ffad25;
		}
		body#myAlbums div.gallery div.selected {
			background: #bbd7eb;
		}
		body#myAlbums div.gallery div.album div.image {
			width: 55px;
			float:left;
		}
		body#myAlbums div.gallery div.album div.text {
			width: 120px;
			float:left;
			padding: 5px 0 0 0;
		}
			body#myAlbums div.gallery div.album div.text input.text {
				width: 126px;
				display: block;
				font-family: Arial, Helvetica, Sans-Serif;
				font-size:1.0em;
				font-weight: bolder;
				color: #00AAD5;
				text-decoration: underline;
			}
				body#myAlbums div.gallery div.album div.text input.enabled,
				body#myAlbums div.gallery div.album div.text input.disabled {
					width: 115px;
				}
				body#myAlbums div.gallery div.album div.text span.header a {
					font-size:1.2em;
					font-weight: bolder;
					color: #00AAD5;
				}
			body#myAlbums div.gallery div.album div.text div.date {
				font: normal 10px arial, helvetica, sans-serif;
				float:left;
				color: #333;
				padding: 2px 0 0 0;
				cursor:pointer;
			}
			body#myAlbums div.gallery div.album div.text div.edit {
				float:right;
				padding: 0 5px 0 0;
			}
				body#myAlbums div.gallery div.album div.text div.edit a {
					font-size:10px;
					padding: 2px 0 0 0;
					display:block;
				}
			body#myAlbums div.gallery div.album div.text div.numberOfPhotos {
				font: normal 10px arial, helvetica, sans-serif;
				float:left;
				padding: 2px 0 0 0;
				cursor:pointer;
			}



/* breadcrumbs */
p.breadcrumbs {
	color: #666;
	font-size: 11px;
}
	p.breadcrumbs a {
		text-decoration: none;
		color: #666;
	}


#wellImages {
	overflow-x: auto;
	overflow-y: hidden;
	position:relative;
	width:758px;
	height:200px;
	display:inline;
	position:relative;
	white-space: nowrap;
	float:left;
	margin-left:0px;
}

#overlay
{
	position: absolute;
	z-index:10;
	top: 0px;
	left: 0px;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background-color: #fff;
	filter: alpha(opacity=90);
	opacity: .9;
	-moz-opacity:0.9;
}
#cropOverlay {
	margin: 0px auto;
	text-align:center;
}
#imagePreview
{
	position:absolute;
	z-index:11;
	top:0px;
	left:0px;
	width:100%;
}

/* Store Page */

body#Store .login .boxHeader {
	margin-top:0;
}
body#Store .login div.sag div.promo{
	padding-top:0;
}

div.sag{
	padding:0;
}
	div.sag img {
		margin: 0 0 20px 0;
		border: solid 1px #ccc;
		padding: 1px;
	}

	.sag .items {
	text-align: center;
	padding: 20px 0 0 0 !important;
}

div.promo{
	padding:0;
}
	div.promo img {
		margin: 0 0 0px 0;
		border: solid 1px #ccc;
		padding: 1px;
	}

	.promo .items {
	text-align: center;
	padding: 0px 0 0 0 !important;
}

#stepOne h2,
#uploader h2 {
	font: bolder 15px arial;
	color: #0456a5;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/*
.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

*/
.sIFR-hasFlash .boxHeader {
	position: relative;
}
.sIFR-hasFlash .boxHeader h3 {
	position:absolute;
	top: 8px;
	visibility: hidden;
	font-size: 16px;
	line-height: 26px;
	width: 600px;
}

		.sIFR-hasFlash .boxHeader h3 a {
				visibility: hidden;
				font-size: 16px;
				line-height: 26px;
	}
			.sIFR-hasFlash .boxHeader h3 a:hover {
					visibility: hidden;
					font-size: 16px;
					line-height: 26px;
			}

		.sIFR-hasFlash .boxHeader h3 span {
			visibility: hidden;
			font-size: 16px;
			line-height: 26px;
		}

.sIFR-hasFlash .sidebar .boxHeader h3 {
	width: 180px;
}



/*
upload photos
**********************************/

#uploadPhotosDiv div#stepOne table td label {
	cursor: pointer;
}


/*
Table Matrix
*********************************/
 .tableTop {
	background: url('http://www.ezprints.com/Templates/brand-standards/images/table-top-left.gif') no-repeat top left;
	height: 30px;
	margin: 0px;
	overflow: hidden;
	padding: 0 0 0 10px;
}
	.tableTop p {
		background: url('http://www.ezprints.com/Templates/brand-standards/images/table-top-right.gif') top right;
		height:30px;
		font-size:1%;
		line-height:1px;
	}
	 .tableTop h2 {
		background: url('http://www.ezprints.com/Templates/brand-standards/images/table-top-right.gif') top right;
		height:30px;
		line-height:30px;
		text-indent: 0;
	}
.tableInner {
	background: #fff;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

.tableBottom {
	background: url('http://www.ezprints.com/Templates/brand-standards/images/table-bottom-left.gif') no-repeat top left;
	height: 30px;
	margin: 0px;
}
	.tableBottom p {
		background: url('http://www.ezprints.com/Templates/brand-standards/images/table-bottom-right.gif') top right;
		margin:0px 0px 0px 10px;
		height:30px;
		font-size:1%;
		line-height:1px;
	}
.tableInner table {
	border: 0;
	margin: 0;
	padding:0;
	width:100%;
}

	.tableInner	table td,
	.tableInner td {
		border-right: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		padding: 3px 10px;

	}
	.tableInner table th,
	.tableInner th {
		white-space:nowrap;
		background: url( 'http://www.ezprints.com/Templates/brand-standards/images/bg-table-header.gif' ) repeat-x 50% 50%;
		height:40px;
		line-height:40px;
		border-right: solid 1px #ccc;
		padding: 0px 10px;
		font-weight: bolder;

	}
	.tableInner table tr.even td,
	.tableInner tr.even td  {
		background: #f3f3f3;
	}
	.tableInner table tr.on td,
	.tableInner tr.on td {
		background: #ffc !important;
	}

table#pagination {
	width: 100%;
}
	table#pagination td#pageOn {
		width:30%;
		vertical-align:top;
		padding: 0 0 10px 10px;
		color: #ccc;
		font-size: 11px;
	}
	table#pagination td#pages {
		width:40%;
		text-align:center;
		vertical-align:top;
		padding: 0 0 10px 10px;
	}
		table#pagination td#pages a {
			font-size: 11px;
		}
	table#pagination td#paginate {
		width:30%;
		text-align:right;
		vertical-align:top;
		padding: 0 0 10px 10px;
	}
		div.pageNumberOptions {
			padding: 20px 0 0 0;
		}
		span#pagingLinks a {
			cursor: pointer !important;
			font-size: 11px;
		}
			span#pagingLinks a.disabled {
				cursor:default;
				font-weight: normal !important;
			}




dl {
	margin: 10px 20px 0 0;
}
	dl dt {
		margin:20px 0;
		font-weight: bolder;
	}
	dl dd {
		margin: 0 0 20px 0;
	}
	dl dd ul {
		margin: 15px 40px;
	}

	#instructions dl dd ul {
		margin: 10px;
	}

.shippingCutoff {
	display:block;
	margin:0 0 6px 12px;
}

.requiredClass {
	color:red;
}

#noPhotos {
	width:100%;
	text-align:center;
	padding:20px;
	font-size:18px;
	font-weight:bolder;
}
#noPhotos a {
	font-size:18px;
}


/* for content pages - pro, help, about */
.content a.anchor {
	color:#333333;
	font-size:18px;
}
.content a.anchor:hover {
	text-decoration:none;
}
#Pro .first, #Help .first, #About .first  {
	margin-top:0px;
}
.content p {
	margin:8px 0 8px 0;
}
.content ul {
	list-style-type: square;
	margin: 10px 0 0 15px;
}
.content ul li {
	padding: 0 0 5px 0;
}


.accordion_toggle {
	height: 0px;
}

.accordion_content, .accordion_content ul, ul.accordion_content li, .accordion_toggle {
	overflow:hidden;
}

#proPremiumPackaging ul li {
	margin:14px 0;
}

.content img {
	border:solid 1px #ccc; 
}

#proProfessionalResults img {
	float:right;
	margin:16px 4px 16px 16px;
}

#proTrueColor img, #proSoftProof img  {
	float:none;
}
	
#proTrueColor img {
	margin:12px;
}

#proSoftProof img {
	margin:12px 40px;
}
	
#proPremiumPackaging img {
	margin:18px 0;
}

.content dl {
	margin:0;
}
.content dl dt {
	margin:20px 0 0 0;
	font-weight: bolder;
}
.content dl dt a {
	color:#000;
	font-size:14px;
}
.content dl dt a:hover {
	text-decoration:none;
}
.content dl dd {
	margin:0 0 40px 0;
}
.content dl dt.even, 
.content dl dd.even {
	
}


#Configurator .content img,
#Configurator .content a.top,
#MarsConfigurator .content img,
#MarsConfigurator .content a.top  {
	display:none;
}


#Help .col-one .productList ul li a {
	border-bottom:dotted #ccc 1px; 
	padding: 6px 0px 6px 15px;
}
#Help .col-one .productList ul li.last a {
	border-bottom:none;
	padding-bottom:0;
}



/*****************************************
   For Rewards Pages
******************************************/
#rewardsPage
{
	
}

body#rewardsPage .rewardsHeader
{
	background: url(../images/rewards/header_bg.jpg ) repeat-x top left;
	height:90px;
}
body#rewardsPage .logoContainer
{
	margin-left: auto;
	margin-right: auto;
	padding-top:10px;
	padding-left:20px;
	width:671px;
}

body#rewardsPage .rewardsLogin
{
	background: url(../images/rewards/panel_background.png ) no-repeat;
	width:671px;
	height:310px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	padding-top:30px;
	padding-bottom:30px;
}
		body#rewardsPage .loginForm
		{
			margin: 58px 70px 0 0;
			float:right;
		}
				body#rewardsPage .loginForm label
				{
					font-size: 12pt;
					color:#4468A3;
				}
				body#rewardsPage .loginForm input[type=text],
				body#rewardsPage .loginForm input[type=password]
				{
					font-size: 10pt;
					width: 220px;
				}
				body#rewardsPage .loginForm .formLabel
				{
					margin-bottom:5px;
				}
				
		body#rewardsPage .cokeImages
		{
			float:left;
			width:190px;
			margin-left:80px;
			margin-top:60px;
		}
				.imgCokeThanks
				{
					margin-left:auto;
					margin-right:auto;
					width:145px;
				}
				.imgCokeRewards
				{
					float:right;
					width:182px;
				}

body#rewardsPage .rewardsFooter
{
	width:725px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	text-align:center;
}