/* fonts */

a, a:active, a:hover {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial;
}

body { font: normal normal 300 12px Arial; }

h1, h2, h3, h4 {
	margin-bottom: 8px;
}

h2 { font-size: 14px; }
h3 { font-size: 13px; }
h4 { font-size: 12px; }

#contact table th.required { font-size: xx-small; color:#AC2026; text-align: left; padding-bottom: 8px;  }

#middle a { font-weight: normal; color: #AC2026; font-size: 12px; }
#middle a:hover { text-decoration: underline; }
#middle .announce .date { font-size: 10px; }
#middle .announce .excerpt { font-style: italic; font-size: 10px; }
#middle .announce .title, #middle .announce .title a { font-size: 14px; font-weight: bold;color:#AC2026; }

#middle h3 a { font-size: 14px; font-weight: 900; color: #000; margin-top: 8px; }
#middle h3 a:hover { text-decoration:none; }

#middle .news .date { font-size: 10px; }
#middle .news .excerpt { font-style: italic; font-size: 10px; }
#middle .news .source, #middle .news .source a { font-size: 10px; font-weight: bold; }
#middle .news .title, #middle .announce .title a { font-size: 12px; font-weight: bold;color:#AC2026; }

#middle ul li a:hover { text-decoration: underline; }


/* layout */

* { margin: 0px; padding: 0px; }

img { border: 0px; }

body { 
	margin-top: 10px;
	text-align: center; 
}

fieldset { border: none;  }

#container {
	margin: 0px auto;
	width:770px;
	text-align: left;
}


/*#top {
	background: transparent url(../images/top_jo.jpg) no-repeat 
	 left;
	width:770px;
	height:99px;
}*/

div.award {
    margin: 12px 0px 0px 0px;
	width: 105px 
	/*width: 300px;*/
	text-align: center;
}

#top h1 { 
	visibility: hidden;
	display: none;
}

.page_head {
	background: transparent url(../images/page_head.JPG) no-repeat top left;
	width:770px;
	height:29px;
}

.page_head h2, .page_head span {
	display: none;
	visibility: hidden;
}

.page_head.welcome {
	/*original background: url(../images/welcome_header_j_770.JPG) no-repeat top left;*/
	background: url(../images/digital_spot_header_j_center.jpg) no-repeat top left;
	width: 770px;
	/*height: 29px;*/
	height: 35px;
}

.page_head.buy {
	background: url(../images/buynow_header_j.JPG) no-repeat top left;
	width: 770px;
	height: 29px;
}

.page_head.partners {
	background: url(../images/partners_header.gif) no-repeat top left;
	width: 770px;
	height: 29px;
}

.page_head.products {
	background: url(../images/products_header.gif) no-repeat top left;
	width: 770px;
	height: 30px;
}

.page_head.licensing {
	background: url(../images/licensing_header.gif) no-repeat top left;
	width: 770px;
	height: 29px;
}

.page_head.about {
	background: url(../images/aboutus_header_jo.JPG) no-repeat top left;
	width: 770px;
	height: 29px;
}

.page_head.press {
	background: url(../images/press_header_j.JPG) no-repeat top left;
	width: 770px;
	height: 29px;
}

.page_head.contact {
	background: url(../images/contactus_header_j.JPG) no-repeat top left;
	width: 770px;
	height: 29px;
}

.page_head.faqs {
	background: url(../images/faqs_header_j.JPG) no-repeat top left;
	width: 770px;
	height: 29px;
}

.page_head.terms {
	background: url(../images/terms_header_j.JPG) no-repeat top left;
	width: 770px;
	height: 29px;
}

.page_head.warranty {
	background: url(../images/warranty_header_j.JPG) no-repeat top left;
	width: 770px;
	height: 29px;
}

.page_head.privacy {
	background: url(../images/privacy_header_j.JPG) no-repeat top left;
	width: 770px;
	height: 29px;
}

.page_head.branding {
	background: url(../images/branding_header.gif) no-repeat top left;
	width: 770px;
	height: 29px;
}

.page_head.resale {
	background: url(../images/resale_header_j.JPG) no-repeat top left;
	width: 770px;
	height: 29px;
}

