@charset "utf-8";
/******************************/
/* Base Elements
/******************************/
body {
	font-family: Arial, Helvetica, sans-serif, Default;
	font-size: 13px;
	color: #333;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 1.5em;
}
input {
	font-size: 12px;
	background-color: #fff;
	color: #535353;
}
a:link, a:visited, a:active {
	text-decoration: none;
	color:#7dba00;
}
a:hover {
	text-decoration: underline;
}
/*
ul {
	margin: 0;
	padding: 0;
}
*/
input {
	border: 1px solid #ccc;
	background-color: #ffffff;
	font-size: 12px;
	padding-left: 3px;
}

.xinput {
	border: 0px solid #ccc;
	background-color: #ffffff;
	font-size: 12px;
	padding-left: 3px;
}

.highlight {
	color: #d09e01;
	font-size: 16px;
}

.under_whiletext, a.under_whiletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	margin-left: 1px;
	width: 0px;
	color: #000;
	font-weight: normal;
	text-decoration:none;
	margin-top: 0px;
	height: 0px;
	padding: 0px;
	margin-right: 5px;
}
a.under_whiletext:hover {
	color:#000;
	text-decoration: underline;
}


.mainadtext_title, a.mainadtext_title {
	font-size: 14px;
	line-height: 1.2em;
	width: 0px;
	color: #C5331C;
	font-weight: bold;
	text-decoration:none;
	height: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
a.mainadtext_title:hover {
	color:#c5331c;
	font-weight: bold;
	text-decoration: underline;
	height: auto;
	width: auto;
}


.mainadtext_a, a.mainadtext_a {
	font-size: 12px;
	line-height: 1.2em;
	width: 0px;
	color: #000;
	font-weight: normal;
	text-decoration:none;
	height: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
a.mainadtext_a:hover {
	color:#c5331c;
	font-weight: bold;
	text-decoration: underline;
	height: auto;
	width: auto;
}


.copyright_a, a.copyright_a {
	font-size: 11px;
	line-height: 1.2em;
	width: 0px;
	color: #000;
	font-weight: normal;
	text-decoration:none;
	height: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
}
a.copyright_a:hover {
	color:#c5331c;
	font-weight: bold;
	text-decoration: underline;
	height: auto;
	width: auto;
}


.productlist_2, a.productlist_2 {
	font-size: 16px;
	line-height: 1.5em;
	width: 0px;
	color: #D09E01;
	font-weight: bold;
	text-decoration:none;
	height: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-attachment: fixed;
}
a.productlist_2:hover {
	color:#c5331c;
	font-weight: bold;
	text-decoration: underline;
	height: auto;
	width: auto;
}



.header{
	font-size: 16px;
	text-align:left;
	float: right;
	width: 734px;
	text-align: left;
	font-weight: bold;
	padding: 10px 0px 0px 7px;
}
.header2{
	font-size: 16px;
	text-align:left;
	float: right;
	width: 734px;
	text-align: left;
	font-weight: bold;
	padding: 6px 0px 6px 0px;
}

.title{
	font-size: 11px;
	text-align:left;
	float: right;
	width: 734px;
	text-align: left;
	font-weight: bold;
	padding: 6px 0px 0px 7px;
}
.title2{
	font-size: 11px;
	text-align:left;
	width: 734px;
	text-align: left;
	font-weight: bold;
	padding: 6px 0px 0px 0px;
}



table,th,td,input,textarea
{
font-size:100%;
}

table.example
{
color:#000000;
background-color:#e5eecc;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
padding-right:10px;
border:1px solid #d4d4d4;
background-image:url('images/bgfadegreen.gif');
background-repeat:repeat-x;
}

table.example_code
{
background-color:#ffffff;
padding:4px;
border:1px solid #d4d4d4;
}

table.example_code td
{
font-size:100%;
}

table.example_result
{
background-color:#ffffff;
padding:4px;
border:1px solid #d4d4d4;
}

table.code
{
outline:1px solid #d4d4d4;
border:5px solid #e5eecc;
}

table.code td
{
background-color:#ffffff;
border:1px solid #d4d4d4;
padding:4px;
}

table.example_code p,table.code p,td.code
{

}

table.lamp
{
width:100%;
padding:0px;
border:1px solid #d4d4d4;
border-collapse:collapse;
}

table.lamp th
{
color:#000000;
background-color:white;
padding:0px;
border-right:1px solid #d4d4d4;
}

table.lamp td
{
color:#000000;
background-color:#e5eecc;
padding:4px;
padding-left:10px;
background-image:url('images/bgfadegreen.gif');
background-repeat:repeat-x;
}

table.reference
{
background-color:#ffffff;
border:1px solid #c3c3c3;
border-collapse:collapse;
}

table.reference th
{
background-color:#e5eecc;
border:1px solid #c3c3c3;
padding:3px;
vertical-align:top;
}

table.reference td
{
border:1px solid #c3c3c3;
padding:3px;
vertical-align:top;
}

table.browsersupport
{
border:1px solid #c3c3c3;
border-collapse:collapse;
}

table.browsersupport th
{
background-color:#e5eecc;
/*background-color:#98bf21;
color:#ffffff;*/
border:1px solid #c3c3c3;
padding:3px;
vertical-align:middle;
}

table.browsersupport td
{
border:1px solid #c3c3c3;
padding:3px;
vertical-align:middle;
width:60px;
height:32px;
background-position:center;
background-repeat:no-repeat;
border:1px solid #dadada;
text-align:center;
}

table.browsersupport td.bsProperty
{
font-family:courier new;
white-space:nowrap;
text-align:left;
}

table.browsersupport .bsIE			{background-image:url('../images/compatible_ie.gif');}
table.browsersupport .bsFirefox		{background-image:url('../images/compatible_firefox.gif')}
table.browsersupport .bsChrome		{background-image:url('../images/compatible_chrome.gif');}
table.browsersupport .bsSafari		{background-image:url('../images/compatible_safari.gif');}
table.browsersupport .bsOpera		{background-image:url('../images/compatible_opera.gif')}
table.browsersupport .bsNoIE		{background-image:url('../images/incompatible_ie.gif');}
table.browsersupport .bsNoFirefox	{background-image:url('../images/incompatible_firefox.gif')}
table.browsersupport .bsNoChrome	{background-image:url('../images/incompatible_chrome.gif');}
table.browsersupport .bsNoSafari	{background-image:url('../images/incompatible_safari.gif');}
table.browsersupport .bsNoOpera		{background-image:url('../images/incompatible_opera.gif')}
table.browsersupport .bsPreIE		{background-image:url('../images/precompatible_ie.gif')}
table.browsersupport .bsPreFirefox	{background-image:url('../images/precompatible_firefox.gif')}
table.browsersupport .bsPreChrome	{background-image:url('../images/precompatible_chrome.gif');}
table.browsersupport .bsPreSafari	{background-image:url('../images/precompatible_safari.gif');}
table.browsersupport .bsPreOpera	{background-image:url('../images/precompatible_opera.gif')}

table.bsReference
{
border:1px solid #c3c3c3;
border-collapse:collapse;
}

table.bsReference th
{
background-color:#e5eecc;
border:1px solid #c3c3c3;
padding:3px;
vertical-align:middle;
}

table.bsReference td
{
border:1px solid #c3c3c3;
padding:3px;
vertical-align:middle;
background-position:center;
background-repeat:no-repeat;
border:1px solid #dadada;
text-align:right;
font-size:10px;
}

table.bsReference td.bsProperty
{
white-space:nowrap;
text-align:left;
font-size:12px;
}

table.bsReference .bsIE			{width:80px;background-image:url('../images/compatible_ie2020.gif');}
table.bsReference .bsFirefox	{width:80px;background-image:url('../images/compatible_firefox2020.gif')}
table.bsReference .bsChrome		{width:80px;background-image:url('../images/compatible_chrome2020.gif');}
table.bsReference .bsSafari		{width:80px;background-image:url('../images/compatible_safari2020.gif');}
table.bsReference .bsOpera		{width:80px;background-image:url('../images/compatible_opera2020.gif')}
table.bsReference .bsNoIE		{width:80px;}
table.bsReference .bsNoFirefox	{width:80px;}
table.bsReference .bsNoChrome	{width:80px;}
table.bsReference .bsNoSafari	{width:80px;}
table.bsReference .bsNoOpera	{width:80px;}
table.bsReference .bsPreIE		{width:80px;background-image:url('../images/precompatible_ie5920.gif');}
table.bsReference .bsPreFirefox	{width:80px;background-image:url('../images/precompatible_firefox5920.gif')}
table.bsReference .bsPreChrome	{width:80px;background-image:url('../images/precompatible_chrome5920.gif');}
table.bsReference .bsPreSafari	{width:80px;background-image:url('../images/precompatible_safari5920.gif');}
table.bsReference .bsPreOpera	{width:80px;background-image:url('../images/precompatible_opera5920.gif')}
table.bsReference .bsPreXVOpera	{width:80px;background-image:url('../images/precompatible_xv_opera5920.gif')}
table.bsReference td.bsExp		{width:400px;text-align:left;font-size:12px;}
table.bsReference td.bsExp span	{font-family:courier new;white-space:nowrap;font-size:13px;}
table.bsReference td.bsExpIcon	{width:50px;}

table.intro
{
padding:5px;padding-left:0px;
font-size:110%;
color:#555555;
background-color:transparent;
}

table.summary
{
border:1px solid #d4d4d4;
padding:5px;
font-size:100%;
color:#555555;
background-color:#fafad2;
}

h2.example,h2.example_head
{
color:#617f10;
background-color:transparent;
margin-top:0px;
}

h2.example {font-size:125%;}
h2.example_head {font-size:140%;}

h2.home
{
margin-top:0px;
margin-bottom:5px;
font-size:120%;
padding-top:1px;
padding-bottom:1px;
padding-left:1px;
color:#900B09;
background-color:#ffffff;
}

h2.tutheader
{
margin:0px;
margin-top:30px;
padding-top:2px;
padding-bottom:2px;
padding-left:4px;
color:#303030;
border:1px solid #d4d4d4;
background-color:#ffffff;
background-image:url('/images/gradientfromtop.gif');
background-repeat:repeat-x;
background-position:0px -50px;
}

h2.left
{
color:#404040;
background-color:#ffffff;
font-size:120%;
margin-bottom:4px;
padding-bottom:0px;
margin-top:0px;
padding-top:0px;
font-weight:bold;
}

span.marked {color:#e80000;background-color:transparent;}
span.deprecated {color:#e80000;background-color:transparent;}

p.tutintro
{
margin-top:0px;
font-size:125%;
}

p.intro
{
font-size:120%;
color:#404040;
background-color:transparent;
margin-top:10px;
}

pre
{
font-family:"courier new";
font-size:110%;
margin-left:0;
margin-bottom:0;
}

img.float {float:left;}
img.navup
{
vertical-align:middle;
height:22px;
width:18px;
}

hr
{
background-color:#d4d4d4;
color:#d4d4d4;
height:1px;
border:0px;
clear:both;
}

a.example {font-weight:bold}

a:link,a:visited {
	color:#000;
	background-color:transparent
}
a:hover,a:active {color:#FF0000; background-color:transparent}

a.topnav:link,a.topnav:visited {color:#555555;text-decoration:none;}
a.topnav:hover,a.topnav:active {color:#ff4800;text-decoration:none;}

a.plain:link,a.plain:visited {text-decoration:none;color:#900B09;background-color:transparent}
a.plain:hover,a.plain:active {text-decoration:underline;color:#FF0000;background-color:transparent}

a.header:link,a.header:visited {text-decoration:none;color:black;background-color:transparent}
a.header:hover,a.header:active {text-decoration:underline;color:black;background-color:transparent}

table.sitemap a:link,table.sitemap a:visited {text-decoration:none;color:black;background-color:transparent}
table.sitemap a:hover,table.sitemap a:active {text-decoration:underline;color:black;background-color:transparent}

#leftcolumn a:link,#leftcolumn a:visited {text-decoration:none;color:black;background-color:transparent}
#leftcolumn a:hover,#leftcolumn a:active {text-decoration:underline;color:black;background-color:transparent}

#rightcolumn a:link,#rightcolumn a:visited {text-decoration:none;color:#900B09;background-color:transparent}
#rightcolumn a:hover,#rightcolumn a:active {text-decoration:underline;color:#FF0000;background-color:transparent}

.toprect_txt a:link,.toprect_txt a:visited {text-decoration:none;color:#900B09;background-color:transparent}
.toprect_txt a:hover,.toprect_txt a:active {text-decoration:underline;color:#FF0000;background-color:transparent}

#footer a:link,#footer a:visited {text-decoration:none;color:#404040;background-color:transparent}
#footer a:hover,#footer a:active {text-decoration:underline;color:#404040;background-color:transparent}

a.m_item:link,a.m_item:visited {text-decoration:none;color:white; background-color:transparent}
a.m_item:hover,a.m_item:active {text-decoration:underline;color:white; background-color:transparent}

a.chapter:link    {text-decoration:none;color:#98bf21;background-color:transparent}
a.chapter:visited {text-decoration:none;color:#98bf21;background-color:transparent}
a.chapter:hover   {text-decoration:underline;color:#98bf21;background-color:transparent}
a.chapter:active  {text-decoration:none;color:#98bf21;background-color:transparent}

a.tryitbtn,a.tryitbtn:link,a.tryitbtn:visited,a.showbtn,a.showbtn:link,a.showbtn:visited
{
display:block;
color:#FFFFFF;
background-color:#98bf21;
font-weight:bold;
font-size:11px;
width:120px;
text-align:center;
padding:0;
padding-top:3px;
padding-bottom:4px;
border:1px solid #ffffff;
outline:1px solid #98bf21;
text-decoration:none;
margin-left:1px;
}

a.tryitbtn:hover,a.tryitbtn:active,a.showbtn:hover,a.showbtn:active
{
background-color:#7A991A;
}

a.demobtn,a.demobtn:link,a.demobtn:visited
{
color:#FFFFFF;
background-color:#ee6c32;
font-weight:bold;
font-size:11px;
text-align:center;
padding:5px;
padding-top:3px;
padding-bottom:4px;
border:1px solid #ffffff;
outline:1px solid #ee6c32;
text-decoration:none;
margin-left:1px;
}

a.demobtn:hover,a.demobtn:active,a.demobtn:hover,a.demobtn:active
{
background-color:#BE5628;
}

table.chapter
{
font-size:140%;margin:0px;padding:0px;padding-left:3px;padding-right:3px;
}
table.chapter td.prev {text-align:left;}
table.chapter td.next {text-align:right;}

#customers
{
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	border-collapse:collapse;
}
#customers td, #customers th
{
	font-size:12px;
	border:1px solid #98bf21;
	padding:3px 7px 2px 7px;
}
#customers th
{
	font-size:14px;
	text-align:left;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#A7C942;
	color:#fff;
}
#customers tr.alt td
{
color:#000;
background-color:#EAF2D3;
}


/* Product thumbnail */
.products .thumbnail-container {
	float: left;
	width: 179px;
	height: 350px;
	text-align: center;
	background: url(../../_global/img/products/bg_thumbnail.gif) no-repeat top left;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 7px;
	margin-left: 0;
}
.products .thumbnail-container-auto {
	float: left;
	width: 179px;
	height: auto;
	text-align: center;
	background: url(../../_global/img/products/bg_thumbnail.gif) no-repeat top left;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 7px;
	margin-left: 0;
}
.products .thumbnail-container-nomarginright {
	float: left;
	width: 179px;
	height: 250px;
	margin: 0 0 7px 0;
	text-align: center;
	background: url(../images/bg_thumbnail.gif) no-repeat top left;
}
.products .thumbnail-header {
	height: 4px;
	background-image: url(../images/bg_thumbnail_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.products .thumbnail-footer {
	height: 7px;
	_margin-top: -10px;
	background: url(../images/bg_thumbnail_footer.gif) no-repeat bottom left;
}
.products .thumbnail-img {
	height: 180px;
	padding: 10px 10px 10px 10px;
	_margin-top: -10px;
	background: url(../images/bg_thumbnail.gif) repeat-y top left;
}
.products .thumbnail-img-auto {
	height: auto;
	padding: 10px 10px 10px 10px;
	_margin-top: -10px;
	background: url(../images/bg_thumbnail.gif) repeat-y top left;
}
.products .thumbnail-breaker {
	height: 3px;
	background: url(../images/bg_thumbnail_breaker.gif) no-repeat top left;
}
.products .thumbnail-content-title {
	width: 155px;
	height: 100px;
	_margin-top: -11px;
	padding: 8px 11px 0 13px;
	text-align: left;
	background: url(../images/bg_thumbnail.gif) repeat-y top left;
}

.products .thumbnail-content-title-1 {
	width: 155px;
	height: 130px;
	_margin-top: -11px;
	padding: 8px 11px 0 13px;
	text-align: left;
	background: url(../images/bg_thumbnail.gif) repeat-y top left;
}
.products .thumbnail-content-price {
	width: 155px;
	height: auto;
	padding: 10px 11px 5px 13px;
	text-align: left;
	background: url(../images/bg_thumbnail.gif) repeat-y top left;
}
.products a.thumbnail-morelink:link, .products a.thumbnail-morelink:visited, .products a.thumbnail-morelink:active {
	text-decoration: none;
	color: #7dba00;
}
.products a.thumbnail-morelink:hover {
	color: #a1e517;
}


/* Side navigation */
#side-navigation {
	float: left;
	width: 179px;
	color: #fff;
	background: url(../images/bg_sidenavi.gif) repeat-y #fff;
}
#side-navigation-header {
	background: url(../images/img_sidenavi_header.gif) no-repeat #fff;
	width: 179px;
	height: 4px;
}
#side-navigation-footer {
	background: url(../images/img_sidenavi_footer.gif) no-repeat left bottom;
	width: 179px;
	height: 20px;
}
.side-navigation-headertext {
	width: 155px;
	margin: 0 3px 0 1px;
	padding: 10px 10px 4px 10px;
	text-align: left;
	color: #4d4d4d;
	font-weight: bold;
}
.side-navigation-item {
	width: 175px;
	text-align: left;
	border-bottom: 1px solid #d2d2d2;
	color: #4d4d4d;
	font-weight: normal;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 1px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.side-navigation-item-indent {
	text-align: left;
	color: #8DC145;
	font-weight: normal;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.side-navigation-item-selected {
	width: 155px;
	margin: 0 3px 0 1px;
	padding: 4px 10px 4px 10px;
	text-align: left;
	border-bottom: 1px solid #d2d2d2;
	color: #fff;
	font-weight: bold;
	background: #99cc33;
}
.side-navigation-breaker {
	width: 155px;
	height: 14px;
	margin: 0 3px 0 1px;
	padding: 4px 10px 4px 10px;
	background-color: #f9f9f9;
	border-bottom: 1px solid #d2d2d2;
}
a.side-navigationlink:link, a.side-navigationlink:visited, a.side-navigationlink:active {
	text-decoration: none;
	color: #535353;
}
a.side-navigationlink:hover {
	color: #7dba00;
}



.shop_whiletext, a.shop_whiletext {
	font-size: 11px;
	line-height: 1.2em;
	margin-left: 5px;
	width: 0px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
	margin-top: 0px;
	height: 0px;
	padding: 0px;
	margin-right: 5px;
}
a.shop_whiletext:hover {color:#FFFFEC;}

.shop_blacktext, a.shop_blacktext {
	font-size: 15px;
	line-height: 1.2em;
	margin-left: 5px;
	width: 0px;
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
	margin-top: 0px;
	height: 0px;
	padding: 0px;
	margin-right: 5px;
}
a.shop_blacktext:hover {color:#c5331c;}


/* Item description */
.products .hd-item {
	float: left;
	width: 100%;
	font-size: 28px;
	margin: 5px 0 5px 0;
}
.products #description-container {
	width: 100%;
}
.products #description-main {
	/*_margin-top: -167px;*/
	width: 548px;
}
.products #description-main-content {
	float: left;
	width: 544px;
	padding: 0 3px 0 1px;
	background: url(../images/bg_desc.gif) repeat-y top left #fff;
}
.products #description-img-pane {
	float: left;
	width: 289px;
	height: 254px;
}
.products .btn-zoom {
	float: left;
	margin: 0 0 0 5px;
}
.products #description-text-pane {
	float: left;
	width: 225px;
	padding: 15px;
}
.products .description-product-tn {
	float: left;
	width: 60px;
	height: 60px;
	padding: 2px 5px 5px 2px;
	margin-right: 5px;
	background: url(../images/bg_product_tn.gif) no-repeat;
}
.products .description-options-container {
	float: left;
	width: 60px;
	margin: 15px 0 15px 15px;
	font-weight: bold;
}
.products .description-options-field {
	font-size: 10px;
	width: 60px;
	border: 1px solid #dbdbdc;
	margin-top: 2px;
}
.products #wishlist-container {
	width: 100px;
	float: right;
	margin: 30px 15px 15px 0;
	text-align: right;
}
.products .description-side-pane-container {
	float: right;
	width: 179px;
 *margin-top: -7px;
}
.products .description-side-pane {
	width: 155px;
	background: url(../images/bg_sidepanel.gif) repeat-y top left #fff;
	padding: 10px 13px 3px 11px;
 *margin-top: -3px;
 *margin-bottom: -3px;
}
