body { margin:0px; padding:0px; background:#e2e2e2 url('/static/img/bg_main.jpg'); font-family:Arial,Helvetica; font-size:11px; }

body * { margin:0px; padding:0px; outline:0px; }

#page { width:1020px; margin:0px auto; }

#header { width:100%; margin-top:6px; }
#header #top { width:100%; height:121px; }
#header #logo { width:308px; height:121px; z-index:10; position:relative; margin-left:17px;  }
#header #banner { width:728px; height:90px; z-index:1; position:relative; margin:-90px 0px 0px 285px; }
#header .menu .leftside { float:left; width:13px; height:38px; background:url('/static/img/header_left.png') no-repeat top left; }
#header .menu .content { float:left; width:994px; height:38px; background:url('/static/img/header_bg.png') repeat-x top left; }
#header .menu .content ul { list-style-type:none; margin:10px 0px 0px 20px; padding:0px; }
#header .menu .content ul li { float:left; margin-right:10px; }
#header .menu .content ul li { font-size:12px; color:#ffffff; }
#header .menu .content ul li a { font-size:12px; font-weight:bold; text-decoration:none; color:#ffffff; }
#header .menu .rightside { float:left; width:13px; height:38px; background:url('/static/img/header_right.png') no-repeat top left; }

#index #header .menu .content ul li.home a,
#register #header .menu .content ul li.register a,
#occasions #header .menu .content ul li.occasions a,
#latest_cards #header .menu .content ul li.latest a,
#create_your_own #header .menu .content ul li.create_your_own a,
#help #header .menu .content ul li.help a { color:#EBC96C; }

#content { width:100%; height:auto; margin:0px auto; padding:20px 0px; background:#c9d7e3 url('/static/img/bg.gif') repeat-x top left; }

#content .innercontent { padding:0px 10px 10px 30px; }

#card #content, #confirmation #content, #payment #content { padding-top:0px; }

#index #content { padding-top:10px; }

#content .topcontent { width:100%; height:354px; background:#ffffff; margin:0px auto; padding:0px; background:url('/static/img/help_video_container.png') no-repeat top center; }

#content .topcontent .introvideo { float:left; width:576px; height:320px; margin:15px 0 0 34px; }

.categorylist { height:273px; list-style-type:none; padding:5px; overflow:hidden; }
.categorylist li { float:left; width:120px; text-align:center; }
.categorylist li a { font-size:11px; font-weight:bold; color:#ffffff; text-decoration:none; }
.categorylist li img { border:0px; }
.categorylist li div { width:100%; height:16px; }

#index .topcontent .categorylist { width:370px; float:right; margin:60px 18px 0px 0px; }
#occasions .categorylist { width:968px; margin-left:25px; }

#cardgallery { width:100%; height:auto; display:block; margin:3px auto 0px auto; }

#footer { height:20px; }

.clear { clear:both; height:0px; }

h4.tab { color:#ffffff; font-size:14px; padding:8px 0px 0px 10px; }

div.description p { color:#ffffff; font-size:12px; font-weight:bold; line-height:18px; }

form { font-size:13px; }
form label { color:#ffffff; font-size:13px; }
a.btn_back { display:block; width:40px; height:24px; padding:8px 0px 0px 30px; background:url('/static/img/btn_back.png') no-repeat top left; color:#ffffff; font-size:14px; text-decoration:none; }
form input.next { display:block; cursor:pointer; width:98px; height:32px; padding:0px 0px 3px 7px; background:url('/static/img/btn_next.png') no-repeat top left; border:0px; text-align:left; color:#ffffff; font-size:14px; text-decoration:none; }

form input.buy { display:block; cursor:pointer; width:68px; height:32px; padding:0px 0px 3px 7px; background:url('/static/img/btn_next_small.png') no-repeat top left; border:0px; text-align:left; color:#ffffff; font-size:14px; text-decoration:none; }

div.left { float:left; margin-left:8px; }
div.right { float:right; margin-right:5px; }

#content > div > div.left { width: 600px; }
#content > div > div.right { width: 405px; }

h4.morecards { width:553px; height:25px; margin-top:10px; background:url('/static/img/tab_morecards.png') no-repeat top left; }

div.videoarea { width:596px; margin-bottom:10px; }
div.videoarea .top { width:100%; height:3px; background:url('/static/img/video_top.png') no-repeat top left; }
div.videoarea .contents { width:100%; height:333px; }
div.videoarea .contents .left { float:left; width:4px; height:333px; margin:0px; background:url('/static/img/video_left.png') no-repeat top left; }
div.videoarea .contents .content { float:left; width:582px; height:327px; padding:6px 0 0 6px; background:#ffffff; }
div.videoarea .contents .right { float:right; width:4px; height:333px; margin:0px; background:url('/static/img/video_right.png') no-repeat top left; }
div.videoarea .bottom { width:100%; height:3px; background:url('/static/img/video_bottom.png') no-repeat top left; }

div.tab { width:405px; margin-bottom:10px; }
div.tab .caption { width:auto; height:23px; margin-bottom:-4px; z-index:10; position:relative; }
div.tab .caption .left { float:left; width:4px; height:23px; margin:0px; background:url('/static/img/tab_caption_left.png') no-repeat top left; }
div.tab .caption h4 { float:left; width:auto; height:15px; padding:8px 10px 0 10px; background:url('/static/img/tab_caption_bg.png') repeat-x top left; font-size:14px; color:#ffffff; }
div.tab .caption .right { float:left; width:10px; height:23px; margin:0px; background:url('/static/img/tab_caption_right.png') no-repeat top left; }
div.tab .top { z-index:1; position:relative; width:100%; height:4px; background:url('/static/img/tab_top.png') no-repeat top left; }
div.tab .content { width:375px; height:auto; padding:10px 15px; background:url('/static/img/tab_bg.png') repeat-y top left; }
div.tab .content input, div.tab .content textarea, div.tab .content select { font-size:12px; padding:2px; border:solid 1px #BF6B72; color:#2F090C; }
div.tab .content input[type="radio"] { border: 0; }
div.tab .content input { height:16px; }
div.tab .content select { height:22px; }
div.tab .bottom { width:100%; height:4px; background:url('/static/img/tab_bottom.png') no-repeat top left; }
div.description { width:594px; }
div.description .top { background-image:url('/static/img/tab_top_large.png'); }
div.description .content { width:564px; background:url('/static/img/tab_large_bg.png') repeat-y top left; }
div.description .bottom { width:100%; height:4px; background:url('/static/img/tab_large_bottom.png') no-repeat top left; }

form .label { float:left; width:160px; margin:3px 0px; }
form .input { float:right; width:190px; margin:3px 0px; }
.buttons { width:100%; margin-top:15px; }
/*.buttons .left { float:left; width:200px; margin:0px; }
.buttons .right { float:right; width:200px; margin:0px; }*/
div.tab ul.radiobtns { list-style-type:none; }
div.tab ul.radiobtns li { color:#fff; font-size:12px; margin:3px 0px; }
div.tab ul.radiobtns li input { margin-right:5px; }

.breadcrumb { width:100%; }
.breadcrumb ol { list-style-type:none; margin:0px 0px 0px 175px; }
.breadcrumb ol li { float:left; margin-right:20px; }
.breadcrumb ol li img { border:0px; background-position:top left; background-repeat:no-repeat; height:62px; }
.breadcrumb ol li.stage1 img { background-image:url('/static/img/bc12.png'); width:198px; }
#card .breadcrumb ol li.stage1 img { background-image:url('/static/img/bc11.png'); }
.breadcrumb ol li.stage2 img { background-image:url('/static/img/bc22.png'); width:206px; }
#confirmation .breadcrumb ol li.stage2 img { background-image:url('/static/img/bc21.png'); }
.breadcrumb ol li.stage3 img { background-image:url('/static/img/bc32.png'); width:173px; }
#payment .breadcrumb ol li.stage3 img { background-image:url('/static/img/bc31.png'); }

#recipients .tab ul { list-style-type:none; }
#recipients .tab ul li { margin:8px 0px; font-size:11px; color:#ffdd1e; }
#recipients .tab ul li strong { font-size:12px; color:#ffffff; }
#recipients .tab .fields { float:left; width:160px; margin:0px; }
#recipients .tab .info { float:right; width:200px; margin:0px; text-align:right; }
#recipients ul.buttons { clear:both; list-style-type:none; height:40px; }
#recipients ul.buttons li { float:left; margin-right:30px; }

#footer ul { list-style-type:none; text-align:center; margin-top:10px; }
#footer ul li { display:inline-block; display:inline; }
#footer ul li a { color:#2C6E9B; }
#footer .cr { width:100%; text-align:center; font-size:10px; color:#000; margin:5px 0px; padding-bottom:5px; }

.tab .content .p_country { margin: 10px 0px 5px 0px; }
.tab .content .p_country select { width:220px; }
.tab .content .p_number div.element { float:left; }
.tab .content .p_number div.error { width:18px; height:18px; margin:2px 0px 0px 10px; }
.tab .content .p_number .idd { width:60px; margin-right:10px; }
.tab .content .p_number .ln { width:134px; }
.tab .content .p_number div a { cursor:pointer; }

/* Card page */

#card ul#variations { list-style-type:none; }
#card ul#variations li { float:left; }
#card ul#variations li.wider { margin:0px 55px; }
#card ul#variations li a { font-size:11px; color:#ffffff; }
#card ul#variations li img { width:70px; height:110px; }
#card ul#variations li img.on { background-position:0px 0px; }
#card ul#variations li img.off { background-position:100% 0px; }

#card #err_form { background: #C2202A; font-size: 14px; color: #fff; width:397px; height:40px; margin:0px 0px 10px 4px; }
#card #err_form img { float:left; width:18px; margin:10px; }
#card #err_form div.desc { float:right; width:300px; margin-top:3px; }
#card .err_upload a { float:left; width:18px; height:18px; }
#card .err_upload span { float:left; width:300px; height:18px; margin-left:10px; color:#fff; }

.buttons .back { float:left; width:120px; }
#confirmation .buttons .back { width:110px; }
.buttons .add_recipient { float:left; width:160px; }
#confirmation .buttons .add_recipient { width:180px; }
.buttons .continue { float:right; text-align: right; }

#card #recipients { margin-top:25px; }

#card .tab .content #error_recipient_firstname, #card .tab .content #error_recipient_lastname, #card .tab .content #error_recipient_email { float:left;width:18px; height:18px; margin:5px 0px 0px 0px; }
#card .tab .content .date { float:left; width:140px; color:#fff; }
#card .tab .content .time { float:right; width:220px; color:#fff; }
#card .tab .content .date .img { float:left; width:44px; }
#card .tab .content .date .box { float:right; width:90px; }
#card .tab .content .date .box input { width:80px; }
#card .tab .content .time .img { float:left; width:50px; }
#card .tab .content .time .box { float:right; width:160px; }
#card .tab .content #datetime_picker .timezone { clear:both; height:auto; }
#card .tab .content p { padding:10px 0px; color:#ffffff; font-size:10pt; }
#card .tab .content p a { color:#fff; font-weight:bold; }
#card .tab .delivery_time_type li { width:120px; }
#card .tab .delivery_time_type li, #card .tab .delivery_time_type li input { cursor:pointer; }
#card #timezone_box { width:210px; }
#card #timezone_box .img { float:left; width:44px; }
#card #timezone_box .box { float:right; width:150px; }
#card #timezone_box span { color:#fff; }
/*#card #recipients .tab a { display:block; cursor:pointer; width:80px; margin:0px; height:24px; padding:6px 0px 0px 10px; background:url('/static/img/btn_preview.png') no-repeat top left; border:0px; text-align:left; color:#ffffff; font-size:14px; text-decoration:none; }
*/
#card #recipients .tab ul.buttons li { float:right; margin-right:0px; }

/* Confirmation page */

#confirmation #content_player img { cursor:pointer; }
#confirmation #recipients .tab a { display:block; cursor:pointer; width:80px; margin:0px; height:24px; padding:6px 0px 0px 10px; background:url('/static/img/btn_preview.png') no-repeat top left; border:0px; text-align:left; color:#ffffff; font-size:14px; text-decoration:none; }
#confirmation form { margin-bottom:25px; }
#confirmation form .buttons .right input { margin:0px; }
#confirmation form.remove input { width:98px; height:30px; padding:0px 0px 1px 5px; background:url('/static/img/btn_remove.png') no-repeat top left; border:0px; text-align:left; color:#ffffff; font-size:14px; text-decoration:none; cursor:pointer; }
#confirmation .right .buttons input.buy { margin-left:132px; }

#confirmation #err_form { background: #C2202A; font-size: 14px; color: #fff; width:397px; height:40px; margin:0px 0px 10px 4px; }
#confirmation #err_form img { float:left; width:18px; margin:10px; }
#confirmation #err_form div.desc { float:right; width:300px; margin-top:3px; }

#confirmation .tab .content #error_sender_firstname, #confirmation .tab .content #error_sender_lastname, #confirmation .tab .content #error_sender_email { float:left;width:18px; height:18px; margin:5px 0px 0px 0px; }

/* Payment page*/
#payment .right .tab .content div.price { margin:20px 0px 0px 20px; color:#fff; font-size:16px; }
#payment .right .tab .content div.price span { font-size:20px; font-weight:bold; }
#payment ul.payment { list-style-type:none; width:397px; margin:20px 0px 0px 0px; }
#payment ul.payment li { float:left; margin-bottom:15px; }
#payment .payment li img { border:0px; }
#payment .tab p { margin-top:20px; color:#fff; font-size:14px; }

/* Pay by Coupon page */
#payment_coupon ul.buttons { list-style-type:none; }
#payment_coupon ul.buttons li { float:right; margin-right:0px; }
#payment_coupon ul.buttons li input { display:block; cursor:pointer; width:160px; height:30px; padding:0px 0px 0px 10px; margin:0px; background:url('/static/img/btn_next_large.png') no-repeat top left; border:0px; text-align:left; color:#ffffff; font-size:14px; text-decoration:none; }

/* Occasions page */
#occasions #content .empty { width:100%; text-align:center; }
#occasions #content .occasions { width:100%; height:288px; padding-top:18px; margin-bottom:15px; background:url('/static/img/occasions_tab.png') no-repeat top center; }
#occasions .titlebar { width:100%; text-align:center; }
#occasions #c_banner { width:100%; text-align:center; }

/* Help page */
#help h1, #help h2, #terms_and_conditions h1, #privacy_policy h1 { color:#fff; }
#help ol { margin:20px 0px 0px 20px; color:#fff; }
#help ol a { color:#fff; }
#help hr { line-height:1px; margin: 5px 0; }
#help div p { margin:10px 0px 0px 10px; color: #EFEFEF; }
#help div p a { color: #EFEFEF; }

#contact_us { color: #EFEFEF; }

/* Login page */
div#login-container { margin: 0px auto; width: 985px; color: #fff; }

div#login-content-left { float: left; width: 775px; }
div#login-content-right { float: right; width: 210px; }

div#login-content-left h1 { background: url('/static/img/login-menuback.jpg') top left no-repeat; font-size: 18px; color: #fff; padding-left: 8px; padding-top: 5px; padding-bottom: 5px; }
div#login-content-left p { padding: 0px; margin: 10px auto; font-size: 12px; }

div#login-content-left div#login-box { background: url('/static/img/login-boxbg.jpg') top left repeat; color: #212121; padding: 8px; }
div#login-content-left div#login-box div.login-label { width: 150px; float: left; text-align: right; font-weight: bold; font-size: 12px; margin-right: 8px; margin-top: 12px; padding-top: 3px; }
div#login-content-left div#login-box div.login-field { width: 500px; float: left; margin-top: 12px; }

div#login-content-right div#member-benefits { background-color: #fff; color: #212121; height: 270px; padding: 8px 10px; width: 190px; }
div#login-content-right div#member-benefits h2 { color: #212121; font-size: 14px; }
div#login-content-right div#member-benefits p { padding: 8px 0px; margin: 0px; }
div#login-content-right div#member-benefits ul { list-style-type: none; }
div#login-content-right div#member-benefits ul li { background: url('/static/img/bullet-tick.png') center left no-repeat; padding-left: 22px; padding-top: 2px; margin-bottom: 4px; }

div.infobox-success { background-color: #a2ea8f; color: #212121; border: 1px dotted #3c8628; padding: 4px; font-size: 11px; margin-top: 3px; margin-bottom: 8px; }
div.infobox-success span { color: #3c8628; font-weight: bold; }

div.infobox-error { background-color: #e9d3d4; border: 1px dotted #8d191c; color: #212121; padding: 4px; font-size: 11px; margin-top: 3px; margin-bottom: 8px; }
div.infobox-error span { color: #8d191c; font-weight: bold; }

/* END Login page */

.deep { margin-top:60px; }

			/* {{{ Link as button */
			
			a.button {
				
				width: auto;
				height: 18px;
				font-size: 14px;
				border: 1px solid #9F0028;
				text-decoration: none;
				float: left;
				color: #fff;
				font-family: Arial, Helvetica, sans-serif;
				outline: 0;
				padding-top: 4px;
				margin: 0;
				background-color: #C2202A;
				cursor: pointer;
			}

			a[class="button right"] {
				
				padding-left: 3px;
				padding-right: 25px;
				background-image: url('../img/arrows-right.png');
				background-position: right 3px;
				background-repeat: no-repeat;
			}

			a[class="button left"] {
				
				padding-left: 25px;
				padding-right: 3px;
				background-image: url('../img/arrows-left.png');
				background-position: left 3px;
				background-repeat: no-repeat;
			}

			/* }}} */
			
			/* {{{ Form button */
			
			input[type="button"], input[type="submit"], input[type="reset"] {
				
				width: auto;
				height: 24px;
				overflow:visible;
				font-size: 14px;
				color: #fff;
				font-family: Arial, Helvetica, sans-serif;
				text-decoration: none;
				border: 1px solid #9F0028;
				outline: 0;
				padding: 0;
				background: #C2202A;
				background-repeat: no-repeat;
				cursor: pointer;
			}

			input[type="button"].left, input[type="submit"].left, input[type="reset"].left {
				
				background-image: url('../img/arrows-left.png');
				background-position: left center;
				padding: 0 2px 0 24px;
			}

			input[type="button"].right, input[type="submit"].right, input[type="reset"].right {
				
				background-image: url('../img/arrows-right.png');
				background-position: right center;
				padding: 0 24px 0 2px;
			}

			/* }}} */