html
{
	font-family: "Helvetica", sans-serif;
	font-size: 12px;
	color: #000;
	background: #eeefef;
	text-align: center;
	height: 100%;
	padding: 0;
	margin: 0;
}

body
{
	text-align: center;
	margin: 0 auto;
	padding: 0;
	height: 100%;
}

div#centre_content
{
	position: relative;
	width: 990px;
	margin: 0 auto;
	padding: 0;
	border-left: 1px solid #eeefef;
	border-right: 1px solid #eeefef;
	background: #eeefef;
	min-height: 100%;
}

div#outermask
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 1000;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60, Style=0);
	opacity: 0.6;
}

div#outermask.off
{
	display: none;
}

div.popup
{
	text-align: left;
	padding: 20px 50px 0 40px;
	position: absolute;
	top: 100px;
	left: 245px;
	width: 458px;
	height: 438px;
	color: #1a171b;
	font-family: "Helvetica", sans-serif;
	font-size: 15px;	
	background: url(/img/pop_up_background.png);
	z-index: 1010;
}

div.popup > h1
{
	color: #e2007a;
	font-family: "Helvetica", sans-serif;
	font-size: 18px;
	letter-spacing: 0px;
}

div.popup > p
{
	font-family: "Helvetica", sans-serif;
	font-size: 12px;
	color: #1a171b;
}

div.popup > ul
{
	font-family: "Helvetica", sans-serif;
	font-size: 12px;
	color: #1a171b;
	list-style-type: disc;
	padding-left: 20px;
	margin-left: 0;
}

div.popup > a
{
	font-size: 12px;
	color: #e2007a;
	text-decoration: none;
	text-align: center;
}

div.popup > a.close
{
	position: absolute;
	bottom: 70px;
	left: 45px;
}

div.popup > div#time_input
{
	margin: 20px;
}

div#browser_popup, div#please_wait
{
	position: absolute;
	top: 150px;
	left: 150px;
	margin: 0 auto;
	width: 650px;
	height: 430px;
	background: #eeefef;
	padding: 15px;
	border: 1px solid #000;
	z-index: 1010;
	text-align: right;
}

div#browser_popup.off, div#please_wait
{
	visibility: hidden;
}

div#browser_popup input
{
	margin-top: 10px;
	width: 81px;
}

ul.top_tabs
{
	list-style: none;
	height: 19px;
	margin: 0;
	padding: 30px 0 0 45px;
}

ul.top_tabs > li
{
	width: 89px;
	height: 19px;
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	background: url(/img/tab.png);
	font-family: "Verdana", sans-serif;
	font-size: 9px;
	color: #fff;
}

ul.top_tabs > li.hot
{
	background: url(/img/tab.png) 0 19px;
	text-decoration: underline;
}

ul.top_tabs > li > a
{
	display: block;
	width: 100%;
	height: 16px;
	padding: 3px 0 0 0;
	margin: 0;
	color: #fff;
	text-decoration: none;
}

ul.top_tabs > li.hot > a
{
	text-decoration: underline;
}

ul.top_tabs > li.newsletter
{
	width: 237px;
	text-align: right;
	background: none;
	padding-top: 3px;
}

ul.top_tabs > li.newsletter > a
{
	color: #666769;
	font-size: 10px;
	width: auto;
	display: inline;
}

ul.top_tabs > li#newsletter_popup
{
	position: relative;
	background: none;
}

ul.top_tabs > li#newsletter_popup > div
{
	position: absolute;
	top: 0;
	left: 92px;
	background: url(/img/newsletter_background.png);
	width: 250px;
	height: 266px;
	z-index: 10;
}

img.main_logo
{
	position: absolute;
	right: 55px;
	top: 15px;
	padding: 65px 12px;
}

img.main_logo_overlay
{
	position: absolute;
	right: 20px;
	top: 20px;
}

div.header_index
{
	position: relative;
	height: 214px;
	background: url(/img/header_index.png);
	text-align: left;
	margin: 0;
	padding: 0;
	z-index: 10;
}

div.header_index > div#header_content
{
	position: relative;
	top: 22px;
	width: 632px;
	height: 161px;
	margin: 0 0 0 49px;
	padding: 0 0 0px 20px;
	overflow: auto;
	clear: left;
}

div.header_index > div#header_content > p.question
{
	font-weight: bold;
	margin: 20px 0 0 0;
	padding: 2px 0 0 20px;
	width: 600px;
	min-height: 22px;
	background: url(/img/q.png) no-repeat;
}

div.header_index > div#header_content > p.answer
{
	margin: 0px 0 0 0;
	padding: 2px 0 0 20px;
	width: 600px;
	min-height: 22px;
	background: url(/img/a.png) no-repeat;
}

