html,body {
	margin: 0 auto;
	padding:0;
	height:100%; /* needed for container min-height */
	background:	#02A3CA url('img/bg.png') repeat-x top left;
	
	font-family: arial, helvetica, impact;
}

div, p,h1,h2,h3,h4,h5,h6,input,textarea,td, select, option {
	font-family: arial, helvetica, impact;
	font-size:12px;
}


div, p,h1,h2,h3,h4,h5,h6,textarea,td {
	text-align:right;
}

hr {
	height: 1px;
	border: 0;
	color: #999999;
	background-color: #999999;
}

img { border:0; }

img, div { behavior: url(iepngfix.htc) }

input,textarea, select {
	border: solid 1px #999999;
}

input,textarea {
	padding: 5px;
}

input[type=checkbox], input[type=radio] { border: 0px; }
select {
	padding: 1px;
}
.textbox, .short_textbox, .long_textbox {
	/*height:12px;*/
	text-align:right;
	/*padding-left:5px;
	padding-right:5px;*/
	padding: 2px 5px;
}
.textarea {
	height: 55px;
	overflow: auto;
}
.textbox, .textarea {
	width:147px;
}
.select {
	width:158px;
}
.short_textbox {
	width:60px;
}
.long_textbox {
	width:260px;
}
.left {
	text-align:left;
}

/*
#buying {
	width:440px;
	height:440px;
	position:absolute;
	bottom:150px;
	left:50%;
	margin-left: -215px;
	overflow:auto;
	padding:10px 20px 10px;
	direction:rtl;
}
*/

#languages {
	position:absolute;
	width:100px;
	height:40px;
	bottom:600px; /* above the flash */
	left:20%;	
	display:none;
}

.eng {
	direction:ltr !important;
	text-align:left !important;
}

#logo {
	/*background:	transparent url('img/logo.png') no-repeat top left;*/
	width:464px;
	height:141px;
	margin:0 auto;
	padding-top:10px;
}

#buying, #main_div {
	width:480px;
	padding:10px 20px;
	direction:rtl;
	margin: 30px auto 0px !important;
	
}

#buying h1 {
	font-weight:bold;
	font-size:14px;
}

#buying h3 {
	/*padding-top:10px;*/
}
#buying p {
	margin: 4px 0;
}
#buying label {
	float:right;
	width:130px;
}
#buying span {
	/*float:left;*/
	text-align:right;
	/*padding-right:5px;*/
}

#buying #zip {
	padding-right:5px;
	padding-left:5px;
}

#buying p.send {
	/*float:right;*/
	text-align:left;
	/*width:295px;*/
	padding-top: 8px;
}
#buying input.send {
	font-weight:bold;
	padding: 5px 10px;
	cursor:pointer;
}

#buying #in_process {
	display:none;
	float:right;
	text-align:left;
	/*width:50px;
	height:50px;*/
	/*background:	transparent url('img/loading_animation.gif') no-repeat bottom left;*/
}

#buying #small_comment {
	float:left;
	font-size:10px;
	vertical-align:top;
	width:170px;
}

#buying #move200 {
	float:right; 
	width:200px;
}

#buying #exit_link {
	float:left; 
	padding-top:14px;
	padding-right:30px;
}
/*
#buying span#discount_error_msg {
	padding-right:0 !important;
}*/

#main_div #policy {
	float:left;
	padding-top:20px;
}

#thank_you {
/*
	text-align:center;
	width:480px;
	padding:100px 20px;
	direction:rtl;
	margin: 0px auto;
	*/
	width:440px;
	height:440px;
	position:absolute;
	bottom:150px;
	left:50%;
	margin-left: -215px;
	overflow:auto;
	padding:10px 20px 10px;
	direction:rtl;	
	top:180px;
}

#thank_you p, #thank_you h3 {
	text-align:center !important;
}

#thank_you p {
	padding-bottom:30px;
}

#thank_you input.button {
	font-weight:bold;
	padding: 5px 10px;
	cursor:pointer;
}

#spacer_buy {
	/*padding-bottom:209px;*/
	padding-bottom:500px;
	padding-top:0;
}


#bottom_img_thank_you {
	position:absolute;
	width:100%;
	height:209px;
	bottom:0; /* stick to bottom */
	left:0;
	margin-bottom:0;
	background:	transparent url('img/buy.png') no-repeat bottom left;
}

