* {
	font-family: Arial, Helvetica;
	line-height: 1.2;
	margin: 0px;
	padding: 0px;
}

body {
	background: url('images/background.jpg') center top #f0fafc repeat-x fixed;
}

* html body {
	text-align: center;
}

form {
}

input , textarea , select , #uploadFile {
	color: #000000;
	font-family: Arial, Helvetica;
	font-size: 11px;
	line-height: 1.3;
}

/* IE6 (and lower) */
* html select {
	height: 18px;
}

/* IE7 (and Firefox) */
* > select {
	height: 20px;
}

/* Firefox (hack overwrite) */
* >/**/select {
	height: 18px;
}

/* IE6 (and lower) */
* html input {
	height: 16px;
}

/* IE7 (and Firefox) */
* > input {
	height: 16px;
}

/* Firefox (hack overwrite) */
* >/**/input {
	height: 16px;
	position: relative;
	top: -1px;
}

/* IE6 (and lower) */
* html #uploadFile , * html .usecurrentButton , * html .button {
	height: 20px;
}

/* IE7 (and Firefox) */
* > #uploadFile ,  * > .usecurrentButton ,  * > .button {
	height: 20px;
	line-height: 1.4;
}

/* Firefox (hack overwrite) */
* >/**/#uploadFile ,  * >/**/.usecurrentButton ,  * >/**/.button {	
	height: 20px;
	top: 1px;
}

/* IE6 (and lower) */
* html input.radio {
	margin: 0px 1px 1px -4px;
}

/* IE7 (and Firefox) */
* > input.radio {
	margin: 0px 1px 1px -4px;
}

/* Firefox (hack overwrite) */
* >/**/input.radio {
	margin: 0px 4px -4px 0px;
}

/* IE6 (and lower) */
* html input.checkbox {
	margin: 0px 1px 1px -4px;
}

/* IE7 (and Firefox) */
* > input.checkbox {
	margin: 0px 1px 1px -4px;
}

/* Firefox (hack overwrite) */
* >/**/input.checkbox {
	margin: 0px 4px 0px 0px;
}

textarea {
	height: 55px;
}

option.first {
	color: #969696;
}

.textfield , .textfieldred {
	border: 1px solid #000000;
}

input.textfield , input.textfieldred {
	padding: 1px 0px;
}

/* Firefox (hack overwrite) */
* >/**/select.textfield , * >/**/select.textfieldred {
	position: relative;
	top: -1px;
}

.textfieldred { 
	background-color: #D6D6D6; 
}

.tableform .textfield , .tableform .textfieldred {
	width: 100%;
	margin: 0px -1px;
}

.tableform {
  /*width: 100%;*/
	border: 0px;
	font-size: 11px;
	clear: both;
}

.tableform td {
	height: 22px;
	padding: 0px 1px;
}

.tableform .setcols td {
	height: 1px;
	font-size: 1%;
}

#page {
	position: relative;
	width: 995px;
	height: 640px;
	text-align: left;
	background: url('images/bg_page.jpg') no-repeat;
	overflow: hidden;
}

* > #page {
	margin: 0px auto;
}

#header {
	width: 995px;
	height: 85px;
}

#content {
	width: 645px;
	height: 330px;
	padding: 20px 175px 10px 175px;
	font-size: 11px;
	color: #000000;
	overflow: hidden;
	background: url('images/bg_content.jpg') center top no-repeat;
}

#content a, #content a:hover {
	font-size: 20px;
	color: #ffffff;
	text-decoration: none;
	line-height: 1.2;
}

#content_left {
	display: block;
	width: 190px;
	height: 270px;
	padding: 10px 15px;
	float: left;
	color: #eb3f24;
}

#content_left div {
	height: 195px;
	width: 100%;
	color: #000000;
	overflow: hidden;
}

#content_left h1 {
	font-size: 20px;
	color: #000000;
	padding: 0px 0px 12px 0px;
	line-height: 1;
}

#content_left ul {
	/*display: block;*/
	padding: 0px 0px 0px 22px;
	list-style: decimal;
}

#content_left li {
	/*display: block;*/
	color: #eb3f24;
}

#content_left li.active span {
	text-decoration: underline;
}

#content_left a {
	font-size: 11px;
	color: #eb3f24;
	text-decoration: none;
}

#content_left a:hover {
	font-size: 11px;
	color: #eb3f24;
	text-decoration: underline;
}

