/* Advantech Design - screen style sheet
   author: Brett Horan - rowdy.id.au
*/


body {
	margin: 0 0 10px 0;
	padding: 0px;
	text-align: center;
	font: 100%/120% "Arial", Helvetica, sans-serif;
	color: #494949;
	background: #6c6d6e url(../images/bg.jpg) repeat-x;
}

a { color: #0066cc; text-decoration: none;}
a:hover { text-decoration: underline; }
a.more { background: url(../images/right_arrow.gif) no-repeat 0 50%; padding-left: 14px; }
a.download { background: url(../images/icon_download.gif) no-repeat 0 50%; padding-left: 16px; }
a img { border: 0; }
.btn {
	background-color: #3F97EE;
	border: 1px solid #277CD7;
	padding: 2px 5px;
	color: #fff;
	font: 11px "Verdana", Arial, Helvetica, sans-serif;
}
p {
	font-size: 0.75em;
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
}
#news { margin-top: -10px; }
#news .date { text-align: right; margin: 25px 0 -15px 0; color: #999;}
#news p { margin-left: 16px; }
#news h3 {  margin: 0px; background: url(../images/right_arrow.gif) no-repeat left; padding-left: 17px; }
h1 {
	font: normal 1.5em "Arial", Tahoma, sans-serif;
	color: #007ac5;
	margin: 5px 0 0 0;
}
h1.hide { display: none; }
h2 {
	font: bold 0.8em "Arial", Helvetica, sans-serif;
	color: #395465;
	margin: 0 0 1em 0;
}
h3 {
	font: bold 0.9em "Arial", Helvetica, sans-serif;
	color: #21A123;
	margin: 0 0 0.75em 0;
}	
h4 {
	font: bold 0.7em "Arial", Helvetica, sans-serif;
	color: #0b6fac;
	padding-bottom: 2px;
	margin: 0 0 1em 0;
	text-transform: uppercase;
}
h5 {
	font: 0.7em "Tahoma", Arial, sans-serif;
	color: #0b6fac;
	padding-bottom: 2px;
	margin-bottom: 8px;
}
h5 a {
	color: #0b6fac;
	text-decoration: none;
}
h5 a:hover {
	color: #0b6fac;
	text-decoration: underline;
}
.released {
	font-size: 0.7em;
	font-weight: bold;
	color: #395465;
	margin: -8px 0 1em 0;
	font-style: italic;
}
/* lists
------------------------------------------ */
div#main ul {
	list-style-type: none;
	font-size: 0.75em;
	padding-left: 0;
	margin: 1em 0 1em 20px;
}
div#main ul li {
	line-height: 1.4em;
	padding-bottom: 5px;
	padding-left: 15px;
	background: url(../images/bullet.gif) 2px 5px no-repeat;
}
div#main ul ul {
	font-size: 1em;
}
div#main ul.leftul {
	float: left;
	width: 230px;	
	margin: 5px 0 0 0;
	padding: 0px;
	border: 0px none;	
	position: relative;
	left: 15px;
	clear: both;
}

div#main ul.rightul {
	float: right;
	width: 200px;	
	margin: 0px;
	padding: 0px;
	border: 0px none;	
}
ol { font-size: 0.75em; line-height: 1.5em; }

div#sitemap ul li { font-weight: bold; }
div#sitemap ul li ul li { font-weight: normal; background: none;}
div#sitemap ul li ul li ul li { font-size: 0.9em; }
.expander { padding-right: 5px; }
div.procedure{
	display:none;
	border-bottom: 1px dashed #ff9900;
}
.faqindent {
	margin-left: 10px;
}
.slogan{
	font: bold 1em "Bitstream Vera Sans", Tahoma, sans-serif;
	color: #49aa60;
	text-align: center;
}

div#main ul#products-list { clear: both; margin: 0; }

div#main ul#products-list li {
	list-style: none;
	background: none;
	background: url(../images/right_arrow.gif) no-repeat 0 3px;
	margin-bottom: 15px;
}

div#main ul#products-list li a {
	font-weight: bold;
}

div#main ul#products-list li img {
	float: right;
	margin-left: 10px;
}

img.right {
	float: right;
	margin: 0 0 5px 15px;
}
img.left {
	float: left;
	margin: 0 15px 5px 0;
	position: relative;
}
.imgRight {	float: right; margin: 0 0 10px 20px; }
.imgLeft { float: left;	margin: 0 20px 10px 0; }

