/* Vitradirect My gift list pages stylesheet
------------------------------------------------------------------*/

/* @group landing page */

.box {
	width:169px;
	float:left;
	min-height:220px;
	padding:0 18px;
	color:#fff;
	}
#box-giftl-find {
	margin:0 25px 0 0;
	background:#7ed2ed url(graphics/bg-giftl-find.gif) no-repeat;
	}
#box-giftl-create {
	margin:0 25px 0 0;
	background:#7ed2ed url(graphics/bg-giftl-create.gif) no-repeat center bottom;
	}
#box-giftl-edit {
	background:#7ed2ed url(graphics/bg-giftl-edit.gif) no-repeat;
	}
.box h2 {
	font-size:1.2em;
	margin-bottom:.3em;
	color:#fff;
	}
#box-giftl-create.box h2 {
	margin-bottom:1em;
	}
.box h2 em {
	font-size:1.5em;
	color:#4787a6;
	}
.box .txt {
	width:154px;
	color:#666;
	}
.box p, #box-giftl-edit.box p.small {
	margin-bottom:1em;
	}
#box-giftl-edit.box p {
	margin-bottom:.5em;
	}
#bttn-find,
.bttn-create a,
#bttn-sign-in,
#bttn-sign-up,
#bttn-create,
.bttn-create-new a,
.bttn-share {
	height:25px;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	}
#bttn-find {
	background:url(graphics/bttn-find.png) no-repeat;
	width:55px;
	}
.bttn-create a, #bttn-create {
	background:url(graphics/bttn-create.png) no-repeat;
	display:block;
	width:70px;
	}
#bttn-sign-in {
	background:url(graphics/bttn-sign-in.png) no-repeat;
	width:71px;
	}
#giftl-howto {
	min-height:200px;
	background:url(graphics/bg-giftl-tagline.gif) no-repeat left bottom;
	padding:146px 0 0 270px;
	margin-bottom:25px;
	}
#giftl-howto ol li {
	color:#34363e;
	padding:3px 0 21px 40px
	}
#giftl-howto ol li.one {
	background:url(graphics/nr1.gif) no-repeat;
	}
#giftl-howto ol li.two {
	background:url(graphics/nr2.gif) no-repeat;
	}
#giftl-howto ol li.three {
	background:url(graphics/nr3.gif) no-repeat;
	}
#giftl-howto h3 {
	color:#62b9d5;
	font-size:1.3em;
	}

/* @end */

/* @group sign up */

#giftlpage #form-login h2,
#giftlpage #form-login h4,
#giftlpage #form-login h5 {
	padding-left:0px;
	}
#new-user,
#exist-user {
	width:320px;
	float:left;
	background-color:#f4f5ef;
	min-height:340px;
	}
#new-user {
	margin-right:25px;
	}
#login .bttn-reg {
	margin:0 0 1.5em 0;
	}
#form-login	label {
	display:block;
	font:bold 1.1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	}
#form-login .checkbox label {
	display:inline;
	font:normal 1em Helvetica,Arial,Geneva,sans-serif;
	}
.box-form #form-login .txt {
	margin-top:.5em;
	width:200px;
	}
.box-form #form-login .checkbox {
	padding:0;
	}
#form-login .btn {
	margin-top:.5em;
	}
#bttn-login {
	background:url(graphics/bttn-login.png) no-repeat;
	width:63px;
	height:25px;
	border:none;
	text-indent:-9999px;
	}
#form-login a:link,
#form-login a:visited {
	text-decoration:none;
	color:#666;
	border-bottom:1px solid #ccc;
	}
#form-login a:hover {
	color:#dd0024;
	border-bottom:1px solid #dd0024;
	}

#giftl-steps {
	padding:0 0 2em 0;
	min-height:5em;
	}
#giftl-steps ol {
	width:665px;
	}
#giftl-steps ol li {
	display:block;
	width:221px;
	float:left;
	text-align:center;
	color:#adac9c;
	font:bold 1.1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	padding-top:38px;
	}
#giftl-steps ol li.active {
	color:#62b9d5;
	}
#giftl-steps ol li#one {
	background:url(graphics/giftl-steps.gif) no-repeat 0px 0px;
	}
#giftl-steps ol li#one.active {
	background:url(graphics/giftl-steps-active.gif) no-repeat 0px 0px;
	}
#giftl-steps ol li#two {
	background:url(graphics/giftl-steps.gif) no-repeat -221px 0px;
	}
#giftl-steps ol li#two.active {
	background:url(graphics/giftl-steps-active.gif) no-repeat -221px 0px;
	}
#giftl-steps ol li#three {
	background:url(graphics/giftl-steps.gif) no-repeat -442px 0px;
	}
#giftl-steps ol li#three.active {
	background:url(graphics/giftl-steps-active.gif) no-repeat -442px 0px;
	}
#bttn-sign-up {
	background:url(graphics/bttn-sign-up.png) no-repeat;
	width:76px;
	}
#giftl-sign-up h2 {
	padding-left:249px;
	margin-bottom:0;
	}
#giftl-sign-up p {
	margin-left:224px;
	}

/* @end */

/* @group create */

#giftl-set-up h2 {
	padding-left:189px;
	margin-bottom:0;
	}
#giftl-set-up p {
	margin:1em 0 .3em 164px;
	}
#giftl-set-up p.small {
	margin:0 0 2em 164px;
	}
#giftl-set-up label {
	display:block;
	margin-bottom:.5em;
	}
#giftl-set-up span {
	font:bold 1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	display:block;
	margin-bottom:.5em;
	}
#giftl-set-up select {
	float:left;
	margin:0 15px 2em 0;
	}
