/* =General selectors
-------------------------------------------------------*/

* {margin:0; padding:0;}

html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

body {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	background:#fff;
}

img {border:none}

table {border-collapse:collapse;}

td {vertical-align:top; border-collapse:collapse;}

h1, h2, h3, h4, h5, h6 { 
	padding:0.4em 0;
	color:#3a7dc1;
	font-family:Myriad, Arial, Helvetica, sans-serif;
}

h1 { font-size: 2.0em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

p {padding:0.4em 0 0.6em 0;}

ul {margin-left: 1.7em; list-style:none;}
ol {margin-left: 1.7em;}
li {padding:0 0 3px 0px}

a:link {color:#3a7dc1; text-decoration:underline;}
a:visited {color:#3a7dc1; text-decoration:underline;}
a:hover {color:#3a7dc1; text-decoration:underline;}
a:active {color:#3a7dc1; text-decoration:underline;}

a.title {
	font-size:1.8em;
	padding:0.4em 0;
	color:#3a7dc1;
	font-family:Myriad, Arial, Helvetica, sans-serif;
	display:block;
	_display:inline-block;
	text-decoration:none;
}

a.title:hover,
a.title:visited,
a.title:active {
	text-decoration:none;
}

.red {color:#d33b06}
.hide {display:none}
.left {float:left}
.right {float:right}
.center {text-align:center}
.clear_all,
.clearall {clear:both}
.bold {font-weight:bold}
.smaller {font-size:smaller}
.pad15 {padding-top:15px}
.mar15 {margin-top:15px}

input.text {
	border:1px solid #999;
	background-color:#fff;
	color:#333;
	padding:1px 2px 2px 2px;
	font-size:12px;
}

textarea.textarea {
	border:1px solid #999;
	background-color:#fff;
	color:#333;
	padding:1px 2px 2px 2px;
	font-size:12px;
}

input.button {
	border:1px solid #999;
	background-color:#eee;
	color:#333;
}

#warnText {
	color:#d33b06;
	padding:0 0 10px 0;
}

/* =Main layout elemernts
-------------------------------------------------------*/

#wrapper {
	width:1005px;
	border:1px solid #999;
	margin:40px auto;
}

#header {
	width:1004px;
	height:96px;
	background:#4e4b42 url(/assets/images/header-bg.jpg) 0 0 no-repeat;
}

#container {
	margin-bottom:15px;
}

#content {
	width:601px;
	padding:30px 29px 0 60px;
	font-size:12px;
}

.inner #content {
	width:568px;
	padding:30px 29px 0 93px;
	font-size:12px;
}

#right-side {
	width:244px;
	padding-right:60px;
	font-size:12px;
	padding-top:15px;
}

#footer {
	width:884px;
	height:43px;
	background:#4e4b42 url(/assets/images/footer-bg.gif);
	margin:10px 0 10px 60px;
	font-size:12px;
	color:#ccc;
}

#sub-footer {
	width:884px;
	margin:20px 0 40px 60px;
	font-size:12px;
	color:#999;
}

/* =Header
-------------------------------------------------------*/

#sup-logo {
	width:304px;
	height:47px;
}

#logo {
	width:304px;
	height:49px;
}

#logo span {
	width:177px;
	height:31px;
	overflow:hidden;
	text-indent:-999em;
	background:url(/assets/images/logo-header.gif) 0 0 no-repeat;
	float:right;
	padding:0 33px 0 0;
}

#logo span a {
	width:177px;
	height:31px;
	display:block;
}

#logo span a:link,
#logo span a:visited,
#logo span a:hover,
#logo span a:active {
	color:#fff;
}

/* =Search form
-------------------------------------------------------*/

#header-center {
	width:396px;
	height:47px;
}

#search {
	width:304px;
	height:47px;
}

#search-block {
	margin:14px 0 0 15px;
}

#search-block td {
	vertical-align:middle;
}

#search-title {
	color:#fff;
	font-size:14px;
	font-family:Myriad, Arial, Helvetica, sans-serif;
}

#search-field {
	padding:0 3px;
}