div.header_index > div#header_content.pop_out
{
	z-index: 10000;
	height: 500px;
	background: #fff;
	width: 638px;
	left: -4px;
	border-left: 5px solid #d1d3d4;
	border-bottom: 5px solid #d1d3d4;
}

div.header_index > div#header_content > h1
{
	margin: 0;
	padding: 5px 0 0 0px;
	font-size: 12px;
}

div.header_index > div#header_content > h1 > img
{
	vertical-align: middle;
	margin: -2px 5px 0 5px;
}

div.header_index > div#header_content > img.title
{
	margin: 5px 0 0 0;
}

div.header_index > div#header_content > p
{
	margin: 0;
	padding: 14px 0 0 0px;
	font-size: 11px;
}

div.header_index > div#header_content > p.testimonial
{
	border-top: 10px solid #d1d3d4;
	margin-top: 20px;
}

div.header_index > div#header_content > p > a
{
	color: #e2007a;
	text-decoration: none;
}

div.index_main
{
	height: 449px;
	background: url(/img/index_main.png);
}

div.index_main > div.personal_frames
{
	position: relative;
	text-align: left;
	float: left;
	width: 207px;
	height: 419px;
	margin: 15px 0 0 51px;
	background: url(/img/index_personal_frames.png) 30px 22px no-repeat;
}

div.index_main > div.personal_frames > div#promo
{
	position: absolute;
	top: 394px;
	left: 10px;
}

div.index_main > div.personal_frames > div#promo > input.text
{
	width: 140px;
}

div.index_main > div.personal_frames > div#promo > input.submit
{
	height: 23px;
	width: 40px;
}

div.index_main > div.personal_frames > div#promo > p
{
	margin-top: 3px;
}

div.index_main > div.corporate_frames
{
	position: relative;
	text-align: left;
	float: left;
	width: 207px;
	height: 419px;
	margin: 15px 0 0 19px;
	background: url(/img/index_corporate_frames.png) 25px 22px no-repeat;
}

img.mini_frame
{
	width: 115px;
	height: 67px;
	padding: 17px;
	margin: 62px 0 0 29px;
	background: url(/img/index_mini_frame.png);
}

a.mini_frame_sample
{
	display: block;
	width: 120px;
	height: 37px;
	padding: 19px 0 0 29px;
	margin: 2px 0 0 29px;
	color: #87888a;
	text-decoration: none;
	font-family: "Verdana", sans-serif;
	font-size: 10px;
	letter-spacing: -1px;
	background: url(/img/index_mini_frame_shadow.png);
}

a.mini_frame_sample > img
{
	border: none;
	vertical-align: middle;
	margin-left: 3px;
}

div.personal_frames > h2, div.corporate_frames > h2
{
	font-family: "Helvetica", sans-serif;
	font-size: 14px;
	letter-spacing: -1px;
	color: #1a171b;
	margin: 15px 0 0 25px;
}

div.personal_frames > ul, div.corporate_frames > ul
{
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	letter-spacing: -1px;
	color: #4b4b4d;
	list-style: none;
	padding: 0;
	margin: 10px 25px 0 25px;
}

div.personal_frames > ul > li, div.corporate_frames > ul > li
{
	margin: 0;
	padding: 0 0 0 17px;
	height: 16px;
	background: url(/img/mini_bullet.png) 0 0px no-repeat;
	cursor: pointer;
}

div.personal_frames > ul > li.hot, div.personal_frames > ul > li:hover
{
	color: #e2007a;
	text-decoration: underline;
	background: url(/img/mini_bullet_red.png) no-repeat;
}

div.corporate_frames > ul > li.hot, div.corporate_frames > ul > li:hover
{
	color: #0086cb;
	text-decoration: underline;
	background: url(/img/mini_bullet_blue.png) no-repeat;
}

div.personal_frames > a.start, div.corporate_frames > a.start
{
	position: absolute;
	bottom: 0px;
	display: block;
	margin: 0;
	padding: 45px 0 5px 10px;
	width: 194px;
	text-decoration: none;
	color: #1a171b;
	letter-spacing: -1px;
	font-weight: bold;
	font-family: "Helvetica", sans-serif;
	font-size: 13px;
}

div.header_step1
{
	position: relative;
	height: 214px;
	background: url(/img/header_step1.png);
	text-align: left;
	margin: 0;
	padding: 0;
}

div.header_step1 > img#filelist_preview
{
	position: absolute;
	right: 284px;
	top: 42px;
	padding: 0;
	background-repeat: no-repeat;
}

div.view_frames_main
{
	height: 483px;
	padding: 16px 0 0 50px;
	background: url(/img/view_frames_main.png);
}

div.view_frames_main > div.panel
{
	position: relative;
	float: left;
	width: 147px;
	height: 467px;
	padding: 0;
	border-left: 1px solid #c6c7c9;
	text-align: left;
}

