/* 
	Resets defualt browser settings
	reset.css
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:Arial, Helvetica, sans-serif; vertical-align:top; }
:focus { outline:0; }
a:active { outline:none; }
body { /*line-height:3; */color:000; background:white; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }


* {margin:0;padding:0}

html,body{/*height:95%;*/width:100%;}

#container {
	text-align: left;
	z-index:0;
	vertical-align:middle;
	height:100%;
	width:100%;
	display:table;}

#wrapper {
	width: 940px;
	margin-left:auto;
	margin-right:auto;}

#logo_square {
	/*background-image: url("../../img/logo.jpg");*/
	background-repeat:no-repeat;
	background-position:left; 
	height: 126px;
	margin-top:20px;
	margin-bottom:10px;
	}

#inner_top {padding:0px 0 15px 0;}
#inner_top_center1 { text-align:left; padding:10px 0px 28px 18px;}
#inner_top_center2 { text-align:left; padding:10px 0px 15px 18px;}
#inner_top_center3 { text-align:left; padding:20px 0px 15px 18px;}

#landing_promo {width: 940px; height:180px; padding-bottom:30px;}

.landing_promo1 {background-image: url('../../img/g4.png');	width: 460px; height:180px; margin-right:20px; display:block; float:left; margin-top:-10px;}
.landing_promo2 {background-image: url('../../img/g5.png');	width: 460px; height:180px; display:block; float:left; margin-top:-10px;}

/* ------------------------------------------------------------------------------------------NAVBAR */
#nav_bar {
	width:550px;
	margin-top:-136px;
	float:right;
	text-align:right;}

#navlist li{
	line-height: 25px;
	vertical-align: middle;
	display: inline;
	list-style-type: none;
	padding-left: 20px;}

/* -----------------------------------------------------------------------------------------TEXT STYLE */

@font-face {
    font-family: 'dtl_vandenkeeresd_regular';
    src: url('dtlvandenkeeresd-webfont.eot');
    src: url('dtlvandenkeeresd-webfont.eot?#iefix') format('embedded-opentype'),
         url('dtlvandenkeeresd-webfont.woff') format('woff'),
         url('dtlvandenkeeresd-webfont.ttf') format('truetype'),
         url('dtlvandenkeeresd-webfont.svg#dtl_vandenkeeresd_regular') format('svg');
    font-weight: normal;
    font-style: normal;}

.big_title {
    font-family: 'dtl_vandenkeeresd_regular', Arial, sans-serif;
	letter-spacing:3px;
	font-size: 50px;
	vertical-align:baseline;}

.big_title_sub {
    font-family: 'dtl_vandenkeeresd_regular', Arial, sans-serif;
	letter-spacing:1px;
	font-size: 35px;
	vertical-align:baseline;}

@font-face {
    font-family: 'dtl_haarlemmersd_sans_regular';
    src: url('dtlhaarlemmersanssd-webfont.eot');
    src: url('dtlhaarlemmersanssd-webfont.eot?#iefix') format('embedded-opentype'),
         url('dtlhaarlemmersanssd-webfont.woff') format('woff'),
         url('dtlhaarlemmersanssd-webfont.ttf') format('truetype'),
         url('dtlhaarlemmersanssd-webfont.svg#dtl_haarlemmersd_sans_regular') format('svg');
    font-weight:bold;
    font-style: normal;
	letter-spacing:-1px;}