#search-total {
	margin:0 0 10px 0;
}

#search-list {
	
}

#search-list li {
	background:url(../images/search-result-list-image.gif) 0 3px no-repeat;
	padding-left:12px;
}


#search-left .text {
	width:250px;
	height:15px;
}

#search-right {
	padding-left:5px;
}

#search-right .button {
	width:80px;
}

/* =Breadcrumbs
-------------------------------------------------------*/

#breadcrumb {
	margin:0 0 10px 0;
	line-height:1.6;
}


/* =Content
-------------------------------------------------------*/

#home-products {
	width:609px;
	margin-top:18px;
	color:#fff;
	font-size:11px;
}

#product-left {
	width:294px;
	height:124px;
	background:url(/assets/images/product-left.jpg);
}

#product-right {
	width:294px;
	height:124px;
	background:url(/assets/images/product-right.jpg);
}

#product-divider {
	width:21px;
}

.product-block {
	height:124px;
}

.product-left-top {
	width:151px;
	height:98px;
}

.product-left-bottom {
	width:151px;
	height:26px;
}

.product-right-top {
	width:121px;
	height:98px;
	vertical-align:middle;
	padding:0 13px 0 9px;
}

.product-right-bottom {
	width:121px;
	height:26px;
	vertical-align:middle;
	text-align:right;
	padding:0 13px 0 9px;
}

.product-title {
	padding-bottom:10px;
}

#main-content {
	margin:10px 32px;
}


/* =Product description
-------------------------------------------------------*/

#product-desc {
	margin:10px 0 0 0;
	width:575px;
}

.product-image {
	width:193px;
}

#image-annotation .image {
	padding-bottom:15px;
}

#cert {
	width:191px;
}

#cert .cert-top {
	width:191px;
	height:8px;
	background:url(/assets/images/annotation-top-bg.gif) 0 0 no-repeat;
}

#cert .cert-middle {
	width:191px;
	height:110px;
	background:#257ece url(/assets/images/annotation-middle-bg.gif) 0 0 no-repeat;
	color:#fff;
	padding:0 19px;
	vertical-align:middle;
}

#cert .cert-bottom {
	width:191px;
	height:10px;
	background:url(/assets/images/annotation-bottom-bg.gif) 0 0 no-repeat;
}

.product-image .annotation div {
	clear:both;
	padding-bottom:5px;
}

.product-image .annotation a:link,
.product-image .annotation a:visited,
.product-image .annotation a:hover {
	color:#fff;
}

.description {
	padding:0 0 0 28px;
}

.description ul {
	padding:0;
	margin:0 0 15px 0;
}

.description ul li {
	padding:0 0 15px 10px;
	background:url(/assets/images/product-list-arrow.gif) 0 2px no-repeat;
}

.description .note {
	font-size:11px;
	font-style:italic;
	text-align:center;
	margin-top:7px;
}

.parent_sub_name {
	margin:0 10px 10px 18px;
	font-weight:bold;
}


/* =Usertable
-------------------------------------------------------*/

#spec_block {
	border-bottom:5px solid #b6b6b6;
}

.usertable { 
	width:575px;
	margin-top:15px;
}

.usertable td {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	text-align:center;
	padding:9px 19px;
	vertical-align:middle;
}

.usertable .left-col {
	text-align:left;
}

.usertable .headerrow .left-col {
	width:323px;
	height:29px;
	background:#2f8bd6 url(/assets/images/product-spec-td-left-bg.gif) 0 0 no-repeat;
	color:#fff;
	vertical-align:middle;
	font-weight:bold;
	padding:0 19px;
	text-align:left;
} 

.usertable .headerrow .center-col {
	width:106px;
	height:29px;
	background-color:#2f8bd6;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	padding:0;
}

.usertable .headerrow .right-col {
	width:106px;
	height:29px;
	background-color:#2f8bd6;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	padding:0;
	background:#2f8bd6 url(/assets/images/product-spec-td-right-bg.gif) right top no-repeat;
}

.usertable .row1 {
	background-color:#f2f2f2;
}

