/*
-----------------------------------------------
Style Sheet

Site: Quartz Corporate Website
Author:   Quartz Imaging Corporation	www.quartzimaging.com
Version:  2007.03
----------------------------------------------- */

body  { 
font-size: 62.5%; /* In this case, 1em equals 10px */
}

#wrap {
/* background:#FFF url(../media/bg_top2.gif) no-repeat left top; */
overflow:hidden;
width:900px;
position:relative;
margin:0 auto;
}

#container {
width:900px;
overflow:hidden;
background:#fff;
position:relative;
margin:0 auto;
}

#footerWrap {
width:900px;
background-color:#FFF;
margin:0;
padding-top:10px;
clear:both;
}

/* Page Title
----------------------------------------*/

#head {
padding:4px 0;
width:635px;
border-top:1px solid #777;
border-bottom:1px solid #777;
}

#head p {
color:#666;
font-size:1.2em;
margin:4px 0 0;
}

#head h3 {
color:#007DC3;
font: 3.2em Georgia, "Times New Roman", Times, serif;
margin-top:0;
}

#head a,#head a:hover {
color:#666;
}

/* Main Contents
----------------------------------------*/

#maincontent {
width:635px;
float:left;
display:inline;
text-align:left;
margin:10px 0 0;
padding:0;
}

.maincontentNext {
width:635px;
float:left;
text-align:left;
border-top:1px #777 solid;
margin:5px 0 0;
padding:10px 0 0;
}

#maincontent ul, #maincontent li, .maincontentNext ul, .maincontentNext li {
color:#444;
line-height:1.5em;
text-align:left;
list-style:square;
margin-left:7px;
margin-top:0;
padding:0;
}

/* Footer (Copyrights) */

#footer {
width:900px;
border-top:1px solid #777;
margin:0;
padding:10px 0;
clear:both;
}

#footer p {
font-size:1.1em;
line-height:14px;
text-align:left;
margin:0;
padding:0;
}

/* Sub Nav */

.subnav {
background-color:#fff;
width:250px;
float:right;
margin:10px 0 0;
padding:0;
}

.subnav ul {
font-size:1.2em;
margin:0;
padding:0;
}

.subnav li {
color:#ddd;
background-color:#777;
text-align:left;
text-indent:15px;
line-height:2em;
margin:0;
padding:0;
}

.subnav a {
display:block;
border-bottom:1px #fff solid;
color:#ddd;
font-weight:400;
width:250px;
margin:0;
padding:0;
}

.subnav a:hover {
color:#fff;
background-color:#999;
border-bottom:1px #fff solid;
}

.subnav a:visited {
color:#fff;
}

.select a,#select a:hover {
color:#fff;
background-color:#222;
border-bottom:1px #fff solid;
}

.subnavselect a {
background-color:#444;
border-bottom:1px #fff solid;
}

.subnav span.nolink {
display:block;
color:#ddd;
text-decoration:none;
font-weight:400;
margin:0;
padding:0;
}

.subsub a {
background: #444 url(../media/bg_subsub.gif) repeat-y top left;
border-bottom:1px #fff solid;
width:250px;
text-indent:23px;
}

.last_subsub a {
background: #444 url(../media/bg_subsub.gif) repeat-y top left;
border-bottom:1px #fff solid;
text-indent:23px;
}

.subselect a,#subselect a:hover {
color:#fff;
background: #222 url(../media/bg_subsub.gif) repeat-y top left;
border-bottom:1px #fff solid;
text-indent:23px;
}

.last_subselect a,#last_subselect a:hover {
color:#fff;
background: #222 url(../media/bg_subsub.gif) repeat-y top left;
border-bottom:1px #fff solid;
text-indent:23px;
}

.lastselect a {
color:#fff;
background: #222 url(../media/bg_subsub.gif) repeat-y top left;
border-bottom:1px #fff solid;
}

.twoColum {
background:#fff;
width:635px;
float:left;
clear:both;
padding:0;
margin:0;
}


twoColum img {
margin:0 0 5px;
}

.left {
width:310px;
float:left;
margin:0;
padding:0;
}

.right {
width:310px;
float:right;
margin:0;
padding:0;
}

/*
----------------------------Start Upgrade page */
.upgrade {
margin:6px 0;
width:630px;
float:left;
border:1px solid #7f7f7f;
}

.full_width {
width:900px;
float:left;
margin:0;
}

.last_full_width {
margin-bottom:5px;
}

.upgrade strong {
color:#007DC3;
font-weight:normal;
}

.upgrade p {
color:#666;
font-size:1.2em;
text-align:left;
line-height:1.5em;
margin:0;
padding:4px 10px;
}

