/*
' B2B v 2.0
' Relased on 22.07.2004
' B2B, Portal for B2B Industry 
' http://www.anblik.com
' Copyright(c)2006-2010 Anblik
*/
* {margin:0; padding:0}
html {margin-bottom:1px; height: 100%}
body {height:100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:x-small; line-height:normal; background-image: url('images/back.gif'); background-color:#C0BDAF!important; color:#666666 !important; line-height:1.7em; border:0}
address {width:97%; font-size:85%; line-height:150%; margin:5px; padding:0}
p {clear:both; margin:5px 0 5px 0; padding:2px; text-align:justify; width:98%}
a {color: #666666; text-decoration:underline!important; font-weight:bold; background-color:inherit}
a:hover {color: #666666; font-weight:bold; background-color:inherit; text-decoration:none!important}
a:visited {color: #666666; font-weight:bold; background-color:inherit; text-decoration:underline!important}
a:visited:hover {color: #666666; font-weight:bold; background-color:inherit; text-decoration:none!important}
img {border: 0px; padding:2px}
/* The following line added due to editor problem  */
table img {margin:0px; padding:0; border: 0}
a img {color: inherit; background-color: inherit; border: none}
fieldset {padding: 1em!important; border:1px solid #CCCCCC; vertical-align:middle; margin:5px!important}
fieldset cite {font-size: 100%}
fieldset h3 {color:#EBB704; background-color:#FFFFFF}
legend {font-weight:normal; font-size:2em; color:#EBB704; background-color:inherit; vertical-align:middle; margin-bottom:20px!important; line-height:2.5em}
label {font-weight:bold; margin:10px 0 5px 0; font-size:1.35em}
form {margin:0; padding:0}
select, input {font-size:x-small}
acronym {border-bottom: 2px dotted #333333; cursor: help}
a acronym {cursor:pointer}
sup {color: #FF0000; background-color: inherit; font-weight:bold; vertical-align:top; padding:0 5px 0 5px}
blockquote {font-family: Georgia, Times, serif; font-style:italic; padding: 5px 5px 0 28px; background-image: url('images/quote.gif'); background-repeat:no-repeat; background-position:top left}
q {display:block; font-family: Georgia, Times, serif; font-style:italic; font-size:small; padding: 5px; width: auto}
q img {float: left; line-height:150%; vertical-align:middle; margin:0 5px 0 0; padding:1px}
pre {clear: both; float:left; font: 1.06em Courier, monospace; padding: .2em; margin: .5em 1em .5em 1.9em; width: 90%; border: 1px inset; color:#333333; background-color:#FFFFCC}
code {font: 1.00em Courier, monospace; color:#CC3300; background-color:inherit; text-align:left}
kbd {font: 1.06em Courier, monospace; padding:2px; border: 1px solid #CCCCCC; color:#333333; background-color:#FFFFCC}
samp {font: 1.06em Courier, monospace}
pre strong {font-size: 1em; font-weight: bold}
em {font-style:italic}
small {font-size: 75%; font-style:italic}
hr {visibility:hidden; margin: 0!important; width:100%; border:none!important; padding: 0!important; height:0px!important; line-height:0px!important}
br {clear:both}
dl {clear:both}
dt {overflow:hidden; font-weight:bold}
dd {text-align : justify}
li {list-style-type: none; background-image: url('images/bullet.gif'); background-repeat: no-repeat; background-position: 0 8px; padding-left: 6px!important; margin:0 0 7px 3px}
li li {list-style-type: none; background-image: url('images/bullet2.gif'); background-repeat: no-repeat; background-position: 0 .1em;}
li li li {list-style-type: none; background-image: url('images/bullet3.gif'); background-repeat: no-repeat; background-position: 0 .1em;}
li a, li a:visited, li a:hover, li a:visited:hover {font-weight:normal!important; text-decoration:none}
li a:hover, li a:visited:hover {font-weight:normal!important; text-decoration:underline}
h1 {clear:both; color:#666666; background-color: inherit; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:2.3em; font-weight:normal; font-style:normal; letter-spacing:normal; margin: 0; padding:0; text-decoration:none; line-height:1.5em}
h2 {clear:both; color: inherit; background-color: inherit; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:1.9em; font-weight:normal; font-style:normal; letter-spacing:normal; margin:5px 0 5px 0; padding:1px 5px 1px 5px; text-decoration:none}
h3 {clear:both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1.5em; font-weight:bold; font-style:normal; letter-spacing:normal; text-decoration:none; margin:5px 0 5px 0; vertical-align:middle}
h3 a, h3 a:visited {text-decoration:none; border:0; color:#333333; background-color: inherit; background-image:url('images/page.gif'); font-weight:normal; background-repeat:no-repeat; background-position:0% 50%; padding-left:20px; vertical-align:middle}
h3 a:hover, h3 a:visited:hover {text-decoration:none; border:0; color:#333333; background-color: inherit; font-weight:normal}
h4 {clear:both; color: #EBB704; background-color: inherit; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:1.2em!important; font-weight:bold; font-style:normal; letter-spacing:normal; text-decoration:none}
h5 {clear:both; color: inherit; background-color: inherit; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size:0.85em; font-weight:normal; font-style:italic; letter-spacing:normal; text-decoration:none; margin-bottom:0.7em; padding-left:1.7em}
h5 a {text-decoration:none; border:0; color:#333366; background-color: inherit; font-style:normal; font-weight:bold; text-transform:capitalize}
h5 a:hover, h5 a:visited, h5 a:visited:hover {text-decoration:none; border:0; color:#333333; background-color: inherit}
h6 {clear:both; color: inherit; background-color: inherit; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:0.75em; font-weight:normal; font-style:italic; letter-spacing:normal; text-decoration:none}


/* Top Layout */
div#top {overflow:hidden; margin:0 auto}
.topstyle {margin: 0 auto; width: auto; height:100%; color: #666666; background-color:#F1F1F1; vertical-align:middle; border-top: 8px solid #666666; border-left:1px solid #666666; border-right:1px solid #666666; background-image:url('images/back.jpg'); background-repeat:repeat-x}
.topstyle div.ver {float: none; clear:both; width:100%; margin:0 auto 7px auto}
.topstyle div.hor {float: left; width: 240px!important; margin: 3px 10px 0 0; padding:0}


/* Top Bottom Layout */
div#topbottom {overflow:hidden; margin:0 auto}
.topbottomstyle {margin: 0 auto 0px auto; padding:5px; width: auto; color: #666666; background-color: #ECE9D8; text-align:center; vertical-align:middle; border-top:2px solid #DAD7C7; border-bottom:2px solid #DAD7C7; border-left:1px solid #666666; border-right:1px solid #666666}
.topbottomstyle h2 {font-family: Helvetica, "Arial Narrow", Arial, sans-serif; font-weight:bold; font-size:1.7em; color:#333366; background-color:inherit; background-image:none; border-bottom: 2px solid #333333; text-transform:uppercase}
.topbottomstyle a, .topbottomstyle a:visited {text-decoration:none; color:#666666!important; font-weight:bold!important; background-color: inherit}
.topbottomstyle a:hover, .topbottomstyle a:visited:hover {text-decoration:none; color:#333333!important; font-weight:bold!important; background-color:inherit}
.topbottomstyle a.new_win {background-image:url('images/new_win_dark.gif'); background-repeat:no-repeat; background-position:right top; padding-right:8px}
.topbottomstyle a:hover.new_win {background-image:url('images/new_win_on.gif'); background-repeat:no-repeat; background-position:top right; padding-right:8px}
.topbottomstyle div.ver {float: none; clear:both; width:100%; margin:0 auto!important; padding:0!important}
.topbottomstyle div.hor {float: left; width: auto; margin: 18px 0 7px 0}

/* Main Content Column Wrapper Layout */
.columnwrapper {width:778px!important; margin: 0 auto;  background-color:#FFFFFF; color: inherit; border-left:1px solid #666666; border-right:1px solid #666666}
.columnwrapper {padding: 10px 0 0 0!important}

div#leftcolumn {overflow:hidden}
.leftcolumnstyle {margin: 0 auto; padding:0; width: auto; background-image:url('images/shade.gif'); background-position:left top; background-repeat:no-repeat; border:none}
.leftcolumnstyle h2  {font-size:1.8em; color:#333333; background-color:inherit; margin:0px auto 3px auto; padding: 2px 0 2px 7px; text-align:left; text-transform:none}
.leftcolumnstyle a.new_win {background-image:url('images/new_win_dark.gif'); background-repeat:no-repeat; background-position:right top; padding-right:8px}
.leftcolumnstyle a:hover.new_win {background-image:url('images/new_win_on.gif'); background-repeat:no-repeat; background-position:top right; padding-right:8px}
.leftcolumnstyle div.ver {float: none; clear:both; width:100%; margin:0 auto}
.leftcolumnstyle div.hor {float: left; width: 45%; margin: 0 7px 7px 7px}
.leftcolumnstyle div.roundcorner h2 {margin:0; padding:3px 0 1px 15px; color:#FFFFFF!important; background-color:#999999; background-image:none; border:0; font-size:1.6em; font-weight:bold;; text-transform:none}

/* Center Layout */
div#centercolumn {overflow:hidden}
.centercolumnstyle {margin: 0 auto; padding:0; width: auto; color:#333333; background-color:inherit; border:0}
.centercolumnstyle h2 {font-size:1.6em; font-weight:bold; color:#666666; background-color:#F1F1F1; margin:0 0 5px 0; padding: 2px 0 2px 7px; text-align:left; border: 1px solid #666666}
.centercolumnstyle a.new_win {background-image:url('images/new_win_dark.gif'); background-repeat:no-repeat; background-position:top right; padding-right:8px}
.centercolumnstyle a:hover.new_win {background-image:url('images/new_win_on.gif'); background-repeat:no-repeat; background-position:top right; padding-right:8px}
.centercolumnstyle div.ver {clear:both; width:96%; margin:0px auto 15px auto; padding:2px}
.centercolumnstyle div.hor {float: left; width: auto; margin: 0 7px 7px 7px}

/* Right Layout */
div#rightcolumn {overflow:hidden}
.rightcolumnstyle {margin: 0 auto; padding:0; width: auto; color:#333333; background-color:inherit; text-align:center; border:0}
.rightcolumnstyle h2 {font-size:1.6em; font-weight:bold; color:#999999; background-color:inherit; margin:0 0 5px 0; padding:0px; text-align:left}
.rightcolumnstyle a.new_win {background-image:url('images/new_win_dark.gif'); background-repeat:no-repeat; background-position:top right; padding-right:8px}
.rightcolumnstyle a:hover.new_win {background-image:url('images/new_win_on.gif'); background-repeat:no-repeat; background-position:top right; padding-right:8px}
.rightcolumnstyle div.ver {float: none; clear:both; width:100%; margin:0px auto 15px auto; border:0px solid #CCCCCC; padding:2px}
.rightcolumnstyle div.hor {float: left; width: auto; margin: 0 7px 7px 7px}

/* Top Bottom Layout */
div#footertop {overflow:hidden; margin:0 auto}
.footertopstyle {margin: 0 auto; text-align:center; width: auto; height:100%; color: inherit; background-color: #FFFFFF; padding:18px; border-left:1px solid #666666; border-right:1px solid #666666}
.footertopstyle h2 {font-size:1.6em; font-weight:bold; color:#666666; background-color:#F1F1F1; margin:0 0 5px 0; padding: 2px 0 2px 7px; text-align:left; border: 1px solid #666666}
.footertopstyle a {text-decoration:none!important; color: #666666!important; font-weight:bold; background-color: inherit}
.footertopstyle a:hover {text-decoration:underline; color:#006699!important; font-weight:bold; background-color:inherit}
.footertopstyle a.new_win {background-image:url('images/new_win.gif'); background-repeat:no-repeat; background-position:top right; padding-right:8px}
.footertopstyle a:hover.new_win {background-image:url('images/new_win_on.gif'); background-repeat:no-repeat; background-position:top right; padding-right:8px}
.footertopstyle li {margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px}
.footertopstyle div.ver {float: none; clear:both; width:100%; margin: 0 auto 7px auto}
.footertopstyle div.hor {float: left; width:auto; height:100%}

/* Footer Layout */
div#footer {overflow:hidden; margin:0 auto}
.footerstyle {margin: 0 auto; text-align:center; width: auto; color: #666666; background-color: #ECE9D8; border-top:2px solid #DAD7C7; border-bottom: 8px solid #666666; border-left:1px solid #666666; border-right:1px solid #666666}
.footerstyle a, .footerstyle a:visited {text-decoration:none; color:#666666!important; font-weight:bold!important; background-color: inherit}
.footerstyle a:hover, .footerstyle a:visited:hover {text-decoration:underline; color:#333333!important; font-weight:bold!important; background-color:inherit}
.footerstyle a.new_win {background-image:url('images/new_win_dark.gif'); background-repeat:no-repeat; background-position:top right; padding-right:8px}
.footerstyle a:hover.new_win {background-image:url('images/new_win_on.gif'); background-repeat:no-repeat; background-position:top right; padding-right:8px}
.footerstyle div.ver {float: none; clear:both; width:100%; margin:0 auto 10px auto}
.footerstyle div.hor {float: left; width:auto; margin: 0 7px 10px 7px}

/* Module Content Layout */
.modulecontent {clear: both; width:100%; margin:0 auto 7px auto}
.modulecontent h1 {padding-bottom: 2px}
.modulecontent h2 {padding:2px 2px 2px 0}
.modulecontent h3 {margin-bottom:7px}
.modulecontent h1 img, .modulecontent h2 img {vertical-align:middle} 
.modulecontent h2 a, .modulecontent h2 a:visited, .modulecontent h3 a, .modulecontent h3 a:visited, .modulecontent h4 a, .modulecontent h4 a:visited, .modulecontent h5 a, .modulecontent h5 a:visited, .modulecontent h6 a, .modulecontent h6 a:visited {text-decoration:none; color:#DD865A; background-color: inherit}
.modulecontent h2 a:hover, .modulecontent h2 a:visited:hover, .modulecontent h3 a:hover, .modulecontent h3 a:visited:hover, .modulecontent h4 a:hover, .modulecontent h4 a:visited:hover, .modulecontent h5 a:hover, .modulecontent h5 a:visited:hover, .modulecontent h6 a:hover, .modulecontent h6 a:visited:hover {text-decoration:none; color:#333333; background-color: inherit}
.modulecontent dt, .modulecontent dd {padding-bottom: 7px}
.modulecontent div.categorylisting {width:98%; margin-bottom:10px; padding:20px;}
.modulecontent div.categorylisting div {float:left; width:30%; margin:5px auto; padding-left:10px}
.modulecontent div.categorylisting ul {clear:none; float:left; width:auto; padding:7px 0 1px 0; margin:0}
.modulecontent div.categorylisting li {width:auto; margin:0; padding:0; list-style-type:none; list-style-image:none; background:none}
.modulecontent div.categorylisting h4 {display:inline}
.modulecontent div.categorylisting h4 a, .modulecontent div.categorylisting h4 a:hover {font-weight:bold; background-image:url('images/categoryFolder.gif'); background-position:left top; background-repeat:no-repeat; padding-left:23px}
.modulecontent div.categorylisting a  {font-weight:bold}

/* General Class to Clear Floated Elementt */
.clearboth:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearboth {display: inline-table;}
/* Hides from IE-mac \\\\*/
* html .clearboth {height: 1%;}
.clearboth {display: block;}
/* End hide from IE-mac */

/* General Logo Style */
.logo {float: left; width: auto; margin: 7px 0 5px 2px}

/* General Top Header Layout */
.topheader {float:right; width:350px; margin: 2px 8px 0 0}

/* STYLES FOR CATEGORY NAVIGATION STARTS */
ul.categorytree, ul.categorytree ul {line-height:1.2em; margin:0 0 0 5px; padding:0; list-style-type: none; font-size: small; font-family: Helvetica, Arial, sans-serif; vertical-align: middle}
ul.categorytree li {width:auto; margin:0; padding:0 0 0 18px; background: url('images/node.gif') no-repeat; list-style-type:none; list-style-image:none}
ul.categorytree li.leaf {background-image: url('images/leaf.gif')}
ul.categorytree li.closedbranch {background-image: url('images/closedbranch.gif')}
ul.categorytree li.closedbranch-last {background-image: url('images/closedbranch-last.gif')}
ul.categorytree li.openbranch {background-image: url('images/openbranch.gif')}
ul.categorytree li.openbranch-last {background-image: url('images/openbranch-last.gif')}
/* STYLES FOR CATEGORY NAVIGATION STARTS */
ul.cascadecategory, ul.cascadecategory ul {line-height:1.4em; margin:0 0 0 5px!important; padding:0; list-style-type: none; font-size: 90%; font-family: Helvetica, Arial, sans-serif; vertical-align: middle}
ul.cascadecategory li {width:auto; margin:0; padding:0 0 0 15px!important; list-style-type:none; list-style-image:none;}
ul.cascadecategory li.leaf {}
.channel_ver ul.cascadecategory li.closedbranch {background-image: url('images/category_close.gif'); background-repeat:no-repeat; background-position:left top!important;}
.channel_ver ul.cascadecategory li.closedbranch-last {background-image: url('images/category_close.gif'); background-repeat:no-repeat; background-position:left top;}
.channel_ver ul.cascadecategory li.openbranch {background-image: url('images/category_open.gif'); background-repeat:no-repeat; background-position:left top;}
.channel_ver ul.cascadecategory li.openbranch-last {background-image: url('images/category_open.gif'); background-repeat:no-repeat; background-position:left top;}

/*  General Vertical Menu Block Layout */
.menu_ver {border-bottom:1px solid #999999; width:280px}
.menu_ver a {display: block; float:none; text-decoration: none; color:#666666; background-color: inherit; font-weight: bold; padding-left: 15px; background-image: url('images/menu_block.gif'); background-repeat: no-repeat; background-position: 0% 50%; border-top:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #999999; height:27px; vertical-align:middle; line-height:1.8em}
body.home .menu_ver a.home,body.article .menu_ver a.article,body.store .menu_ver a.store,body.staticpage75 .menu_ver a.staticpage75
{text-decoration: none; color:#FFFFFF; background-color: inherit; background-image: url('images/menu_hover.gif'); background-repeat: no-repeat; background-position: 0% 50%; font-weight: bold}
.menu_ver a:hover {text-decoration: none; color:#FFFFFF; background-color: inherit; background-image: url('images/menu_hover.gif'); background-repeat: no-repeat; background-position: 0% 50%; font-weight: bold}

/* General Horizontal Menu Block Layout */
ul.menu_hor {clear:both; width:auto; margin:0 auto; padding:0; list-style-type:none!important; background-image:none!important; list-style-image:none!important; text-align:center}
ul.menu_hor {margin-left:16px}
.menu_hor li {float:left; width:auto; margin:0 5px 0 0!important; padding:0!important; list-style-type:none!important; list-style-image:none!important; background-image:none!important; white-space:nowrap; text-align:center}
.menu_hor a, .menu_hor a:visited {display:block; float:left; padding:3px; font-weight:bold!important; color: #FFFFFF!important; background-color: #999999; border: 1px solid #333333; text-decoration:none!important}
/* Commented Backslash Hack hides rule from IE5-Mac \\\\*/
.menu_hor a {float:none}
/* End IE5-Mac hack */
body.home .menu_hor a.home,body.article .menu_hor a.article,body.store .menu_hor a.store,body.staticpage75 .menu_hor a.staticpage75,
body.home .menu_hor a:visited.home,body.article .menu_hor a:visited.article,body.store .menu_hor a:visited.store,body.staticpage75 .menu_hor a:visited.staticpage75 
{text-decoration:none;color: #FFFFFF!important; background-color: #999999}
.menu_hor a:hover, .menu_hor a:visited:hover {text-decoration:none!important; font-weight:bold!important; color: #FFFFFF!important; background-color: #666666}

/* General Tabular Horizontal Menu Layout */
.tabmenu a {font-size:medium; color: #FFFFFF!important; background: #EEA752 url('images/menu-left-tab.gif') left top no-repeat; text-decoration: none; padding-left: 10px}
.tabmenu a span {background: url('images/menu-right-tab.gif') right top no-repeat; padding-right: 10px}
.tabmenu a, .tabmenu a span {display: block}
/* Hide from IE5-Mac \\\\*/ .tabmenu a, .tabmenu a span {float: none} /* End hide */
.tabmenu a:hover {color: #FFFFFF; text-decoration: none; background: #999999 url('images/menu-left-tab-hover.gif') left top no-repeat; padding-left: 10px}
.tabmenu a:hover span {background: url('images/menu-right-tab-hover.gif') right top no-repeat; padding-right: 10px; text-decoration: none}
.tabmenu {float: right; list-style: none; padding: 0; margin: 0}
.tabmenu li {float: right; margin:0 0 0 2px; padding:0; list-style-image:none; list-style-type:none} 

.tabmenuhover a {color: #FFFFFF!important; text-decoration: none; background: #999999 url('images/menu-left-tab-hover.gif') left top no-repeat; padding-left: 10px}
.tabmenuhover a span {background: url('images/menu-right-tab-hover.gif') right top no-repeat; padding-right: 10px; text-decoration: none}
.tabmenuhover a, .tabmenuhover a span {display: block; float: right}
/* Hide from IE5-Mac \\\\*/ .tabmenuhover a, .tabmenuhover a span {float: none} /* End hide */
.tabmenuhover {list-style: none; padding: 0; margin: 0}
.tabmenuhover li {float: right; margin:0 0 0 2px; padding:0; list-style-image:none; list-style-type:none} 
.tabmenubottom {clear:both; border:1px solid #999998; padding: 0; margin:0; color:inherit; background-color:#999999}

/* General Footer Static Menu Block And Horizontal Login Block(after login) Layout */
ul.listhor {width:auto!important; margin:0 auto!important; padding:3px 0 0 0!important; list-style-image:none; vertical-align:middle; font-weight:bold}
ul.listhor li {display: inline; margin:0!important; padding:0 0.95em 0 0.7em!important; font-weight:bold; background-image:url('images/marker-blue.gif'); background-repeat: no-repeat; background-position:right center; line-height:1.6em; vertical-align:middle}
.listhor li a, .listhor li a:visited {font-weight:bold!important; text-decoration:none}
.listhor li a:hover, .listhor li a:visited:hover {font-weight:bold!important; text-decoration:none}

/* General Horizontal Sorting Layout */
ul.sorting {clear:both; float:right; line-height:2.5em; margin:7px 0 7px 0; list-style-image:none}
.sorting li {display: inline; font-size:x-small; font-weight:normal; color:#333333; background-color: inherit; margin:0; padding:0 0 0 15px; background:none!important}
.sorting li a, .sorting li a:visited {text-decoration:none; font-size:x-small; font-weight:bold; color:#DD865A; background-color: inherit}
.sorting li a:hover, .sorting li a:visited:hover {text-decoration:none; font-size:x-small; font-weight:bold; color:#333333; background-color: inherit}
.sorting li img, .sorting a img {vertical-align:middle; border:0; padding:0; margin:0}

/* Table Class Styles */
table.table-style {border:1px solid #CCCCCC; width: 99%; margin:0 auto !important}
.table-style tr {font-weight: normal; font-size:100%; height:30px; line-height:30px; vertical-align:middle}
.table-style th {color:#333333; background-color:#F1F1F1; padding:2px; text-align:center; font-weight: bold; font-size:115%; height:30px; line-height:30px; vertical-align:middle; border:1px solid #CCCCCC}
.table-style td {border-bottom:0px solid #F1F1F1; padding:0px; text-align:center}
.table-even {background-color:#FFFFFF!important; color:inherit}
.table-odd {background-color:#FAF8F8!important; color:inherit}
.table-style caption {text-align:left; font-weight:bold; font-size:x-small}

/* Horizontal Layout */
dl.datalisthor {clear: both; width: 100%; line-height:1.6em; margin: 0 auto}
.datalisthor dt {color:#EBB704; background-color:inherit; font-style:normal; text-align:left; margin-top:0px}
.datalisthor dd {font-weight:normal; font-style:normal; text-align:left; margin-bottom:5px}
.datalisthor img {border:none; vertical-align:middle}
.datalisthor input, .datalisthor textarea, .datalisthor select  {width:80%!important}

/* General Data Definition Horizontal Columnar Layout margin 55%*/
dl.datalisthorcol55 {clear: both; width:100%; margin: 0 auto; font-size:100%}
.datalisthorcol55 dt {clear:left; float:left; font-weight: bold; font-style:normal; width:83%}
.datalisthorcol55 dd {clear:right; font-weight:normal; font-style:normal; margin-left:83%}
.datalisthorcol55 img {margin-bottom:0.4em; vertical-align:middle}
.datalisthorcol55 a img {border:1px solid #CCCCCC; color: inherit; background-color:#FFFFFF}
.datalisthorcol55 a:hover img {border:1px solid #333333; color: inherit; background-color:#FFFFCC}

/* General Data Definition Horizontal Columnar Layout margin 55%*/
dl.datalisthorcol35 {clear: both; width:100%; margin: 0 auto; font-size:100%}
.datalisthorcol35 dt {clear:left; float:left; font-weight: bold; font-style:normal; width:35%; border-bottom:1px solid #F1F1F1}
.datalisthorcol35 dd {clear:right; font-weight:normal; font-style:normal; margin-left:35%; border-bottom:1px solid #F1F1F1}
.datalisthorcol35 img {margin-bottom:0.4em; vertical-align:middle}
.datalisthorcol35 a img {border:1px solid #CCCCCC; color: inherit; background-color:#FFFFFF}
.datalisthorcol35 a:hover img {border:1px solid #333333; color: inherit; background-color:#FFFFCC}

/* General Data Definition Horizontal Inline Layout */
dl.datalisthorinline {clear: both; float:left; line-height:1.6em; vertical-align:middle; white-space:nowrap; width:100%; margin: 0.7em 0 0.7em 0; padding:3px 0 3px 5px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc}
.datalisthorinline dt {float: left; font-weight: bold; padding:0 2px 0 0; vertical-align:middle}
.datalisthorinline dd {float: left; font-weight: normal; padding:0 5px 0 0; margin-left: auto; vertical-align:middle}
.datalisthorinline dd.compact  {float: left; font-weight: normal; padding:0 2px 0 0; margin-left: auto}
.datalisthorinline dt:after {content: ":"}
.datalisthorinline a {text-decoration:none; border:0}
.datalisthorinline a:hover {text-decoration:none; border:0}
.datalisthorinline a:visited {text-decoration:none; border:0}
.datalisthorinline a:visited:hover {text-decoration:none; border:0}

dl.datalisthoforum {clear: both; float:left; width:100%; margin: 0 auto; font-size:100%}
.datalisthoforum dt {clear:left; float:left; font-weight: bold; font-style:normal; width:105px!important}
.datalisthoforum dd {clear:right; font-weight:normal; font-style:normal; margin-left:120px!important}
.datalisthoforum dd p {clear:none!important; width:95%!important; margin:0 auto!important}
.datalisthoforum img {margin-bottom:0.4em; vertical-align:middle; padding:0}
.datalisthoforum a img {border:1px solid #CCCCCC; color: inherit; background-color:#FFFFFF}
.datalisthoforum a:hover img {border:1px solid #333333; color: inherit; background-color:#FFFFCC}

dl.datalisthorsearch {clear: both; float:left; width:100%; margin: 0 auto; font-size:100%}
.datalisthorsearch dt {clear:left; float:left; font-weight: bold; font-style:normal; width:110px}
.datalisthorsearch dd {float:left; font-weight:normal; font-style:normal}
.datalisthorsearch img {margin-bottom:0.4em; vertical-align:middle}
.datalisthorsearch a img {border:1px solid #CCCCCC; color: inherit; background-color:#FFFFFF}
.datalisthorsearch a:hover img {border:1px solid #333333; color: inherit; background-color:#FFFFCC}


/* General Data Definition Small Vertical Layout */
dl.datalistversmall {clear:none; float:left; width:110px; margin: 0px 12px 0px 0px; padding:0px; text-align:center; border: 1px solid #F1F1F1; color: inherit; background-color:#F1F1F1}
.datalistversmall dt {width:auto; margin: 3px; padding:0}
.datalistversmall dd {width:auto; margin: 3px; padding:0; text-align:center}
.datalistversmall img {float:left; border: 1px solid #E2E0E0; padding:0; margin:0}
.datalistversmall span {float:left; position:relative; top:0; left:0; margin-top: -102px; padding:0 2px 2px 0;  font: normal bold .88em Verdana, Arial, Helvetica, sans-serif; color:#666666; background-color:#F1F1F1; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC}

/* General Data Definition Small Vertical Layout */
dl.datalistvermini {clear:none; float:left; width:53px; margin: 0px 2px 7px 3px; padding:0px; text-align:center; color: inherit; background-color:inherit}
.datalistvermini dt {width:auto; margin: 1px; padding:0}
.datalistvermini dd {width:auto; margin: 1px; padding:0; text-align:center}
.datalistvermini img {float:left; border: 1px solid #CCCCCC; padding:0; margin:0}
.datalistvermini span {float:left; position:relative; top:0; left:0; margin-top: -72px; padding:0 2px 2px 0;  font: normal bold .88em Verdana, Arial, Helvetica, sans-serif; color:#666666; background-color:#F1F1F1; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC}


div.information {float:none; clear:both; margin:20px auto; padding:10px; width:60%; font-weight:bold; background-color:#E4FFE4; color:#006600; border: 4px dashed #006600; text-align:left}
div.information dt, div.information dd {color:#000000; background-color:inherit}
div.warning {margin:20px auto; padding:10px; width:60%; font-weight:bold; background-color:#FFFFE1; color:#FF0000; border: 4px dashed #FF0000; text-align:left}
div.warning dt, div.warning dd {color:#000000; background-color:inherit}
div.page-content {width:90%; margin:0; padding:0px 20px 50px 20px}


/* My Account Menu */
ul, li {margin: 0;padding: 0;list-style-type: none;}
.my-menu {margin:0; padding:0; font-size:11px}
.my-menu li {text-align: left; color: #333333; background-color: inherit; padding-left:18px; height:25px; line-height:25px; vertical-align:middle; border-bottom: 1px solid #CCCCCC; background-image:url(images/bullet.gif); background-position:left center; background-repeat:no-repeat}
.menu li a {color: #333333; background-color: inherit; text-decoration: none}

/* Inline dl after intput tag */
div.datalistinlineinput {float:left}
div.datalistinlineinput dt {width:10%; margin-left:5px}
div.datalistinlineinput dd {margin-left:10%}

/* Alphabetical List Link */
ul.alphabeticallist {clear:both; list-style-image:none; font-weight:bold; width:100%; margin:0; text-align:center; padding: 0}
ul.alphabeticallist li {display: inline; margin:0!important; padding:0 4px 0 4px!important; background-image:url('images/marker-yellow.gif'); background-repeat: no-repeat; background-position:right center}

div.login {width:170px; margin: 15px auto 20px auto; text-align:left; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-top:0; border-bottom:0; padding: 5px 10px 10px 30px;}

/* Banner Layout */
div.banner {width: auto; margin: 0 auto; text-align:center; padding:0}

/* Category Listing */
div.categorylisting {width:auto; position:relative; margin:0px 0 20px 15px !important; text-align:center; padding:0}
div.categorylisting div {float:left; margin:5px auto; padding:0; text-align:left}
div.categorylisting .linkwrapper {clear:none; float:left; width:auto; padding:0px; margin:2px 2px 0 0; font-weight:normal; border:1px solid #CCCCCC}
div.categorylisting .linkwrapper a, div.categorylisting .linkwrapper a:hover {font-size:10px; font-weight:normal}
div.categorylisting h4 {font-size:110%; text-align:left; margin-bottom:0px}
div.categorylisting h4 a, div.categorylisting h4 a:hover {}
div.categorylisting br {clear:both}

/* General Breadcrumb Navigation Layout */
ol.breadcrumbs {clear:both; float:left; color:#333333; background-color: inherit; font-size: 1em; font-weight:normal; font-family: Helvetica, Arial, sans-serif; width:100%; margin:0.7em 0 0.7em 0; padding:0; background-image:none!important; list-style-type:none!important; list-style-image:none!important; white-space:nowrap}
ol.breadcrumbs li {float:left; margin:0!important; padding:0!important; background-image:none!important; list-style-type:none!important; list-style-image:none!important; font-style: italic; font-weight:bold}
ol.breadcrumbs a, .breadcrumbs a:visited {text-decoration:none;  font-weight: normal; background-image:url('images/breadcrumb.gif'); background-repeat:no-repeat; background-position:left center; padding:0 0.2em 0 1.2em}
ol.breadcrumbs a:hover, .breadcrumbs a:visited:hover {text-decoration:none;  font-weight: normal; background-image:url('images/breadcrumb.gif'); background-repeat:no-repeat; background-position:left center; padding:0 0.2em 0 1.2em}
ol.breadcrumbs em {color:#333333; background-color: inherit; background-image:url('images/breadcrumb.gif'); background-repeat:no-repeat; background-position:left center; padding:0 0.2em 0 1.2em}

/* General Small Breadcrumb Navigation Layout */
ol.breadcrumbsmall {clear:both; float:left; font-size: 1.1em; font-family: Helvetica, Arial, sans-serif; color:#333333; background-color: inherit; width:96%; margin:0 0 0 2px; padding:0; background-image:none!important; list-style-type:none!important; list-style-image:none!important; white-space:nowrap}
ol.breadcrumbsmall li {float:left; margin:0!important; padding:0!important; background-image:none!important; list-style-type:none!important; list-style-image:none!important}
ol.breadcrumbsmall a, ol.breadcrumbsmall a:hover {text-decoration:none; background-image:url('images/breadcrumbsmall.gif'); background-repeat:no-repeat; background-position:left center; padding-left:1.2em}
ol.breadcrumbsmall .breaker a, ol.breadcrumbsmall .breaker a:hover {text-decoration:none; color:#333333; background-color: inherit; background-image:url('images/word_breaker_small.gif'); background-repeat:no-repeat; background-position:left center}
ol.breadcrumbsmall em:after {content: " "}
ol.breadcrumbsmall em {color:#333333; background-color: inherit; background-image:url('images/spacer.gif'); background-repeat:no-repeat; background-position:left center}

/* Page Navigation Layout */
div.page-navigation {clear:both; text-align:center; color:#333333; background-color: inherit; font-size: 88%; font-weight:normal; font-family: Helvetica, Arial, sans-serif; width:100%; margin:1em 0 1em 0; list-style-type:none; list-style-image:none; white-space:nowrap}
div.page-navigation a, div.page-navigation a:hover {margin: 10px 0 10px 0}

/* General Text Alignnment */
.centeredtext {text-align:center; margin:0 auto}
.righttext {clear:both; text-align:right; margin:0px; padding:0px}
.justifiedtext {text-align:justify}

/* Listing Items Layout */
div.listing {width:85%; margin: 15px auto 10px auto; text-align:left; padding: 5px 10px 10px 30px;}
div.listing-left {float:left; width:30%;}
div.listing-right {float:left; width:65%;}

div.payment-logo {width:35%; text-align:center;}
div.payment-logo div {float:left; padding:20px 10px; width:auto}

/* Others */
.no-form-style {border:0; width:auto; vertical-align:middle}
div.form-buttons {padding:5px 0; text-align:left}
.flashheader {float:left}
.note {margin:0; padding:0; width:auto; display:block; font-size:x-small; font-weight:normal; color:#FF0000; background-color:inherit; clear:left}
.mandatory {font-size:100%; font-weight:bold; color:#FF0000; background-color:inherit;}

.button-style, .button-style a, .button-style a:hover, a.button-style:visited {width:auto !important; margin: 5px auto!important; padding:2px 2px 2px 2px!important; border: 1px solid #666666 !important; background-color:#ECE9D8; color:#666666 !important; font-weight:bold !important; font-size:11px!important; text-decoration:none!important; text-align:center!important}
input.button-style-checkbox {width:20px!important; border:0!important}

/* Style MiniWebPage Style */
.js-body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:small; line-height:normal; background-color:#FFFFFF !important; color:#666666 !important}
.js-logoStyle {margin:0; padding:0}
.js-menu,.js-footer {color: #999999; background-color: #ECE9D8; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; height:25px!important; text-align:center; vertical-align:middle}
.js-maincontent {width:auto; padding:20px; margin:0}

/* Admin Help */
dl.admin-help dt {margin:0 0 10px 0; text-decoration:underline; font-weight:bold}
dl.admin-help dd {margin:0 0 10px 0; text-align:justify}
dl.admin-help dd strong {font-size:80%}

/* General Data Definition Vertical Layout with Float*/
dl.datalistverfloat {clear:none; float:left; width:115px; margin:10px; padding:0 0 5px 0; text-align:center; border: 1px solid #CCCCCC; color: inherit; background-color:#FFFFFF}
.datalistverfloat dt {width:auto; margin: 3px auto; padding:0; font-size:12px;  font-weight:bold; text-align:center}
.datalistverfloat dd {width:auto; margin: 3px auto; padding:0; font-size:smaller; text-align:center}
.datalistverfloat img {padding:0; margin:0}
.datalistverfloat span {float:left; position:relative; top:0; left:0; margin-top: -102px; padding:0 2px 2px 0;  font: oblique bold 1.5em Georgia, Times, serif; color:#000000; background-color:#FFFFFF; border-bottom: 1px solid #000000; border-right: 1px solid #000000}

/* General Data Definition Vertical Layout with Float footer*/
.datalistverfloatfooter {clear:none; float:left; width:29%; margin-left:1.8%; margin-right:1%; margin-bottom:7px; text-align:left!important}
.datalistverfloatfooter p {text-align:left; padding:2px 0 2px 10px; width:auto!important; height:25px; line-height:1.8em; vertical-align:middle; background-color:#F1F1F1; color:inherit; font-weight:bold}

.admin-style input, .admin-style textarea, .admin-style select{width: auto!important}

.link-details {width:72%; float:left}
.link-features {width:23%; float:right; padding:0 0 0 5px!important; margin-top:10px; border:2px dotted #CCCCCC; font-size:1em}
ul.link-status {width:100%; margin:5px 0 5px 0; vertical-align: middle; padding:0px; list-style-image:none; background-color:#FFFFFF; color:inherit; font-size:95% !important}
ul.link-status li {display: inline; vertical-align: middle; line-height:1.6em; margin:0; padding:0 0 0 0; background-image:url('images/marker-yellow.gif'); background-repeat: no-repeat; background-position:right center}
.link-details p {float:left}
.link-details p img {float:left; padding-right: 5px}
dl.link-style {clear: both; float:left; width: 100%; line-height:1.6em; margin: 0px auto; padding:10px 0}
.link-style dt {clear:left; float:left; font-style:normal; font-weight:bold; text-align:left; width:15%; margin-bottom:5px; height:20px; vertical-align:middle}
.link-style dd {clear:right; color:#666666; background-color:inherit; font-weight:normal; font-style:normal; text-align:left; margin-left:15%; margin-bottom:5px; height:20px; vertical-align:middle}
.link-style img {border:none; vertical-align:middle}
.link-style textarea {float:left}


#wrapper-content {border-left:1px solid #FFD800; border-right:1px solid #FFD800; border-bottom:1px solid #FFD800}
#wrapper-menu-page {text-align: center; line-height: 140%}
#menu-page { padding-top: 5px; border-left:1px solid #888888}
#menu-page ul {margin: 0; padding: 0; list-style: none;	font-size: 90%}
.tabletd {width:25%; text-align:left}
.OuterTable {background-color:#FFFFFF; color:inherit; border:1px solid #EFCB03!important; height: 30px; vertical-align:middle}
.OuterTable td {border:1px solid #EFCB03!important; padding:0!important; margin:0!important; height: 30px; vertical-align:middle}
.Headerrow {color:#FFFFFF; background-color:#EFCB03; height: 30px; vertical-align:middle }
.HeaderTable {background-color:#EFCB03;	color:#FFFFFF; font-weight:bold}
.divbottom {border-bottom: #888 1px solid}
.HeaderLinks {background-color:inherit;	color:#000000;	text-decoration:none}
.NavigationLinks { margin:15px 0 20px 0; color: #888; background-color:inherit; text-decoration:none; text-align:center}
.message {color:#FF0000; background-color:inherit; text-align:center}

.coupon-style {width:95%; background-color:#FBFAFA; color:#666666; border: 1px solid #F1F1F1; padding:10px 10px 10px 20px; background-image:url('images/coupon.gif'); background-repeat:no-repeat; background-position:left top}

/* Odd/Even Style */
.odd  {background-color:#FFEBEB; color:inherit; border-bottom:1px solid #CC3333; border-top:1px solid #CC3333; background-image:url(images/backgroundo.gif); background-repeat:no-repeat; background-position:right center}
.even {background-color:#FEFEE7; color:inherit; border-bottom:1px solid #999900; border-top:1px solid #999900; background-image:url(images/backgrounde.gif); background-repeat:no-repeat; background-position:right center}




/*Light Box*/
#lightbox{position: absolute; top: 40px; left: 0; width: 100%;	z-index: 100; text-align: center; line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%; height: 100%;	background: transparent url(images/blank.gif) no-repeat; display: block;	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;}
#imageData{padding:0 10px;	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
/*#overlay{position: absolute; top: 0; left: 0; z-index: 90;	width: 100%; height: 500px;	background-color: #000;	filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}*/
#overlay{position: absolute; top: 0; left: 0; z-index: 90;	width: 100%; height: 500px;	background-color: #000;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {height: 1%;}	

/* Menu */
.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0; line-height:1.7em; vertical-align:top!important; font-size:12px
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
 background-image: none;

background: white url(../../images/list2.gif) no-repeat left center;
padding-left: 22px;
margin-bottom: 3px;
}
.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: white url(../../images/closed.gif) no-repeat left 4px;
cursor: pointer !important;
}

.treeview li.submenu a {margin-left:6px}