html,body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,form,fieldset {
  margin: 0;
  padding: 0;
}
body {
  font: 12px Arial,Tahoma,sans-serif; /*75%*/
  color: #444; /*#244;*/
  margin: 0;
  padding: 0;
  text-align: center;
}


/* GENERAL STYLES
------------------------------------------*/
a {
  color: #17A;
  text-decoration: none;
}
a:hover, a:hover {
  color: #0099EA;
  text-decoration: underline;
}
.right {
  float: right;
}
.left {
  float: left;
}
.new {
  color: #CC3333;
}
.error {
  background-color: #F9E1E1;
  border: 1px solid #EAAEAE;
  padding: 6px;
}
.success {
  background-color: #EDF9E2;
  border: 1px solid #CCEBAD;
  padding: 6px;
}
#container {
  width: 770px;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

/* HEADER
------------------------------------------*/
#header {
  background: #FAFEFF url(/images/header_bg.gif) repeat-x;
  height: 94px;
}
#header img {
  margin: 27px 0 0 24px;
}

/* MAIN NAVIGATION
------------------------------------------*/
/*.min_width {
  min-width: 770px;
  
  width: expression( this.parentNode.offsetWidth <= 770 ? "770px" : "auto" );
}*/
#navigation {
  background: #0A91CD url(/images/navnew_bg.gif) 0 0px repeat-x;
  height: 30px;
}
#navigation ul, #sub_navigation span {
  margin-left: 24px;
}
#navigation li {
  list-style: none;
  display: inline;
}
#navigation a {
  float: left;
  font-size: 12px;
  line-height: 12px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 9px 18px 9px 17px;
  color: #ffffff;
}
#navigation .selected a, #navigation a:hover {
  background: #1DA6E2 url(/images/navnew_selected.gif) 0 0px repeat-x;
}
#navigation span {
  float: left;
  background: url(/images/navnew_bg_sep.gif) 0 0px no-repeat;
  width: 1px;
  height: 30px;
}

#news1 p, #news2 p {
  margin-top: 4px;
}

/* News Icons with PNG transparency */
a img {border:none;} /* turn off link borders */
#news_studioscreen_png {
  width: 122px;
  height: 128px;
}
#news_osxscreen_png {
  width: 133px;
  height: 128px;
}
#news_schemes_png {
  width: 74px;
  height: 125px;
}

#bigbar h3 {
  font: italic 13px Arial,Tahoma,sans-serif;
  text-transform: uppercase;
  color: #FFB;
  margin: 4px 0 10px 0;
  padding: 0;
}


/* THE SMALL BAR
------------------------------------------*/
#smallbar {
  clear: left;
  background: #0C9FD6 url(/images/content_header_bg.gif) repeat-x;
  height: 70px;
}
h1 {
  float: left;
  width: 200px;
  background: url(/images/content_header_bg_left.gif) repeat-x;
  height: 70px;
  padding: 0 25px;
  font: normal 20px/70px Optima,Georgia,Arial Narrow,Arial,sans-serif; /*20*/
  color: #FFF;
  
  overflow: hidden;

  /*text-transform: uppercase;
  letter-spacing: 1px;*/
}
#smallbar span {
  float: left;
  background: url(/images/content_header_bg_right.gif) no-repeat;
  height: 70px;
  width: 75px;
}
#small_quote {
  width: 423px;
  /*margin-left: 55px;*/
  height: 70px;
  font: italic 13px/19px Arial,sans-serif;
  text-align: right;
  vertical-align: middle;
}
#small_quote a {
  color: #CBE9F6;
}
#small_quote a:hover {
  color: #FFF;
  text-decoration: none;
}

/* Navigation location
-------------------------------------------*/

#bread {
	color: #ccc;
	background-color: #006;
	padding: 3px;
	margin-bottom: 25px;
	}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}


/* MAIN CONTENT
------------------------------------------*/
#main {
  /*background: url(/images/content_shadow.gif) repeat-x;*/
  overflow: auto;
}
#content {
  float: left;
  width: 494px; /*474*/
  margin: 25px 24px 0 24px;
  line-height: 19px; /* 16px for 11px font */
  
  display: inline;
}

#content_fullwidth {
  float: left;
  width: 700px; /*474*/
  margin: 25px 24px 0 24px;
  line-height: 19px; /* 16px for 11px font */
  display: inline;
}