.center { text-align: center; }
#container {
	position: relative;
	width: 757px;
	margin: auto;
	text-align: left;
}
#header {
	width: 100%;
	height: 43px;
	padding-top: 5px;
	position: relative;
}
#innerbg {
	width: 755px;
	background-color: #ffffff;
	border-right: 1px solid #474747;
	border-left: 1px solid #474747;
	padding: 0px;
}
.topmenu {
    width: 757px;
    height: 54px;
    margin: 0;
    background: #aaaaaa url(../images/topnavbg.gif);
}
#footer {
	clear: both;
	height: 27px;
	background: #333333 url(../images/footerbg.gif);
	font: 0.6em "Tahoma", Arial, sans-serif;
	color: #fff;
}
#breadcrumbs {
	float: left;
	font: 0.7em "Tahoma", Arial, sans-serif;
	padding: 7px 0 0 12px;
}
	#breadcrumbs a { color: #000; }
	#breadcrumbs a:hover { text-decoration: underline; }
	#breadcrumbs a.link_selected { color: #0b6fac; font-weight: bold; }
	
#misc {
	margin: 5px 0 0 0;
	padding-right: 12px;
	float: right;
}
#trprice {
	float: right;
	margin: -65px 0 0 0;
}
.imageTop { margin-bottom: 12px; }
a.pagetop { border: 0px; }
a.pagetop:hover { background-color: #CAF471; }
.quotea {
	background: url(../images/quotea.gif) no-repeat left top;
	padding: 0px 10px 5px 20px;
}
.quoteb {
	background: url(../images/quoteb.gif) no-repeat right bottom;
}
.divider1 {
	margin-top: -5px;
	background-color: #efffe3;
}
#policy-box {
	font-size: 0.7em;
}
/*************************** top navigation ****************************/
    #nav {
      float:left;
      width: 737px;
      line-height:normal;
	  font: 11px "Tahoma", Arial, sans-serif;
      }
    #nav ul {
      margin:0;
      padding:5px 10px 0;
      list-style:none;
      }
	#nav ul ul { display: none; }
    #nav li {
      display:inline;
      margin:0;
      padding:0;
	  line-height: 13px;
      }
    #nav a {
      float:left;
      background:url("../images/left_both.gif") no-repeat left top;
      margin:0 5px 0 0;
      padding:0 0 0 9px;
      text-decoration:none;
      }
    #nav a span {
      float:left;
      display:block;
      background:url("../images/right_both.gif") no-repeat right top;
      padding:5px 15px 5px 9px;
      font-weight:bold;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a span {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover span {
      color:#333;
      }
    #nav li.li_selected a {
      background-position:0 -47px;
      border-width:0;
      }
    #nav li.li_selected a span {
      background-position:100% -47px;
      padding-bottom:5px;
      color:#333;
      }
    #nav a:hover {
      background-position:0% -45px;
      color: #0b6fac;
      }
    #nav a:hover span {
      background-position:100% -45px;
      color: #0b6fac;
      }

/*************************** side navigation ****************************/

ul#subnav {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
	font: 0.7em "Tahoma", Arial, sans-serif;
}

#subnav li { margin: 0 0 3px 0; background: #628BA9; display:inline; float: left; }

#subnav a {
	display: block;
	padding: 0 0 0 24px;
	line-height: 21px;
	width: 156px;
	background: url(../images/subnavoff.gif) 0% 50% no-repeat;
	color: #fff;
	text-decoration: none;
}

#subnav a:hover, li#li_selected a {
	background: url(../images/subnavon.gif) 0% 50% no-repeat;
	color: #fff;
}
li#li_selected a { font-weight: bold; }

/***** content ******/

#content {
	display: block;
	background: #fff url(../images/vertdot.gif) repeat-y 535px;
	padding: 10px;
}

#content2 {
	display: block;
	padding: 10px;
}
#main2 {
	float: left;
	width: 490px;
	padding-left: 30px;
}
#main3 {
	float: left;
	width: 95%;
	padding-left: 10px;
}

.clear {
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0 0 -1px;
	font-size: 1px;
	line-height: 1px;
}
#main {
	float: left;
	width: 490px;
	padding-left: 10px;
}

