/*  
Theme Name: iTheme
Theme URI: http://www.ndesign-studio.com
Description: WordPress theme designed by <a href="http://www.ndesign-studio.com">N.Design Studio</a>.
Version: 1.1
Author: Nick La
Author URI: http://www.ndesign-studio.com

	This theme was designed and built by Nick La.
	
	By downloading and using this theme, you agree to the following terms:
    - You may NOT resell this theme
    - A link back to N.Design Studio must be retained in the footer (either modified or unmodified)
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute

*/
body {text-align: justify; background: #41b0dc url(images/html-bg.gif) repeat-x center top; font: 75%/170% Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; color: #fff;}
a {color: #44a1d0; text-decoration: none; outline: 0;}
a:visited {color: #fff;}
a:hover {text-decoration: underline;}
p {margin: 0px 0px 15px;}
img {border: 0;}
ul.browsers {list-style: none;}
li#ie, li#firefox, li#safari, li#opera {padding: 10px 0 30px 50px;}
li#ie {background: url(images/icon_explorer.png) no-repeat;}
li#firefox {background: url(images/icon_firefox.png) no-repeat;}
li#safari {background: url(images/icon_safari.png) no-repeat;}
li#opera {background: url(images/icon_opera.png) no-repeat;}

/* start general form */
input, textarea, select {margin:0 0 8px 0; padding:3px; background: #fbfbfb; border:none; border-top: 1px solid #f0f0f0; vertical-align:top;}
input:hover, textarea:hover, select:hover {background:#CEDDDF;}
input:focus, textarea:focus, select:focus	{background:#F3F8F8;}
select, input {margin: 0; font: 11px "Lucida Grande", Arial, sans-serif; }
form {margin: 0px; padding: 0px;}
/* end general form */

small {font-size: 98%;}
#page {background: url(images/main-bg.jpg) no-repeat center top; margin: 0; padding: 0;}
#wrapper {width: 990px; margin: 0px auto; position: relative; z-index: 999;}

/* start header area  */
/* start header */
#header {width: auto; height: 100px; margin-bottom: 5px;}

#logo {width: 124px; margin-top: 6px; height: 49px; background: url(images/logo.png) no-repeat;}
#logo a {display: block; width: 110px; height: 40px;}

#accessibility {margin: 0; padding: 0; list-style: none;}

#userdetails {position: relative; z-index: 999; color: #fff; margin: 0; text-align: right;}
#accessibility a, #userdetails a {color: #fff; font-size: 90%;}
#accessibility a:hover, #userdetails a:hover {text-decoration: none; color: #ff6600;}
#accessibility li, #userdetails li {float: left; list-style: none; margin: 5px 0 0 10px; padding-left: 10px; line-height: 18px; border-left: 1px solid #fff;}
#accessibility li.first, #userdetails li.first, #userdetails li.lang {border: none;}
#userdetails li.lang {padding-left: 0;}

#accessibility li.first, #userdetails li.first {padding: 0; margin-left: 0;}
#userdetails li div {height: 20px;}
#userdetails a.lang_sel_sel {padding-right: 10px;}
/* end header */

/* start main menu * /
see superfish-navbar.css and superfish.css
/ * end main menu */

/* start search */
#searchform { width: 170px; height: 24px; margin: 10px 0 0 auto; right: 10px; position: relative; }
#searchform .left { display: block; position: absolute; right: 158px; width: 10px; height: 19px; background: url(images/searchfield_leftcap.png) left top no-repeat; }
#searchform .right { display: block; position: absolute; right: 0; width: 20px; height: 19px; background: url(images/searchfield_rightcap.png) right top no-repeat; }
#searchform .reset { position: absolute; width: 11px; height: 11px; overflow:hidden; z-index: 1; right: 4px; top: 4px; background: url(images/close.gif); display: block; cursor: pointer; /*_cursor:hand;*/ }
#searchform .empty .reset { display: none; }
#searchform input#s { position: absolute; width: 150px; height: 16px; right: 10px; background: url(images/searchfield_repeat.png) center top repeat-x; border: 0px; margin: 0; padding: 3px 0 0 0; font: 11px "Lucida Grande", Arial, sans-serif; }
#searchform label .prettyplaceholder { display: block; overflow: hidden; text-indent: -9999px; height: 0; width: 0;}
#searchform .go:hover {cursor: pointer; cursor:hand; display: block; }
#searchform .blurred { color: #6e6e6e; font-weight: bold; }
#searchform .text_message {display: none; position: relative; top: 4px; left: 10px; color: #C42026; background-color: #fff; z-index: 999; font-weight: bold; font-size: 10px;}
/* end search */

/* start breadcrumbs */
#breadcrumbs {position: relative; float: left; font-size: 95%; color: #fff; overflow: hidden; line-height: 25px; width: 100%; height: 30px; border-top: dotted 1px #fff; border-bottom: dotted 1px #fff; margin-bottom: 10px}
#breadcrumbs a { color: #fff; text-decoration: none; float: left; padding: 0 10px; position: relative; margin-left: -10px; /*_cursor: hand;*/ }
#breadcrumbs a:hover { color: #033477; text-decoration: none !important; }
#breadcrumbs span {float: left; width: 9px; margin: 0 5px 0 0; position: relative; height: 0; padding-top: 34px; margin-top: 1px; overflow: hidden; background: url(images/breadcrumb_sep.png) no-repeat; }
/* end breadcrumbs */
/* start header area  */

/* start main content area  */
/* start home */
#instrumentation, #disability {margin: 0; float: left; text-align: left; width: 495px; height: 200px;}
#instrumentation a, #disability a {text-decoration: none;}
#instrumentation {background: url(images/instrumentation.png) 180px 20px no-repeat;}
#disability {background: url(images/disability.png) 0 10px no-repeat;}

#instrumentation-active, #disability-active {float: left; width: 100%; height: 100%;}
#option-hover {float: left; width: 495px; height: 200px; position: absolute; z-index: -1; top: 110px; background: url(images/home-hover.png) left 0 no-repeat; display: none;}

#instrumentation ul li, #disability ul li, #instrumentation ul li a, #disability ul li a {color: #fff;}
#disability ul, #instrumentation ul {z-index: 999; list-style: none; margin-top: 50px; padding-left: 10px}
#disability ul li, #instrumentation ul li {background: url(images/list-arrow.png) 0 3px no-repeat; padding: 0 0 0 20px}
#disability ul {margin-left: 300px;}

#large-options {width: 990px; height: 200px;}
#small-options {width: 989px; height: 65px; margin: 0 0 20px;}

a#home-left, a#home-right {text-decoration: none; font-size: 15pt; line-height: 60px; float: left; color: #fff; display: block; width: 494px; height: 100%; text-align: center; color: #fff; margin: 0; padding: 0;}
a#home-left {margin-right: 1px; background: url(images/inst-over.png) no-repeat;}
a#home-right {background: url(images/dis-over.png) -2px 0 no-repeat; line-height: 30px;}
a#home-right span {display: list-item; list-style: none; font-size: 13pt;}

.home-product-list {margin: 30px auto; margin-left: 30px;}
.home-product-list ul {list-style: circle; margin: 0; padding-left: 20px;}
.home-product-list ul li {margin: 0;}
.home-product-list ul li a {color: #fff; text-decoration: none; font-size: 90%;}
.home-product-list div.left {border-right: 1px dotted #fff; height: 120px; margin: 0; padding: 0 10px 0 10px;}
.home-product-list div.last {border: none;}
.home-product-list h3 {padding: 0; font-size: 140%; font-weight: bold; background: none;}
.home-product-list div.left > h3 {margin: -10px 0 10px;}
.home-product-list h3 a:hover, .home-product-list h3 a {color: #fff;}

.home-product-list fieldset {width: auto; padding: 0 15px 0 15px; clear: both;}
/* end home */

/* start content */
#content {padding: 0 0 10px; width: 760px; float: left; margin-left: 10px; overflow: hidden; /*background: url(images/tab-body-bg.png) repeat;*/ }
#wrapper > #content {margin-left: 20px; }

/* start download button */
#download_button {text-decoration: none; color: #fff; display: block; position: absolute; top: 145px; right: 0; font-size: 12pt; font-weight: bold; line-height: 16px; padding: 10px 0 0 50px; background: url(images/download_bg.png) no-repeat; width: 196px; height: 51px;}
#download_button:hover {text-decoration: none;}
#download_button span {background: url(images/arrowbullet.png) no-repeat 0 6px; padding: 5px 0 0 15px; font-weight: normal; font-size: 8pt;}
/* end download button */

/* fieldset */
fieldset {margin-bottom: 30px; float: left; padding-bottom: 20px; border:1px dotted #fff;}
fieldset legend {padding: 0 5px 0 5px; border:1px dotted #fff;}
/* fieldset */

/* post title */
.cattitles {color: #FFFFFF; margin: 0 0 10px 0; padding: 0px; font: normal 230% "Trebuchet MS", Arial, sans-serif;}
h1 {color: #FFFFFF; margin: 0 0 10px 0; padding: 0px; font: normal 230% "Trebuchet MS", Arial, sans-serif;}
h1 a, h1 a:visited {color: #fff; text-decoration: none;}
h1 a:hover {color: #000000; text-decoration: none;}
h2 {color: #fff; margin: 3px 0 2px 0; padding-bottom: 5px; font: normal 130%/100% "Lucida Grande", Arial, sans-serif; }
h2 a, h2 a:visited {color: #fff; text-decoration: none; margin-left: 0;}
h2 a:hover {color: #44a1d0; text-decoration: none;}
h3 {background: url(images/marker.png) no-repeat; padding: 2px 0px 5px 25px; font: normal 125%/100% "Lucida Grande", Arial, sans-serif;}
#features h3 {background-image: url(images/bullet_checkbox.png);}
h4 {font: bold 16px/100% "Lucida Grande", Arial, sans-serif;}
h5 {font-size: 15pt; margin: 20px 0 20px 0; color: #fff;}

div.subtitle > a,  div.subtitle > a:visited {font: bold 120%/110% "Lucida Grande", Arial, sans-serif; color: #fff;}

.post {padding: 0px; clear: both; overflow: hidden;}
.post .date {font: normal 12px Arial, Helvetica, sans-serif; color: #fff; text-align: center; padding: 0px 2px 0 0; line-height: 100%; float: left;}
.post .date {height: 16px; display: block; font: normal 11px Arial, Helvetica, sans-serif; color: #fff; font-style: italic; text-align: center; padding-top: 5px;}
.post > .title {}
.postdata {font-size: 90%; color: #fff;}
.post a, .postdata a, .postdata a:visited {color: #000070; text-decoration: underline;}
.post a:hover, .postdata a:hover {color: #012f5d; text-decoration: none;}
.postdata .category{background: url(images/mini-category.gif) no-repeat; padding-left: 18px; float: left;}
.postdata .comments{background: url(images/mini-comment.gif) no-repeat; padding-left: 18px; float: right;}
.mini-add-comment {background: url(images/mini-down-arrow.gif) no-repeat left center; padding-left: 12px; float: right;}
.entry {padding: 10px 0px; clear: both;}
/* start accessibility page head */
#accessibility_head {position: absolute; left: 225px; top: 120px; z-index: 1; background: url(images/accessibility_page_head.png) no-repeat; width: 760px; height: 200px;}
#accessibility_page {color: #fff; padding-top: 90px;}

/* end accessibility page head */

/* start layouts */
.grid, .list {position: relative; z-index: 2; width: 100%; padding-left: 0;}
.grid .options, .list .options {height: 20px; text-align: right; margin-bottom: 10px;}
.grid .options a, .grid .options a:visited, .list .options a, .list .options a:visited {padding-left: 10px; font-size: 90%; color: #fff; text-decoration: underline;}

/* start grid layout */
.grid .box {position: relative; margin: 0 0 10px 0; float: left; width: 350px; height: 200px; padding: 10px 0 0 0; border-top: 0.1em dotted #fff;}
.grid .box .title h3 {margin: 0 0 10px 0;}
.grid .box .title h3 a {color: #fff;}

.grid .box .content {display: block; height: 150px;}

.grid .box .content .thumbnail {float: left; width: 120px; height: 120px; padding-right: 10px; margin: 0;}
.grid .box .content .thumbnail img {width: auto;}
.grid .box .content p a {color: #fff; text-decoration: underline;}

.grid .first-box {float: left; margin-right: 30px;}
.grid .second-box {float: right;}

.grid .vert-seperator {float: left; width: 1px; height: 150px; border-left: 0.1em dotted #fff; margin-top: 20px}
.grid .row0 .box {border-top: none;}
/* end grid layout */

/* start list layout */
.list .box {position: relative; margin: 0; width: auto; height: 140px; padding: 5px 0 15px 0; border-top: 0.1em dotted #fff;}
.list .box .title h3 {background: none; padding: 0; margin: 0 0 10px 0;}
.list .box .title h3 a {color: #fff;}

.list .box .content .thumbnail {float: left; width: 120px; height: 76px; padding-right: 10px; margin: 0;}
.list .box .content .thumbnail img {}
.list .box .content p a {color: #fff; text-decoration: underline;}
.list .row0 .first-box, .list .box0 {border-top: none;}
.list .options {height: 20px; text-align: left;}
/* end list layout */

/* start normal layout */
.normal .instrumentation, .normal .accessibility, .normal .business-solutions, .normal .end-user-solutions {text-align: center; float: left; margin: 0; width: 380px; height: auto; padding: 0;}
.normal .end-user-solutions {margin-top: -12px;}
.normal .separator {height: 1px; margin: 5px 10px 10px 0; border-top: 1px solid #fff; display: block;}
.normal .title {text-align: left;}
.normal .visit {color: #fff; font-weight: bold; margin-top: 30px;}
.normal .content {height: 140px; margin: 10px auto; text-align: center;}
.normal .content p {margin: 0 auto; padding-right: 15px; text-align: justify;}
.normal .business-solutions .content, .normal .end-user-solutions .content {height: auto;}
.normal .business-solutions .visit, .normal .end-user-solutions .visit {display: none;}
.normal .business-solutions .title, .normal .end-user-solutions .title {text-align: center;}
/* end normal layout */

/* end layouts */

/* next & previous page navigation */
.page-nav {clear: both; background: url(images/navigation-bg.gif) no-repeat left center; height: 21px;}
.page-nav a, .page-nav a:visited {color: #ffffff; text-decoration: none;}
.page-nav a:hover {color: #000000; text-decoration: none;}
.previous-entries a {float: left; padding-left: 10px; margin-left: 10px; background: url(images/navigation-left.gif) no-repeat left center;}
.next-entries a {float: right; padding-right: 10px; margin-right: 10px; background: url(images/navigation-right.gif) no-repeat right center;}

/* next & previous post navigation */
.post-nav {clear: both; padding-bottom: 35px; margin-top: -15px; font-size: 95%;}
.post-nav a, .post-nav a:visited {color: #fff; text-decoration: none;}
.post-nav a:hover {color: #012f5d; text-decoration: none;}
.post-nav .previous a {float: left; padding-left: 20px; background: url(images/post-nav-previous.gif) no-repeat left center;}
.post-nav .next a {float: right; padding-right: 20px; text-align: right; background: url(images/post-nav-next.gif) no-repeat right center;}

.pagenav {padding: 2px 0 2px; margin-bottom: 20px; height: 22px; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff;}
.pagenav ul {list-style: none; padding: 0; margin: 1px;}
.pagenav ul li {float: left;}
.pagenav ul li a {border-right: 1px solid #fff; color: #fff; padding: 0 3px 0;}
.pagenav ul li.active {background: #fff;}
.pagenav ul li.active a {color: #000; width: 15px; display: block; text-align: center;}

/* start comment area */
h3#comments {background: url(images/comments.gif) no-repeat; padding-left: 22px; font: normal 140%/120% Arial, Helvetica, sans-serif; clear: both;}
h3#respond {background: url(images/respond.gif) no-repeat; padding-left: 22px; font: normal 140%/120% Arial, Helvetica, sans-serif; margin: 20px 0px 0px; clear: both;}

/* start commentform */
#commentform {margin-top: 10px;}
#commentform label {font-weight: bold; color:#666; font-size: 100%; padding-left: 5px;}
#commentform small {color: #999999; font-size: 90%;}
#commentform input {font: 110% Arial, Helvetica, sans-serif; width: 220px; padding: 5px 3px 3px 7px; background: url(images/form-field-bg.gif) no-repeat; border-top: 1px solid #e6e6e6; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; border-left: 1px solid #e6e6e6;}
#commentform textarea {font: 110% Arial, Helvetica, sans-serif; width: 635px; height: 140px; background:url(images/form-field-bg.gif) no-repeat; border: solid 1px #e6e6e6; padding: 5px 3px 3px 7px;}
#commentform #submit {font: 12px/100% Arial, Helvetica, sans-serif; color: #000000; background: url(images/submit-btn.gif) no-repeat top left; border: none; width: 135px; height: 25px; padding-bottom: 6px; margin-left: 355px;}
#commentform #submit:hover {background: url(images/submit-btn.gif) no-repeat bottom left;}
#commentform textarea:focus, #commentform input[type="text"]:focus {border: solid 1px #3b9acc;}
/* end commentform */

/* start comment list */
.commentlist {margin: 10px 0px; padding-left: 45px; line-height: 130%;}
.commentlist li{padding: 5px 10px;}
.commentlist .alt {background: #F4F4F4;}
.commentlist cite {font-weight: bold; font-style: normal; font-size: 110%; color: #669900;}
.commentlist cite a, .commentlist cite a:visited {color: #669900;}
.commentlist small {margin-bottom: 5px; display: block; font-size: 87%;}
.commentlist small a, .commentlist small a:visited{color: #999999;}
/* end comment list */
/* end comment area */

/* start footer */
#footer {border-top: dotted 1px #fff; margin: 10px 0; padding: 10px 0; font-size: 87%; color: #fff; clear: both;}
#footer a, #footer a:visited {text-decoration: none; color: #fff;}
#footer a:hover {text-decoration: none; color: #ff6600;}

#top-link { display:none; position:fixed; right:5px; bottom: 5px; color: #20586e; font-weight:bold; text-decoration: none; border: 1px solid #AC946B; background: #fff; padding: 10px 10px 20px 10px; height: 1.5%; z-index: 9; }
/* end footer */

/* sidebar */
#sidebar-left, #sidebar-right {float: left; width: 210px; margin: -15px 0 20px; color: #fff; line-height: 160%;}
#sidebar-right {margin-left: 20px;}
#sidebar-left p, #sidebar-right p {margin: 0px 0px 15px;}
#sidebar-left h5, #sidebar-left h3, #sidebar-right h5, #sidebar-right h3 {background: url(images/marker.png) 0 15px no-repeat; padding-left: 25px;}
#sidebar-left h3, #sidebar-right h3 {font: bold 12px/100% Arial, Helvetica, sans-serif; color: #fff;}
#sidebar-left h3 a, #sidebar-left h3 a:visited, #sidebar-right h3 a, #sidebar-right h3 a:visited {color: #fff;}
#sidebar-left h3 img, #sidebar-right h3 img {vertical-align: middle;}
#sidebar-left a, #sidebar-left a:visited, #sidebar-right a, #sidebar-right a:visited {color: #fff; text-decoration:none;}
#sidebar-left a:hover, #sidebar-left a:focus, #sidebar-left a:active, #sidebar-right a:hover, #sidebar-right a:focus, #sidebar-right a:active {text-decoration:underline;}

#sidebar-left .menu, #sidebar-right .menu {font-size: 95%; width: 205px; margin: 0; background: none; padding: 0 0 7px 5px; overflow: hidden; list-style: none;}
#sidebar-left .menu a, #sidebar-right .menu a {text-decoration: none; text-align: left; line-height: 22px;}
#sidebar-left .menu li a, #sidebar-right .menu li a {margin-left: -5px; text-decoration: none; color: #fff; display: block; outline: 0; padding-left: 5px; margin-top: 5px; background: url(images/block_head.png) no-repeat;}
#sidebar-left .menu li a:hover, #sidebar-left .menu li.current_page_item a, #sidebar-right .menu li a:hover, #sidebar-right .menu li.current_page_item {text-decoration: none; color: #fff; background: url(images/block_head-active.png) no-repeat;}

#sidebar-left .menu li ul li, #sidebar-right .menu li ul li {list-style: none; margin: 0 5px 0 -40px; padding: 5px 0 0 15px; background: url(images/arrowbullet.png) no-repeat 0 8px;}
#sidebar-left .menu li ul li:hover, #sidebar-left .menu li ul li.current_page_item, #sidebar-right .menu li ul li:hover, #sidebar-right .menu li ul li.current_page_item {background-image: url(images/arrowbullet-active.png); background-repeat: no-repeat;}
#sidebar-left .menu li ul li a, #sidebar-right .menu li ul li a {background: none; margin: 0 0 auto; }
#sidebar-left .menu li ul li a:hover, #sidebar-left .menu li ul li.page_item a, #sidebar-right .menu li ul li a:hover, #sidebar-right .menu li ul li.page_item a {text-decoration: none; background: none;}

/*
#sidebar-left ul {list-style: none; margin: 0 ; padding: 0 ;}
#sidebar-left ul li {background: url(images/bullet-orange.gif) no-repeat; padding-left: 18px ;}
#sidebar-left ul li ul li {background: url(images/bullet-grey.gif) no-repeat; padding-left: 12px ;}
*/

/* start widget styles  * /
/ * archives widget * /
#archives ul li {background: url(images/mini-archive.gif) no-repeat;}
/ * recent comments widget * /
#recent-comments ul li {background: url(images/mini-comment.gif) no-repeat;}
/ * category widget * /
#categories ul li {background: url(images/mini-category.gif) no-repeat;}
/ * recent posts widget * /
#recent-posts ul li {background: url(images/mini-page.gif) no-repeat;}
/ * links widget * /
#links ul li {background: url(images/mini-blogroll.gif) no-repeat;}
/ * meta * /
#meta .rss {background: url(images/mini-rss.gif) no-repeat;}
#meta .login {background: url(images/mini-user.gif) no-repeat;}
#meta .check {background: url(images/mini-check.gif) no-repeat;}
#meta .wordpress {background: url(images/mini-wp.gif) no-repeat;}
*/

/* start calendar */
#calendar table {margin: 0px auto;}
#calendar td {padding: 0px 4px;}
/* end calendar */
/* end sidebar */

/* start alignments */
img.center, img[align="center"] {display: block; margin-left: auto; margin-right: auto;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.center {text-align: center}
.alignleft, img.left, img[align="left"] {float:left; margin: 2px 10px 5px 0px;}
.alignright, img.right, img[align="right"] {float:right; margin: 2px 0px 5px 10px;}
hr.clear {clear:both; visibility: hidden; margin: 0px; padding: 0px;}
.hidden {clear: both; visibility: hidden;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {color: #000; font-size: 6.5pt; line-height: 17px; padding: 0 4px 5px; margin: 0;}
/* end alignments */

/* start contact form */
#textphone-online a, #contactus a {color: #fff;}
#textphone-online p a, #contactus p a {text-decoration: underline;}

#textphone-online #info, #contactus #info {width: 480px; height: auto;}
#contactus #visit {margin-right: 0; width: 450px; height: auto; margin-left: 50px; padding-left: 0;}
#contactus #form {}
#textphone-online-div {width: 700px;}
#contactus #map {}
#contactus #dspghouse {float: left; background: url(images/dspghouse.jpg) no-repeat; width: 200px; height: 170px; margin-right: 20px;}

#textphone-online .box, #contactus .box {width: 170px; height: 64px; margin: 0 0 70px 10px; padding: 10px 0 0 60px;}
#textphone-online .box p {margin-bottom: 0;}
#textphone-online .box h4, #contactus .box h4 {margin: 0 0 10px; padding-bottom: 10px; font-size: 120%; border-bottom: 1px dotted #fff;}

#textphone-online .box {height: auto; margin-bottom: auto;}
#textphone-online ul {list-style: circle;}

#textphone-online #online, #contactus #online {background: url(images/online.png) 0 10px no-repeat;}
#textphone-online #enquiry_line, #contactus #enquiry_line {background: url(images/call.png) 0 10px no-repeat; }
#textphone-online #textphone, #contactus #textphone {background: url(images/textphone.png) 0 10px no-repeat;}
#textphone-online #textphone_online, #contactus #textphone_online {background: url(images/textphone-online.png) 0 10px no-repeat;}
#textphone-online #visit_no_map, #contactus #visit_no_map {background: url(images/handshake.png) 0 10px no-repeat;}
/* end contact form */

/* start news */
#ticker {padding: 0; background: url(images/ticker.png) no-repeat; height: 50px; line-height: 50px; position: relative; width: 990px; clear: both;}
#ticker a {text-decoration: none;}
#news #innerfade, #news {list-style: none; padding: 0; margin: 0 0 0 20px; font-size: 120%; width: 825px;}
#news li {display: none; height: 20px; padding: 0; margin: 0;}
#news li a {margin: 0; padding: 0;}
.news-h3 {padding: 0; margin: 17px 0; text-align: right; width: 113px; font-size: 140%; height: 20px; background: none;}
.news-h3, #news a {color: #fff;}
/* end news */

/* start sitemap */
.sitemap-box h3 {font-size: 20px;}
.sitemap-box {float: left; width: 100%; height: auto; margin-right: 20px;}
.sitemap-box > ul {list-style: none; padding-left: 0;}
.sitemap-box ul ul {padding-left: 20px;}
.sitemap-box ul li {float: left; padding-right: 30px;}
.sitemap-box li li li li {font-weight: normal; clear: both;}
.sitemap-box > ul > li {}
.sitemap-box li li {margin-right: 20px; float: left;}
.sitemap-box a {color: #fff;}

#sitemap {list-style: none; padding: 0;}
#sitemap li a, #sitemap h3 a {color: #fff; padding: 0;}
#sitemap li {list-style: none;}
#sitemap > li {padding: 0 0 10px 0; width: auto;}
#sitemap > ul > li > ul {padding: 5px; list-style: none;}
#sitemap > ul > li > a {color: #fff; font-weight: bold; font-size: 11pt;}
#sitemap > ul > li > ul > li a {color: #fff;}
/* end sitemap */

/* start login block */
#login_widget {width: 200px; font-weight: bold;}
#login_widget #submit {background: #fff; width: auto; margin: 0; padding: 0; font-weight: bold; font-size: 9pt;}
#login_widget label {width: auto; padding-right: 10px; display: block; float: left;}
#login_widget input {width: 115px; font: 110% Arial, Helvetica, sans-serif; border: solid 1px #3b9acc;}
#login_widget input:hover {border: solid 1px #033477;}
#login_widget div {margin: 5px 0 5px 0;}
#collapse_login {background: url(images/expanded.gif) 0 2px no-repeat; position: absolute; left: 195px; width: 13px; height: 15px;}
/* end login block */

/* start authenticate */
#authenticate {color: #fff; height: 100%;}
#authenticate #message a {color: #000;}
#authenticate form {margin: 20px 50px;}

/*
#authenticate label {width: 15%; text-align: right; margin-right: 10px; display: block; float: left;}
#authenticate textarea {font: 110% Arial, Helvetica, sans-serif; width: 80%; height: 140px; float: left;}
#authenticate input {width: 80%; border: solid 1px #3b9acc; padding: 5px; float: left;}
#authenticate input:hover, #authenticate input[type="text"]:hover, #authenticate input:focus, #authenticate input[type="text"]:focus {border: solid 1px #033477;}
#authenticate #submit {float: right; font: 12px/100% Arial, Helvetica, sans-serif; color: #000; background: url(images/submit-btn.gif) no-repeat top left; border: none; width: 135px; height: 25px;}
#authenticate #submit:hover {background: url(images/submit-btn.gif) no-repeat bottom left;}
#authenticate small {color: #fff; font-size: 90%;}
*/

#authenticate .ui-tabs-nav {margin-top: 45px; margin-left: 0; width: 218px; left:0;float: left; list-style: none; padding: 0;height:auto; background: none;}

#authenticate .ui-tabs-nav li {height: 60px;background: none; clear: both; z-index: 9999;padding:0;margin-right:0;margin-bottom:10px;}
#authenticate .ui-tabs-nav li a {text-decoration:none; color: #fff; display: block; font-size: 100%; position: relative; width: 203px; height: 40px; margin: 5px 0 5px 0; padding: 22px 0 0 15px; border: none; background: url(images/authenticate_arrow_bg.png) no-repeat;}
#authenticate .ui-tabs-nav li h4 a:hover, #authenticate .ui-tabs-nav li h4 a.current {z-index: 9999; position: relative; width: 203px; background: url(images/authenticate_arrow_active_bg.png) no-repeat;}
#authenticate .ui-tabs-nav li h4 > a:hover, #authenticate .ui-tabs-nav li h4 > a.current {width:230px}
#authenticate .ui-tabs-nav li.ui-tabs-selected h4, #authenticate .ui-tabs-nav li h4 {padding: 0;width: auto; margin: 0;  height: 60px;}
#authenticate .ui-tabs-nav li h4 {width: 218px;}

#authenticate .auth-panes {color: #fff; width: 720px;float: left; height: auto; margin-top:10px;position: relative; padding: 0 0px 20px 0;background: url(images/tab-body-bg.png) repeat;}
#authenticate > .auth-panes {padding-right:50px;}
#authenticate .pane h3 {}
#authenticate .pane {margin:0;padding:0;display:none}
#authenticate .pane a {color: #fff;}
#authenticate .pane ul li { list-style: none; background: url(images/arrowbullet.png) no-repeat 0 5px; padding: 2px 0 0 20px; }

div.tooltip {font-size: 14px; height: 153px; padding: 30px; width: 310px; font-size: 14px; color: #fff;} 
div.tooltip h3 {margin: 0; font-size: 18px; color: #fff;}

/* start profile */
.authentication #authenticate {margin-top: 10px;}
.authentication #authenticate form {padding: 0;margin:0 0 0 10px;}
.authentication form fieldset {margin-bottom: 30px; width: 660px; border:1px dotted #fff;padding:10px;}
.authentication form fieldset legend {font-size: 130%; border:1px solid #DFDFDF; border-bottom: none; padding: 5px;}
.authentication #authenticate label, .authentication form label, .authentication form input, .authentication form select {text-align: left; clear: both;float:none;margin-left:0;}
.authentication form small {clear: both; display: block;margin:0;font-style:italic;}
.authentication form #userphoto th {font-size: 100%; font-weight: normal; border: none; color: #000; background: none; padding: 10px 0 10px 0; text-align: right;}
.authentication form #userphoto td {border: none;}
.authentication form #userphoto #userphoto_image_file {margin-left: 10px; height: auto;}
.authentication table.form-table th, table.form-table td {padding: 0;}
.authentication table.form-table th {width: 150px; vertical-align: text-top; text-align: left;}
.authentication p.message {padding: 3px 5px; background-color: lightyellow; border: 1px solid yellow;}
.authentication #display_name {width: 250px;}
.authentication .field-hint {display: block; clear: both;}
.authentication form label {text-align: right; width: 110px; margin-right: 10px; float: left; margin-top: 10px; display: block;}
.authentication form textarea {font: 110% Arial, Helvetica, sans-serif; width: 635px; height: 140px;}
.authentication form input, select {float: left; width: 180px; margin-top: 10px; margin-right: 10px; font: 110% Arial, Helvetica, sans-serif; border: solid 1px #3b9acc; padding: 5px;}
.authentication form input:hover, .authentication form input[type="text"]:hover, .authentication form input:focus, .authentication form input[type="text"]:focus {border: solid 1px #033477;}
.authentication form select {width: 190px;}
.authentication h3 {background:none;}
.authentication #authenticate .pane {padding: 20px 20px 50px 40px;width:710px;height:auto;}
.authentication .texbox-extras {margin-left:10px;width: 36%;}

/* end profile */
/* end authenticate */

/* start turorial */
#player {float: right; margin-left: 10px; display: block; width: 425px; height: 300px;}
#playlist {text-align: left; width: 305px; height: 295px; overflow-y: auto; overflow-x:hidden; float:left;}

#playlist a.flv {display:block; width: auto; height: 70px; margin: 5px 5px 5px 0; padding: 5px 5px 5px 0; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff; font: italic 11px "bitstream vera sans", "lucida grande", verdana; text-decoration: none; color: #fff;}
#playlist a.flv:hover {background: url(images/tab-body-bg.png) repeat; color: #fff;}
#playlist a.progress, #playlist a.paused, #playlist a.playing {background: url(images/tab-body-bg.png) repeat; color: #fff;}

#playlist a img {border:0; float:left; margin-right: 5px;}
#playlist a strong {color: #fff;}

#playlist a.paused strong, #playlist a.playing strong, #playlist a.progress strong, #playlist a.flv:hover strong {color: #fff;}

#playlist a.paused em, #playlist a.playing em, #playlist a.progress em, #playlist a.flv:hover em {color: #fff;}
#playlist a em {border:0; float:left; margin-right:10px; background:url(images/clock.gif) no-repeat 0 50%; padding-left:20px; color: #fff; font-size: 98%; font-style: italic; margin-top:10px;}
/* end turorial */

/* start status */
div.info, div.error, div.success {margin: 0 0 10px; padding: 5px 0 7px 40px; color: #000; background-color: #fff; background-repeat: no-repeat; background-position: 5px 5px ; clear: both; font-style: italic; width: auto; text-align: left; }
div.info a:visited, div.error a:visited, div.success a:visited, div.info a, div.error a, div.success a {text-decoration: underline; color: #000;}
div.info {background-image: url(images/info.png);background-color: lightYellow;border-color: #E6DB55;}
div.error {background-image: url(images/error.gif); background-color: lightPink;color:#000;border-color: #E6DB55;}
div.success {background-image: url(images/check.png);background-color: lightGreen;border-color: #E6DB55;}
/* end status */

/* start drain hole */
.hole {width: 50%; margin: 0; text-align: left;}
.hole .label {width: 100px;}
.hole .value {width: auto}
/* end drain hole */

/* start wizard */
#registerForm .step {margin-bottom: 20px; clear: both;}
#registerForm .wide {display: block; margin: -4px 0 0 10px; width: auto; text-align: left;}
#registerForm .checkbox {width: 20px; margin-left: 50px;}
#registerForm #ctrl {padding-top: 20px; text-align: center; border-top: 1px dotted #fff;}
#registerForm .submit {float: none; color: #000; background: url(images/submit-btn.gif) no-repeat top left; border: none; width: 135px; height: 25px;}
#registerForm .submit:hover {border: none; background: url(images/submit-btn.gif) no-repeat bottom left;}
/* end wizard */

/* product tabs */
.ui-tabs {border: none; zoom: 1; background: none; margin-top: 10px;}
.ui-tabs .ui-tabs-nav {list-style: none; position: relative; height: 32px; border: none;margin:0;padding:0}
.ui-tabs .ui-tabs-nav li {border: none; border: 0; position: relative; float: left; margin: 0 1px 0 0; padding:0; height: 32px;background: #0A4C83;}
.ui-tabs .ui-tabs-nav li a {font-size: 100%; color: #fff; font-weight: normal; text-decoration: none; padding: .7em .5em .7em .5em; display:block;}
.ui-tabs .ui-tabs-nav li a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected, .ui-tabs .ui-tabs-nav li a.current {color: #fff;background: #002F5D;}
.ui-tabs .ui-tabs-nav li a.current, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.css-panes { color: #fff; position: relative; padding: 0; border: none; border: 0; min-height: 226px; width: 740px; background: url(images/tab-body-bg.png) repeat; }
.css-panes .tabs-bottom {background: #002F5D repeat; width:100%; height:15px;}
.css-panes .ui-tabs-panel a {color: #fff;}
.css-panes .ui-tabs-panel ul li { list-style: none; background: url(images/arrowbullet.png) no-repeat 0 5px; padding: 2px 0 0 20px; }
.css-panes .pane {margin:0;padding:10px;display: none;}
.css-panes .ui-tabs-hide { display: none; display: none !important; }

/* tomobile java me devices */
.device-list ul {list-style:none;margin:0;padding:20px;}
.search-box{height:30px;line-height:30px;}
.search-box label {margin-right:10px;}
.search-box-left{width:6px;}
.search-box-mid{width:140px;}
.search-box-right{width:34px; float:right; height:21px;}
.search-icon{width:31px; height:21px; border:none;}
.search-box-bg{width:300px; height:20px; border:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#747474; padding:5px;}
.search-container{clear:both; margin:15px 0 0;}
.search-container h5 {margin:0; margin-right:10px;}
.search_clear {background-color:#fff;padding:0 0 10px;display:none;float:right;width:30px;height:20px;margin-top:0px;text-align:center;border-left:1px solid #d3d3d3;}