div.view_frames_main > div.panel:first-child
{
	border: none;
}

div.view_frames_main > div.panel > img, div#frame_details > img
{
	margin: 10px 0;
}

div.view_frames_main > div.panel > a, div#frame_details > a
{
	color: #e2007a;
	text-decoration: none;
	margin: 0 10px;
	font-size: 11px;
}

div.view_frames_main > div.panel > h2, div#frame_details > h2
{
	color: #e2007a;
	font-family: "Helvetica", sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin: 10px 10px 0 10px;
}

div.view_frames_main > div.panel > ul, div#frame_details > ul
{
	margin: 0 10px;
	padding: 0;
	font-size: 10px;
	line-height: 12px;
	color: #646567;
	list-style: none;
}

div.view_frames_main > div.panel > a.create
{
	display: block;
	margin-top: 10px;
	width: 117px;
	height: 29px;
	background: url(/img/view_frames_create.png) 0 0 no-repeat;
}

div.view_frames_main > div.panel > a.create:hover
{
	background: url(/img/view_frames_create.png) 0 -29px no-repeat;
}

div.view_frames_main > div.panel > a.buy
{
	display: block;
	margin-top: 10px;
	width: 117px;
	height: 29px;
	background: url(/img/frame_only_buy.png) 0 0 no-repeat;
}

div.view_frames_main > div.panel > a.buy:hover
{
	background: url(/img/frame_only_buy.png) 0 -29px no-repeat;
}

div.view_frames_main > div.panel > a.create > img
{
	border: none;
}

div.view_frames_main > div.panel > form
{
	display: none;
}

div.view_frames_main > div.panel > h2
{
}

div.step1_main
{
	height: 449px;
	background: url(/img/step1_main.png);
}

div.step1_main > div.upload_panel
{
	position: relative;
	text-align: left;
	float: left;
	width: 207px;
	height: 419px;
	margin: 15px 0 0 51px;
}

div.step1_main > div.upload_panel > h1, div.step5_main > div.choose_frame > h1
{
	font-family: "Helvetica", sans-serif;
	font-size: 14px;
	letter-spacing: -1px;
	color: #1a171b;
	height: 34px;
	padding: 9px 0 0 12px;
	margin: 10px 0 0 10px;
}

div.step1_main > div.upload_panel > h1 > span, div.step5_main > div.choose_frame > h1 > span
{
	padding-right: 20px;
}

div.step1_main > div.upload_panel > p
{
	color: #4b4b4d;
	font-family: "Verdana", sans-serif;
	font-size: 9px;
	margin: 0 0 10px 20px;
	padding: 0;
	width: 150px
}

div.step1_main > div.upload_panel > p > a
{
	color: #e2007a;
	text-decoration: none;
}

div.step1_main > div.upload_panel > a
{
	font-family: "Verdana", sans-serif;
	font-size: 9px;
	color: #9ea0a2;
	margin: 0 0 0 20px;
}

div.step1_main > div.upload_panel > h2
{
	width: 152px;
	height: 21px;
	margin: 17px 0 0 17px;
	padding: 5px 0 0 15px;
	font-family: "Helvetica", sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: underline;
	background: url("/img/large_tab_top.png");
	cursor: pointer;
}

div.step1_main > div.upload_panel > ul#filelist
{
	width: 155px;
	height: 240px;
	margin: 2px 0 0 17px;
	padding: 10px 0 0 10px;
	border: 1px solid #d4d5d5;
	list-style: none;
	overflow: auto;
}

div.step1_main > div.upload_panel > ul#filelist.corporate
{
	height: 190px;
}

div.step1_main > div.upload_panel > ul#filelist > li
{
	color: #4b4b4d;
	font-family: "Verdana", sans-serif;
	font-size: 9px;
	margin: 0;
	padding: 1px 0;
	cursor: pointer;
}

div.step1_main > div.upload_panel > a.start
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
	margin: 0 0 8px 16px;
	padding: 0 0 0 20px;
	text-decoration: none;
	color: #1a171b;
	letter-spacing: -1px;
	font-family: "Helvetica", sans-serif;
	font-size: 14px;
	background: url(/img/mini_bullet_red.png) 0 1px no-repeat;
}

div.step1_main > div.upload_panel > form
{
	margin: 0;
}

div.step1_main > div.upload_panel > form > label
{
	margin: 10px 0 0 17px;
	float: left;
	width: 165px;
	font-weight: bold;
	color: #e2007a;
}

div.step1_main > div.upload_panel > form > label > input
{
	width: 100%;
}

div.step1_main > div.theme_panel
{
	position: relative;
	text-align: left;
	float: left;
	width: 650px;
	height: 419px;
	margin: 15px 0 0 19px;
	padding: 10px 0 0 15px
}