#sidebar {
	float: right;
	width: 180px;
	margin-right: 9px;
	display: inline;
}

/***** side ******/

#greyarea1 {
	width: 180px;
	height: 22px;
	background-color: #6e6e6e;
	background-image: url(../images/grayedges1.gif);
	margin: 20px 0 20px 0;
	padding-top: 8px;
	text-align: center;
}
.iconlink a {
	font: bold 11px "Tahoma", Arial, sans-serif;
	color: #fff;
	padding: 3px 6px 3px 22px;
	text-decoration: none;
}
.iconlink a:hover {
	text-decoration: underline;
	color: #fff;
}
.iconlink a:visited { color: #fff; }
.buy { background: url(../images/buy_icon.gif) no-repeat 5px 3px; }
.download { background: url(../images/download_icon.gif) no-repeat 5px 3px; }

/***** sidebox ******/

.sideblock {
	width: 178px;
	background-color: #e6e6e6;
	margin-top: 15px;
}
div.sidebox {
  font: 14px Geneva, Arial, Helvetica, sans-serif;
  background: #e6e6e6;
  border:none;
  position:relative;
  background: url(../images/corners1_topleft.gif) top left no-repeat;
} 
div.sidebox h3 {
  font-size:1.0em;
  padding:12px;
  background: url(../images/corners1_topright.gif) top right no-repeat;
}
	div.sideboxbody h3 {
		padding: 0;
		background: none;
	}
div.sideboxbody {
  padding:12px 12px 0 12px;
  margin:0;
  margin-top:-2em;
  background: url(../images/corners1_rightborder.gif) top right repeat-y;
}
div.sideboxfooter {
  background: url(../images/corners1_bottomleft.gif) bottom left no-repeat;
}
div.sideboxfooter p {
  padding:12px;
  margin:-1.5em 0 0 0;
  text-align: right;
  background: url(../images/corners1_bottomright.gif) bottom right no-repeat;
}
div.sidebox ul {
	padding: 0;
	font-size: 0.75em;
	margin: 1em 0 1em 0;
	list-style-type: none;
}
div.sidebox ul li {
	padding: 0 0 5px 0;
}
div.sidebox ul.point {
	padding-left: 17px;
	list-style-image: url(../images/right_arrow.gif);
}

/***** icons ******/

#testmon  { background: url(../images/star_icon.gif) no-repeat left; padding-left: 20px; }
#map  { background: url(../images/map_icon.gif) no-repeat left; padding-left: 22px; }
#gps  { background: url(../images/gps_icon.gif) no-repeat left; padding-left: 22px; }
#contact  { background: url(../images/email_icon.gif) no-repeat left; padding-left: 20px; }
#scrnshot  { background: url(../images/scrnshot_icon.gif) no-repeat left; padding-left: 20px; }
#newsicon  { background: url(../images/newspaper_icon.gif) no-repeat 0 0; padding-left: 20px; }
.alert { padding-left: 22px; background: url(../images/exc_icon.gif) no-repeat 0 0px; }

/***** footer ******/

#footerleft {
	float: left;
	width: 50%;
	padding: 6px 0 0 12px;
}
#footerright {
	float: right;
	padding: 6px 12px 0 0;
}
#footerright a {
	color: #fff;
	text-decoration: none;
}
#footerright a:hover { color: #6fa9d0; }

table {
	font-size: 0.75em;
}
table p { font-size: 1em; }

/* Forms
------------------------------------------------------------------*/

form { margin: 0 0 1em 0; }
input, textarea, select {
	margin: 0;
	padding: 1px;
	font-family: inherit;
	font-size: 100%;
}
form fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
form legend {
	padding: 0;
	margin-bottom: 1em;
	font-weight: bold;
	color: #666;
}
form label {
	line-height: 1.3em;
	float: left;
	display: inline;
}
form div.cr { /* checkbox radio */
	float: left;
	display: inline;
}
form p {
	clear: both;
	padding: 0 0 0 5px;
	margin: 0.5em 0 0.5em 0;
}
form option { padding-right: 4px; }
form textarea { width: 250px; }

form.voucher-form {
margin:0;
padding:0;
}

table#cart td input.voucher-button {
margin:0 0 -6px 0;
padding:0 0 0 10px;
}