#bttn-create {
	margin:0 0 2em 0;
	display:block;
	}

/* @end */

/* @group share */

.giftl-box {
	min-height:258px;
	background:url(graphics/bg-giftl.gif) no-repeat left bottom;
	padding:0 0 0 270px;
	margin-bottom:25px;
	}
.giftl-box h2 {
	color:#62b9d5;
	line-height:110%;
	padding:0;
	margin-bottom:1em;
	}
.giftl-box h2 em {
	color:#dd0024;
	font-size:150%;
	line-height:110%;
	display:block;
	}
.giftl-box p {
	margin-bottom:1.5em;
	}
.giftl-box strong {
	color:#62b9d5;
	}

/* @end */

/* @group edit */

#my-gfitl-items h2 {
	padding-left:55px;
	}
#my-gfitl-items .shopcart-items {
	margin:0 0 2em 30px;
	width:585px;
	}
#my-gfitl-items h3 {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#34363e;
	margin:0 0 .3em 30px;
	}
#my-gfitl-items h4 {
	font:.9em Helvetica,Arial,Geneva,sans-serif;
	padding-bottom:.3em;
	margin:0 0 0 30px;
	}
#my-gfitl-items h5 {
	font:.9em Helvetica,Arial,Geneva,sans-serif;
	padding-bottom:1em;
	margin:0 0 0 30px;
	border-bottom:1px solid #dcdbcf;
	color:#9fa09a;
	}
#my-gfitl-items h5 strong {
	color:#dd0024;
	}
#my-gfitl-items li {
	position:relative;
	}
#my-gfitl-items li h3 strong {
	position:absolute;
	left:-10px;
	top:-7px;
	width:30px;
	text-align:center;
	color:#dcdbcf;
	font-size:2.8em;
	}
#my-gfitl-items .shopcart-items th,
#my-gfitl-items .shopcart-items td  {
	padding:8px;
	}
#my-gfitl-items .shopcart-items td.price {
	font:1em Helvetica,Arial,Geneva,sans-serif;
	}
#my-gfitl-items .shopcart-items td {
	font-family:Helvetica,Arial,Geneva,sans-serif;
	}
#my-gfitl-items .shopcart-items td.quant {
	font:bold 1.1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#666;
	}
a.grab {
	display:block;
	height:25px;
	text-indent:-9999px;
	}
a.grab {
	width:57px;
	cursor:move;
	}
a.grab:link,
a.grab:visited {
	background:url(graphics/bttn-grab.png) no-repeat;
	}
a.grab:hover, a.grab:active {
	background:url(graphics/bttn-grab.png) no-repeat 0px -25px;
	cursor:move;
	}
.bttn-save {
	margin:0 0 1.5em 30px;
	}
.bttn-create-new {
	padding:25px 0 0 0;
	border-top:1px solid #dcdbcf;
	margin:0 0 2em 30px;
	}
.bttn-create-new a {
	background:url(graphics/bttn-create-gfitl-new.png) no-repeat;
	width:160px;
	display:block;
	}
td.gifts {
	width:250px;
	vertical-align:top;
	color:#666;
	}
.gifts dl {
	margin:0;
	}
.gifts dt {
	clear:both;
	width:175px;
	float:left;
	}
.gifts dd {
	margin:0;
	float:left;
	width:70px;
	text-align:right;
	}


/* @end */

/* @group share */

#my-gfitl-items .shopcart-items tr:hover {
	cursor:move;
	}
#my-gfitl-items p {
	margin:1em 0 1.5em 30px;
	}
#my-gfitl-items label {
	display:block;
	margin-bottom:.3em;
	}
.bttn-share {
	margin:0 0 2em 0;
	background:url(graphics/bttn-share.png) no-repeat;
	width:64px;
	}
#form-giftl-share .txt {
	width:375px;
	}

/* @end */

/* @group shared */

#my-giftl-shared  {
	background:url(graphics/giftl-shared.gif) no-repeat;
	}
#my-giftl-shared p {
	margin:0 0 1em 100px;
	}
#my-giftl-shared .oddrow {
	background-color:#f7f8f4;
	}
#my-giftl-shared h2 {
	margin-bottom:0;
	padding:20px 0 .5em 100px;
	line-height:100%;
	color:#dd0024;
	}
#my-giftl-shared h3 {
	margin-bottom:1em;
	padding:0 0 0 100px;
	color:#62b9d5;
	}
#my-giftl-shared th.quant {
	text-align:center;
	}
#my-giftl-shared td.quant {
	text-align:center;
	color:#666;
	}
#my-giftl-shared .shopcart-items {
	margin-bottom:2em;
	}
td.gift {
	background:url(graphics/icon-gfit-red.gif) no-repeat 10px 27px;
	}
.shopcart-items th.gift {
	text-align:center;
	}
#my-giftl-shared .shopcart-items td.gift .txt {
	width:60px;
	margin-left:20px;
	}
#my-giftl-shared .shopcart-items td.sum-tot {
	padding:10px 27px 10px 7px;
	}
.shopcart-items img.giftl-bar-img {
	background: url(graphics/giftl-bar.gif) top left no-repeat;
	padding:0;
	margin:2px 0 2px 0;
	border:none;
	}
.giftl-bar {
	margin:5px 0 0 53px;
	}
.bttn-add-gift {
	text-align:right;
	}
.bttn-add-gift input {
	background:url(graphics/bttn-add-gift.png) no-repeat;
	height:25px;
	width:71px;
	border:none;
	text-indent:-9999px;
	margin:0 15px 1em 0;
	}

/* @end */