html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #9d9fa3; font-family: Arial, Helvetica, sans-serif; background: #000 fixed;}
#body {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 990 )? "990px" : "100%" && ((document.documentElement.clientWidth || document.body.clientWidth) > 1280)? "1280px" : "100%"); min-width: 990px; max-width: 1280px;  background: 50% 3px no-repeat url('bg.jpg');}
img {border: 0;}
a {color: #2c447a;}
.direct {text-decoration: none; border-bottom: 1px dashed; cursor: hand; cursor: pointer;}
/*a:visited {color: #AA8EDC;}*/
a:hover, a:active, .direct:hover, .direct:active:hover {color: #eb252f;}
.direct:active {color: #2c447a;}

.nobr {white-space: nowrap;}
.br {width: 100%; height: 1px; clear: both;}

a.win {white-space: nowrap; padding-right: 15px; background: no-repeat 100% 50% url('ico_win.gif');}
a.win:hover, a.win:active {background: no-repeat 100% 50% url('ico_win_active.gif');}

p {font-size: 80%; padding: 0; margin: 0 0 1.5em 0; line-height: 1.65em;}
	.prelist {margin-bottom: 0.5em;}
ul, ol {font-size: 70%; padding: 0; margin: 0 0 1.5em 0; line-height: 1.65em;}
	li {list-style: none;  margin: 0 0 0.5em 25px;}
		li p, li ul, li ol {font-size: 100%;}
h1, h2 {font-size: 115%; font-weight: normal; color: #dbdde3; margin: 0.3em 0;}
h1 {margin-top: 0;}
h3 {height: 20px; margin: 1.5em 0 0 0; padding-bottom: 0.5em; border-bottom: 1px dashed #394151;}
	h3 a {position: relative; display: block; height: 20px; left: -27px; cursor: hand; cursor: pointer;}
		h3 span {display: none;}
.ui-state-active {border: none;}
	.ui-state-active a {border: none; color: #f64212;}
h4 {font-size: 60%; font-weight: normal; color: #dbdde3; margin: 0.3em 0 0.75em 0; text-transform: uppercase; letter-spacing: 0.2em;}
	.first {margin-top: 0;}
table {border: 0; border-collapse: collapse;}
td {padding: 0;}
table.simple {font-size: 70%; margin-bottom: 1em; line-height: 1.2em;}
table.simple th {padding: 0 1.5em 1em 0; text-align: right; vertical-align: top; font-weight: normal; color: #394151;}
table.simple td {padding: 0 0 1em 0; vertical-align: top; }

#header {position: relative; width: 100%; height: 200px;}
	#logo {position: absolute; top: 80px; left: 36%; margin-left: -97px; width: 383px; height: 68px;}
	#official {display: block; position: absolute; top: 80px; right: 8%; font-size: 70%; height: 40px; border-top: 1px solid #373e4d;  border-bottom: 1px solid #373e4d;  border-left: 1px solid #373e4d;}
		#official a {display: block; color: #9d9fa3; margin: 1.1em 1.2em 0 1.2em;}
			#official a:hover, #official a:active {color: #eb252f;}
		#official img {position: absolute; top: 0; right: -12px; width: 12px; height: 40px;}

#main {position: relative;}	
	#gallery {float: left; position: relative; width: 36%; text-align: center;}
		#slideshow_container {position: relative; width: 320px; height: 800px;}
			#slideshow {width: 320px; height: 500px;}
				#slideshow img {width: 320px; height: 500px;}
			#prev, #next {display: block; font-style: normal; position: absolute; top: 196px; width: 37px; height: 36px; z-index: 100; cursor: hand; cursor: pointer;}
			#prev {left: 30px; background: no-repeat 0 100% url('arr_l.gif');}
			#prev:hover {background: no-repeat 0 0 url('arr_l.gif');}
			#next {right: 30px; background: no-repeat 0 100% url('arr_r.gif');}
			#next:hover {background: no-repeat 0 0 url('arr_r.gif');}
			#price {position: absolute; left: 67px; width: 91px; height: 57px;}
			#netpeak {position: absolute; left: 67px; margin-top: 120px; width: 200px; text-align: left;}
				#netpeak p {color: #394151; font-size: 70%; margin-bottom: 0.3em;}
	#content {float: left; position: relative; width: 56%; z-index: 50;}
		#description  {width: 162px; background: no-repeat url('h3_description.gif');}
		#design {width: 280px; background: no-repeat url('h3_design.gif');}
		#specifications {width: 250px; background: no-repeat url('h3_specifications.gif');}
		#where-to-buy {width: 172px; background: no-repeat url('h3_where-to-buy.gif');}
		.page {border-bottom: 1px dashed #394151;}
			.txt {float: left; position: relative; width: 57%;}
			.design_tn {position: relative; font-size: 80%; left: -25px; margin: 0;}
				.design_tn li {margin: 0;  padding: 0 0 2em 25px; background-repeat: no-repeat; background-position: 0 0.3em;}
					.design_tn a {color: #394151;  cursor: hand; cursor: pointer; text-decoration: underline;}
					.design_tn a:hover, .design_tn strong, .design_tn a.activeSlide {color: #9d9fa3; text-decoration: none;}
						.design_white_alligator {background-image: url('design_white_alligator_tn.gif');}
						.design_black_alligator {background-image: url('design_black_alligator_tn.gif');}
						.design_pink_alligator {background-image: url('design_pink_alligator_tn.gif');}
						.design_brown_alligator {background-image: url('design_brown_alligator_tn.gif');}
						.design_red_calfskin {background-image: url('design_red_calfskin_tn.gif');}
						.design_black_calfskin {background-image: url('design_black_calfskin_tn.gif');}
						.design_black_rubber {background-image: url('design_black_rubber_tn.gif');}
			#additional {float: right; position: relative; width: 36%;}
				#additional ul strong {color: #eb252f;}
			.photo_design {width: 215px; height: 215px; margin: 20px 0; border-bottom: 1px dashed #394151; padding: 15px 0;}
				.photo_design img {width: 215px; height: 215px;}
			.column2 {float: left; position: relative; width: 46.5%;}
			.right {float: right;}
#footer {position: relative; width: 100%; height: 295px;}			
	#copyrights {position: absolute; top: 60px; width: 64%}
		#phone {position: relative; left: -0.5em;}
		#guesswho {display: block; position: relative; left: -27px; padding: 0.2em 0 0 27px; height: 1.65em; background: no-repeat 0 0.3em url('guesswho.gif'); color: #394151; font-size: 80%;}
		#guesswho:hover, #guesswho:active {color: #eb252f;}
	#e-ton {position: absolute; top: 60px; right: 0; width: 100px; height: 100px; background-repeat: no-repeat; background-position: 0 0; background-image: url('logo_e-ton.gif');}
	#e-ton:hover {background-position: 0 100%;}