#content p, #content_fullwidth p {
  margin: 0 0 14px 0;
}

h2 {
  color: #C52; /*#D05A25;*/
  margin: 0 0 17px 0;
  font: normal 16px Optima,Georgia,Arial Narrow,Arial,sans-serif;
  line-height: 23px;
}
h2 .info {
  float: right;
  font: italic 12px/21px Arial,sans-serif;
  height: 21px;
  color: #999;
  border-left: 1px solid #E4ECF2;
  margin: 3px 8px 0 0; /*31*/
  padding-left: 8px;
  display: inline;
}
h2 .no_border {
  border: none;
}

/* product icons */
.pc {
  background: url(/images/winicon.gif) 8px 1px no-repeat;
  float: right;
  height: 21px;
  font-size: 1px;
  line-height: 21px;
  color: #FFF;
  border-left: 1px solid #E4ECF2;
  margin: 3px 0 0 0;
  width: 36px;
}
.mac {
  background: url(/images/macicon.gif) 8px 1px no-repeat;
  float: right;
  height: 21px;
  font-size: 1px;
  line-height: 21px;
  color: #FFF;
  border-left: 1px solid #E4ECF2;
  margin: 3px 0 0 0; /*31*/
  width: 36px;
}
.web {
  background: url(/images/webicon.gif) 8px 2px no-repeat;
  float: right;
  height: 21px;
  font-size: 1px;
  line-height: 21px;
  color: #FFF;
  border-left: 1px solid #E4ECF2;
  margin: 3px 0 0 0; /*31*/
  width: 36px;
}

/* product colors */
.product {
  background: url(/images/header_hr.gif) 0 bottom no-repeat;
  margin: 0 0 5px 0;
  padding: 0 0 16px 0;
  font-size: 20px;
  color: #8FA5AD;
}
.studio {
  color: #006F9A;
}
.osx {
  color: #C33;
}
.v3 {
  color: #D6601F;
}
.colorpix {
  color: #664C99;
}
.online {
  color: #482;
}

h2 .bullet {
  color: #8FA5AD;
  font: bold 13px/43px Arial,Tahoma,sans-serif;
  vertical-align: top;
}

.product_screenshot {
  float: right;
  margin: 6px 0 0 16px;
  display: inline; /* fix IE double-float bug */
}
.requires {
  clear: right;
  float: right;
  width: 200px;
  text-align: center;
  font-size: 11px;
  color: #999;
}
.screenshot_block {
  clear: left;
  margin-bottom: 24px;
  overflow: auto;
}
h4 {
  font-size: 12px;
  font-weight: bold;
}
.screenshot {
  float: left;
  margin: 0 16px 0 0;
  display: inline; /* fix IE double-float bug */
}
.colorpix_screen {
  margin-right: 45px;
}
.content_block {
  margin-bottom: 36px;
  overflow: hidden;
}

.product_nav {
  margin-left: 2px;
  overflow: auto;
  /*font-size: 11px;*/
  /*font-weight: bold;*/
  color: #467;
}

.product_nav li {
  list-style-type: none;
  display: inline;
  margin-right: 16px;
}

ul.with_bullets {
  margin-bottom: 14px;
}
ul.with_bullets li {
  list-style-type: square;
  margin: 0 0 6px 22px;
  color: #455;
}
/*.content_block li {
  list-style: none;
  display: inline;
}
.content_block li a {
  float: left;
  display: block;
  padding: 4px 12px;
  margin-right: 8px;
  
  background-color: #F5FAFC;
  border: 1px solid #DFEDF2;
}*/

.example_img {
  float: left;
  margin-right: 16px;
}

.popout_block {
  background-color: #FFFFF4;
  border: 1px solid #F4F4CC;
  padding: 14px;
  margin: 20px 0;
}
.popout {
  color: #903;
}
.highlighter {
  color: #000;
  background-color: #FFFFF0;
}
.key {
  float: left;
  width: 140px;
}
hr {
  clear: left;
  border: none 0;
  border-top: 1px solid #EEE;
  height: 1px;
  margin: 16px 0 !important;
  margin: 10px 0;
}

