/*** -- Ofcourse Styles -- ***/

body, body * {
        margin: 0 auto;
        padding: 0;
        }

body {
        font-size: 10pt;
	background: none;
        }


/*** -- Layout Styles -- ***/

#container1 {
        min-width: 520px;
        max-width: 1000px;
        font-family: Arial, sans-serif;
        line-height: 1.2em;
        background: none;
        }

#container2 {
        font-family: Arial, sans-serif;
        line-height: 1.2em;
        border-bottom: 1px solid #ccc;
        background: none;
        }

#header {
        padding: 10px;
        line-height: 1.4em;
        border-bottom: 1px solid #ccc;
        background: none;
        }

#header img {
        float: left;
        margin: 0;
        border: none;
        }

#wrapper {
        float: right;
        width: 100%;
        margin-left: 0;
        line-height: 1.2em;
        }

#content {
        margin-left: 0;
        padding-right: 0;
        padding-bottom: 50px;
        font-family: Arial, sans-serif;
        font-size: 10pt;
        text-align: left;
        line-height: 1.4em;
        }

#maincontent {
        position: relative; /* needed to control absolutly positioned elements in the #maincontent area*/
        margin: 0;
        padding: 0;
        width: auto;
        }

#sidebar, #navigation {
        display: none;
        }

#footer {
        margin-top: 50px;
        padding: 0;
        border-top: 1px solid #ccc;
        background-color: transparent;
        }


/* =Headings 
----------------------------------------------------------- */