div.step1_main > div.theme_panel > h1
{
	font-family: "Helvetica", sans-serif;
	font-size: 14px;
	letter-spacing: -1px;
	color: #1a171b;
	height: 34px;
	padding: 9px 0 0 12px;
	margin: 0 0 0 -5px;
	background: url(/img/pink_orb.png) no-repeat;
	clear: left;
	height: 25px;
}

div.step1_main > div.theme_panel > h1 > span
{
	padding-right: 20px;
}

div.step1_main > div.theme_panel > div
{
	position: relative;
	float: left;
	width: 97px;
	height: 42px;
	padding: 125px 29px 0 30px;
	margin-bottom: 10px;
	color: #87888a;
	font-family: "Helvetica", sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	background: url(/img/step2_mini_frame_with_shadow.png);
	cursor: pointer;
}

div.step1_main > div.theme_panel > div.step3
{
	cursor: auto;
}

div.step1_main > div.theme_panel > div.selected
{
	color: #1a171b;
	background: url(/img/step2_mini_frame_with_shadow_selected.png);
}

div.step1_main > div.theme_panel > div > img
{
	top: 25px;
	left: 24px;
	position: absolute;
	background: #000;
}

div#colour_preview, table#colour_picker
{
	position: absolute;
	top: 25px;
	left: 24px;
	height: 64px;
	width: 108px;
	background: #808080;
}

table#colour_picker
{
	background: none;
}

table#colour_picker tr
{
}

table#colour_picker tr td
{
	width: 20%;
	height: 16px;
	border: 2px solid #fff;
	cursor: pointer;
}

table#colour_picker tr td.selected
{
	border: 2px solid #000;
}

div#colour_picker_mini, div#colour_preview_mini
{
	float: left;
	position: relative;
	top: 3px;
	width: 20px;
	height: 20px;
	background: #000;
}

div#colour_preview_mini
{
	background: #808080;
}

p#colour_preview_desc
{
	margin: 5px 0 0 6px;
	float: left;
	font-family: "Helvetica", sans-serif;
	font-size: 12px;
	letter-spacing: 0;
	color: #1a171b;
}

div#colour_slider
{
	padding: 0;
	margin: 0 0 0 9px;
	float: left;
	width: 300px;
	height: 160px;
	background: url(/img/step3_submit_shadow.png) 0 105px no-repeat;
	cursor: auto;
}

div#colour_slider > img
{
	position: static;
}

div#colour_slider > img#colour_slider_overlay
{
	background: #000;
	margin: 27px 0 0 3px;
}

div#colour_slider > img#colour_slider_control
{
	position: absolute;
	top: 20px;
	left: 137px;
	cursor: pointer;
}

div#colour_slider > p
{
	font-family: "Helvetica", sans-serif;
	font-size: 12px;
	letter-spacing: 0;
	color: #1a171b;
	margin: 18px 0 0 22px;
}

div#colour_slider > a.start
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
	margin: 0 0 13px 35px;
	padding: 0 0 0 20px;
	text-decoration: none;
	color: #1a171b;
	letter-spacing: -1px;
	font-family: "Helvetica", sans-serif;
	font-size: 14px;
	font-weight: normal;
	background: url(/img/mini_bullet_red.png) 0 1px no-repeat;
}

div.header_step4
{
	position: relative;
	height: 155px;
	background: url(/img/header_step4.png);
	text-align: left;
	margin: 0;
	padding: 0;
}

div.header_step4 > h1
{
	position: relative;
	top: 20px;
	font-family: "Helvetica", sans-serif;
	font-size: 14px;
	letter-spacing: -1px;
	color: #1a171b;
	height: 34px;
	padding: 9px 0 0 12px;
	margin: 0 0 0 60px;
	background: url(/img/pink_orb.png) no-repeat;
}

div.header_step4 > h1 > img
{
	vertical-align: top;
	margin-left: 15px;
}

div.header_step4 > span > img#filelist_preview
{
	position: absolute;
	right: 305px;
	top: 27px;
	padding: 0;
	background-repeat: no-repeat;
	width: 186px;
	height: 112px;
}

div.header_step4 > img.main_logo
{
	position: absolute;
	right: 52px;
	top: 0;
	padding: 65px 12px;
}

div.step4_main
{
	height: 525px;
	background: url(/img/step4_main.png);
}

div.step4_main > div.workspace
{
	height: 409px;
	width: 595px;
	float: left;
	padding: 0;
	margin: 29px 0 0 55px;
	text-align: left;
	overflow: auto;
	z-index: 0;
}

div.step4_main > ul#all_slides
{
	position: relative;
	height: 409px;
	width: 595px;
	float: left;
	list-style: none;
	margin: 29px 0 0 55px;
	padding: 0 0 0 10px;
	overflow: auto;
}

