/* xxx
imports
xxx */
@import url('reset.css');
@import url('common.css');
@import url('/includes/scripts/third_party/jQuery/fancybox/jquery.fancybox-1.3.4.css')

/* xxx
common
xxx */

/* begin PFWeb Overrides */
body.gray-background {
	background: #393939;
}

#aspnetForm{
    width:100%;
    height:100%;
}

input[type=text], input[type=password], textarea, select
{
    background-color:#f1f1f1;
    border: 2px solid #f1f1f1;
    color: #252525;
    font-family: inherit;
    padding: 3px;
}
    input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
    {
        border-color: #575757 !important;
        background-color:#fff;
    }
    input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover
    {
        border-color: #ccc;
    }

#header.pageLayout{
	height:101px;
}

#pageWrapper.pageLayout{
    max-width:100%;
}

#content.pageLayout{
    max-width:100%;
}

#content{
    padding:0px;
}

#content.fullpage{
      top: 102px;
}

div.orderingPage{
    padding-top:10px;
    width:992px;
    margin: 0 auto;
}

.ui-widget-content a {
  color: #005596;
}

.checkout .step:not(.selected-step):hover {
  border-color: #888888;
}

.checkout .selected-step {
  border-color: #888888;
}

.checkout .selected-step:hover {
  border-color: #888888;
}

.checkout .selected-step .step-header {
     background: #393939;
     border-color: #393939;
     color:#fff;
}

.step-status .selected-step {
  background: none repeat scroll 0 0 #E30025;
}

.step-status .selected-step:hover {
  background: none repeat scroll 0 0 #E30025;
}

.checkmark div {
	position: static;
}
.checkmark-label {
  line-height:1;
 }
 
.avpw_is_fullscreen #avpw_controls {
    position: fixed !important;
}

.avpw_is_fullscreen #avpw_control_cancel_pane {
    position: fixed !important;
}
/* end PFWeb Overrides */

.pngFix{
	background-image:url(../imgs/blank.gif);
	background-repeat:repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../imgs/blank.gif');
	-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../imgs/blank.gif');
}

.wrap {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	position: relative;
}
.white-bg {
	background-color: #fff;
	display: block;
}
.alignright {
	float: right;
	margin: 0 0 20px 15px;
}
/* xxx
global
xxx */
/* html{height:auto !important;}  -- breaks header in product builder! commenting out.. */
body,html{overflow-x:hidden;}
body {
	background-image:url();
	background-position:;
	background-repeat:;
	background-color: #393939;
}
body, h1, h2, h3, p, hr {
	font:14px Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	color: #666666;
	line-height: 1;
	font-weight: normal;
}
body, p {
	line-height: 2;
}
.wf-loading {
    visibility: hidden;
  }
.wf-active {
    visibility: visible;
  }
a {
	color:#005596;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border:0;
}
/* xxx
header area
xxx */

/*top-nav*/
.top-bg {
/*	background-color: #e8e8e8; */
	background-color: #ffffff; 
	z-index: 7;
}

.top-bg .logo {
	position: absolute;
	top: 2px;
	left: -1px;
	z-index: 10;
}
.top-bg .logo h1 {
}
.top-bg .logo h1 a {
	width: 232px;
	height: 41px;
	display: block;
	background-image: url(../imgs/logo.png);
	text-indent: -9999px;
	z-index: 10;
}