#bottom_img {
	width:100%;
	height:209px;	
	margin-bottom:0;
	background:	transparent url('img/buy.png') no-repeat bottom left;
}


#buying .error {
	width:auto;
	position:static;
	margin:0 auto;
	padding:7px 10px;
	text-align:right;
}

#wrapper {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */

	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

#spacer {
	padding-bottom:660px;
	padding-top:0;
	/*height:100px;
	width:100px;*/
}


#flash {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	left:0;
	margin-bottom:0;
}

#left_footer {
	color: #fff;
	height:18px;
	position:absolute;	
	bottom:0;
	left:55px;
	/*left:55%;*/
	/*background: red;*/
}

#footer {
	color: #fff;
	height:18px;
	position:absolute;	
	bottom:0;
	right:20px;
	/*left:55%;*/
	/*background: red;*/
}

#footer a {
	color: #fff;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#canvas {
	width:330px;
	height:318px;
	position:absolute;
	bottom:150px;
	left:50%;
	margin-left: -188px;
	overflow:auto;
	padding:10px 20px 10px;
}

#canvas div {
	display:none;
	direction:rtl;
}

#canvas div h1 {
	font-weight:bold;
	font-size:14px;
}

#canvas div p {
	font-size:12px;

}

#canvas #listen {
	padding-bottom:0  !important;
	padding-left:0 !important;
	position:absolute;
	left:0;
	top:0;
	/*overflow: hidden !important;*/
}

#canvas #listen object {
	/*vertical-align:top;*/
}

#canvas #fromthemedia img {
	border: 2px #999 solid;
	margin: 10px 0 0 10px;
}

#canvas #cdextras p {
	text-align:center;	
}

#canvas #cdextras h4 {
	text-align:center;
	padding-top: 70px;	
}

#canvas #cdextras #code {
	margin-top: 20px;
	margin-bottom:20px;
	text-align:center;
	width:200px;
}

#canvas #pdfs p {
	margin: 0 auto 10px;
	text-align:center;
}

#canvas #pdfs img {
	border: 2px #999 solid;
	margin:15px 10px 5px;
}

#canvas #pdfs p span {
	float:right;
	text-align:center;
	padding: 0 5px;
	width:138px
}

#canvas #pdfs {
	overflow-y: scroll;

	width: 100%
}
/*
#canvas #pdfs ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#canvas #pdfs ul li {
	display:inline;
}
*/
/*
#canvas #contact label {
	width:40px;
	float:right;
	text-align:right;
	direction:rtl;
}
*/

#canvas #contact td {
	vertical-align:top;
	padding-right:4px;
}

#canvas #contact #send_td {
	vertical-align:bottom;
}

#canvas #contact input, #canvas  #contact textarea {
	width:160px;	
}

#canvas #contact #send_btn {
	height:30px;
	width:70px;
	cursor:pointer;
	vertical-align:bottom;
	font-weight:bold;
}

#canvas #contact a {
	text-align:right;
	direction:rtl;
	/*float:right;*/
	padding-top:8px;
}

#canvas #success a {
	/*float:left;*/
}


#canvas #order h1{
	text-align:center;
	/*padding-top:100px;*/
}
#canvas #order img, #ototo_img {
	border: 2px solid #999;
	/*float:right;*/
}

#canvas #order span {
	/*float:left;*/
	/*padding-top:145px;*/
}


#canvas #thanks h1{
	text-align:center;
	padding-top:100px;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear_right {
	clear:right;
}

.small {
	font-size:9px;
}

.asterisk {
	color:#f00;
	/*padding-left:4px;*/
	vertical-align:top;
	/*float:right;*/
}

/*#canvas div */
.error {
	background-color:red;
	display:none;	
	text-align:center;
	line-height:30px;
	vertical-align:middle;
	width:50%;
	position:absolute;
	left:50%;
	margin-left: -85px;
	top:15px;	
}


span.field_error {
	padding: 4px 5px;
}

.field_error {
	border:2px solid red;
	background:#FFFFD5;
}

input.button {
	font-weight:bold;
	padding: 5px 10px;
	cursor:pointer;
}