.product_table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 10px 0 20px 0;
}
.row1 {
  background-color: #F5F9FA; /*#F4F9FA;*/
}
.row2 {
  background-color: #F1F7F9; /*#EFF6F8;*/
}
.row3 {
  font-size:10px;
  line-height: 13px;
}
.product_table .col5 {
  text-align: right;
}
.product_table .col_foot1 {
  background-color: #fff;
  border-top: 1px solid #E7F0F4;
}
.product_table .col_foot1 a {
  font-weight: normal;
}
.product_table .col_foot2 {
  background-color: #fff;
  border-top: 1px solid #E7F0F4;
  text-align: right;
}
.product_table th, .product_table td {
  text-align: left;
  padding: 8px;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
}
.product_table th {
  background-color: #E6F1F4; /*#E6F1F4;*/
}
.product_table td {
  /*background-color: #F5F9FA;*/
}
.product_table td a {
  font-weight: bold;
}
.order_submit {
  padding: 4px 6px;
}

/* SIDEBAR
------------------------------------------*/
#sidebar {
  float: left;
  width: 180px; /*229*/
  margin: 16px 0 0 25px;
  font-size: 11px;
  display: inline;
}

#sidebar p {
  color: #4B798B; /*#70645C;*/
  line-height: 14px;
  margin: 0 0 10px 0;
  padding: 0;
}

.sidebar_block {
  margin-bottom: 20px;
  overflow: hidden;
}

.sidebar_block ul {
  font-weight: bold;
}

.sidebar_block li ul {
  font-weight: normal;
  list-style: none;
  padding-left: 0px;
}

/* sidebar headers */
#sidebar h2 {
  font-size: 12px;
  /*color: #C52; #D62;*/
  line-height: 15px;
  text-transform: uppercase;
  margin: 12px 0 4px 0;
  border: none;
}

#sidebar h2 a {
  color: #17A;
}

/* Product Section Sidebar Styles
**********************************/
#sidebar #fresh_schemes a {
  display: block;
  width: 198px;
  /*color: #8B734B;*/
  line-height: 23px;
  border-top: 1px solid #DFEDF2; /*#F2F2DF;*/
  padding: 4px 0 0 2px;
}
#sidebar #fresh_schemes a:hover {
  color: #17A;
  background-color: #FFF; /*#FCFCF9;*/
  text-decoration: none;
}
#sidebar #fresh_schemes a span.doc_icon {
  background: url(/images/docicon16.gif) 1px 0 no-repeat;
  padding: 2px 0 0 19px;
}
.bullet {
  /*color: #789;*/
  font: bold 10px tahoma,arial,sans-serif;
}
#sidebar .scheme {
  display: block;
  width: 190px;
  margin: 5px 0 0 0;
  padding-bottom: 11px;
  overflow: auto;
}
#sidebar .outer {
  float: left;
  background-color: #FFF;
  border: 1px solid #C4D4D4; /*#D4D0C4;*/ /*#C4D4D4;*/
  padding: 1px;
  margin: 0 5px 0 0;
  display: block; /* was: inline */
}
#sidebar .shadow {
  display: block;
  padding: 1px;
}
#sidebar .color {
  display: block;
  height: 21px;
  width: 21px;
  margin: 0;
  padding: 0;
}
div.clear {
  clear: both;
}

/* Schemes Section Sidebar Styles
**********************************/
#sidebar img.screen {
  display: block;
  margin: 0 auto;
  border: 0;
  /*margin: 4px 0 12px 19px;*/
}
#sidebar a.pcicon {
  display: block;
  background: #FBFDFE url(/images/winicon.gif) 26px 8px no-repeat;
  padding: 11px 6px 10px 52px;
  border-bottom: 1px solid #D4E7ED;
}
#sidebar a.pcicon:hover {
  background-color: #FFF;
  text-decoration: none;
}
#sidebar a.macicon {
  display: block;
  background: #FBFDFE url(/images/macicon.gif) 26px 9px no-repeat;
  padding: 11px 6px 10px 52px;
  border-bottom: 1px solid #D4E7ED;
}
#sidebar a.macicon:hover {
  background-color: #FFF;
  text-decoration: none;
}
#sidebar span#logout {
  float: right;
}
ul#userNav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #D4E7ED;
  /*border-bottom: 1px solid #D4E7ED;*/
}
ul#userNav li {
  border-bottom: 1px solid #D4E7ED !important;
  margin: 0;
  padding: 0;
}
ul#userNav li a {
  display: block;
  background-color: #FBFDFE;
  color: #117CA1; /*#155C7A;*/
  padding: 11px 0 10px 11px;
  text-decoration: none;
  font: 11px tahoma, sans-serif;
}
ul#userNav li a:hover {
  background-color: #FFF;
  color: #069; /*#0F4257;*/
  text-decoration: none;
}
ul#userNav li a strong {
  margin-right: 4px;
}
ul#userNav li a:hover strong {
  color: #C33;
}
#sideLogin fieldset {
  border: 1px solid #D4E7ED;
  background: #FBFDFE;
  padding: 10px;
  text-align: right;
}
#sideLogin .textbox {
  width: 100px;
}
#sideLogin .submit {
  margin-top: 6px;
}
#sideLogin .lostpassword {
  float: left;
  margin-top: 7px;
}
#sideLogin .lostpassword label {
  color: #4E6C7E;
  font-size: 11px;
  margin: 0;
  padding: 0;
}
.sideoutline {
  border-top: 1px solid #D4E7ED;
  border-bottom: 1px solid #D4E7ED;
  /*border: 1px solid #D4E7ED;*/
  background-color: #F8FBFC;
  padding: 14px 0;
}