/*#main_body {
	background: transparent url(../images/main_body_jo.JPG) no-repeat top left;
	/*background-color: #000000;*/
	width:770px;
	height:377px;
}*/

#main_wrapper {
	background: url(../images/yellow_repeat.JPG) repeat-y;
	width: 770px;
}

#left_nav {
	float: left;
	padding-left: 20px;
	padding-top: 20px;
	width: 85px;
}

#left_nav ul { list-style-type: none; }
#left_nav ul li a { font-weight: bold; font-size: 13px; }
#left_nav ul li.break { margin-bottom: 14px; }

#middle { 
	display: block; 
	float: left; 
	padding-top: 20px;
	width: 524px; 
	margin-bottom: 12px;
}

/* Hide from IE Mac \*/
#middle {
	width: 530px;
}
/* end hide */


#contact_page #middle { text-align: center;width: 460px; }

.address {
	float: right;
	font-size: 11px;
	margin-right: 20px;
	margin-top: 20px;
	width: 170px;
	display: block;
}

/* begin press page styles */

#middle .announce { margin-bottom: 8px; }
#middle .announce p { margin-bottom: 0px; }

#middle .news { margin-bottom: 8px; }
#middle .news p { margin-bottom: 0px; }

/* end press styles */

#middle .feature {
	width: 190px;
	margin: 0px 4px 8px 0px; 
	float: right;
	text-align: center;
	display: block;
}
#middle .feature_j {
	width: 105px; 
	padding-left: 10px;
}

#middle .feature.left {
	width: 200px;
}

#middle .feature.home {
	width: 250px;
}

#middle .feature img {
	border: 0px;
	margin-left: 2px;
}

#middle .feature.hs10 {
	background: url(../images/HS10_feature.jpg) no-repeat top;
}

#middle ul.faq_links {
	list-style: none;
}

#middle ol {
	list-style: outside decimal;
	margin-left: 17px;
}

#middle ol li { margin-bottom: 8px; }

/* form styles */
#middle form label {
	font-weight: bold;
}

#middle form input, #middle form textarea {
	font: normal normal 300 11px Arial;
	border: solid 1px #000;
}

#middle form input.button { border: 0px; margin-top: 8px; }

/* form on contact page located in div#midle */
#contact input {
	margin-bottom: 8px;
}

#contact table td {
	text-align: center;
	vertical-align: top;
}

#contact table td.button { text-align:center; }

/* end form */

#middle p {
	margin-bottom: 10px;
}

#middle table { 
	font-size: 11px;
	width: 380px; 
	margin-bottom: 15px;
}


#middle table th, #middle table td.check {
	text-align: center;
}

#middle ul { list-style-type: none; }
#middle ul li { margin-bottom: 8px; }


#right { 
	float: right; 
	width: 105px; 
	padding-right: 20px; 
}

div.quote {
	width: 150px;
	height: 25px;
	float: right;
	font-size: 9px;
	margin-right: 10px;
	padding-top: 20px;
	text-align: center;
	vertical-align: bottom;
}

#right div.quote div.author {
	font-weight: bold;
}

#footer { 
	background: url(../images/yellow_repeat.JPG) repeat-y top left;
	clear: both; 
	text-align: center;
	font-size: 10px;
}

#footer a { 
	font-size: 10px; 
}

#footer a:hover {
	text-decoration: underline;
}

#bottom {
	background: transparent url(../images/bottom_jo.JPG) repeat top left;
	width:770px;
	height:16px;
}

#valid { width: 700px; text-align: center; font-size: 9px; }
#valid a { font-size: 9px; }

body.ss10 div#middle {
	width: 630px;
}

body.ss10 div#right div.award {
	visibility: hidden;
	display: none;
}

body.ss10 div#right {
	visibility: hidden;
	display: none;
}

div.product {
	display: table;
	margin-bottom: 12px;
}

/* hack for proper expansion of float container */
div.product:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.product {display: inline-table;}

/* Hides from IE-mac \*/
* html div.product {height: 1%;}
div.product {display: block;}
/* End hide from IE-mac */

/* end hack */

div.product img {
  margin: 4px 0px 4px 4px;
  float: right;
  border: 0px;
}