/* -- general -- */

* {padding: 0; margin: 0;}

html {height: 100%; margin-bottom: 1px;}

body {
	font-size: 11px; color: #000000; font-weight: normal;
	font-family: Verdana, Geneva, Helvetica, Arial;
	background: #fff url(../i/top_background.gif) repeat-x top left;
	text-align: center;
}
#b-terms {background-image: none;}

img {border: 0;}
form {margin: 0;}

input, textarea, select {
	font-size: 11px; color: #000000; font-weight: normal;
	font-family: Verdana, Geneva, Helvetica, Arial;
}

input.borderless {border: 0;}

a {font-weight: bold; text-decoration: none;}
a:link {color: #48b2ce; border-bottom: 1px dotted #48b2ce;}
a:visited {color: #8c8c8c; border-bottom: 1px dotted #8c8c8c;}
a:active, a:hover {border-bottom-style: solid;}

a.imagelink {border: 0;}

.clearall {clear:both; height: 1px; overflow: hidden;}


h1, h2, h3, h4, h5, h6 {
	margin: 0.8em 0 0.1em 0;
}


#wrap {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#boxart {width: 314px; height: 270px; float: left; background: url(../i/boxeswithart.jpg) no-repeat;}

#messagebox {
	width: 290px; float: right;
	display: inline;
	margin-right: 50px;
	background: url(../i/messagebox_back.gif) repeat-y top left;
}
#messagebox p {margin: 10px 0 0 0; padding: 0 28px 0 24px;}
#messagebox p span {color: #cc0000; font-weight: bold;}
#messagebox h1 {
	margin: 0;
	padding: 30px 28px 0 24px;
	font-size: 12px; font-weight: bold;
	background: url(../i/messagebox_top.gif) no-repeat top left;
}
#messagebox p.button {
	text-align: right;
	padding-bottom: 30px;
	background: url(../i/messagebox_bottom.gif) no-repeat bottom left;
}
#messagebox p.button a {border: 0;}




#news {width: 540px; float: left; margin: 20px 0 20px 0;}
#news div {width: 250px; float: left; padding-right: 20px;}
#news h3 {font-size: 12px; font-weight: bold; color: #e6a80e;}
#news h4 {font-size: 11px; font-weight: bold; color: #333333;}
#news h4 span {font-weight: normal; color: #999999;}

#news p {margin: 2px 0 10px 0;}


/*
#offer {width: 188px; height: 159px; float: right; margin-top: 10px;}
#rightcolumn #offer {position: relative; top: -40px; left: 20px;}
*/
#offer {display: none;}

#paymentmethods {text-align: center; margin-top: 30px;}

div.tableholder {padding: 20px 0 20px 220px;}

table {
	width: 100%;
	font-size: 9px;
	background-color: #ffffff;
	border-left: 0px solid #d7d7d7;
	border-top: 0px solid #d7d7d7;
}

table caption {
	color: #555543;
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 5px 20px;
	text-align: left;
	background: url(../i/tableheader.gif) repeat-x;
	border: 1px solid dcddcd;
}

table th, table td {
	margin: 0;
	padding: 5px 14px;
}
table th {
	border-bottom: 1px solid #d7d7d7;
}
table td {
	border-bottom: 1px solid #d7d7d7;
}
table tr.alt {
	background-color: #eff1f4;
}
table th, table th.func, table td.func {
	color: #555543;
	font-weight: bold;

}


/*table th.func, table td.func {
	border-bottom: 1px solid #ffffff;
}*/

/* -- bar-top -- */

#bar-top {height: 80px; overflow: hidden;}

#logo {float: left; width: 200px; padding-left: 12px; margin-top: 16px;}
#logo a {border: 0;}

#phone {float: right; width: 200px; padding-top: 30px; color: #fff;}
#phone ul {list-style-type: none;}
#phone li {margin-top: 1px;}
#phone .contact {margin-top: 2px; padding-left: 12px; background: url(../i/envelope.gif) no-repeat 0px 4px;}
#phone .contact a {color: #fff; font-weight: normal; border-bottom-color: #8c8c8c;}


/* -- nav -- */

#nav {padding-bottom: 10px;}

#menu {clear: left; padding: 0 0 40px 0; list-style-type: none;}
#menu li {
	float: left;
}
#menu li:hover {
	background: url(../i/arrow_down.gif) no-repeat top center;
}
#menu li.active {
	background: url(../i/arrow_down.gif) no-repeat top center;
}
#menu li a {
	float: left;
	padding: 11px 25px 2px 25px;
	border-bottom-width: 0;
}