.step_title {
    font-family: 'dtl_haarlemmersd_sans_regular', Arial, sans-serif;
	font-size: 20px;	color:#ccc;}

.step_title_on {
    font-family: 'dtl_haarlemmersd_sans_regular', Arial, sans-serif;
	font-size: 20px;	color:#333;}

.normal_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	color:#333;}

.normal_text_gery_bold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;	color:#666;}

.normal_text_green {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	color:#a5ae6b;}

a:link,a:visited {
	color:#a5ae6b;	text-decoration:none;
	font-size:12px;}

a:hover,a:active {	color:#d0d89a;	text-decoration:none;}

.alert_text_red_bold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;	color:#CC3333;}

#aright {position:relative; right:-15px;}

/* ------------------------------------------------------------------------------------------SLIDER */

#slider_content {
	width:940px;
	height:350px;
	/*margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;*/}

hr {height:1px; 
	border-style:solid; 
	border-width:1px 0 0 0;
	border-color:#666;}

/* ------------------------------------------------------------------------------------------MIDDLE AREA */

.ui{background-image: url('../../img/ui.png'); display: block;}

#body_form_step1 {	text-align:center;	width: 940px;	height: 490px;}
#body_form_step2 {	text-align:center;	width: 940px;	height: 1180px;}
#body_form_step3 {	text-align:center;	width: 940px;	height: 600px;}
#body_form_step3_pair {	text-align:center;	width: 940px;	height: 1940px;}
#body_form_paypal {	text-align:center;	width: 940px;	height: 700px;}

.btn{background-image: url('../../img/btn.png'); display: block;}

/* ----------------------------------------------------------------------------------------------BUTTONs*/

.btn_base {
	/*-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;*/
	color:#fff;	background-color:#a5ae6b;
	/*border-radius:5px;*/
	/*-moz-border-radius:5px; -webkit-border-radius:5px;*/
	border:none; 
	font-family: 'dtl_haarlemmersd_sans_regular', Arial, sans-serif; font-size:20px; font-weight:700;
	/*width:80px;*/ height:26px; padding:4px 16px; margin-right:10px;
	display:inherit;
	/*text-shadow:#FE6 0 1px 0*/}
	
.btn_base:hover { background-color:#778238; cursor:pointer;}

.btn_next {width:80px; }
.btn_previous {width:148px;}
.btn_startover {width:125px;}
.btn_confrim {width:250px;}

.btn_submit_paypal {width:180px; height:33px; margin-top:-4px;}
.btn_submit_next {width:80px; height:33px; margin-top:-4px;}
.btn_submit_div {display:inline; float:inherit;}

/* ----------------------------------------------------------------------------------------------STEP3 */
#step3_content{	display:block;	height:290px;}

#step3 ul {	width:960px; position: absolute; list-style: none;}
	
#step3 li { display:inline-block; padding:0 20px; }

#step3_letter_left {position: absolute; float:left; padding-top:65px; padding-left:25px; display:inherit;}
#step3_letter_right {position: absolute; float:left; padding-top:65px; padding-left:10px; display:inherit;}

#step3form_content_address{	display:block;	height:160px; padding:20px 20px 40px 20px; text-align:left;}
#step3form_content_payment{	display:block;	height:310px; padding:20px 20px 30px 20px; text-align:left;}
#step3form_content_details{	display:block;	height:130px; padding: 20px 20px 30px 20px; text-align:left;}
#step3form ul {	width:960px; position: absolute; list-style: none;}
#step3form li { display:inline-block; padding:0 20px; }

#step3_text_space{ padding-top:75px; text-align:left;}
#step3_text_radio{ padding-top:15px; text-align:left;}

.step3_selection_group_list1{
	width:150px;
	display:block;
	vertical-align: middle;
	height:35px;}
	
.step3_selection_group_list2{
	width:570px;
	display:block;
	vertical-align: middle;
	height:35px;}
	
.step3_selection_group_list3{
	width:100px;
	display:block;
	vertical-align: middle;
	text-align:left;
	height:35px;}
	
.step3_selection_group{
	text-align:left;
	padding-right:18px;
	display:block;
	vertical-align: middle;
	height:50px;}
	
.step3_selection_group_gap{
	text-align:left;
	padding-right:18px;
	display:block;
	vertical-align: middle;
	height:55px;}

.custom-select {
    position: relative;
    display: inline-block;}
	
    .custom-select select {
        display: inline-block;
        padding: 4px 3px 3px 5px;
        margin: 0;
        outline:none; /* remove focus ring from Webkit */
        line-height: 1.2;
        background: #000;
        color:white;
        border:0;}
    .no-pointer-events .custom-select:after {content: none;}
	
.input_text{width:200px; height:30px; margin:25px 0 0 8px; text-align:left; font-size:16px; float:left;}

.input_text_details{width:305px; height:30px; margin:0 0 0 8px; text-align:left; font-size:16px; }
.input_text_details_address1{width:700px; height:34px; margin:5px 0 10px 8px; text-align:left; font-size:16px;}
.input_text_details_address2{width:700px; height:30px; margin:0 0 0 8px; text-align:left; font-size:16px; }

#postage_method { } 
#postage_fee { } 
#total_fee { } 

/* ----------------------------------------------------------------------------------------------STEP2 */
.step2_selection_group{
	padding-right:18px;
	display:block;
	width:82px;
	height:70px;}

#step2_text_space{ padding-top:75px; text-align:center;}
#step2_text_radio{ padding-top:15px; text-align:center;}

.input_letter{width:60px; height:30px; margin:25px 0 0 8px; text-align:center; font-size:24px;}

.step2_outer_blue { background-image: url('../../img/btn.png');	background-position: -698px 0;	width: 72px; height: 68px; }
.step2_outer_brown { background-image: url('../../img/btn.png');	background-position: -698px -69px;	width: 72px; height: 68px; }
.step2_outer_orange { background-image: url('../../img/btn.png');	background-position: -698px -138px;	width: 72px; height: 68px; }
.step2_outer_black { background-image: url('../../img/btn.png');	background-position: -698px -207px;	width: 72px; height: 68px; }
.step2_outer_grey { background-image: url('../../img/btn.png');	background-position: -698px -276px;	width: 72px; height: 68px; }
.step2_outer_rose { background-image: url('../../img/btn.png');	background-position: -698px -345px;	width: 72px; height: 68px; }
.step2_outer_purple { background-image: url('../../img/btn.png');	background-position: -698px -414px;	width: 72px; height: 68px; }
.step2_outer_yellow { background-image: url('../../img/btn.png');	background-position: -698px -483px;	width: 72px; height: 68px; }
.step2_outer_darkblue { background-image: url('../../img/btn.png');	background-position: -698px -552px;	width: 72px; height: 68px; }

.step2_outer_blue_right { background-image: url('../../img/btn.png');	background-position: -844px 0;	width: 72px; height: 68px; }
.step2_outer_brown_right { background-image: url('../../img/btn.png');	background-position: -844px -69px;	width: 72px; height: 68px; }
.step2_outer_orange_right { background-image: url('../../img/btn.png');	background-position: -844px -138px;	width: 72px; height: 68px; }
.step2_outer_black_right { background-image: url('../../img/btn.png');	background-position: -844px -207px;	width: 72px; height: 68px; }
.step2_outer_grey_right { background-image: url('../../img/btn.png');	background-position: -844px -276px;	width: 72px; height: 68px; }
.step2_outer_rose_right { background-image: url('../../img/btn.png');	background-position: -844px -345px;	width: 72px; height: 68px; }
.step2_outer_purple_right { background-image: url('../../img/btn.png');	background-position: -844px -414px;	width: 72px; height: 68px; }
.step2_outer_yellow_right { background-image: url('../../img/btn.png');	background-position: -844px -483px;	width: 72px; height: 68px; }
.step2_outer_darkblue_right { background-image: url('../../img/btn.png');	background-position: -844px -552px;	width: 72px; height: 68px; }

.step2_inner_pattern1_right { background-image: url('../../img/btn.png');	background-position: -771px 0;	width: 72px; height: 68px; }
.step2_inner_pattern2_right { background-image: url('../../img/btn.png');	background-position: -771px -69px;	width: 72px; height: 68px; }
.step2_inner_pattern3_right { background-image: url('../../img/btn.png');	background-position: -771px -138px;	width: 72px; height: 68px; }
.step2_inner_pattern4_right { background-image: url('../../img/btn.png');	background-position: -771px -207px;	width: 72px; height: 68px; }
.step2_inner_pattern5_right { background-image: url('../../img/btn.png');	background-position: -771px -276px;	width: 72px; height: 68px; }
.step2_inner_pattern6_right { background-image: url('../../img/btn.png');	background-position: -771px -345px;	width: 72px; height: 68px; }
.step2_inner_pattern7_right { background-image: url('../../img/btn.png');	background-position: -771px -414px;	width: 72px; height: 68px; }
.step2_inner_pattern8_right { background-image: url('../../img/btn.png');	background-position: -771px -483px;	width: 72px; height: 68px; }
.step2_inner_pattern9_right { background-image: url('../../img/btn.png');	background-position: -771px -552px;	width: 72px; height: 68px; }

.step2_inner_pattern1_left { background-image: url('../../img/btn.png');	background-position: -917px 0;	width: 72px; height: 68px; }
.step2_inner_pattern2_left { background-image: url('../../img/btn.png');	background-position: -917px -69px;	width: 72px; height: 68px; }
.step2_inner_pattern3_left { background-image: url('../../img/btn.png');	background-position: -917px -138px;	width: 72px; height: 68px; }
.step2_inner_pattern4_left { background-image: url('../../img/btn.png');	background-position: -917px -207px;	width: 72px; height: 68px; }
.step2_inner_pattern5_left { background-image: url('../../img/btn.png');	background-position: -917px -276px;	width: 72px; height: 68px; }
.step2_inner_pattern6_left { background-image: url('../../img/btn.png');	background-position: -917px -345px;	width: 72px; height: 68px; }
.step2_inner_pattern7_left { background-image: url('../../img/btn.png');	background-position: -917px -414px;	width: 72px; height: 68px; }
.step2_inner_pattern8_left { background-image: url('../../img/btn.png');	background-position: -917px -483px;	width: 72px; height: 68px; }
.step2_inner_pattern9_left { background-image: url('../../img/btn.png');	background-position: -917px -552px;	width: 72px; height: 68px; }

.step2_outer_king { background-image: url('../../img/btn.png');	background-position: -151px -596px;	width: 72px; height: 68px; }
.step2_outer_queen { background-image: url('../../img/btn.png');	background-position: -151px -665px;width: 72px; height: 68px; }
.step2_outer_letter { background-image: url('../../img/btn.png');	background-position: -151px -734px; width: 72px; height: 68px;}

.step2_thread_offwhite { background-image: url('../../img/btn.png');	background-position: -224px -596px;	width: 72px; height: 68px; }
.step2_thread_beige { background-image: url('../../img/btn.png');	background-position: -224px -665px;	width: 72px; height: 68px; }
.step2_thread_yellow { background-image: url('../../img/btn.png');	background-position: -224px -734px;	width: 72px; height: 68px; }
.step2_thread_pink { background-image: url('../../img/btn.png');	background-position: -224px -803px;	width: 72px; height: 68px; }
.step2_thread_green { background-image: url('../../img/btn.png');	background-position: -297px -596px;	width: 72px; height: 68px; }
.step2_thread_blue { background-image: url('../../img/btn.png');	background-position: -297px -665px;	width: 72px; height: 68px; }

/* -----------------------------------------------------------------------------------------------STEP2 */
#step2_title{
	padding-top:20px;	display:block;	height:55px;}

#step2_line{
	padding-top:10px;	display:block;	height:20px;}
	
#step2_line_short{
	 padding-left:10px;	display:block;	height:14px; width:880px;}

#step2_content{
	padding-top:20px;	display:block;	height:140px;}

#step2 ul {
	width:940px;	position: absolute;	list-style: none;	text-align:left;}

