* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:#666666;
}
#wrapper { 
 margin: 0 auto;
 width: 1120px;
}
#header {
 color: #333;
 width: 1098px;
 float: left;
 padding: 10px;
 border: 1px solid #666666;
 height: 50px;
 margin: 5px 0px 5px 0px;
 background:#fff;
 background: url(/img/site/header3.png);
}
#navigation {
 float: left;
 width: 1098px;
 height: 13px;
 color: #797979;
 padding: 10px;
 border: 1px solid #666666;
 margin: 7px 0px 0px 0px;
 background-color:#fff;
 background: url(/img/site/navigation3.png);
}

#a1 { 
 color: #333;
 border: 1px solid #666666;
 background:#666666;
 margin: 3px 5px 0px 0px;
 padding: 10px 0px 10px 2px;
 width: 216px;
 float: left;
}
#a234 { 
 color: #333;
 border: 1px solid #666666;
 background:#666666;
 margin: 3px 5px 0px 0px;
 padding: 10px 0px 10px 2px;
 width: 666px;
 float: left;
}

#a1234 { 
 color: #333;
 border: 1px solid #666666;
 background:#666666;
 margin: 3px 5px 0px 0px;
 padding: 10px 0px 0px 2px;
 width: 890px;
 float: left;
}

#a12345 { 
 color: #333;
 border: 1px solid #666666;
 background:#666666;
 margin: -12px 5px 0px 0px;
 padding: 10px 0px 0px 2px;
 width: 1118px;
 float: left;
}

#a12345ab { 
 color: #333;
 border: 1px solid #666666;
 background:#666666;
 margin: 1px 5px 0px 0px;
 padding: 12px 0px 0px 2px;
 width: 1118px;
 float: left;
}

.ab { 
 color: #333;
 border: 0px solid #666666;
 margin: 0px 0px 5px 0px;
 padding: 0px 0px 0px 0px;
 width: 106px;
 height: 169px;
 float: left;
 text-align:center;
}

#a2 { 
 color: #333;
 border: 1px solid #666666;
 background:#666666;
 margin: 3px 5px 0px 0px;
 padding: 10px 0px 10px 2px;
 width: 216px;
 float: left;
}

#a23 { 
 color: #333;
 border: 1px solid #666666;
 background:#666666;
 margin: 3px 5px 0px 0px;
 padding: 10px 0px 10px 2px;
 width: 437px;
 float: left;
}

.height{ 
height:292px;
}


#a3 { 
 color: #333;
 border: 1px solid #666666;
 background:#666666;
 margin: 3px 5px 0px 0px;
 padding: 10px 0px 10px 2px;
 width: 216px;
 float: left;
}
#a4 { 
 color: #333;
 border: 1px solid #666666;
 background:#666666;
 margin: 3px 5px 0px 0px;
 padding: 10px 0px 10px 2px;
 width: 216px;
 float: left;
}

#a5 { 
 color: #333;
 border: 1px solid #666666;
 background:#666666;
 margin: 3px 0px 0px 0px;
 padding: 10px 0px 10px 2px;
 width: 216px;
 float: left;
}
 
#footer { 
 width: 1098px;
 height: 30px;
 clear: both;
 color: #333;
 border: 1px solid #666666;
 background-color:#F3F2ED;
 margin: 0px 0px 10px 0px;
 padding: 10px;
background: url(/img/site/header3b.png);
}


#dsq-footer { visibility: hidden !important; }

#ads {
 float: right;
 width: 312px;
 height: 396px; /* 524px for two*/
 color: #333;
 padding: 0px;
 border: 0px solid #111;
 margin: 10px 0px 5px 0px; /* 16px 0px 5px 0px; for two*/
/* background-color:#222;*/
}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

/* Begin dialog */

.dialog {
 width:100%;
 margin:0px auto;
 min-width:150px;
 max-width:1200px; /* 800px I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#fff;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(/img/site/tl.png) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(/img/site/tr.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(/img/site/ml.png) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog .bd .c {
 background:transparent url(/img/site/mr.png) repeat-y right 0px;
 margin-right:-6px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(/img/site/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(/img/site/bl.png) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c {
 background:transparent url(/img/site/br.png) no-repeat right 0px;
 margin-right:-14px;
}

/* content-specific */

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 position: relative; top: -10px;
 text-align:center;
}

p {
 font-family:verdana,tahoma,arial,"sans serif";
}

.dialog p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}


.c img {margin:5px 4px}

.center {text-align:center;margin:0 auto;}

ul {margin:5px 18px;}