/* FOOTER
------------------------------------------*/
#footer {
  clear: left;
  width: 475px;
  margin: 24px 25px;
  padding-top: 16px;
  text-align: center;
  border-top: 1px solid #E6E6E6;
  color: #AAA;
}
#footer a {
  color: #788;
}
#footer p {
  font-size: 11px;
}


/* FORMS
------------------------------------------*/
fieldset {
  border: none;
}
#content fieldset {
  background-color: #FDFDF8;
  margin: 20px 0;
  padding: 20px 16px;
  border-top: 1px solid #F3F3E2;
  border-bottom: 1px solid #F3F3E2;
}
#content fieldset p.small {
  font-size: 11px;
  margin-top: 10px;
}
fieldset#mycs input {
  margin-left: 14px;
}
.row {
  clear: left;
}
.textbox {
  margin-top: 2px;
}
#contact .textbox {
  width: 200px;
}
#login label.left,#contact label,#register label {
  float: left;
  margin: 2px 0 10px 0;
  width: 90px;
}
#sideLogin label.left {
  float: left;
  text-align: left;
  color: #0F4257;
  font-size: 11px;
  margin: 6px 0 9px 0;
  width: 62px;
}
#private1,#private2,#private3,#private4,#remember {
  margin: 4px 4px 0 0 !important;
  margin: 0;
  margin-left: -4px;
  padding: 0;
}
#remem {
  margin: 4px 4px 0 0 !important;
  margin: 0;
  margin-left: -4px;
  padding: 0;
}
#login label.remember {
  font-size: 11px;
}

#upload fieldset .row {
  margin-bottom: 30px;
}
#login span {
  float: left;
  width: 90px;
}
#register label {
  float: left;
  margin: 6px 0 10px 0;
  width: 140px;
}
#editscheme label.right {
  float: right;
  margin: 6px 0 10px 7px;
  width: 160px;
}
#editscheme h3 {
  margin-top: 12px;
}
#editscheme .row {
  clear: both;
  margin-left: 7px;
}
#editscheme .rowcomment {
  font: 10px Tahoma,sans-serif;
  color: #999;
  margin-left: 2px;
}
#editscheme .submit {
  margin-left: 7px;
}
a.pop {
  position: relative;
  color: #06C;
  cursor: help;
}
a.pop:hover {
  text-decoration: none;
  border: none;
}
a.pop span {
  display: none;
}
a.pop:hover span {
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 160px;
  padding: 8px; 
  z-index: 100;
  background: #FFFFF4;
  color: #333;
  border: 1px solid #F4F4CC;
  font-size: 11px;
}
#upload label {
  clear: none;
  font-size: 11px;
}
#upload label.number {
  float: left;
  clear: left;
  text-align: center;
  width: 40px;
  font: 48px Georgia,"Times New Roman",serif;
  color: #EDEDAB;
  padding: 0 12px 0 0;
  margin: 0 20px 0 0;
  border-right: 1px solid #EDEDAB;
}
#upload label.check {
  color: #80804C;
}

ol li {
  list-style-type: decimal;
  padding: 0px 0px 0px 0px;
  margin: 0px 5px 5px 0px;
}

ol.commentlist {
  margin-bottom: 30px;
}

table.gallery {
  border: 0;
  margin-bottom: 20px;
}

.bigcentered {
  text-align: center;
  font: normal 20px Optima,Georgia,Arial Narrow,Arial,sans-serif;
}