.upgrade h4 {
color:#000;
font-size:1.2em;
text-align:left;
line-height:0.75em;
margin:0;
padding:4px 10px 0;
}

.upgrade h2 {
color: #839C16; 
font: normal 1.8em Georgia, "Times New Roman", Times, serif; 
text-align:left;
margin: 0.25em 10px 0; 
}

/*
---------------------------Ends Upgrade page */

.sidecontent {
margin:6px 0;
background-color:#fff;
width:248px;
float:right;
border:1px solid #7f7f7f;
}

#sideSecurity {
margin:6px 0;
background:#fff url("../media/bg_security.gif") repeat top left;
width:248px;
float:right;
border:1px solid #a40931;
}

#sidecontent_none {
background-color:#fff;
margin-top:6px;
width:250px;
float:right;
}

#sidecontent_noborder {
background-color:#fff;
width:230px;
float:right;
margin:0;
padding:0 10px;
}

.sidecontent p, #sideSecurity p {
color:#666;
font-size:1.2em;
text-align:left;
line-height:1.5em;
margin:0;
padding:10px;
}

.sidecontent h4 {
color:#000;
font-size:1.2em;
text-align:left;
line-height:0.75em;
margin:0;
padding:10px 10px 0;
}

.sidecontent ul, #sidecontent li {
color:#007DC3;
font-size:1.1em;
text-align:left;
list-style-image: url("../media/square.gif");
margin:5px 12px;
padding:0 -10px;
}

.sidecontent img {
float:left;
}

#contact_left {
width:310px;
float:left;
margin:0;
padding:0;
}

#contact_right {
width:310px;
float:right;
margin:0;
padding:0;
}

#contact_right ul,#contact_right li {
color:#666;
text-align:left;
list-style-image:url("../media/square.gif");
margin-left:7px;
line-height:0;
padding:0;
}

.table_left {
width:200px;
float:left;
text-align:left;
border-top:#333 1px solid;
margin:0;
padding:5px 5px 0;
}

.table_right {
width:409px;
float:left;
text-align:left;
border-top:#333 1px solid;
border-left:#333 1px solid;
margin:0;
padding:5px 5px 0;
}

#table_wrap {
text-align:center;
margin-bottom:10px;
padding-top:10px;
width:auto;
float:left;
clear:both;
border:solid 1px #333;
}

.continent {
color:#111;
text-align: left;
width:635px;
margin:30px 0 6px;
padding-bottom:4px;
border-bottom:#CCC 1px solid;
}

.clear {
clear:both;
}

.red {
color:red;
}

.blk {
color:#000;
font-weight:700;
}

.caption {
color:#333;
font-size:9px;
font-family:"Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:400;
margin:0;
padding:0;
}

.button {
margin-top:-10px;
}

#right_img {
width:256px;
float:right;
clear:left;
margin:0.3em 0 4px 8px;
}

.full_img {
width:635px;
float:left;
margin:0;
}

.feature {
display:block;
/*float:left;
clear:both;
margin:0;*/
font-style:italic;
font-family:Georgia,"Times New Roman",Times,Serif;
margin: 15px 0;
}

.feature a {
	background-color: #FF00FF;
	color:  #FFF;
	padding: 4px 10px;
}

.feature a:hover {
	background-color: #FFF;
	border: 1px solid #FF00FF;
	color: #FF00FF;
}

/* #feature h4 {
margin:0;
font-style:italic;
font-family:Georgia,"Times New Roman",Times,Serif;
} */

#feature img {
float:right;
margin:0 0 2px 8px;
}

#first,#second,#third {
width:210px;
float:left;
margin:0 0 6px;
}

/* horizontal menu */
#tabs {
float:left;
width:100%;
background:#fff;
font-weight:bold;
font-size: 1.0em;
line-height:normal;
margin-bottom:10px;
padding-bottom:1px;
border-bottom:#666 1px solid;
}

#tabs ul {
margin:0;
padding:1px 0 0;
list-style:none;
}

#tabs li {
display:inline;
margin:0;
padding:0;
}

#tabs a {
float:left;
background:url("../media/tableft2.gif") no-repeat left top;
margin:0;
padding: 0 0 0 4px;
text-decoration:none;
}

#tabs a span {
float:left;
display:block;
background:url("../media/tabright2.gif") no-repeat right top;
padding:2px 12px 2px 6px;
color:#E05175;
}

.current {
float:left;
display:block;
background:url("../media/current.gif") repeat right bottom;
padding:2px 12px 2px 10px;
color:#fff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {
float:none;
}
/* End IE5-Mac hack */

#tabs a:hover span {
color:#fff;
border:none;
}

#tabs a:hover {
background-position:0% -42px;
border:none;
}

#tabs a:hover span {
background-position:100% -42px;
border:none;
}