/* table */
.tch {width:658px;background:#111; color:#666666; border:1px solid #111; margin: 5px 0 20px 0;}
.tch2 {width:658px;background:#111; color:#666666; border:1px solid #111; margin: 5px 0 20px 0; font-size:100%;}

.tech {border:1px solid #222; width:150px; padding:2px;}
.techa {border:1px solid #222; width:150px; padding:2px;}
.tech2 {border:1px solid #222; color:#ddd; padding:2px 5px; text-align:center;}
.tech2a {border:1px solid #222; color:#ddd; padding:2px 5px; text-align:center;}
	.tech3 {border:0px solid blue; width:2px;}
	.tech3a {border:0px solid blue; width:2px;}

.tech4 {width:150px; border:1px solid #333;  color:#ddd;font-size:16px; padding:0px; margin:0px; background:#444;}
.tech4a {width:150px; border:1px solid #444;  color:#ddd;font-size:16px;  padding:0px; margin:0px; background:#555;}

.tech5 {border:1px solid #222; width:150px; color:#aaa; background:#444;}
	.tech6 {border:0px solid blue; width:2px; }
.tech7 {border:1px solid #222;  color:#aaa;  text-align:center;background:#444;}
.tech5a {border:1px solid #222; width:150px;  color:#aaa;  background:#555;}
	.tech6a {border:0px solid blue; width:2px; }
.tech7a {border:1px solid #222;  color:#aaa;   text-align:center;background:#555;}

.tech8 {border:1px solid #222; width:150px; background:#222; }
	.tech9 {border:0px solid blue; width:2px;}
.tech10 {border:1px solid #222;  color:#ddd; text-align:center;background:#222;}
.tech8a {border:1px solid #222; width:150px; background:#333;}
	.tech9a {border:0px solid blue; width:2px;}
.tech10a {border:1px solid #222;  color:#ddd;  text-align:center;background:#333;}

td.extra { color:#ddd; padding-left:20px;}
td.extra2 { color:#ccc; padding-left:20px;}

.Yes { background: url(/img/site/icons/yes.png) ; background-repeat: no-repeat; text-align:center; width:80px;margin-left:130px}
.No { background: url(/img/site/icons/no.png) ; background-repeat: no-repeat; text-align:center; width:80px;margin-left:130px}
.battery { background: url(/img/site/icons/battery.png); background-repeat: no-repeat; vertical-align: middle; width:90px;height:40px;border:0px solid red;padding:20px 0 0 60px;margin-left:0px}
.general { background: url(/img/site/icons/general.png); background-repeat: no-repeat; vertical-align: middle; width:90px;height:40px;border:0px solid red;padding:20px 0 0 60px;margin-left:0px}
.size { background: url(/img/site/icons/size.png); background-repeat: no-repeat; vertical-align: middle; width:90px;height:40px;border:0px solid red;padding:20px 0 0 60px;margin-left:0px}
.display { background: url(/img/site/icons/display.png); background-repeat: no-repeat; vertical-align: middle; width:90px;height:40px;border:0px solid red;padding:20px 0 0 60px;margin-left:0px}
.camera { background: url(/img/site/icons/camera.png); background-repeat: no-repeat;vertical-align: middle; width:90px;height:40px;border:0px solid red;padding:20px 0 0 60px;margin-left:0px}
.network { background: url(/img/site/icons/network.png); background-repeat: no-repeat; vertical-align: middle; width:90px;height:40px;border:0px solid red;padding:20px 0 0 60px;margin-left:0px}
.music { background: url(/img/site/icons/music.png); background-repeat: no-repeat; vertical-align: middle; width:90px;height:40px;border:0px solid red;padding:20px 0 0 60px;margin-left:0px}
.data { background: url(/img/site/icons/data.png); background-repeat: no-repeat; vertical-align: middle; width:90px;height:40px;border:0px solid red;padding:20px 0 0 60px;margin-left:0px}
.messages { background: url(/img/site/icons/messages.png); background-repeat: no-repeat; vertical-align: middle; width:90px;height:40px;border:0px solid red;padding:20px 0 0 60px;margin-left:0px}
.memory { background: url(/img/site/icons/memory.png); background-repeat: no-repeat; vertical-align: middle; width:90px;height:40px;border:0px solid red;padding:20px 0 0 60px;margin-left:0px}
.system { background: url(/img/site/icons/system.png); background-repeat: no-repeat; vertical-align: middle; width:90px;height:40px;border:0px solid red;padding:20px 0 0 60px;margin-left:0px}
.media { background: url(/img/site/icons/media.png); background-repeat: no-repeat; vertical-align: middle; width:90px;height:40px;border:0px solid red;padding:20px 0 0 60px;margin-left:0px}
.games { background: url(/img/site/icons/games.png); background-repeat: no-repeat; vertical-align: middle; width:90px;height:40px;border:0px solid red;padding:20px 0 0 60px;margin-left:0px}

.features { background: url(/img/site/icons/features.png); background-repeat: no-repeat; vertical-align: middle; width:90px;height:40px;border:0px solid red;padding:20px 0 0 60px;margin-left:0px}
.extraf { background: url(/img/site/icons/extra.png); background-repeat: no-repeat; vertical-align: middle; width:90px;height:50px;border:0px solid red;padding:10px 0 0 60px;margin-left:0px}







#a234 a {text-decoration:underline;color: red;}
a {text-decoration: none; color: #7d7d7d;}
.s a:hover {text-decoration: underline;color:red;}
.s li.active {background: #8E0000;}
.s li.active a {color: #FFFFFF;}

#navigation a:hover {text-decoration: underline;color:red;}
#navigation li.active {background: #8E0000;}
#navigation li.active a {color: #FFFFFF;}

a img {border:0;}


.dialog h2{
 /* header */
 font-size:18px;
 margin:0px;
 padding:0px;
 position: relative; top: -10px;
 text-align:center;
color:#777;
}

.dialog h3{
 /* header */
 font-size:15px;
 margin:0px;
 padding:0px; 
 position: relative; top: 5px;
 text-align:center;
color:#999;
}