form span.voucher-name {
	display: inline;
	padding: 2px 0 0 0px;
	font-weight: bold;
}
form span {
	display: inline;
	padding: 2px 0 0 20px;
	font-style: italic;
	color: #999;
	font-weight: normal;
}
form div.cr label {
    float: none;
	padding: 0;
	line-height: 1.8em;
}
form div.cr input {
	margin: 0 3px -3px 0;
}
form ol {
	margin: 0;
	padding: 0;
}
form li {
	list-style: none;
	padding: 5px 5px 5px 0;
	clear: both;
	overflow: hidden;
}
.colwrap-right form ol li { margin: 0 0 0.35em 0; padding: 0; }
form div legend {
	padding: 0 0 5px;
	font-weight: normal;
}
form div label {
	display: block;
	width: auto;
}
form .mandat { color: #f00; }
form .sr {
	position: absolute;
	left: -9999em;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
form label { width: 145px; } /* Width of labels */

/*\*//*/ form legend { display: inline-block; } /* IE Mac legend fix */

form li.form-error {
	background: #FFEBEB;
	border: 1px solid #f99;
	padding: 2px;
	margin-bottom: 3px;
}

/* Home Page Specific */

.newshome {
	font-size: 0.9em;
}


/* Messages */

div.message {
	width: 100%;
	color: #fff;
	padding-top: 8px;
	font: bold 10px Verdana, Helvetica, sans-serif;
	border-bottom: 1px solid #fff;
	z-index: 200;
	padding: 6px 0;
	text-align: center;
	line-height: 1.4em;
}
div.message.info { background: #B7EF46;	color: #333; }
div.message.error {	background: #f66; }

/* Product Gallery */

div#main ul.numberblock li {
	list-style-type: none;
	display: inline;
	margin: 2px;
	background: none;
	padding: 0;
}
div#main ul.numberblock { padding: 0; margin-left: 0; }
div#main ul.numberblock li a {
	padding: 5px 10px;
	border: 1px solid #007AC5;
	color: #007AC5;
	font-weight: bold;
	text-decoration: none;
	background-color: #E6E6E6;
}
div#main ul.numberblock li a:hover {
	background-color: #fff;
	text-decoration: none;
}
div#main ul.numberblock li a:active,
div#main ul.numberblock li a:focus { background-color: #C7DBE9; outline: none; }

/* Advantech Design - store style sheet
*/

.addtocart {
	float: right;
}
.alt {
	background: #eee;
}
.displaying {
	font-size: 0.65em;
	color: #999;
	padding-top: 10px;
}
#search-products {
	font-size: 0.75em;
}

#shopheader {
	background: #05375C;
	color: #fff;
	padding: 15px;
	position: relative;
	width: 725px;
}

#cart {
	margin-top: 15px;
	border: 0;
	width: 100%;
	
}
#cart td, #cart th {
	font-size: 0.9em;
	border: 0;
	padding: 2px;
}
#cart th {
	border-bottom: 1px solid #528FBA;
	color: #528FBA;
	text-transform: uppercase;
	font-family: Tahoma, Helvetica, sans-serif;
}
#cart a { color: #528FBA; }
#cart .alignno { text-align: right; }
#cart .alignno.sprice { padding-right: 15px; }
#carth2 {
	float: right;
	color: #fff;
	font-style: italic;
	font-size: 1.2em;
	text-align: right;
	position: absolute;
	padding: 10px 15px 0 0;
	right: 0;
	top: 0;
}
#carth2  span { font-size: 0.5em; }
#cart td.total { font-size: 1.2em; }

#shopheader  form { margin: 0; }

.proditem { display: block; padding: 5px; border-bottom: 1px solid #eee; margin: 0 0 0.5em 0;}
.proditem h3 { margin: 0 0 0.25em 0; }
.proditem ul { clear: left; }
.proditem h3 a:hover { color: #268FF8; }
.proditem p { margin-bottom: 0.5em; }
.proditem form { font-size: 0.75em; }

.price { color: #DF8907; font-weight: bold; margin-bottom: 0.5em; }
span.price {
	padding-right: 10px;
}

h2.cathead {
	font: italic 110% Arial, Helvetica, sans-serif;
	color: #fff;
	background: url(../images/cat_bg.jpg) repeat-y left;
	width: 490px;
	padding: 0 0 0 5px;
	clear: both;
}

#customer_form { font-size: 0.75em; }