div.step4_main > ul#all_slides > li
{
	position: relative;
	float: left;
	width: 95px;
	height: 38px;
	padding: 74px 0px 0 0px;
	margin: 0;
	color: #87888a;
	font-family: "Helvetica", sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	background: url(/img/step4_mini_frame_with_shadow.png);
	cursor: pointer;
}

div.step4_main > ul#all_slides > li.selected {
	color: #1a171b;
	background: url(/img/step4_mini_frame_with_shadow_selected.png);
}

div.step4_main > ul#all_slides > li > img
{
	position: absolute;
	top: 19px;
	left: 18px;
}

div.step4_main > div.tasklist
{
	position: relative;
	top: -95px;
	float: left;
	width: 208px;
	margin: 0 0 0 72px;
	padding: 0;
	text-align: left;
}

div.step4_main > div.tasklist > h2
{
	margin: 10px 0 0 0;
	padding: 5px 0 0 15px;
	height: 22px;
	font-family: "Helvetica", sans-serif;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #fff;
	background: url(/img/step4_tasklist_header.png);
}

div.step4_main > div.tasklist > ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

div.step4_main > div.tasklist > ul > li
{
	margin: 0;
	padding: 3px 0 3px 15px;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	letter-spacing: -1px;
	color: #1a171b;
	border-top: 1px solid #a7a8aa;
	border-right: 1px solid #a7a8aa;
	background: #e9e9ea;
	cursor: pointer;
}

div.step4_main > div.tasklist > ul > li:first-child
{
	border-top: none;
}

div.step4_main > div.tasklist > ul > li.selected
{
	color: #fff;
	background: #d9007a;
}

div.step4_main > div.tasklist > div.footer
{
	background: url(/img/step4_tasklist_footer.png);
	width: 208px;
	height: 9px;
}

div.step4_main > div#taskpane
{
	position: relative;
	top: -95px;
	float: left;
	width: 208px;
	margin: 0 0 0 72px;
	padding: 0;
	text-align: left;
}

div.step4_main > div#taskpane > h2
{
	margin: 9px 0 0 0;
	padding: 5px 0 0 15px;
	height: 22px;
	font-family: "Helvetica", sans-serif;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #fff;
	background: url(/img/step4_tasklist_header.png);
}

div.step4_main > div#taskpane > div
{
	margin: 0;
	padding: 10px 20px;
	border-left: #cdcecf;
	background: #fff;
}

div.step4_main > div#taskpane > div > p
{
	margin: 0;
}

div.step4_main > div#taskpane > div > textarea
{
	margin: 10px 0;
	height: 100px;
	width: 163px;
}

div.step4_main > div#taskpane > div.footer
{
	padding: 5px 10px;
	width: 190px;
	height: 21px;
	background: url(/img/step4_taskpane_footer.png);
}

div.step4_main > div#taskpane > div.footer > a
{
	font-family: "Verdana", sans-serif;
	font-size: 12px;
	color: #e2007a;
	text-decoration: none;
	display: block;
	margin: 3px 0 0 5px;
	padding: 0 0 0 20px;
	background: url(/img/mini_bullet_red.png) no-repeat;
}

div.index_main > div.demo
{
	position: relative;
	margin: 19px 0 0 20px;
	float: left;
	width: 433px;
	height: 418px;
	text-align: left;
}

div.index_main > div.demo > h2
{
	font-family: "Helvetica", sans-serif;
	font-size: 15px;
	margin: 14px 0 0 20px;
}

div.index_main > div.demo > img
{
	position: absolute;
	right: -20px;
	bottom: 0;
}

div.demo > div.controls
{
	width: 500px;
	clear: left;
	position: relative;
	top: 325px;
	left: 20px;
	cursor: pointer;
}

div.index_main > div.demo > img#demo_frame
{
	position: auto;
	top: 80px;
	left: 50px;
	background: url(/img/big_demo_frame.png);
	width: 322px;
	height: 264px;
}

div.step4_main > div#taskpane > div#templates
{
	position: relative;
	padding: 5px 3px 5px 5px;
	margin: 0;
	width: 200px;
	height: 330px;
	border-left: #cdcecf;
	background: #fff;
	overflow: auto;
}

div#taskpane > div#templates > div
{
	position: relative;
	width: 90px;
	float: left;
}

div#taskpane > div#templates > div > p
{
	position: absolute;
	font-family: "Helvetica", sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #87888a;
	top: 70px;
	left: 18px;
}

div#taskpane > div#templates > div > img
{
	width: 54px;
	height: 33px;
	padding: 19px 18px 58px 18px;
	margin: 0;
	background: url(/img/step4_mini2_frame_with_shadow.png);
	cursor: pointer;
}

div#taskpane > div#templates > div > img.selected
{
	background: url(/img/step4_mini2_frame_with_shadow_selected.png);
}

