/* start of the first page */
/* main containers */
body.body {
	background-image:url(../imageset/background.gif); text-align:center; margin:0px; padding:0px; 
	font-family: Arial, Helvetica, sans-serif; font-size:11px;
	}
div.main_container{overflow:hidden; width:960px; min-height:auto; margin:auto;}
div.logo{overflow:hidden; width:960px; height:195px; background-image:url(../imageset/logo.gif); background-repeat:no-repeat}
/* first horizontal section with 5 containers, implemented one after another : logo_image, click1, click2, click3, margin_right */
div.logo_image{overflow:hidden; width:341px; height:243px; float:left; background-image:url(../imageset/logo_image.gif); background-repeat:no-repeat}
div.click1{overflow:hidden; width:193px; height:243px; float:left; background-image:url(../imageset/click1.gif); background-repeat:no-repeat}
div.click2{overflow:hidden; width:180px; height:243px; float:left; background-image:url(../imageset/click2.gif); background-repeat:no-repeat}
div.click3{overflow:hidden; width:194px; height:243px; float:left; background-image:url(../imageset/click3.gif); background-repeat:no-repeat}
div.margin_right{overflow:hidden; width:52px; height:243px; float:left; background-image:url(../imageset/margin_right.gif); background-repeat:no-repeat}
/* second horizontal section with 3 containers, implemented one after another: s2_nedit_left (nedit = no editable container) , s2_edit, s2_nedit_right */
div.s2_nedit_left{overflow:hidden; width:534px; height:89px; float:left; background-image:url(../imageset/s2_nedit_left.gif); background-repeat:no-repeat}
div.s2_edit{overflow:hidden; width:374px; height:89px; float:left; background-image:url(../imageset/s2_edit.gif); background-repeat:no-repeat}
div.s2_nedit_right{overflow:hidden; width:52px; height:89px; float:left; background-image:url(../imageset/s2_nedit_right.gif); background-repeat:no-repeat}
/* third horizontal section with 3 containers, implemented one after another: s3_nedit_left, s3_edit, s3_nedit_right */
div.s3_nedit_left{overflow:hidden; width:341px; height:189px; float:left; background-image:url(../imageset/s3_nedit_left.gif); background-repeat:no-repeat}
div.s3_edit{overflow:hidden; width:567px; height:189px; float:left; background-image:url(../imageset/s3_edit.gif); background-repeat:no-repeat}
div.s3_nedit_right{overflow:hidden; width:52px; height:189px; float:left; background-image:url(../imageset/s3_nedit_right.gif); background-repeat:no-repeat}
/* fourth horizontal section with 3 containers, implemented one after another: s4_edit_left, s4_edit_middle, s4_nedit_right */
div.s4_edit_left{overflow:hidden; width:341px; height:419px; float:left; background-image:url(../imageset/s4_edit_left.gif); background-repeat:no-repeat}
div.s4_edit_middle{overflow:hidden; width:567px; height:419px; float:left; background-image:url(../imageset/s4_edit_middle.gif); background-repeat:no-repeat}
div.s4_nedit_right{overflow:hidden; width:52px; height:419px; float:left; background-image:url(../imageset/s4_nedit_right.gif); background-repeat:no-repeat}
/* fifth horizontal section with 2 containers, the first one is editable and the second one contains another two editable containers */
div.s5_edit_left{overflow:hidden; width:384px; height:486px; float:left; background-image:url(../imageset/s5_edit_left.gif); background-repeat:no-repeat}
div.s5_edit_right{
	overflow:hidden;
	width:576px;
	height:486px;
	float:left;
	background-color:#FFFFFF
}
/* the two sub-containers of s5_edit_right, the above div */
div.s5_right_top{overflow:hidden; width:576px; height:249px;background-image:url(../imageset/s5_right_top.gif); background-repeat:no-repeat}
div.s5_right_bottom{overflow:hidden; width:576px; height:237px; background-image:url(../imageset/s5_right_bottom.gif); background-repeat:no-repeat}
/* copyright section, this is generated vertically */
div.copyright{overflow:hidden; width:960px; height:100px; background-image:url(../imageset/copyright.gif); background-repeat:repeat-y; margin:auto}
/* extra general settings */
img.image_no_borders{border:0px}
img.align_image_to_text{border:0px; margin-bottom:-2px}
div.relative_spacer{overflow:hidden; clear:both; height:5px}
div.relative_spacer1{overflow:hidden; clear:both; height:10px}
div.relative_spacer2{overflow:hidden; clear:both; height:4px}
div.static_spacer{overflow:hidden; float:left; height:1px; width:6px}
div.module_spacer{clear:both; overflow:hidden; height:5px; width:249px; margin-left:10px; border-bottom:1px dotted #000000}
div.module_spacer1{clear:both; overflow:hidden; height:15px; width:259px; border-bottom:1px dotted #000000}
div.form_line{
	overflow:hidden;
	height:2px;
	width:420px;
	border-bottom:2px solid #b0b5b7;
	float:left;
}
div.clear{overflow:hidden; clear:both; height:0px; width:100%}
/* text containers for all the divs */
div.logo_text{
	overflow:hidden;
	width:500px;
	height:37px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:158px;
	margin-left:370px;
	margin-right:116px;
	line-height:15px;
}
div.s2_edit_text{overflow:hidden; width:200; height:20px; text-align:right; font-family:Arial, Helvetica, sans-serif; ; font-size:12px; font-weight:bold; margin-top:13px; margin-left:162px; margin-right:12px;}
div.s3_edit_text{
	overflow:hidden;
	width:487px;
	height:184px;
	text-align:left;
	color:#69676b;
	font-family:Arial, Helvetica, sans-serif;
	;
	font-size:12px;
	font-weight: normal;
	margin-top:0px;
	margin-right:40px;
	margin-left:40px;
	line-height:22px;
}

div.s3_edit_text ol{padding-left:20px; margin-left:3px; padding-top:0px; margin-top:6px}
div.s3_edit_text li{margin-bottom:0px}

div.s4_edit_left_text{overflow:hidden; width:250px; height:300px; margin-left:81px; margin-right:10px; margin-top:0px; margin-bottom:119px; 
font-family: "Courier New", Courier, monospace; font-size:14px; font-weight:bold}

div.s4_edit_middle_text{overflow:hidden; width:406px; height:255px; margin-top:114px; margin-bottom:50px; margin-left:105px; margin-right:56px; text-align:left; line-height:12px; letter-spacing:-0.2px; font-family:Arial, Helvetica, sans-serif; font-size:11px}
div.s5_edit_left_text{overflow:hidden; width:269px; height:426px; margin-left:75px; margin-right:40px; margin-bottom:50px; margin-top:10px; text-align:left}

div.image_element{overflow:hidden; width:80px; height:90px; float:left; font-size:9px; margin-left:5px;}
div.video_element{overflow:hidden; width:64px; height:100px; float:left; font-size:8px; margin-left:5px;}
div.article_element{overflow:hidden; width:90px; height:100px; float:left; font-size:9px; margin-left:5px;}

div.s5_right_top_text{
	overflow:hidden;
	width:auto;
	margin-right:86px;
	margin-left:60px;
	margin-top:45px;
	margin-bottom:30px;
	font-size:11px;
	text-align:left;
}
/* the form settings */
div.header_s5_right_top_text{
	overflow:hidden;
	width:420px;
	height:55px;
	margin-left:0px;
	text-align:left;
}
div.selector_option{overflow:hidden; float:right; padding-top:2px; padding-left:2px}
div.form_label1{
	width:100px;
	font-size:12px;
}
div.form_label3{
	width:100px;
	font-size:12px;
}
div.form_label2{overflow:hidden; float:left; padding-left:15px; padding-top:8px; font-size:12px;}
div.form_label4{
	font-size:12px;
}
input.input1{
	margin-top:0px;
	border:0px;
	background-color:#E8E8E8;
	width:305px;
	padding: 3px 3px 3px 3px;
}
input.input3{
	margin-top:0px;
	border:0px;
	background-color:#E8E8E8;
	width:305px;
	padding: 3px 3px 3px 3px;
}
input.input2{margin-top:7px; border:0px; background-color:#e0e0e0; width:300px}
div.textarea_input{
	width:350px;
	padding:0px;
	text-align:left;
}
div.button{overflow:hidden; float:left; height:50px; width:55px;}
textarea.textarea{
	width:320px;
	height:25px;
	margin:0px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
input.submit{margin-top:13px;}
/* end of form settings */
div.s5_right_bottom_text{
	overflow:hidden;
	width:430px;
	height:130px;
	margin-right:186px;
	margin-left:56px;
	margin-top:55px;
	margin-bottom:50px;
	text-align:left;
	font-size:11px;
}
div.s5_right_bottom_text ul{padding-left:20px; margin-left:0px}
div.s5_right_bottom_text li{margin-top:15px;}
DIV.copyright{padding-top:50px}
/* span stuff */
span.module_header{margin-top:4px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
/* links TODO: add stages - hover, etc... */
a.download {text-decoration:none; color:#0c8aeb; font-family:Arial, Helvetica, sans-serif; font-size:10px;}

/* start of the second page */
/* main containers */
div.two_logo{overflow:hidden; width:960px; height:184px; background-image:url(../imageset/two_logo.gif); background-repeat:no-repeat}
div.two_main_content{overflow:hidden; width:960px; height:1200px; background-image:url(../imageset/two_background.gif); background-repeat:repeat-y}
div.item_buy_container{overflow:hidden; width:960px; height:234px; clear:both; border:0px solid #000000;}
div.item_text_container{overflow:hidden; width:475px; height:234px; float:left; padding-left:94px; padding:0px; }
div.item_select_container{overflow:hidden; width:206px; height:234px; float:left; margin:0px; padding:0px; }
div.item_picture_container{overflow:hidden; width:220px; height:234px; float:left; padding:0px; }
div.spacer_15{overflow:hidden; height:15px; width:100%; clear:both}
div.spacer_30{overflow:hidden; height:30px; width:100%; clear:both}
div.spacer_with_line{overflow:hidden; width:704px; height:25px; margin-top:8px; border-top:1px solid #d6d6d6; margin-left:70px; margin-right: 186px}
div.view_cart{overflow:hidden; width:100px; height:24px; margin-left:798px; margin-right:62px; margin-top:158px;}
/* text containers */
div.two_text1{overflow:hidden; margin-left:113px; margin-right:19px; font-size:14px; margin-top:50px; text-align:left}
div.two_text2{overflow:hidden; margin-left:0px; margin-right:0px; font-size:14px; margin-top:38px; text-align:left}
div.kagi{overflow:hidden; width:704px; height:25px; margin-top:8px; margin-left:70px; margin-right: 186px; font-weight:bold;font-size:14px;text-align:left}
span.bold{font-weight:bold}
input.small_input{width:20px}
a.prod_spec{text-decoration:none}
a:link {
	color: #69676b;
}
a:hover {
	color: #DF1A37;
}
a:visited {
color: #69676b;
}