#step2 li {	display:inline-block;}

#step2 li.title { margin-top:6px;}

#step2 li.outer_left { 	background-image: url('../../img/btn.png');	background-position: -1px -596px; width: 56px; height: 44px;}
#step2 li.outer_right { 	background-image: url('../../img/btn.png');	background-position: -1px -686px; width: 56px; height: 44px;}
#step2 li.inner_left { 	background-image: url('../../img/btn.png');	background-position: -1px -641px; width: 56px; height: 44px;}
#step2 li.inner_right { 	background-image: url('../../img/btn.png');	background-position: -1px -731px; width: 56px; height: 44px;}
#step2 li.letter { 	background-image: url('../../img/btn.png');	background-position: -1px -775px; width: 56px; height: 44px;}
#step2 li.thread { 	background-image: url('../../img/btn.png');	background-position: -1px -864px; width: 56px; height: 40px;}

#step2 li.details { 	background-image: url('../../img/btn.png');	background-position: -74px -595px; width: 57px; height: 46px;}
#step2 li.payment { 	background-image: url('../../img/btn.png');	background-position: -74px -641px; width: 57px; height: 44px;}
#step2 li.world { 	background-image: url('../../img/btn.png');	background-position: -74px -686px; width: 57px; height: 46px;}
#step2 li.package { 	background-image: url('../../img/btn.png');	background-position: -74px -734px; width: 57px; height: 46px;}