div.step4_main > div.bottom_row
{
	position: absolute;
	top: 763px;
	left: 55px;
	text-align: left;
}

div.step5_main
{
	height: 449px;
	background: url(/img/step5_main.png);
}

div.step5_main > div.choose_frame
{
	margin: 0 0 0 50px;
	padding: 10px 0 0 0;
	width: 207px;
	height: 426px;
	text-align: left;
	float: left;
}

div.step5_main > div.choose_frame > h1
{
	margin-left: 5px;
}

div.step5_main > div.choose_frame > h1 > img
{
	vertical-align: middle;
}

div.step5_main > div.choose_frame > div
{
	float: left;
	letter-spacing: -1px;
	font-weight: bold;
	font-family: "Helvetica", sans-serif;
	font-size: 11px;
	color: #9c9d9f;
	width: 75px;
	height: 41px;
	padding: 72px 0 0 20px;
	margin: 0 0 15px 4px;
	background: url(/img/choose_frame_ghost.png);
	cursor: pointer;
}

div.step5_main > div.choose_frame > div.selected
{
	color: #1a171b;
	background: url(/img/choose_frame_ghost_selected.png);
}

div.step5_main > div#frame_details
{
	text-align: left;
	float: left;
	width: 207px;
	height: 385px;
	padding: 10px 0 0 0;
	margin: 0 0 0 19px;
}

div.step5_main > div#frame_details > img
{
	margin: 10px 0 30px 40px;
}

div.step5_main > div.play_demo
{
	position: relative;
	text-align: left;
	width: 433px;
	height: 366px;
	margin: 0 0 0 21px;
	padding-top: 30px;
	float: left;
}

div.step5_main > div#promo
{
	float: left;
	text-align: left;
	width: 194px;
	height: 29px;
	margin: 5px 0 0 0;
	padding: 6px 0 0 25px;
}

div.final_footer > div#promo
{
	margin: 15px 0 5px 0px;
	padding: 0;
}

div.step5_main > div#promo > input.text, div.final_footer > div#promo > input.text
{
	width: 145px;
}

div.step5_main > div#promo > input.submit, div.final_footer > div#promo > input.submit
{
	width: 40px;
}

div.step5_main > div#promo > p, div.final_footer > div#promo > p
{
	font-weight: bold;
	font-size: 13px;
	color: #1a171b;
	padding: 3px 0 0 0;
	margin: 0;
}

div.step5_main > div.buy
{
	width: 300px;
	height: 22px;
	margin: 5px 0 0 24px;
	float: left;
}

div.step5_main > div.buy > h1
{
	float: left;
	height: 24px;
	width: 30px;
	text-align: left;
	font-family: "Helvetica", sans-serif;
	font-size: 14px;
	letter-spacing: -1px;
	color: #1a171b;
	margin: 1px 0 0 10px;
	padding: 9px 0 0 12px;
	background: url(/img/pink_orb.png) no-repeat;
}

div.step5_main > div.buy > p
{
	float: left;
	font-weight: bold;
	font-family: "Helvetica", sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 9px 15px 0 0;
}

div.step5_main > div.buy > p > a > img
{
	vertical-align: middle;
	padding-left: 10px;
	border: none;
}

div.header_step1 > div#header_content
{
	width: 420px;
	height: 170px;
	margin: 0 0 0 50px;
	padding: 20px 0 0 20px;
}

div.header_step1 > div#header_content > h1
{
	margin: 0;
	padding: 5px 0 0 0px;
	font-size: 12px;
}

div.demo > h2 > div.button_play
{
	position: absolute;
	top: 15px;
	left: 225px;
	width: 33px;
	height: 33px;
	cursor: pointer;
	background: url(/img/play.png) 0 0 no-repeat;
}

div.demo > h2 > div.button_play:hover
{
	background: url(/img/play.png) 0 -33px no-repeat;
}

div.controls > div.button_play
{
	float: left;
	width: 33px;
	height: 33px;
	cursor: pointer;
	background: url(/img/play.png) 0 0 no-repeat;
}

div.controls > div.button_play:hover
{
 background: url(/img/play.png) 0 -33px no-repeat;
}

div.controls > div.button_pause
{
	float: left;
	width: 33px;
	height: 33px;
	cursor: pointer;
	background: url(/img/pause.png) 0 0 no-repeat;
}

div.controls > div.button_pause:hover
{
	background: url(/img/pause.png) 0 -33px no-repeat;
}

div.controls > div.button_rewind
{
  float: left;
  width: 33px;
  height: 33px;
  cursor: pointer;
  background: url(/img/rewind.png) 0 0 no-repeat;
}

div.controls > div.button_rewind:hover
{
  background: url(/img/rewind.png) 0 -33px no-repeat;
}