#content_right {
	display: block;
	width: 415px;
	height: 290px;
	float: right;
}

#content_right span {
	color: #969696;
}

#content_right strong {
}

#content_right i {
}

#content_right a {
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}

#content_right a:hover {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

#content_right .block_text1, #content_right .block_text2 {
	width: 385px;
	overflow: hidden;
	padding: 0px 15px;
	background: url('images/block_bg.gif') repeat-y;
}

#content_right .block_top, #content_right .block_bottom, #content_right .spacer {
	width: 415px;
	height: 10px;
	font-size: 1%;
}

#content_right .block_top {
	background: url('images/block_top.gif') no-repeat;
}

#content_right .block_bottom {
	background: url('images/block_bottom.gif') no-repeat;
}

.card_left, .card_right {
	display: block;
	width: 185px;
	height: 130px;
}

.card_left {
	float: left;
}

.card_right {
	float: right;
}

.card_left img, .card_right img, .card_left div, .card_right div {
	width: 185px;
	height: 110px;
	border: 0px;
	overflow: hidden;
}

.card_left div img, .card_right div img, .card_left div div, .card_right div div {
	width: auto !important;
	height: auto !important;
}

.minimal {
	background: url('images/img_min.gif') center bottom no-repeat;
}

.maximal {
	background: url('images/img_max.gif') center bottom no-repeat;
}

.design1 {
	background: url('images/img_design1.gif') center bottom no-repeat;
}

.design2 {
	background: url('images/img_design2.gif') center bottom no-repeat;
}

.back {
	background: url('images/img_back.gif') center bottom no-repeat;
}

.front {
	background: url('images/img_front.gif') center bottom no-repeat;
}

.card1 {
	background: url('images/card1.gif') no-repeat;
}

.card2 {
	background: url('images/card2.gif') no-repeat;
}

.cardminimal {
	background: url('images/card_back_s.gif') no-repeat;
}

.cardmaximal {
	background: url('images/card_back_l.gif') no-repeat;
}

.cardflash {
	background: url('images/flash.gif') no-repeat;
}

.cardempty {
	background: url('images/card_back.gif') no-repeat;
	padding: 21px 0px 0px 19px;
	width: 166px !important;
	height: 89px !important;
	font-size: 9px;
	color: #d980a6;
	line-height: 1.3;
}

#buttons {
	clear: both;
	width: 635px;
	height: 30px;
	padding: 10px 5px;
}

#buttons input , #buttons img {
	display: block;
	height: 25px;
	width: 20px;
	border: 0px;
	font-size: 1px;
	color: transparent;
}

.but_next {
	float: right;
	background: url('images/but_next.gif') no-repeat;
}

.but_prev {
	float: left;
	background: url('images/but_prev.gif') no-repeat;
}

a img.but_next, input.but_next {
	background: url('images/but_next_on.gif') no-repeat !important;
	cursor: pointer;
}

a img.but_prev, input.but_prev {
	background: url('images/but_prev_on.gif') no-repeat !important;
	cursor: pointer;
}

#footer {
	display: none;
	width: 100%;
	height: 1px;
	font-size: 9px;
	color: #000000;
}

#footer a {
	font-size: 9px;
	color: #000000;
}

#footer a:hover {
	color: #969696;
}


/* FIRST */

.page_first #content {
	background: url('images/bg_first.jpg') center top no-repeat;
	text-align: center;
}

* >/**/.page_first #content {
	text-align: -moz-center;
}

.page_first #png {
	position: absolute;
	top: 325px;
	left: 30px;
	width: 700px;
	height: 310px;
}

* > #png {
	background: url('images/img_first.png') no-repeat; 
}

* html #png {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/img_first.png', sizingMethod='crop'); 
	background: transparent; 
}


/* SELECT DESIGN */

.page_selectdesign .block_text1 {
	height: 130px;
}

.page_selectdesign .block_text2 {
	height: 110px;
}

.page_selectdesign .block_text2 div {
	width: 200px;
	height: 75px;
	padding: 10px 0px 0px 185px;
	background: url('images/img_upload.jpg') left 5px no-repeat;
}


/* UPLOAD PREVIEW */

.page_uploadpreview .block_text1 {
	height: 140px;
}

.page_uploadpreview #flash {
	position: absolute;
	top: 115px;
	left: 420px;
	width: 400px;
	height: 315px;
	overflow: hidden;
}


/* PERSONALISE */

.page_personalise .block_text1 {
	height: 270px;
}