/***( body )********************************************** color was 7d7b7b, background, eff2f3**/
body   { color: #7d7b7b; background-color: #dbdddd }

/***( header )**********************************************/
#header  { background: #dbdddd; font-size: 10px; font-weight: bold; background: url("http://www.oligoengine.com/oe3_images/main_top_back.gif") no-repeat center top; text-align: left; margin-bottom: 0; padding: 20px 0 27px; position: relative; width: 980px; height: 39px }
/****#ilife-title {float: left; left: 25px; position: relative; top: 21px;}
/****#ilife-logo {position: absolute; right: 30px; top: 15px;}
/****ul#localnav {background: #fff url(http://www.oligoengine.com/oe3_images/nav_back.gif) no-repeat left center; clear: none; display: block; float: left; left: 25px; margin: 0 0 0 23px; padding: 0 0 0 5px; position: relative; top: 20px; width: 200px;}
/****div#header.garageband ul#localnav {background-image: url(http://www.oligoengine.com/oe3_images/nav_back_big.gif); top: 3px;}
/****ul#localnav li {background-color: #fff; display: block;}
ul#localnav a {background-color: #fff; color: #a1a5a9; display: block; padding: 1px 0 1px 14px; text-decoration: none;}
ul#localnav a:hover {background: #fff; color: #94c1ee; display: block;}
ul#localnav a.hi {background: #fff url(http://www.oligoengine.com/oe3_images/side_arrow.gif) no-repeat left center; color: #000; display: block; height: 1%;}
ul#appnav {position: absolute; right: 22px; top: 73px;}
ul#appnav li {display: inline;}
ul#appnav a {background-color: #fff; color: #000; display: block; float: left; height: 15px; margin-right: 17px; padding: 4px 0 0 22px; position: relative; text-decoration: none;}
ul#appnav a:hover {background-color: #fff; color: #94c1ee;}

/***( main )**********************************************/
#main {margin-top: 0; width: 980px;}

/***( content-top )**********************************************/
#content-top {background: #fff url(http://www.oligoengine.com/oe3_images/main_back_bottom.gif) no-repeat left bottom; padding: 0 25px 49px; /*position: relative;*/}
#content-top h3 {background: #FFF; color: #000; font-size: 12px; margin-bottom: 6px;}
#content-top p {background-color: #fff; font-size: 12px; line-height: 15px; margin-bottom: 5px;}
#content-top div.clearer {margin-bottom: 20px;}

/***( content )**********************************************/
#content {width: 980px;}
#content p {margin-bottom: 10px; line-height: 150%;}
#content img {margin-bottom: 10px;}
#content h3 {font-size: 14px; margin-bottom: 25px;}
#bodyiphotoindex #content h3, #bodyimovieindex #content h3, #bodyidvdindex #content h3, #bodygaragebandindex #content h3, #bodyiwebindex #content h3 {font-size: 14px; margin-bottom: 5px;}
#content-top .subcolumn1-2 {width: 275px;}
#content-top .subcolumn2-2 {width: 275px;}
img#hero {margin-bottom: 0px;} /* 20px removed since we're moving imgs to featureBlock but we could rename it hero */ 
img.left {margin-right: 20px;}
img.right {margin-left: 20px;}
#featureBlock {text-align: center; width: 590px; margin-bottom: 20px; position: relative; height: 1%; zoom: 1;}
#quicktourImage {/*position: relative;*/ top: 0; left: 0; cursor: pointer; opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; background-color: #fff;}
#tourOE3link  { visibility: visible; position: absolute; top: 400px; right: 12px; left: 740px; width: 250px; height: 30px }

#moviediv {position: absolute; top: 0px; left: 39px; width: 512px; height: 320px;}

div.featureimg1 {margin: 0; padding: 0 0 20px 0; text-align: center;}
div.featureimg3 {padding: 0 0 13px 0; text-align: center;}

/***( sidebar )**********************************************/
#sidebar {width: 220px;}
#sidebar div.box {background: #fff url(http://www.oligoengine.com/oe3_images/side_bar_back.gif) no-repeat center bottom; border: 0; margin: 0 0 15px 0; padding: 0 15px 15px 15px;}
#sidebar div.box h2 {background: #fff url(http://www.oligoengine.com/oe3_images/side_bar_back.gif) no-repeat center top; border: 0; color: #fff; font-size: 13px; margin: 0; padding: 7px 14px 7px 14px;}
#sidebar div.box h2.empty {background: #fff url(http://www.oligoengine.com/oe3_images/side_bar_back.gif) no-repeat center top; color: #fff; height: 10px; margin: 0 -15px; padding: 0;}
#sidebar .box p {font-size: 10px; margin: 0 0 .6em 0}
#sidebar div#jampackssidebarnav.box h2.empty{width: 220px; margin:0 -14px;}
/*\*/
html>body #sidebar div#jampackssidebarnav.box h2.empty{margin: 0 -15px;}
/**/

#sidebar div#buybox {padding: 0 15px 15px 15px;}
html>body #sidebar div#buybox {padding-bottom: 0;}


/***( buynow )********************************************/
#sidebar #buybox p {font-size: 10px; line-height: 130%;}

#sidebar a#buynowbutton {background: #fff url(http://www.oligoengine.com/oe3_images/quick_start_butoon.jpg) no-repeat left 3px; color: #7d7b7b; display: block; margin: 0; padding: 0 0 7px 70px; text-decoration: none;}

#sidebar a#buynowbox {background: #fff url(http://www.oligoengine.com/oe3_images/quick_start_butoon.jpg) no-repeat right 8px; color: #7d7b7b; display: block;  margin: 0 0 7px 0; padding: 5px 60px 5px 0; text-decoration: none; font-size: 10px;}
#sidebar a#buynowbox p {margin-bottom: 3px; font-size: 10px; font-weight: bold;}
#sidebar a#buynowbox p.install {margin-bottom: 3px; font-size: 9px; font-weight: normal;}

#sidebar #buybox .reseller {font-size: 9px; margin-top: -5px; padding: 0;}
#sidebar #buybox .reseller div {background-color: #fff; float: left; margin-top: 1px; width: 113px;}
#sidebar #buybox .reseller form#buynowrsearch {float: left; margin-top: 2px; width: 129px;}
#sidebar #buybox .reseller form#buynowrsearch img.srchimgs {margin: 0px 0 1px; vertical-align: top;}
html>body #sidebar .reseller form#buynowrsearch img.srchimgs {margin: 0 0 11px;}
#sidebar #buybox .reseller form#buynowrsearch input.searchbox {width: 190px; margin: 0;}
* html #sidebar #buybox .reseller form#buynowrsearch input.searchbox {width: 140px;}
#sidebar #buybox .reseller form#buynowrsearch input.sbox {font-size: 11px; width: 120px;}

#sidebar #buybox .retail a, #sidebar #buybox .retail a:visited {color: #a1a5a9; font-size: 11px;}
#sidebar #buybox .retail a:hover {color: #000;}
#sidebar #buybox .retail p {margin: 0; padding: 0;}



/***( content-bottom )**********************************************/
#content-bottom {background: #fff url(http://www.oligoengine.com/oe3_images/main_back.gif) no-repeat left bottom; float: left; font-size: 9px; line-height: 13px; width: 980px;}
#content-bottom .subcolumn1-4 {background: transparent url(http://www.oligoengine.com/oe3_images/lab_membership_back.gif) no-repeat left bottom; margin: 8px 0 0; padding: 0 0 23px 119px; width: 220px;}
*html #content-bottom .subcolumn1-4 {padding-bottom: 26px;}
#content-bottom .subcolumn2-4 {background: transparent font-size: 10px; margin: 8px 0 0 31px; width: 112px;}
#content-bottom .subcolumn3-4 {background: transparent right 14px; margin: 8px 0 0 38px; width: 190px;}

#content-bottom .subcolumn4-4 {float: left; margin: 8px 0 0 24px; padding: 0; width: 200px;}
/*\*/
html>body* #content-bottom .subcolumn4-4 {margin-left: 25px; /* help - is this still needed */}
/**/

#content-bottom h3 {background-color: #fff; color: #000; font-size: 11px; line-height: 13px; margin-bottom: 6px;}
#content-bottom .subcolumn1-4 h3 {margin-bottom: 12px;}
#content-bottom .subcolumn2-4 h3 {margin-bottom: 8px;}
#content-bottom .subcolumn3-4 h3 {margin-bottom: 12px;}
#content-bottom p {font-weight: normal; margin-bottom: 0;}
#content-bottom .subcolumn1-4 p {line-height: 13px;}
#content-bottom .subcolumn3-4 p {line-height: 13px; margin-right: 40px;}
body.garageband #content-bottom .subcolumn3-4 p {margin-right: 0;}
#content-bottom .subcolumn2-4 ul {margin: 0;}
#content-bottom .subcolumn2-4 ul li {margin: 0; padding: 0;}
*html #content-bottom .subcolumn2-4 ul li {margin: 0 0 -6px 0; padding: 0;}
*html #content-bottom .subcolumn2-4 ul li a {margin: 0; padding: 2px 0 0 0;}
#content-bottom .subcolumn1-4 .button1 {margin-top: 16px; margin-left: 37px;}
#content-bottom .subcolumn3-4 .button1 {margin-top: 29px; width: 126px;}
#content-bottom .subcolumn4-4 .button1 {margin-top: 17px;}
#content-bottom .button4 a.whitearrowright {font-size: 10px;}
#content-bottom .subcolumn4-4 .button4 a.whitearrowright {font-size: 9px;}
#content-bottom a.grayarrowright {background: transparent url(http://www.oligoengine.com/oe3_images/right_arrow_grey.gif) no-repeat right center; color: #7d7b7b; display: block; margin-top: -3px; padding: 4px 17px 6px 0; text-decoration: none;}
#content-bottom a.grayarrowright:hover {color: #0099cc;}
#content-bottom a#buynow {background: #fff url(http://www.oligoengine.com/oe3_images/quick_start.jpg) no-repeat right 4px; color: #7d7b7b; display: block; padding: 0 140px 0 0; text-decoration: none;}
#content-bottom a#buynow p {margin-bottom: 8px;}
#content-bottom a#buynow p#price {color: #777; font-size: 11px; font-weight: bold; margin-bottom: 0; padding-top: 0;}
/*
#content-bottom .reseller {font-size: 9px; margin-top: 17px; padding: 0;}
#content-bottom .reseller div {background-color: #fff; color: #bbb; float: left; margin-top: 5px; width: 113px;}
#content-bottom .reseller form#rsearch {float: left; margin-top: 2px; width: 129px;}
#content-bottom .reseller form#rsearch img.srchimgs {margin: 0 0 1px;}
html>body #content-bottom .reseller form#rsearch img.srchimgs {margin: 0 0 11px;}
#content-bottom .reseller form#rsearch input.searchbox {width: 129px;}
#content-bottom .reseller form#rsearch input.sbox {color: #d6d9dc; font-size: 11px; width: 120px;}
*/

/***( breadcrumb )**********************************************/
#breadcrumb {background-color: #dbdddd; color: #000;}


/***( footer )**********************************************/
#footer {background-color: #dbdddd; border: 0; color: #000;}
#footer a, 
#breadcrumb a {background-color: #dbdddd; color: #000;}
#footer input {margin-bottom: 10px;}

html>body form#rsearch img.srchimgs {margin: 0 0 11px;}
/*\*/
html>body*form#search input, html>body*form#rsearch input {font-size: 12px;}
html>body*form#search img.srchimgs, 
html>body*form#rsearch img.srchimgs {display: none;}
html>body*form#search input.sbox, 
html>body*form#rsearch input.sbox {width: 190px;}
/**/

/***( subcolumns )**********************************************/
.subcolumn1-4, .subcolumn2-4, .subcolumn3-4 {float: left; margin-right: 25px;}
.subcolumn4-4 {float: right;}

/***( a )**********************************************/
a:focus {/* removes dotted lines from clicked elements in ff */-moz-outline: 0; outline: 0; outline-offset: 0;}
a.arrow-black, a.learnmore, a.learnmorefull {background: transparent url(http://www.oligoengine.com/oe3_images/black_arrow.gif) no-repeat right center; color: #000; font-weight: bold; padding: 3px 15px 3px 0; text-decoration: underline;}
a.pdf_icon, a.learnmore, a.learnmorefull {background: transparent url(http://www.oligoengine.com/oe3_images/icon_pdf.gif) no-repeat right center; color: #9A9A9A; font-weight: bold; padding: 3px 15px 3px 0; text-decoration: underline;}
a.arrow-green, a.learnmore, a.learnmorefull {background: transparent url(http://www.oligoengine.com/oe3_images/green_arrow.gif) no-repeat right center; color: #7dd05c; font-weight: bold; padding: 3px 15px 3px 0; text-decoration: underline;}
a.learnmore, a.learnmorefull {background: #fff url(http://www.oligoengine.com/oe3_images/black_arrow.gif) no-repeat right center; color: #000;}
a.outlink {background: #fff; color: #000;}
a.learnmorefull {display: block;}

/*\*/
html>body a.learnmore {display: inline; width: auto;}
/**/

/***( arrow button )**********************************************/
.subcolumn4-4 .button1 {height: 1%;}
/*\*/
html>body*.subcolumn4-4 .button1 {height: auto;}
/**/
.button1, .button2, .button3, .button4 {background: transparent url(http://www.oligoengine.com/oe3_images/arrow_back_grey.gif) no-repeat top left;}
.button2 {background-position: top right; margin-left: 9px; padding-top: 10px;}
.button3 {background-position: bottom right;}
.button4 {background-position: bottom left; margin: 0 9px 0 -9px; padding: 1px 0 7px 9px; position: relative;}
.button4 a.whitearrowright {background: transparent url(http://www.oligoengine.com/oe3_images/arrow_back_grey.gif) no-repeat right center; color: #fff; display: block; font-size: 9px; margin: -8px -5px -5px -1px; padding: 0 17px 2px 0; position: relative; text-decoration: none;}
.button4 a.whitearrowright:hover {color: #0099cc;}
.alt .button4 a.whitearrowright:hover {color: #0099cc;}
.alt, .alt .button2, .alt .button3, .alt .button4 {background-image: url(http://www.oligoengine.com/oe3_images/arrow_back_grey.gif);}
.alt .button4 a.whitearrowright {background-image: url(http://www.oligoengine.com/oe3_images/arrow_back_grey.gif);}

#sidebarTourButton {margin-bottom: 15px;}
#sidebarTourButton a {font-size: 10px; font-weight: bold; padding: 1px 17px 2px 0;}
#sidebarTourButton a.whitearrowright {width: 191px;}
#sidebarTourButton.alt a.whitearrowright {width: 161px;}
#buynowbox, #sidebarTourButton {position: relative; height: 1%;}
#sidebarTourButton .button1, #sidebarTourButton .button2, #sidebarTourButton .button3, #sidebarTourButton .button4 {height: 1%;}