div.controls > div.button_forward
{
  float: left;
  width: 33px;
  height: 33px;
  cursor: pointer;
  background: url(/img/forward.png) 0 0 no-repeat;
}

div.controls > div.button_forward:hover
{
  background: url(/img/forward.png) 0 -33px no-repeat;
}

div.controls > div.button_stop
{
  float: left;
  width: 33px;
  height: 33px;
  cursor: pointer;
  background: url(/img/stop.png) 0 0 no-repeat;
}

div.controls > div.button_stop:hover
{
  background: url(/img/stop.png) 0 -33px no-repeat;
}

div.final_footer
{
	padding: 0 35px;
	text-align: left;
	color: #89888a;
}

div.final_footer > p
{
	font-size: 11px;
	padding: 5px 0 0 0;
	margin: 0;
}

div.final_footer > p:first-child
{
	padding: 0;
	margin: 0;
}

div.final_footer > p > a
{
	text-decoration: none;
	color: #89888a;
}

div.terms_header
{
	height: 22px;
	background: url(/img/terms_header.png);
}

div.terms
{
	padding: 10px 70px 0 70px;
	text-align: left;
	background: url(/img/terms_background.png);
}

div.terms > h1
{
	margin: 0;
	padding: 5px 0 0 0px;
	font-size: 12px;
}

div.terms > p > a
{
	color: #e2007a;
	text-decoration: none;
}

div.terms_footer
{
	height: 22px;
	background: url(/img/terms_footer.png);
}