/* =News block
-------------------------------------------------------*/

#news-block {
	/*width:244px;*/
	border-bottom:6px solid #b6b6b6;
}

#news-block td {
	padding:13px 19px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#news-block .grey {
	background-color:#f2f2f2;
}

#news-block .white {
	background-color:#fff;
}

#news-block .date {
	padding-left:12px;
	background:url(/assets/images/news-arrow.gif) 0 center no-repeat;
}


/* =Inner page rightside block
-------------------------------------------------------*/

.block {
	width:244px;
}

.block .block-top {
	width:244px;
	height:7px;
	background:url(/assets/images/inner-page-rightside-block-border-top.gif) 0 0 no-repeat;
}

.block .block-text {
	width:244px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color:#f2f2f2;
}

.block-text .sub-menu {
	margin:10px 18px -2px 18px;
	padding:0;
}

.sub-menu a:link, 
.sub-menu a:visited, 
.sub-menu a:active {
	text-decoration:none;
	border-bottom:1px solid #ccc;
	display:block;
	margin:-6px 0 2px 0;
	padding:12px 0 9px 0;
} 

.sub-menu a:hover {
	background-color:#2f8bd6;
	border:0;
	color:#fff;
	display:block;
	margin:-6px -18px 2px -18px;
	padding:12px 18px 10px 18px;
}

.sub-menu a.product-active:link,
.sub-menu a.product-active:visited,
.sub-menu a.product-active:active,
.sub-menu a.product-active:hover {
	background-color:#2f8bd6;
	border:0;
	color:#fff;
	display:block;
	margin:-6px -18px 2px -18px;
	padding:12px 18px 10px 18px;
	cursor:default;
}

.sub-menu a.product-last:link,
.sub-menu a.product-last:visited,
.sub-menu a.product-last:active,
.sub-menu a.product-last:hover {
	border:0;
	margin-bottom:2px;
	padding-bottom:10px;
	display:block;
}

.block .block-bottom {
	width:244px;
	height:7px;
	background:url(/assets/images/inner-page-rightside-block-border-bottom.gif) 0 0 no-repeat;
}


/* =Browse subclass
-------------------------------------------------------*/

#browse_cc {
	padding:10px 0 0 0;
	margin:0 18px;
}

#browse_cc li {
	padding:0 0 10px 12px;
	background:url(../images/cc-block-list-image.gif) 0 0 no-repeat;
}

#download-link {
	margin-top:10px;
}

/* =Email page
-------------------------------------------------------*/

#email-page td {
	padding:4px;
}

#email-page .email-left {
	width:120px;
}

#email-page .email-notice {
	padding:15px 4px;
}

#email-page .email-buttons {
	text-align:center;
}

#email-page .text {
	width:290px;
}

#email-page .text-red {
	width:290px;
	border:1px solid #d33b06;
	background-color:#fff;
	color:#333;
	padding:1px 2px 2px 2px;
	font-size:12px;
}

#email-page .text-green {
	width:290px;
	border:1px solid #32a630;
	background-color:#fff;
	color:#333;
	padding:1px 2px 2px 2px;
	font-size:12px;
}

#email-page .textarea {
	width:290px;
}

#email-page .button {
	width:80px;
}


/* =Footer
-------------------------------------------------------*/

#footer a:link {
	color:#ccc;
}

#footer a:visited {
	color:#ccc;
}

#footer a:hover {
	color:#ccc;
}

.footer-left {
	width:640px;
	height:43px;
}

.footer-right {
	width:225px;
	height:31px;
	padding:12px 0 0 19px;
}

#footer-menu {
	margin:12px 0 0 23px;
}

#footer-menu li {
	float:left;
	padding:0 9px;
	margin:0;
	border-right:1px solid #ccc;
}

#footer-menu li:last-child {
	border:none;
}


/* =Sub footer
-------------------------------------------------------*/

.sub-footer-left {
	width:608px;
	padding-left:32px;
}

.sub-footer-right {
	width:225px;
	padding:0 0 0 19px;
}