#menu a {color: #000; font-size: 10px; font-weight: bold; text-transform: uppercase;}
#menu a:link,
#menu a:visited {color: #333333; text-decoration: none;}
#menu a:active,
#menu a:hover {color: #333333; text-decoration: underline;}

#menu li#menulabs a {padding: 11px 15px 2px 35px; color: #999999;}
#menu li#menulabs a {background: url(../i/labs.gif) no-repeat 12px 9px;}




/* OLD */






/* -- layout -- */

#leftcolumn {width: 500px; float: left; border: 0px solid blue;}
#rightcolumn {width: 230px; float: right; padding-top: 12px; border: 0px solid purple;}
#fullcolumn {width: 700px; padding-left: 8px;}



#leftcolumn ul, #rightcolumn ul {margin: 0 0 6px 0; padding: 4px 0 0 6px; list-style-type: none;}
#leftcolumn ul li, #rightcolumn ul li {
	margin: 0px;
	padding: 0 0 2px 20px;
	background: url('../i/list.gif') no-repeat 5px 5px;
}



.priceitem ul {margin: 0 0 6px 0; padding: 4px 0 0 6px; list-style-type: none;}
.priceitem ul li {
	margin: 0px;
	padding: 0 0 2px 20px;
	background: url('../i/list.gif') no-repeat 5px 5px;
}