div.slideshow_controls
{
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

div.slideshow_controls > span
{
	position: absolute;
	left: 200px;
	width: 250px;
	display: block;
	text-align: center;
	z-index: 0;
}

div.slideshow_controls > a.prev, div.slideshow_controls > a.next
{
	display: block;
	color: #e2007a;
	text-decoration: none;
	z-index: 10;
}

div.slideshow_controls > a.prev
{
	float: left;
}

div.slideshow_controls > a.prev_null
{
	float: left;
	color: #1a171b;
}

div.slideshow_controls > a.next
{
	float: right;
	z-index: 10;
}

div.slideshow_controls > a.next_null
{
	float: right;
	color: #1a171b;
}

div.slideshow_controls > a.close
{
	font-size: 12px;
	float: right;
	display: block;
	color: #e2007a;
	text-decoration: none;
}

div#demo_image
{
	width: 400px;
	height: 337px;
}

div#demo_image > img
{
	margin: 25px 0 0 26px;
	border: 30px solid #000;
}

div#demo_image > div.slideshow_controls
{
	padding: 5px 0 0 25px;
}

div#demo_image > div.slideshow_controls > div.step6_prev
{
	float: left;
	width: 33px;
	height: 33px;
  background: url(/img/rewind.png) 0 0 no-repeat;
}

div#demo_image > div.slideshow_controls > div.step6_prev:hover
{
  background: url(/img/rewind.png) 0 -33px no-repeat;
}

div#demo_image > div.slideshow_controls > div.step6_pause
{
	float: left;
	width: 33px;
	height: 33px;
  background: url(/img/pause.png) 0 0 no-repeat;
}

div#demo_image > div.slideshow_controls > div.step6_pause:hover
{
  background: url(/img/pause.png) 0 -33px no-repeat;
}

div#demo_image > div.slideshow_controls > div.step6_stop
{
	float: left;
	width: 33px;
	height: 33px;
  background: url(/img/stop.png) 0 0 no-repeat;
}

div#demo_image > div.slideshow_controls > div.step6_stop:hover
{
  background: url(/img/stop.png) 0 -33px no-repeat;
}

div#demo_image > div.slideshow_controls > div.step6_play
{
	float: left;
	width: 33px;
	height: 33px;
  background: url(/img/play.png) 0 0 no-repeat;
}

div#demo_image > div.slideshow_controls > div.step6_play:hover
{
  background: url(/img/play.png) 0 -33px no-repeat;
}

div#demo_image > div.slideshow_controls > div.step6_next
{
	float: left;
	width: 33px;
	height: 33px;
  background: url(/img/forward.png) 0 0 no-repeat;
}

div#demo_image > div.slideshow_controls > div.step6_next:hover
{
  background: url(/img/forward.png) 0 -33px no-repeat;
}

img#received
{
	position: absolute;
	top: 140px;
	left: 100px;
}

div.header_index > div#header_content > h1.orb, h1.orb
{
	background: url(/img/pink_orb.png) no-repeat;
	height: 23px;
	padding: 9px 0 0 12px;
	margin: 0;
	font-family: "Helvetica", sans-serif;
	font-size: 14px;
	letter-spacing: -1px;
}

div.header_index > div#header_content > h1.orb > span, h1.orb > span
{
	padding-right: 10px;
}

div.view_frames_main > div.panel > h1, div#frame_details > h1
{
	margin: 0 10px;
	padding: 0;
	font-family: "Helvetica", sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #1a171b;
}

div.bottom_row > a.preview
{
	background: url(/img/btn_preview.png);
	font-family: "Helvetica", sans-serif;
	font-size: 12px;
	letter-spacing: -1px;
	color: #1a171b;
	text-decoration: none;
	padding: 8px 0 0 30px;
	margin: 9px 0 0 0px;
	display: block;
	width: 177px;
	height: 24px;
	float: left;
}

div.bottom_row > a.finished
{
	background: url(/img/btn_preview.png) 0 0 no-repeat;
	font-family: "Helvetica", sans-serif;
	font-size: 12px;
	letter-spacing: -1px;
	color: #1a171b;
	text-decoration: none;
	padding: 8px 0 0 30px;
	margin: 9px 0 0 8px;
	display: block;
	width: 177px;
	height: 24px;
	float: left;
}

div.bottom_row > a.preview:hover, div.bottom_row > a.finished:hover
{
	background: url(/img/btn_preview.png) 0 -32px no-repeat;
}

div.bottom_row > a.delete
{
	background: url(/img/btn_delete_slide.png) 0 0 no-repeat;
	font-family: "Helvetica", sans-serif;
	font-size: 12px;
	letter-spacing: -1px;
	color: #1a171b;
	text-decoration: none;
	float: left;
	display: block;
	width: 146px;
	height: 29px;	
	padding: 17px 0 0 55px;
	margin: 0 10px 0 0;
}

div.bottom_row > a.delete:hover
{
	background: url(/img/btn_delete_slide.png) 0 -46px no-repeat;
}

div.colour
{
	font-family: "Helvetica", sans-serif;
	font-size: 12px;
}

div.colour > p
{
	padding-bottom: 5px;
}

div.colour > div
{
	width: 54px;
	height: 40px;
	padding: 70px 18px 0 18px;
	margin: 5px 0 0 0;
	background: url(/img/step4_mini2_frame_with_shadow.png);
	cursor: pointer;	
	font-family: "Helvetica", sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #87888a;
}

div.colour > div.selected
{
	background: url(/img/step4_mini2_frame_with_shadow_selected.png);
	color: #1a171b;
}

div#frame_details > div.logo
{
	padding: 10px 0px 0 2px;
	height: 374px;
}

div#frame_details > div.logo > p
{
	padding: 0 12px 0 10px;
}

div#frame_details > div.logo > h2, div#frame_details > div.logo > form > h2
{
	font-family: "Helvetica", sans-serif;
	font-size: 14px;
	letter-spacing: -1px;
	color: #1a171b;
	margin: 15px 0 0 5px;
}

div#frame_details > div.logo > form > label
{
	display: block;
	margin: 0 0 0 15px;
}

div#frame_details > div.logo > form > label:first-child
{
	padding-top: 10px;
}

div#frame_details > div.logo > form > input.file
{
	margin: 0 0 0 15px;
	width: 180px;
}

div#frame_details > div.logo > a.start
{
	display: block;
	margin: 10px 0 8px 5px;
	padding: 0 0 0 20px;
	text-decoration: none;
	color: #1a171b;
	letter-spacing: -1px;
	font-family: "Helvetica", sans-serif;
	font-size: 14px;
	background: url(/img/mini_bullet_red.png) 0 1px no-repeat;
}

div#frame_logo
{
	position: absolute;
	top: 306px;
	left: 336px;
	width: 39px;
	height: 23px;
}

a.pdf
{
	position: absolute;
	bottom: 10px;
	left: 6px;
}

a.pdf > img
{
	border: none;
}

div.progress
{
	background: url(/img/progress_background.png);
	height: 90px;
	padding: 13px 0px;
	text-align: left;
}

div.step4_progress
{
	background: url(/img/progress_step4.png);
	width: 990px;
	height: 69px;
	padding: 13px 0;
}

div.progress > ul, div.step4_progress > ul
{
	margin: 0 0 0 38px;
	padding: 0;
	list-style: none;
	background: url(/img/progress_line.png) 25px 17px no-repeat;
	width: 540px;
	height: 80px;
}

div.progress > ul > li, div.step4_progress > ul > li
{
	padding: 10px 0 0 0;
	margin: 0;
	float: left;
	width: 80px;
	background: url(/img/pink_orb.png) 23px 0 no-repeat;
	text-align: center;
	font-weight: bold;
}

div.progress > ul > li.done, div.step4_progress > ul > li.done
{
	background: url(/img/grey_orb.png) 23px 0 no-repeat;
}

div.progress > ul > li > a, div.step4_progress > ul > li > a
{
	text-decoration: none;
	color: #000;
}