h1      {margin-left: 187px; padding-top: 3px; font: normal 300% Impact, 'Arial Black', Arial, sans-serif;}
h2      {margin-left: 187px; font: normal 130% 'Trebuchet MS', Arial, sans-serif;}
h3      {margin: 5px 0 5px 0; padding-top: 5px; padding-left: 40px; font: bold small-caps 160% Arial, sans-serif; border-bottom: 1px solid #ddd; background: transparent url(/images/extras/3dots_40x12.gif) no-repeat 0 60%;}
h4, h5  {margin: 0; padding: 3px; font: bold 115% Arial, sans-serif;}

h3.sectiongroup {/* features page 3dot headings */ margin-top: 45px; margin-bottom: -25px; background: transparent url(/images/extras/3dots_40x12.gif) no-repeat 0 60%;}

#features h4 {margin-top: 40px; border-bottom: 1px solid #ddd;}

#features h4.sectionhead {margin-top: 30px; margin-bottom: -30px; font-size: 130%; text-decoration: underline; border: none;}

#features div.featureslistcol h4 {margin-top: 0px; color: #009; border-bottom: 1px solid #999;}



/* =Paragraphs 
----------------------------------------------------------- */

p               {color: #222; margin: 10px 5px; padding: 0; text-align: left;}
p.center        {text-align: center;}
p.footerheading {margin-bottom: -5px; font: bold 100% Arial, sans-serif; text-align: center;}
#footer p       {font: 80% Arial, sans-serif; text-align: center;}

.indent         {margin-left: 30px;}
.listheading    {margin-bottom: -3px; font-size: 100%; font-weight: bold;}



/* =Anchors for non-navigation 
----------------------------------------------------------- */

a:link, a:visited {margin: 0; padding: 0; color: #009; text-decoration: none;}
a:hover, a:active {text-decoration: underline; color: #fc0;}

a.external:link, 
a.external:visited {padding-right: 18px; color: #69c; font-weight: bold; background: #fff url(/images/rtarrows/rtjump_ccc.gif) no-repeat right 50%;}

a.external:hover, 
a.external:active {text-decoration: none; color: #009; background: #fff url(/images/rtarrows/rtjump_009.gif) no-repeat right 50%;}

a.jumptop:link, 
a.jumptop:visited,
a.tourjump:link, 
a.tourjump:visited {display:none;}

a.ordernow:link {padding-right: 18px; color: #000; font-weight: bold; text-decoration: underline; background: #fff url(/images/rtarrows/rtjump_fff.gif) no-repeat right 50%;}

a.category:link, 
a.category:visited {margin: 20px 0px 5px 5px; padding-right: 18px; color: #f90; font-weight: bold; background: none;}

a.category:hover, 
a.category:active {text-decoration: underline; color: #009; background: #fff url(/images/rtarrows/rtarrow_009.gif) no-repeat right 50%;}

a.detailsLink:link, 
a.detailsLink:visited {float: right; margin: 9px 0 0 0; padding: 0 25px 0 5px; color: #9cf; text-decoration: none; border: 1px solid #9cf; background: #fff url(/images/rtarrows/rtjump_9cf.gif) no-repeat 97% 50%;}

a.detailsLink:hover, 
a.detailsLink:active {color: #fff; border: 1px solid #f90; background: #f90 url(/images/rtarrows/rtjump_fff.gif) no-repeat 97% 50%;}

a.download:link, 
a.download:visited {margin: 20px 0px 5px 5px; padding-right: 18px; color: #f90; font-weight: bold; background: none;}

a.download:hover, 
a.download:active {text-decoration: underline; color: #009; background: #fff url(/images/dnarrows/dnjump_009.gif) no-repeat right 50%;}

#footer a {text-decoration: underline; color: #03f;}



/* =Forms  Contact Form, etc... 
----------------------------------------------------------- */

div.form, form {display: none;}


/* =Tables 
----------------------------------------------------------- */

table {clear: both; border-collapse: collapse; margin: 0 auto; width: 85%; border: 1px solid #999; background-color: #fff;}

th, td {padding: 0.1em 1em;}

td {text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
td.rightmostcell {text-align: left; border-right: none;}

tr.odd {background-color: #ffffcc;}
tr.tablesubhead td,
tr.tablesubfoot td {font-weight: bold; border-bottom: 1px solid #999; border-right: none; background: #fff url(/images/extras/tablehead_bg.gif) repeat-x left bottom;}

caption {margin: 0.5em 0; font-size: 130%; font-weight: bold;}

thead {text-align:center; border-bottom: 1px solid #999; background: #fff url(/images/extras/tablehead_bg.gif) repeat-x left bottom;}

tfoot {font-weight: bold; border-top: 1px solid #999; background: #fff url(/images/extras/tablehead_bg.gif) repeat-x left bottom;}

tfoot td {border: none;}



/* =Universal 
----------------------------------------------------------- */

.noprint { display: none;} 

.clear        {clear: both; height: 1px; line-height: 1.2; overflow: hidden;}
.clear_left   {clear: left;}
.clear_right  {clear: right;}
.float_left   {float: left;}
.float_right  {float: right;}

#maincontent ul,
#maincontent ol {margin: 5px 20px;}

/* override default ul margins */
#faq #maincontent ul, 
#studies #maincontent ul {margin: 10px 20px 20px 20px;}

span.inc     {font-size: 60%;}

acronym      {cursor: help; border-bottom: 1px dotted #ddd;}

hr           {margin: 25px auto 15px auto; width: 90%;}

.alert       {font-weight: bold; color: #a00; border-top: 1px solid #ccc;}

.ordernow, 
.callnow     {padding: 5px; font-size: 110%; font-weight: bold; text-decoration: underline; text-align: left; color: #000;}

.callnow     {margin-left: 0; text-decoration: none;}

div.twocolumn {float: left; margin-bottom: 20px; width: 40%;}


/* =images 
----------------------------------------------------------- */

.ccsbox1 {float: right; margin: 25px 0 25px 10px; padding: 3px; width: 175px; height: 200Px; border: 1px solid #69c; background-color: #fff;}



/* =Features Page 
----------------------------------------------------------- */

div.featureslistcol {float: left; margin: 5px 0 0 5px; padding: 5px; width: 44%; border: 2px solid #9cf; border-right: 2px solid #69c; border-bottom: 2px solid #69c; background-color: #f6f6ff;}

div.featureslist ul {margin: 10px 0 10px 10px; padding: 5px; border: 1px solid #009;}

div.featureslistcol a {display: block; padding: 1px 16px 1px 2px; text-decoration: none;}

div.featureslistcol a:link,
div.featureslistcol a:visited {color: #009;}

div.featureslistcol a:hover,
div.featureslistcol a:active {color: #00f; text-decoration: underline; background: #ddf url(/images/dnarrows/dnjump_009.gif) no-repeat right 50%;}



/* =Products Pages 
----------------------------------------------------------- */

div.item {margin: 0; padding: 0;}
#breadcrumbs {display: none;}

a.itemImage {float: left; width: 128px; height: 96px; margin: 10px; padding: 3px; border: 1px solid #ccc; background-color: #fff;}
a.itemImage:hover {border: 1px solid #f90; background-color: #f90;}

div.item img.itemImage {width: 128px; height: 96px; margin: 0; padding: 0; border: none;}
#productdetail div.item img.itemImage {position: relative; top: -70px; float: left;  width: 192px;  height: 144px;  margin: 10px 0 -60px 0;  padding: 3px;  border: 1px solid #999;}

.itemName {font-weight: bold;}
#productdetail .itemName {text-align: left;  margin: 3px 3px 3px 213px;  font-weight: bold;  font-size: 150%;}

.itemPrice {clear: left; padding: 0 0 10px 0; text-align: center; border-bottom: 1px solid #ddd;}
#productdetail .itemPrice {padding: 0 0 0px 0; margin-left: 213px; text-align: left; border-bottom: none;}

p.itemLongDescription {clear: none; margin: 10px 10px 10px 213px;}

/* =Tour Page 
----------------------------------------------------------- */

#tourpage #maincontent div#terminaltour,
#tourpage #maincontent div#officefeaturetour,
#tourpage #maincontent div#reportingtour {margin: 10px auto; padding: 10px; width: 80%; border: 2px solid #9cf; border-right: 2px solid #69c; border-bottom: 2px solid #69c; background-color: #f6f6ff;}

#tourpage ul.tournavlist {margin: 3px 0px 10px 25px; list-style: upper-roman;}

#tourpage ul.tournavlist li {padding: 1px 5px;}

#tourpage ul.tournavlist a {padding: 1px 5px;}

#tourpage ul.tournavlist a:link, 
#tourpage ul.tournavlist a:active, 
#tourpage ul.tournavlist a:visited {color: #009; background-color: transparent;}

#tourpage ul.tournavlist a:hover {color: #00f; background-color: #ddf;}

div.imagewrapper {margin: 5px; padding: 5px;}

img.toursmpicright {float: right; margin: 2px 8px 2px 2px; padding: 2px; border: 1px solid #999; background-color: #fff;}

img.toursmpicleft {float: left; margin: 2px 2px 2px 8px; padding: 2px; border: 1px solid #999; background-color: #fff;}

a:link img.toursmpicleft, 
a:link img.toursmpicright {border: 1px solid #999;}

a:hover img.toursmpicleft  {margin: 1px 1px 1px 7px; border: 2px solid #f90;}
a:hover img.toursmpicright {margin: 1px 7px 1px 1px; border: 2px solid #f90;}



/* =IE Hacks 
----------------------------------------------------------- */

* html div.featureslistcol a, 
* html ul.tournavlist a {height: 1px;}