.priceitem h3 {color: #73624a; font-size: 12px; font-weight: bold;}

ol {margin: 0 0 6px 20px; padding: 4px 0 0 6px;}
ol li {margin: 0px; padding: 0 0 2px 0;}


h2 {color: #e6a80e; font-size: 16px; font-weight: bold; margin-left: 14px; margin-bottom: 4px;}
/*h3 {color: #73624a; font-size: 12px; font-weight: bold;}*/
h5 {font-size: 11px; font-weight: bold; margin: 0 0 2px 0;}
p {margin: 0 0 1.0em 0;}

h2 a {font-size: 11px; font-weight: normal; margin-left: 6px;}
h2 img {float:right; margin: 5px 5px 0 0;}
h5 span {font-size: 11px; font-weight: normal; margin-left: 6px;}

.hdots {clear: both; width: 100%; height: 1px; overflow: hidden; background-image: url('../i/h_dots.gif');}

.post {font-size: 11px; padding: 8px; background-image: url('../i/fade.gif'); background-repeat: repeat-x;}
.postwbar {font-size: 11px; padding: 6px 8px 8px 8px; background-image: url('../i/fadewithbar.gif'); background-repeat: repeat-x;}

.box {padding: 14px; margin-top: 10px; margin-left: 6px; margin-right: 6px; border: 1px solid #cccccc;}

.paper {
	margin: 10px 0 10px 0px;
	padding: 4px 4px 4px 30px;
	list-style-type: none;
	background-image: url('../i/text.gif');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border: 0px solid blue;
}

.section {margin: 0 0 30px 0;}

.sectionodd {margin: 0; margin-bottom: 16px;}
.sectionodd div.image {float: right; width: 160px; margin: 6px 0 10px 0; font-size: 10px; color: #666666; text-align: center;}
.sectionodd div.text {float: left; width: 310px;}

.sectioneven {margin: 0; margin-bottom: 16px;}
.sectioneven div.image {float: left; width: 160px; margin: 6px 0 10px 0; font-size: 10px; color: #666666; text-align: center;}
.sectioneven div.text {float: right; width: 310px;}


#leftcolumn .bar {font-size: 11px; padding-left: 8px; padding-bottom: 26px;}
#leftcolumn .bar ul {margin: 0; padding: 0; list-style-type: none;}
#leftcolumn .bar ul li {float: left; margin: 0; margin-right: 20px; padding: 0; background-image: none;}
#leftcolumn .bar ul li.secondary {float: right; margin: 0; margin-right: 20px; padding: 0; background-image: none;}

#leftcolumn .bar a {color: #222222; border-bottom: 0;}
#leftcolumn .bar a:link {text-decoration: none; border-bottom: 0;}
#leftcolumn .bar a:visited {text-decoration: none; border-bottom: 0;}
#leftcolumn .bar a:active {text-decoration: underline; border-bottom: 0;}
#leftcolumn .bar a:hover {text-decoration: underline; border-bottom: 0;}

.newsletter {background-color: #f1f1f1; margin: 10px 1px 0 1px; padding: 10px 0 6px 16px;}
.newsletter div.title {color: #333333; font-weight: bold;}
.newsletter div.button {width: 190px; text-align: right; padding-top: 4px;}
.newsletter input.email {width: 190px; color: #333333;}

.demo {text-align: center; padding-bottom: 10px;}

.fill {height: 100px;}

.subtitle {color: #111111; font-size: 12px; font-weight: bold;}

.details {width: 400px; padding: 20px 0 0 10px;}

.contactinfo {padding-left: 10px; padding-top: 10px;}
.contactformitem {padding-left: 10px; padding-top: 10px;}
.contactformsubmit {width: 440px; padding-top: 10px; text-align: right;}
.contactmessage {width: 440px; height: 200px;}


div.demowindow {text-align: center;}
div.demowindow div.header {font-size: 12px; font-weight: normal; color: #999999; text-align: center; padding: 6px;}


div.demolist {padding-top: 20px;}
div.demolist div.title {color: #111111; font-weight: bold; margin-bottom: 16px;}
div.demolist div.link {margin-left: 6px;}
div.demolist a {font-size: 12px; }

div.demothanks {color: #111111; font-weight: bold; padding-top: 16px;}

div.demoform {padding-top: 16px;}
div.demoform .item {padding-left: 10px; padding-top: 10px;}
div.demoform .itemsubmit {width: 400px; padding-top: 10px; text-align: right;}
div.demoform input.text {width: 180px;}


div.orderform {margin-left: 10px; padding-top: 22px;}


/*mac hide \*/
* html div.orderform{height:1%;}
/* end hide*/

div.orderform .item {padding-top: 10px;}
div.orderform input.text {width: 180px;}
div.orderform textarea.message {width: 430px;}
div.orderform .submit {width: 430px; padding-top: 6px; text-align: right;}

div.messages {width: 440px; font-weight: bold; color: #111111; padding: 4px; margin-top: 20px; border: 1px solid #cccccc; background-color: #f0f0f0;}
div.message {width: 440px; margin: 2px 0 0 20px;}

.super {font-size: 10px; font-weight: normal; vertical-align: super;}

div.orderform .column {width: 180px; padding-top: 4px; float: left;}
div.orderform .widecolumn {width: 210px; float: left;}
div.demoform .widecolumn {width: 210px; float: left;}

div.orderthanks {color: #111111; font-weight: bold; padding-top: 16px;}

div.prices {padding: 14px; margin-top: 10px; margin-left: 6px; margin-right: 6px; border: 1px solid #cccccc;}
div.retailer {padding: 14px; margin-top: 20px; margin-left: 6px; margin-right: 6px; border: 1px solid #cccccc;}

div.priceitem {padding: 4px 20px 20px 0;}

div.order {text-align: center; padding: 8px 20px 20px 0;}

div.prices ul li {font-size: 11px; }

div.biglist {font-size: 11px; margin-left: 4px; margin-top: 14px; margin-bottom: 20px;}

div.technical {font-size: 11px; color: #333333; padding-top: 20px;}
div.technical span {font-weight: bold;}


.price {font-size: 12px; color: #bb0000; font-weight: bold;}
.priceprefix {font-size: 11px; color: #666666; font-weight: normal;}
.pricesuffix {font-size: 11px; color: #333333; font-weight: normal;}
.pricesmall {font-size: 11px; color: #333333; font-weight: normal;}
.discount {padding-left: 10px; color: #bb0000;}


.highlight {font-weight: bold; color: #111111;}

/* -- references -- */

div#referenceimages  {text-align: center;}


/* -- copyright -- */

#copyright {padding-top: 40px; padding-bottom: 4px;}
#copyright .first {
	font-size: 10px; color: #ffffff;
	padding-left: 8px; padding-top: 4px; padding-bottom: 5px;
	background: #444 url('../i/leaves.gif') no-repeat bottom right;
}

#copyright .first a {color: #ffffff; font-weight: normal; border-bottom-color: #ffffff;}

#copyright .second {
	font-size: 10px; color: #595959;
	padding-left: 8px; padding-top: 6px; padding-bottom: 4px;
}


/* -- terms -- */
div#terms {width: 90%; text-align: left; font-size: 11px; margin: 10px;}
div#terms .header1 {font-size: 11px; font-weight: bold; margin: 20px 0 4px 0;}
div#terms .header2 {font-size: 11px; font-weight: normal; margin: 14px 0 4px 0;}
div#terms .header3 {font-size: 11px; font-weight: normal; margin: 8px 0 4px 0;}
div#terms p {padding: 0px; margin: 0 0 4px 0;}


.post:after,
.postwbar:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .post,
* html .postwbar {
	height: 1%;
}

*:first-child+html .post,
*:first-child+html .postwbar {
	min-height: 1px;
}