/* -----------------------------------
   ---------->>> BODY <<<-------------
   ----------------------------------- */  
body {background: #cdcdcd url(../images/bg.gif) repeat-x;}
#wrapper {width: 800px; margin: 0 auto;}

/* -----------------------------------
   ---------->>> HEADER <<<-----------
   ----------------------------------- */  
#header {background: url(../images/bg-header.png) no-repeat; padding-top: 25px}
#top-logo {height: 0px !important; overflow: hidden; display: block;
	background: url(../images/top-logo3.png) no-repeat; width: 800px; padding-top: 69px; margin-bottom: 14px;}

/* -----------------------------------
   ---------->>> CONTENT <<<----------
   ----------------------------------- */  
#container-top-shadow,
#contentfooter-shadow,
#footer-bottom-shadow { height: 15px; width: 800px;}
#container-top-shadow    { background: url(../images/content-top-shadow.png)    no-repeat; }
#contentfooter-shadow { background: url(../images/contentfooter-shadow.png) no-repeat; }
#container-info { background: url(../images/bg-content.png) repeat-y; padding: 20px 30px }

.intro {position: absolute;  }
h2.intro {top:260px; width: 740px; font-size: 26px; font-weight: normal; color: #000;}
p.intro {top:285px; width: 200px; color: #7d7d7d;  font-size: 11px;} 

#left, .for-content { float: left; }
#left {width: 150px; margin-right: 10px;}
.for-content {width: 580px; }

#left .menu-sidebar {list-style-type: none; margin: 0;}
#left .menu-sidebar a, 
#left .menu-sidebar a:visited {color: #3a3a3a; font-weight:bold; padding-left: 15px; }
#left .menu-sidebar a:hover {text-decoration: none; color: #ff6600; background: url(../images/icon-arrow.gif) center left no-repeat;}
#left .menu-sidebar {padding-left: 0;}
#left .menu-sidebar li {list-style-type:none; line-height: 25px;}
#left .menu-sidebar li ul.level2 {margin-bottom: 0;}
#left .menu-sidebar .current a {color: #ff6600; background: url(../images/icon-arrow.gif) center left no-repeat}
#left .menu-sidebar .current a:hover {background: url(../images/icon-arrow.gif) center left no-repeat}

#left .menu-sidebar .current ul li a {color: #3a3a3a; }

.details-two-columns {}
.details-two-columns .details-first,
.details-two-columns .details-second {float:left;}
.details-two-columns .details-first {width:288px;}
p.image-main {line-height: 0; margin:0 10px 10px 0;}
.image-main img {border: 1px solid #ddd;}
.details-two-columns .details-second {width:282px;}

.details-two-columns .details-second h2, 
.details-two-columns .details-second p {color: #828282;}
.details-two-columns .details-second h2 {font-size: 24px; line-height: 1.05em; margin-bottom: 5px;}
.details-two-columns .details-second p {font-size: 11px;}
div#yoo-zoo .links-download {list-style-type: none; margin:0;}
div#yoo-zoo .links-download li a, .links-download li a:visited {color: #000; font-size: 11px; background: url(../images/icon-arrow.gif) left center no-repeat; padding-left: 10px; margin-bottom: 2px;}
div#yoo-zoo .links-download li a:hover {color: #ff6600; text-decoration: none;}

/* -----------------------------------
   ---------->>> FOOTER <<<-----------
   ----------------------------------- */  
#footer-bottom-shadow { background: url(../images/footer-bottom-shadow.png) no-repeat; }
#highlights           { background: url(../images/bg-footer.png)            repeat-y;  }
#highlights, #highlights img {line-height:0;}
#footer p {margin: 0;}

#user1, 
#user2,
#user3 {float: left; }
#user1 {margin-left: 15px;}
#user1, #user3 {width: 243px;}
#user2 {width: 244px; margin: 0 20px;}
#legal { font-size: 11px; font-weight: bold; margin: 40px 0 20px 15px;}

.search {padding: 10px; margin-top: 7px;}
.search p {line-height: 1.75em; }
.search p.advanced a, .search p.advanced a:visited, 
.search p.title {font-weight: bold; font-size: 11px;}
.search p.title {color: #000; padding-bottom: 4px;}
.search p.advanced a, .search p.advanced a:visited {font-size: 10px; color: #FF6600}
.search .inputbox {padding: 4px; width: 180px; font-size: 11px; color: #828282; border: 1px solid #828282;} .search p.searchbox {display: inline;}
.search button.go {display: inline; padding: 5px 2px; background-color:  #FF6600; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 10px; border: 0 none;}

form.search_result { background-color: #fdfdfd; border: 1px solid #dcdcdc; padding: 20px 17px; margin-bottom: 20px}
form.search_result div {line-height: 30px}
form.search_result div p {margin-bottom: 0; }
ol.list {margin-left: 20px;}
ol.list li {margin-bottom: 20px}
ol.list li h4 {margin-bottom: 0; font-size: 12px;}
ol.list li p {margin-bottom: 10px}
ol.list li p.small {font-size: 11px; font-style: italic; }
ol.list li p span.highlight {background-color: #EC6706; color: #fff; font-weight:bold}


/* -----------------------------------
   ---------->>> COLORS <<<-----------
   ----------------------------------- */  
#legal {color: #898989;}
#legal a, #legal a:visited {color: #ff6600;}
p.image-thumb {text-align: center}

#emailForm label {display: block; margin-bottom:5px;}
#emailForm .contact_captcha,
#emailForm .contact_email,
#emailForm .contact_email_checkbox {margin:10px 0;}
#emailForm label.copy {display: inline;}
#emailForm #contact_text {width:526px; height:90px}
#emailForm input, #emailForm textarea {font-family: Tahoma, Helvetica, sans-serif; font-size: 13px; padding: 2px;}
#emailForm .contact_captcha {height: 50px; display: inline-block; margin: 0;}
#emailForm .contact_captcha label {display: inline; margin: 0;}
#emailForm .button {display: block; margin: 10px 0}

h2.contentheading {margin: 10px 0 0 0;}
h2.contentheading a.contentpagetitle {font-size: 18px; color: #000; }
p.iteminfo {font-size: 11px; font-style: italic; margin-bottom:5px; color: #959595;}