.top-nav {
	height: 50px;
	z-index: 8;
	position: relative;
	line-height: 180% !important;
	min-width:400px;
	max-width:615px;
	zoom:1;
}
/*
.top-nav ul {
	float: left;
	padding-right: 35px;
}
.top-nav ul li {
	float: left;
	margin-left: 15px;
}
.top-nav ul li a {
	font-size: 12px;
}
*/
.top-nav ul.member {
	float: left;
	padding-right: 20px;
}
.top-nav ul.member li {
	float: left;
	margin-left: 10px;
}
.top-nav ul.member li a {
	font-size: 12px;
}
.top-nav ul.member li.photos a {
	padding-left: 20px;
	background-image: url(../imgs/icon-my-photos.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 15px;
}
.top-nav ul.member li.projects a {
	padding-left: 20px;
	background-image: url(../imgs/icon-my-projects.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 15px;
}
.top-nav ul.member li.upload a {
	padding-left: 20px;
	background-image: url(../imgs/icon-upload.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 15px;
}
.top-nav ul.member li.account a {
	padding-left: 20px;
	background-image: url(../imgs/icon-my-account.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 25px;
}
ul.language {
    left: 245px;
    position: absolute;
    top: 4px;
	font-size: 12px;
	color: #666666;
}
ul.language li {
	position: relative;
}
ul.language li a {
	color: #666666;
	background-image: url(../imgs/btn-language-arrow.gif);
	background-position: left 8px;
	background-repeat: no-repeat;
	padding-left: 15px;
	display: block;
	height: 25px;
}
ul.language li a:hover {
	text-decoration: none;
}
ul.language li ul {
	position: absolute;
	left: -9999px;
	top: 20px;
	background-color: #e8e8e8;
	padding: 5px 0;
	box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.4);
}
ul.language li:hover ul {
	left: -10px;
}
ul.language li li a{
	background-image: none;
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	height: 12px;
	display: block;
	width: 90px;
	line-height: 1;
}
ul.language li li a:hover {
	background-color: #ffffff;
}
.shopping-cart {
	float: right;
}
.shopping-cart a {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #579ac4;
	padding: 8px 32px 7px 10px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px; /* future proofing */
	-khtml-border-radius: 0 0 3px 3px; /* for old Konqueror browsers */
	background-image: url(../imgs/icon-shopping.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

/*main-nav*/
.main-nav-bg {
	background-color: #393939;
	z-index:6;
}
.main-nav {
}
.main-nav ul {
	width: auto;
}
.main-nav ul li {
	float: left;
}
.main-nav ul li a {
	display: block;
	float: left;
	color: #ffffff;
	padding: 10px 10px;
	background-image: url(../imgs/bg-main-nav.gif);
	background-repeat: repeat-y;
	background-position: left;
	font-family: franklin-gothic-urw-cond;
	font-size: 16px;
	letter-spacing: .02em;
}
.main-nav ul li a.last {
	border-right: 1px solid #5c5c5c;
}
.main-nav ul li a:hover {
	text-decoration: none;
}
.main-nav ul li:hover {
	background-image: url(../imgs/bg-main-nav-on.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #383838;
}
.main-nav ul li.active {
	background-image: none;
	background-color: #e30025;
}


/* xxx
home
xxx */

/*hero*/
.hero {
	background-color: #ffffff;
	height: 348px;
	z-index: 5;
}
.hero .hero-in {
	height: 348px;
	background-image: url(../imgs/overlay-hero.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	overflow:visible !important;
}
.hero .hero-in .hero-window{
	position:relative;
	background:transparent;
	width:1200px;
	margin:0 auto;
}
.hero .hero-in .item-picture {
	height: 348px;
	width:1200px;
}
.hero .hero-in .item-picture.slider1 {
	background-image: url(../imgs/home-slider1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.hero .hero-in .item-picture.slider2 {
	background-image: url(../imgs/home-slider2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.hero .hero-in .item-picture.slider3 {
	background-image: url(../imgs/home-slider3.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.hero .hero-in .item-picture h2 {
	font-size: 60px;
	line-height: 60px;
	padding-top: 50px;
	color: #ffffff;
	text-shadow: 1px 2px 5px #000;
	font-family: franklin-gothic-urw,sans-serif;
	font-style: normal;
	font-weight: 900;
	z-index: 2;
}
.hero .hero-in .item-picture .txt {
	position: absolute;
	left: -10px;
	top: 130px;
	width: 310px;
	height: 115px;
	font-size: 16px;
	color: #ffffff;
	text-shadow: 1px 1px 2px #000000;
	padding-top: 45px;
	padding-left: 10px;
	/*background-image: url(../imgs/bg-hero-shadow.png);*/
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 1;
}
.hero .hero-in .item-picture a {
	font-family: franklin-gothic-urw-cond;
	font-size: 24px;
	color: #ffffff;
	display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	background-color: #b10112;
	background-image: url(../imgs/btn-hero-more.gif);
	background-repeat: no-repeat;
	background-position: right center;
	border: 2px solid #ec1d31;
	width: auto;
	float: left;
	line-height: 1;
	padding: 10px 50px 10px 12px;
	z-index: 3;
	margin-top: 70px;
}
.hero .hero-in .item-picture a:hover {
	text-decoration: none;
	background-color: #ec1d31;
	background-image: url(../imgs/btn-hero-more-on.gif);
	background-repeat: no-repeat;
	background-position: right center;
	border: 2px solid #b10112;
}
.hero .hero-in .item-picture .book {
	display:block;
	left: 260px;
	position: absolute;
	top: 225px;
	/*display:none;*/
}
		
.hero .item-toolbox  {
	position: absolute;
	bottom: 20px;
}
.hero .item-toolbox .item-button {
	float: left;
	height: 13px;
	width: 13px;
	margin-right: 5px;
	background-image: url(../imgs/btn-hero.png);
	background-position: right top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
.hero .item-toolbox .item-button.active {
	background-position: left top;
}


/*featured content */
.favorites {
	position: absolute;
	right: 0;
	top: -348px;
	width: 220px;
	z-index: 8;
}
.favorites h3 {
	height: 18px;
	font-size: 16px;
	line-height: 1;
	color: #ffffff;
	background-image: url(../imgs/bg-home-featured-h3.png);
	background-repeat: repeat;
	padding: 15px 30px;
}
.favorites .feature {
	height: 24px;
	background-image: url(../imgs/bg-white-80.png);
	background-repeat: repeat;
	padding: 25px 35px 25px 0;;
	border-bottom: 1px solid #b68253;
}
.favorites .feature.item-4 {
	border-bottom: none;
}
.favorites .feature:hover {
	background-color: #ffffff;
	cursor: pointer;
}
.favorites .feature .txt {
	color: #393939;
	font-size: 23px;
	line-height: 1;
	padding-left: 35px;
	font-family: franklin-gothic-urw-cond;
	background-image: url(../imgs/btn-arrow-red.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	letter-spacing: -0.02em;
}
.favorites .feature .img {
	position: absolute;
}
.favorites .feature.item-1 .img {
	right: -40px;
	top: 15px;
}
.favorites .feature.item-2 .img {
	right: -15px;
	top: 8px;
}
.favorites .feature.item-3 .img {
	right: -13px;
	top: 10px;
}
.favorites .feature.item-4 .img {
	right: -10px;
	top: 8px;
}
/*  (orig)
.favorites .btn-start {
	position:relative;
	background-color: #ec1d31;
}
*/
.favorites .btn-start {
	background-color: #b10112;
	border-radius: 0 0 3px 3px;
	position: relative;
}
.favorites .btn-start a {
	position:relative;
	display: block;
	background-color: #b10112;
	color: #ffffff;
	font-family: franklin-gothic-urw-cond;
	font-size: 18px;
	letter-spacing: -.01em;
	padding: 4px 0 4px 35px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px; /* future proofing */
	-khtml-border-radius: 0 0 3px 3px; /* for old Konqueror browsers */
	background-image: url(../imgs/btn-featured-more.gif);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 30px;
	#line-height:24px;
}
.favorites .btn-start a:hover {
	background-image: url(../imgs/btn-featured-more-on.gif);
	background-color: #ec1d31;
	text-decoration: none;
}


/*content area*/
.content-area {
	background-color: #ffffff;
	min-height: 190px;
	padding-top: 55px;
	background-image: url(../imgs/bg-home-content.jpg);
	background-repeat: repeat-x;
	background-position: top;
	z-index: 1;
}
.content-area .txt-box h3 {
	font-family: franklin-gothic-urw-cond;
	font-size: 24px;
	line-height: 1;
	color: #393939;
	padding-bottom: 15px;
}
.content-area .txt-box.t1,
.content-area .txt-box.t2 {
	width: 235px;
}
.content-area .txt-box.t1 {
	padding-right: 90px;
	min-height: 160px;
}
.content-area .txt-box.t2 {
	background-image: url(../imgs/bg-home-content-divider.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-right: 115px;
	min-height: 160px;
}
.content-area .txt-box.t4 {
	background-image: url(../imgs/bg-home-content-divider.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-right: 0px;
	width: 230px;
	min-height: 160px;
}
.content-area .txt-box.t1 p,
.content-area .txt-box.t2 p {
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	padding-bottom: 15px;
	width: 155px;
}
.content-area .txt-box.t1 img,
.content-area .txt-box.t2 img {
	position: absolute;
}
.content-area .txt-box.t1 img {
	right: 30px;
	top: 45px;
}
.content-area .txt-box.t2 img {
	right: 25px;
	top: 45px;
}
.content-area .txt-box.t1 a,
.content-area .txt-box.t2 a,
.content-area .txt-box.t4 a {
	font-family: franklin-gothic-urw-cond;
	color: #005596;
	font-size: 16px;
	padding-right: 15px;
	background-image: url(../imgs/btn-more-arrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
.content-area .txt-box.t1 a:hover,
.content-area .txt-box.t2 a:hover,
.content-area .txt-box.t4 a:hover {
	background-image: url(../imgs/btn-more-arrow-on.gif);
	text-decoration: none;
	color: #b10112;
}
.content-area .txt-box.t3 {
	width: 190px;
	padding: 10px 15px;
	margin-top: 5px;
	background-color: #c9ddea;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px; /* future proofing */
	-khtml-border-radius: 3px 3px 3px 3px; /* for old Konqueror browsers */
}

/* added for logged in box instead of join */

.content-area .txt-box.t3.login {
	background-color: transparent;
	padding: 0;
	width: 220px;
}
.content-area .txt-box.t3.login .welcome {
	font-family: franklin-gothic-urw-cond;
	color: #393939;
	font-size: 16px;
	text-align: center;
}
/* when the logged in box had text in graphic
.content-area .txt-box.t3.login .views {
	font-size: 22px;
	text-indent: -9999px;
	color: #005596;
	background-position: top left;
	width: 220px;
	height: 50px;
	display: block;
	margin-bottom: 10px;
}
*/
.content-area .txt-box.t3.login .views {
	font-size: 20px;
	padding: 15px 0 0 50px;
	line-height: 1;
	font-family: franklin-gothic-urw-cond;
	color: #005596;
	background-position: top left;
	width: 170px;
	height: 35px;
	display: block;
	margin-bottom: 10px;
}
.content-area .txt-box.t3.login .views:hover {
	background-position: bottom left;
	text-decoration: none;
}
.content-area .txt-box.t3.login .views.photos {
	background-image: url(../imgs/btn-view-photos.png);
}
.content-area .txt-box.t3.login .views.projects {
	background-image: url(../imgs/btn-view-projects.png);
}

/* */

.content-area .txt-box.t3 h3 {
	font-size: 20px;
	color: #005596;
}
.content-area .txt-box.t3 ul {
	padding: 0;
	margin: 0 0 0 11px;
	list-style: disc;
}
.content-area .txt-box.t3 ul li {
	font-size: 11px;
	line-height: 16px;
	padding: 0;
	margin: 0;
}
.content-area .txt-box.t3 a.btn-join {
	background-image: url(../imgs/btn-join.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 31px;
	width: 70px;
	display: block;
	text-indent: -9999px;
	margin: 8px 0 6px 0;
}
.content-area .txt-box.t3 a.btn-join:hover {
	background-position: top left;
}
.content-area .txt-box.t3 h3 {
	padding-bottom: 10px;
}
.content-area .txt-box.t3 p {
	font-size: 11px;
}
.content-area .txt-box.t3 p a {
}
.content-area .txt-box.t3 .img {
	position: absolute;
	height: 116px;
	width: 116px;
	right: -35px;
	top: 40px;
	background-image: url(../imgs/callout-membership.png);
	background-repeat: no-repeat;
	background-position: top;
}


/* Secondary Pages */

.content-area h1 {
	font-size: 40px;
	color: #ffffff;
	font-family: franklin-gothic-urw,sans-serif;
	font-style: normal;
	font-weight: 900;
	padding-bottom: 15px;
}
.content-area h2 {
	font-size: 24px;
	color: #393939;
	padding-bottom: 10px;
	font-family: franklin-gothic-urw-cond;
}
.content-area hr {
	clear: both;
	margin: 15px 0;
	color: #d9d9d9;
	background-color: #d9d9d9;
	padding: 0;
	height: 1px;
	display: block;
	border: 0 none;
}
.content-area p {
	font-size: 12px;
	line-height: 16px;
}
.content-area ul, .content-area ul li {
	font-size: 12px;
	line-height: 14px;
}
.content-area ul {
	padding-bottom: 10px;
}
.content-area ul li {
	list-style: disc;
	margin-bottom: 5px;
	margin-left: 15px;
}
.content-area h4 {
	display: block;
	width: auto;
	clear: both;
	font-family: franklin-gothic-urw-cond;
	font-size: 24px;
	color: #ffffff;
	font-weight: normal;
}
.content-area h4 a {
	display: block;
	width: auto;
	float: left;
	font-family: franklin-gothic-urw-cond;
	font-size: 24px;
	color: #ffffff;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px; /* future proofing */
	-khtml-border-radius: 3px 3px 3px 3px; /* for old Konqueror browsers */
	background-color: #b10112;
	background-image: url(../imgs/btn-hero-more.gif);
	background-repeat: no-repeat;
	background-position: right center;
	border: 2px solid #ec1d31;
	width: auto;
	line-height: 1;
	padding: 10px 50px 10px 12px;
	z-index: 3;
}
#product-page.content-area h4 a {
	margin-left: 20px;
}
#product-page.content-area #tabs h4 a {
	margin-left: 0px;
}
.content-area h4 a:hover {
	text-decoration: none;
	background-color: #ec1d31;
	background-image: url(../imgs/btn-hero-more-on.gif);
	background-repeat: no-repeat;
	background-position: right center;
	border: 2px solid #b10112;
}
.content-area.secondary {
	padding-top: 0;
	padding-bottom: 60px;
	background-image: url(../imgs/bg-secondary.jpg);
}
.content-area.secondary .side-nav {
	margin-top: 45px;
	min-height: 450px;
	width: 205px;
	background-image: url(../imgs/bg-side-nav.png);
	background-position: top right;
	background-repeat: no-repeat;
}
.content-area.secondary .side-nav h3 {
	font-family: franklin-gothic-urw-cond;
	color: #393939;
	font-size: 20px;
	padding-bottom: 25px;
}
.content-area.secondary .side-nav ul {
}
.content-area.secondary .side-nav ul li {
}
.content-area.secondary .side-nav ul li.active a {
	color: #393939;
}
.content-area.secondary .side-nav ul li a {
}
		
.content-area.secondary .main-content {
	width: 710px;
}
.content-area.secondary .main-content .breadcrumbs {
	padding-top: 15px;
	height: 30px;
	font-size: 12px;
}
.content-area.secondary .main-content .breadcrumbs ul {
}
.content-area.secondary .main-content .breadcrumbs ul li {
	color: #393939;
	float: left;
	margin-left: 0;
	list-style: none;
}
.content-area.secondary .main-content .breadcrumbs ul li a {
	padding-right: 20px;
	background-image: url(../imgs/icon-breadcrumb-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.content-area.secondary .main-content .banner {
	width: 640px;
	height: 180px;
	padding: 20px 35px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px; /* future proofing */
	-khtml-border-radius: 3px 3px 3px 3px; /* for old Konqueror browsers */
	overflow: hidden;
	margin-bottom: 20px;
}
.content-area.secondary .main-content .banner .txt {
	z-index: 3;
}
.content-area.secondary .main-content .banner .txt h1 {
	font-size: 40px;
	color: #ffffff;
	text-shadow: 1px 2px 5px #666;
	font-family: franklin-gothic-urw,sans-serif;
	font-style: normal;
	font-weight: 900;
	padding-bottom: 15px;
}
.content-area.secondary .main-content .banner .txt p {	
	color: #ffffff;
	font-size: 14px;
	line-height: 16px;
	width: 380px;
}
.content-area.secondary .main-content .banner img {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
}

/* TABS */

.content-area.secondary .main-content #tabs {
	background-image: url(../imgs/bg-tab-nav.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding: 10px;
	border: none;
	border-radius: 0;
}
.content-area.secondary  .main-content .ui-tabs .ui-tabs-nav {
    border:none;
	background:none;
	padding:0;
}
.content-area.secondary .main-content #tabs li {
	float: left;
	margin-right: 5px;
	margin-left: 0;
	list-style: none;
	border:none;
	
}
.content-area.secondary .main-content #tabs li.ui-tabs-selected {
	padding:0;
}

.content-area.secondary .main-content #tabs li span {
	line-height: 1.2;
}
.content-area.secondary .main-content span:hover .product {
	font-weight: bold;
}
.content-area.secondary .main-content .product {
	display: inline-block;
}
.content-area.secondary .main-content .detail {
	font-size: 10px;
	line-height: 1.1;
	padding-left: 40px;
	padding-top: 5px;
}
.content-area.secondary .main-content #tabs li a {
	float: left;
	padding: 8px 22px;
	display: block;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px; /* future proofing */
	-khtml-border-radius: 3px 3px 0px 0px; /* for old Konqueror browsers */
}
.content-area.secondary .main-content #tabs li.active a,
.content-area.secondary .main-content #tabs li.ui-state-active a,
.content-area.secondary .main-content #tabs li a:hover {
	background-color: #ffffff;
	-moz-box-shadow: 0 -5px 3px #DDDDDD;
	-webkit-box-shadow: 0 -5px 3px #DDDDDD;
	box-shadow: 0 -3px 3px #DDDDDD;
	text-decoration: none;
}
.content-area.secondary .main-content #tabs .ui-state-default {
  background: none;
  font-weight: normal;
}
.content-area.secondary .main-content .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #005596;
}
.content-area.secondary .main-content  h2 {
	font-size: 24px;
	color: #393939;
	padding-bottom: 10px;
	font-family: franklin-gothic-urw-cond;
}
.ui-tabs .ui-tabs-panel {
    background: none repeat scroll 0 0 transparent;
    border-width: 0;
    display: block;
}
.ui-tabs .ui-tabs-hide {
    display: none !important;
}
.content-area.secondary .feature {
	background-image: url(../imgs/bg-secondary-divider.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 35px;
	margin-top: 15px;
	overflow: hidden;
	min-height: 140px;
}
.content-area.secondary .feature .txt {
	padding-left: 20px;
	width: 330px;
	vertical-align: middle;
	/*display: inline-block;*/
}
.content-area.secondary .feature .txt h2 {
}
.content-area.secondary .feature .txt p {
	color: #666666;
	margin-bottom: 10px;
}
.content-area.secondary .feature .img {
	vertical-align: middle;
	display: inline-block;
	width: 330px;
	text-align: right;
}

.pick-color, .pick-size, .tab-style h4 {
	margin-left: 20px;
}
.pick-color .colors {
	cursor:pointer;
	width: 210px;
	color: #393939;
	margin-right: 10px;
	margin-bottom: 15px;
}
.pick-color .colors h2 {
	padding-bottom: 20px;
}
.pick-color .colors:hover,
.pick-color .colors.active{
	font-weight: bold;
}
.pick-color .colors:hover img,
.pick-color .colors.active img{
	border: 1px solid #cccccc;
}
.pick-color .colors img {
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px; /* future proofing */
	-khtml-border-radius: 3px 3px 3px 3px; /* for old Konqueror browsers */
	border: 1px solid #ffffff;
	margin-bottom: 5px;
}

.pick-color .colors input[type="radio"] {
	margin-left: 15px;
	margin-right: 15px;
}
.pick-color .colors .product {
	line-height: 1.2;
	display: inline-block;
}
.pick-color .colors .tall {
	vertical-align: top;
}
.pick-color .colors .tooltip {
	position: absolute;
	top: 137px;
	right: 1px;
	width: 15px;
	height: 15px;
	background-image: url(../imgs/icon-tool-tip.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.content-area.secondary .pick-size.feature {
	background-image: none;
}
.content-area.secondary .main-content .pick-size h2 {
	padding-bottom: 25px;
}
.pick-size ul {
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px; /* future proofing */
	-khtml-border-radius: 3px 3px 3px 3px; /* for old Konqueror browsers */
	background-color: #ebebeb;
	float: left;
	width: 205px;
	display: block;
	margin-right: 15px;
	list-style: none !important;
}
.pick-size ul li {
	list-style: none !important;
	margin-left: 0 !important;
	float: left;
	border-bottom: 1px solid #d9d9d9;
	width: 160px;
	padding: 10px 30px 10px 15px;
}
.pick-size ul li.active,
.pick-size ul li:hover {
	background-image: url(../imgs/bg-list-on.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
.pick-size ul .option{cursor:pointer;}
.pick-size ul li input[type="radio"] {
	margin-right: 20px;
}
.pick-size ul li input.tall {
	vertical-align: top;
}
.pick-size ul li .price {
	text-align: right;
	color: #b10112;
}

.pick-size .second-choice{position:relative;display:none;}


/* Landing Page */

.content-area.landing {
	padding-top: 15px;
	padding-bottom: 20px;
}
.content-area.landing .wrap {
	width: 975px;
	padding-left: 35px;
}
.content-area.landing .hero-landing {
	height: 300px;
	width: 960px;
}
.content-area.landing .hero-landing .title-desc {
	background-color: #808080;
	background-image: url();
	background-repeat: repeat-x;
	background-position-x: top;
	width: 235px;
	height: 250px;
	padding: 25px;
	-moz-border-radius: 3px 0px 0px 3px;
	-webkit-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px; /* future proofing */
	-khtml-border-radius: 3px 0px 0px 3px; /* for old Konqueror browsers */
}
.content-area.landing .hero-landing .title-desc h1 {
}
.content-area.landing .hero-landing .title-desc p {
	color: #ffffff;
}
.content-area.landing .hero-landing .title-desc h4 {
	position: absolute;
	bottom: 25px;
	left: 25px;
}
.content-area.landing .hero-landing .hero-landing-in {
	position:relative;
	z-index: 1;
	width: 675px;
	height: 300px;
	overflow: hidden;
}
.content-area.landing .hero-landing .hero-landing-in .landing-in{height:300px;}
.content-area.landing .hero-landing .hero-landing-in .landing-picture {
	width: 675px;
	height: 300px;
}		
.content-area.landing .hero-landing .item-prev {
	background-image: url(../imgs/btn-arrow-blue-left.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 10px;
	height: 14px;
	position: absolute;
	top: 140px;
	left: 298px;
	z-index: 3;
	cursor: pointer;
}
.content-area.landing .hero-landing .item-next {
	background-image: url(../imgs/btn-arrow-blue-right.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 10px;
	height: 14px;
	position: absolute;
	top: 140px;
	right: 13px;
	z-index: 3;
	cursor: pointer;
}

.content-area.landing .product-list {
	padding-top: 15px;
	padding-bottom: 30px;
	overflow:hidden;
}
.content-area.landing .product-list .product-item {
	width: 225px;
	height: 315px;
	display: block;
	background-image: url(../imgs/bg-product-item.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #eeeeee;
	border: 1px solid #e3e3e3;
	margin-right: 17px;
	margin-bottom: 15px;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
}
.content-area.landing .product-list .product-item.col4 {
	margin-right: 0;
}
.content-area.landing .product-list .product-item:hover,
.content-area.landing .product-list .product-item.active {
	background-image: url(../imgs/bg-product-item-on.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #f4f4f4;
	border: 1px solid #bfbfbf;
}
.content-area.landing .product-list .product-item .img {
	height: 190px;
	width: 225px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
.content-area.landing .product-list .product-item h3 {
	padding: 5px 15px 0 15px;
	color: #005596;
	font-size: 14px;
}
.content-area.landing .product-list .product-item p {
	padding: 5px 15px 0 15px;
	font-size: 11px;
	line-height: 13px;
}
.content-area.landing .product-list .product-item span.from {
	font-weight: bold;
	color: #000000;
}
.content-area.landing .product-list .product-item span.price {
	font-weight: bold;
	color: #b10112;
}
.content-area.landing .product-list .details {
	position: absolute;
	bottom: 17px; 
	left: 15px;
}
.content-area.landing .product-list .details a {
	font-size: 11px;
}
.content-area.landing .product-list .create {
	position: absolute;
	bottom: 10px; 
	right: 15px;
}
.content-area.landing .product-list .create h4 {
}
.content-area.landing .product-list .create h4 a {
	font-size: 16px;
	line-height: 1;
	padding: 8px 35px 8px 10px;
	background-image: url(../imgs/btn-small-more.gif);
}
.content-area.landing .product-list .create h4 a:hover {
	background-image: url(../imgs/btn-small-more-on.gif);
}


/* xxx
footer
xxx */

.footer {
	background-color: #ffffff;
	background-image: url(../imgs/bg-footer.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 10px;
}
.footer h3 {
	font-size: 20px;
	color: #393939;
	padding-bottom: 15px;
	font-family: franklin-gothic-urw-cond;
}
.footer .nav h3 {
	padding-top: 25px;
}
.footer .nav ul {
}
.footer .nav ul li a {
	padding-left: 23px;
	background-position: left center;
	background-repeat: no-repeat;
}
.footer .nav a {
	font-size: 12px;
}

.footer .nav.products {
	width: 500px;
}
.footer .nav.products ul.v1 {
	width: 180px;
}
.footer .nav.products li.prints a {
	background-image: url(../imgs/icon-footer-prints.png);
	background-position: 1px center;
}
.footer .nav.products li.canvas a {
	background-image: url(../imgs/icon-footer-canvas.png);
	background-position: 2px center;
}
.footer .nav.products li.books a {
	background-image: url(../imgs/icon-footer-books.png);
}
.footer .nav.products li.cards a {
	background-image: url(../imgs/icon-footer-cards.png);
	background-position: 2px center;
}
.footer .nav.products li.calendars a {
	background-image: url(../imgs/icon-footer-calendars.png);
	background-position: 2px center;
}
.footer .nav.products li.gifts a {
	background-image: url(../imgs/icon-footer-gifts.png);
}
.footer .nav.products li.prepaid a {
	background-image: url(../imgs/icon-footer-prepaid.png);
	background-position: 2px center;
}
		
.footer .nav.info, .footer .nav.about {
	padding-left: 35px;
	width: 155px;
	background-image: url(../imgs/bg-footer-divider.png);
	background-position: left 30px;
	background-repeat: no-repeat;
}
.footer .nav.info li.services a {
	background-image: url(../imgs/icon-footer-services.png);
}
.footer .nav.info li.special a {
	background-image: url(../imgs/icon-footer-offers.png);
	background-position: 1px center;
}
.footer .nav.info li.price a {
	background-image: url(../imgs/icon-footer-price.png);
	background-position: 3px center;
}
.footer .nav.info li.rss a {
	background-image: url(../imgs/icon-footer-rss.png);
	background-position: 2px center;
}
		
.footer .nav.about {
}
.footer .nav.about li.lucidiom a {
	background-image: url(../imgs/icon-footer-about.png);
}
.footer .nav.about li.contact a {
	background-image: url(../imgs/icon-footer-contact.png);
}
.footer .nav.about li.retail a {
	background-image: url(../imgs/icon-footer-retailer.png);
	background-position: 3px center;
}
.footer .connected {
	width: 180px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 25px;
	padding-bottom: 60px;
	background-image: url(../imgs/bg-footer-connected.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
.footer .connected p {
	font-size: 11px;
	line-height: 13px;
	padding-bottom: 8px;
}
.footer .connected input[type="email"] {
	width: 135px;
	color: #999999;
	padding: 3px 5px;
	font-size: 11px;
	line-height: 11px;
	height: 11px;
	border: 1px solid #b5b4b4;
	background-image: url(../imgs/bg-connected-form.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	display: inline;
	vertical-align: middle;
	margin-top: 3px;
}
.footer .connected input[type="button"] {
	width: 25px;
	height: 25px;
	border: 0;
	background-image: url(../imgs/btn-newsletter.png);
	background-position: center 2px;
	background-repeat: no-repeat;
	background-color: transparent;
	text-indent: -9999px;
	cursor: pointer;
	display: inline;
	vertical-align: middle;
}
.footer .connected input[type="button"]:hover {
	background-position: center bottom;
}
		
.footer .logo {
	margin-top: 35px;
	padding-right: 105px;
	padding-bottom: 20px;
	width: 200px;
	height: 30px;
	text-indent: -9999px;
	background-image: url(../imgs/logo-footer.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.footer .copyright {
	margin-top: 44px;
	color: #000000;
	font-size: 11px;
}
.footer .copyright a {
	color: #000000;
	font-size: 11px;
}
.footer .social {
	margin-top: 35px;
	padding-right: 25px;
	width: 175px;
}
.footer .social h3 {
	display: inline;
}
.footer .social img {
	margin-left: 4px;
}

/* xxx
Widgets
xxx */