/* ----------------------------------------------------------------------------------------------STEP1 */
#step1 ul {	width:700px; position: absolute;	padding:20px 0 0 0; list-style: none;}
	
#step1 li { display: inline;}

#step1 li a:link, #step1 li a:visited {
	border: none;
	display: block; 
	position: absolute; 
	outline: none;
	text-indent: -7000px;}
	
#step1 li.pair a:link, #step1 li.pair a:visited { 
	background-image: url('../../img/btn.png');	background-position: 0px 0px;
	width: 295px;	height: 297px;	left: 140px;}
	
#step1 li.single-left a:link, #step1 li.single-left a:visited { 
	background-image: url('../../img/btn.png');	background-position: -296px 0px;
	width: 200px;	height: 297px;	left: 448px;}
	
#step1 li.single-right a:link, #step1 li.single-right a:visited { 
	background-image: url('../../img/btn.png');	background-position: -497px 0px;
	width: 200px;	height: 297px;	left: 660px;}

#step1 li.pair a:hover {
	background-image: url('../../img/btn.png') no-repeat; 	background-position: 0px -298px;}
	
#step1 li.single-left a:hover {
	background-image: url('../../img/btn.png') no-repeat;	background-position: -296px -298px;}
	
#step1 li.single-right a:hover {
	background-image: url('../../img/btn.png') no-repeat;	background-position: -497px -298px;}

/* ---------------------------------------------------------------------------------------------- FOOTER */


#footer2 {
	width:940px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;}

#footer_menu {padding-bottom:40px;}

#footer_menu_right {float:right;}
	
#line1 {
border-top: 1px solid #a5ae6b;
height: 1px;
margin-top:8px;
margin-bottom:15px;}

/*-----------------------------------------------------------ABOUT ---------------------------------------*/
#about_content {
	width: 940px;
	text-align:left;
	padding-top:0px;
	padding-bottom:40px;}