@CHARSET "UTF-8";
/****** NAVIGATION ***/
/****** NAVIGATION ***/
ul#navigation {
	list-style: none;
	padding: 0px;
	margin: 0px;
	position: relative;
}
ul#navigation li {
	float: left;
}
ul#navigation li a {
	display: block;
	width: 160px;
	height: 30px;
	text-decoration: none;
}
a.sitemenu, a.sitemenu span {
	color: #FFFFFF;
	display: block;
	overflow: hidden;
	height: 30px;
}
a.sitemenu {
	float: left;
	text-decoration: none;
	padding: 0;
	margin: 0;
	background-image: url('../images/sitemenu.png');
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 5px;
}
a.sitemenu span {
	background-image: url('../images/sitemenu.png');
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top right;
	padding: 0;
	text-align: center;
	font: bold 12px/30px verdana, Arial, sans-serif, serif;
	padding-right: 5px;
}

a.sitemenu:hover {
	background-position: bottom left;
}
a.sitemenu:hover span {
	background-position: bottom right;
}
a:link.sitemenu, a:visited.sitemenu, a:active.sitemenu, a.sitemenu:hover span {
	color: #FFFFFF;
}
a.sitemenu:focus {
	outline-style: none;
}

div.portlet a.newslink {
	text-decoration: none;
	color: #FF0000;
}
div.portlet span.newprice {
	font-weight: bold;
	font-size: 11px;
	color: #FF0000;
}
div.portlet span.price {
	color: #FF0000;
}
div.portlet a:focus {
	outline-style: none;
}

/***** FRAMES **********/ 
/* plain box */
.box {
    padding: 0;
    background-position: 100% 0;
    background-repeat: repeat-y;
    font-size: 0px;
    width: 100%;
}
.box .bi {
	display: block;
	padding: 0 0 0 1px;
	margin: 0 1px 0 0;
	background-position: 0 0;
	background-repeat: repeat-y;
	vertical-align: top;
}
.box .bt {
	height: 8px;
	line-height: 8px;
	margin: 0 -1px;
	background-position: 100% 0;
	background-repeat: no-repeat;
}
.box .bt div {
	width: 12px;
	height: 8px;
	line-height: 8px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.box .bb {
	height: 8px;
	line-height: 8px;
	margin: 0 -1px;
	background-position: 100% 100%;
	background-repeat: no-repeat;
}
.box .bb div {
	width: 12px;
	height: 8px;
	line-height: 8px;
	background-position: 0 100%;
	background-repeat: no-repeat;
}
.box .bc {
	margin: 0;
	padding: 8px 10px;
	font-size: 12px;
}

/* 3d box */
.box3d {
	padding: 0 4px 0 0;
	background-position: 100% 0;
	background-repeat: repeat-y;
}
.box3d .bi {
	padding: 0 0 0 4px;
	background-position: 0 0;
	background-repeat: repeat-y;
}
.box3d .bt {
	height: 31px;
	margin: 0 -4px;
	background-position: 100% 0;
	background-repeat: no-repeat;
}
.box3d .bt .corner {
	width: 12px;
	height: 31px;
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
}
.box3d .bt .content {
	padding: 12px 0 0 15px;
	font: bold 13px tahoma, arial, helvetica;
	float: left;
	color: red;
}
.box3d .bt .title {
	padding: 10px 0 0 10px;
	font: bold 16px/34px tahoma, arial, helvetica;
	float: left;
}
.box3d .bb {
	height: 8px;
	font-size: 1px;
	line-height: 8px;
	margin: 0 -4px;
	background-position: 100% 100%;
	background-repeat: no-repeat;
}
.box3d .bb div {
	width: 12px;
	height: 8px;
	font-size: 1px;
	line-height: 8px;
	background-position: 0 100%;
	background-repeat: no-repeat;
}
.box3d .bc {
	margin: 0;
	padding: 8px 10px;
}
.box3d .margin {
	margin: 0;
	height: 5px;
	font-size: 1px;
	line-height: 5px;
}
/* colors */
.bluebox, .bluebox .bi, .bluebox .bc{
    background-color: #fff;
}
.bluebox, .bluebox .bi {
    background-image: url('../images/borders-blue.png');
}
.bluebox .bt, .bluebox .bt div, .bluebox .bb, .bluebox .bb div {
	background-color: white;
    background-image: url('../images/frame-white.png');
}
.bluegreybox, .bluegreybox .bi, .bluegreybox .bc {
    background-color: #fff;
}	
.bluegreybox, .bluegreybox .bi {
    background-image: url('../images/borders-white.png');
}
.bluegreybox .bt, .bluegreybox .bt div, .bluegreybox .bb, .bluegreybox .bb div {
	background-color: white;
    background-image: url('../images/frame-white.png');
}
.greenbox, .greenbox .bi, .greenbox .bc {
    background-color: #F1FAEB;
}
.greenbox, .greenbox .bi {
    background-image: url('../images/borders-green.png');
}
.greenbox .bt, .greenbox .bt div, .greenbox .bb, .greenbox .bb div {
	background-color: white;
    background-image: url('../images/frame-green.png');
}
.orangebox,.orangebox .bi,.orangebox .bc {
	background-color: #FFFFFF;
}
.orangebox,.orangebox .bi {
	background-image: url('../images/borders-orange.png');
}
.orangebox .bt,.orangebox .bt div,.orangebox .bb,.orangebox .bb div {
	background-color: white;
	background-image: url('../images/frame-orange.png');
}
.transparentbox,.transparentbox .bi,.transparentbox .bc {
	background-color: transparent;
}
.transparentbox,.transparentbox .bi {
	background-image: url('../images/borders-transparent.png');
}
.transparentbox .bt,.transparentbox .bt div,.transparentbox .bb,.transparentbox .bb div {
	background-color: white;
	background-image: url('../images/frame-transparent.png');
}
.lightgreybox, .lightgreybox .bi, .lightgreybox .bc {
    background-color: #F4F4F4;
}
.lightgreybox, .lightgreybox .bi {
    background-image: url('../images/borders-lightgrey.png');
}
.lightgreybox .bt, .lightgreybox .bt div, .lightgreybox .bb, .lightgreybox .bb div {
	background-color: white;
    background-image: url('../images/frame-lightgrey.png');
}
.redbox, .redbox .bi, .redbox .bc {
    background-color: #FFEAE5;
}
.redbox, .redbox .bi {
    background-image: url('../images/borders-red.png');
}
.redbox .bt, .redbox .bt div, .redbox .bb, .redbox .bb div {
	background-color: white;
    background-image: url('../images/frame-red.png');
}
.whitebox, .whitebox .bi, .whitebox .bc {
    background-color: #FFFFFF;
}
.whitebox, .whitebox .bi {
    background-image: url('../images/borders-white.png');
}
.whitebox .bt, .whitebox .bt div, .whitebox .bb, .whitebox .bb div {
	background-color: white;
    background-image: url('../images/frame-white.png');
}
.redbox3d, .redbox3d .bi, .redbox3d .bc, .redbox3d .margin  {
    background-color: #FFEAE5;
}
.redbox3d, .redbox3d .bi {
    background-image: url('../images/borders-red.png');
}
.redbox3d .bt, .redbox3d .bt .corner, .redbox3d .bb, .redbox3d .bb div {
	background-color: white;
    background-image: url('../images/frame3d-red.png');
}
.bluegreybox3d, .bluegreybox3d .bi, .bluegreybox3d .bc, .bluegreybox3d .margin  {
    background-color: #D5E1E8;
}
.bluegreybox3d, .bluegreybox3d .bi {
    background-image: url('../images/borders-bluegrey.png');
}
.bluegreybox3d .bt, .bluegreybox3d .bt .corner, .bluegreybox3d .bb, .bluegreybox3d .bb div {
	background-color: white;
    background-image: url('../images/frame3d-bluegrey.png');
}
.box-title {
    font: bold 16px arial; 
    padding: 3px 0px 8px 12px;
}
/*** END OF FRAMES ***/
/*******BUTTONS START *********/
.wrapper {
	overflow: hidden;
	width: 100%;
}
/* common button */
a.btn, a.btn span {
    background-color: transparent;
    background-repeat: no-repeat;
    display: block;
}
a.btn {
    background-position: top left;
    float: left;
    height: 17px; 
    text-decoration: none;
    margin-right: 2px;
}
a.btn span {
    background-position: top right;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 0;
    font: 11px/11px Tahoma, Arial; 
    letter-spacing: 1pt;
    margin-right: -2px;
}
a.btn:hover{ 
    background-position: bottom left;
}
a.btn:hover span{ 
    background-position: bottom right;
}
a.btn, a:link.btn, a:visited.btn, a:active.btn, a.btn span, a.btn:hover span {
	color: white;
	cursor: pointer;
}
a[class~=btn][class~=forward]{
    padding-left: 10px; 
}
a[class~=btn][class~=backward]{
    padding-left: 22px; 
}
a[class~=btn][class~=forward] span {
    padding-right: 18px;
}
a[class~=btn][class~=backward] span {
    padding-right: 6px;
}

/* disabled */
a[class~=btn][class~=disabled], a[class~=btn][class~=disabled] span, a[class~=btn][class~=disabled]:hover, a[class~=btn][class~=disabled]:hover span{
    background-color: transparent;
    background-repeat: no-repeat;
    color: #eee;
    cursor: default;
}
a[class~=btn][class~=disabled], a[class~=btn][class~=disabled]:hover  {
    background-position: center left;
}
a[class~=btn][class~=disabled] span, a[class~=btn][class~=disabled]:hover span {
    background-position: center right;
}

/* orange buttons */
a[class~=forward][class~=orange], a[class~=forward][class~=orange] span {
    background-image: url('../images/orange-btn-forward.png');
}
a[class~=backward][class~=orange], a[class~=backward][class~=orange] span, .btn.orange.backward, a.btn.orange.backward span {
    background-image: url('../images/orange-btn-backward.png');
}
/* orange with dark background buttons */
a[class~=forward][class~=xorange],a[class~=forward][class~=xorange] span {
	background-image: url('../images/orange-darkbg-btn-forward.png');
}
a[class~=backward][class~=xorange],a[class~=backward][class~=xorange] span,.btn.xorange.backward,a.btn.xorange.backward span {
	background-image: url('../images/orange-darkbg-btn-backward.png');
}
/* blue buttons */
a[class~=forward][class~=blue], a[class~=forward][class~=blue] span, .btn.blue.forward, a.btn.blue.forward span {
    background-image: url('../images/blue-btn-forward.png');
}
a[class~=backward][class~=blue], a[class~=backward][class~=blue] span, .btn.blue.backward, a.btn.blue.backward span {
    background-image: url('../images/blue-btn-backward.png');
}

/* grey buttons */
a[class~=forward][class~=grey], a[class~=forward][class~=grey] span, .btn.grey.forward, a.btn.grey.forward span {
    background-image: url('../images/grey-btn-forward.png');
}
a[class~=backward][class~=grey], a[class~=backward][class~=grey] span, .btn.grey.backward, a.btn.grey.backward span {
    background-image: url('../images/grey-btn-backward.png');
}

/* big white button */
a.bigbtn, a.bigbtn span {
    display: block;
    background: transparent url('../images/big-btn.png') no-repeat;
}
a.bigbtn {
    background-position: top left;
    float: left;
    height: 48px; 
    text-decoration: none;
    margin-right: 5px;
    padding-left: 13px;
}
a.bigbtn span {
    background-position: top right;
    padding: 2px 15px 4px 2px;
    font: 18px/42px Tahoma, Arial;
    margin-right: -5px;
}
a.bigbtn:hover{ 
    background-position: bottom left;
}
a.bigbtn:hover span{ 
    background-position: bottom right;
}
a:link.bigbtn, a:visited.bigbtn, a:active.bigbtn, a.bigbtn:hover span{
    color: #535f6c;
}
a.highlighted span{
    color: red;
}

a.rbbtn, a.rbbtn span.s {
	display: block;
	background: transparent url('../images/rbtn.png') no-repeat;
}
a.rbbtn {
	background-position: top left;
	float: left;
	height: 62px;
	text-decoration: none;
	margin-right: 12px;
	padding-left: 55px; /* 13px; */
}
a.rbbtn span.s {
	background-position: top right;
	padding: 2px 15px 4px 2px;
	font-family: Tahoma, Arial;
	margin-right: -12px;
}
a.rbbtn:hover {
	background-position: bottom left;
}
a.rbbtn:hover span.s {
	background-position: bottom right;
}
a:active.rbbtn {
	background-position: center left;
}
a:active.rbbtn span.s {
	background-position: center right;
}
a:link.rbbtn, a:visited.rbbtn ,a:active.rbbtn, a.rbbtn:hover span.s {
	color: #535f6c;
}
a.rbbtn:focus {
	outline-style: none;
}
a.rbbtn span.large {
	padding: 0; 
	margin: 0; 
	font-family: tahoma; 
	font-size: 20px; 
	line-height: 34px; 
	color: red;
}
a.rbbtn span.small {
	padding: 0; 
	margin: 0; 
	font-family: tahoma; 
	font-size: 12px;
	line-height: 12px; 
	color: black;
}
/******* BUTTONS END   ******/ 
/******* LINKS START   ******/

a.rssLink{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: middle left;
	background-image: url('../images/rss_icon.png');
	padding-left: 20px;
	display: block;
	height: 20px;
	text-decoration: none;
}

a.rssLink:hover{
	text-decoration: underline;
}


a.plainlink {
	font: 11px/11px Tahoma, Arial, sans-serif;
	text-decoration: none;
}
a.plainlink span.orange {
	color: red;
	text-decoration: underline;
}
/* common link */
a.link, a.link span {
    background-color: transparent;
    background-repeat: no-repeat;
    display: block;
}
a.link {
    float: left;
    height: 20px;
    text-decoration: none;
}
a.link span p {
    padding: 0 0 2px 0;
    margin: 0;
}
a:hover.link, a:hover.link span, a:hover.link span p {
    text-decoration: underline;
}
a.link span {
    padding: 4px 0 5px 0;
    font: 11px/11px Tahoma, Arial; 
}
a[class~=link][class~=forward]{
    background-position: top right;
    padding-right: 25px;  
}
a[class~=link][class~=backward] {
    background-position: top left;
    padding-left: 25px;
}
/* disabled */
a[class~=link][class~=disabled][class~=forward]{
    background-position: bottom right;
}
a[class~=link][class~=disabled][class~=backward]{
    background-position: bottom left;
}
a[class~=link][class~=disabled], a[class~=link][class~=disabled] span{
    color: #bfbfbf;
    cursor: default;
}
a[class~=link][class~=disabled]:hover,a[class~=link][class~=disabled]:hover span {
	text-decoration: none;
}
/* cart link */
a.cart {
    background-image: url('../images/icon-cart.png'); 
}
a.cart, a.cart span {
    color: red;
}
/* positive link */
a.positive {
    background-image: url('../images/icon-positive.png'); 
}
a.positive, a.positive span{
    color: #6FA846;
}
/* warn link*/
a.warn {
    background-image: url('../images/icon-warn.png'); 
}
a.warn, a.warn span{
    color: #ff5233;
}
/* goblue link */
a.bluego {
    background-image: url('../images/icon-arr-blue.png'); 
}
a.bluego, a.bluego span{
    color: #535f6c;
}
/* gogrey link */
a.greygo {
    background-image: url('../images/icon-arr-grey.png'); 
}
a.greygo, a.greygo span{
    color: #535f6c;
}
/* goorange link */
a.orangego {
    background-image: url('../images/icon-arr-orange.png'); 
}
a.orangego, a.orangego span{
    color: red;
}
/* help link  */
a.helplink {
	background-image: url('../images/icon-help.png');
}
a.helplink,a.helplink span {
	color: red;
}
/******* LINKS END   ******/
/** TABBED PANES START **/
div.menu
{
    display: block;
    position: relative;
    height: 35px;
    background: url('../images/tab-bottom-line.png') bottom repeat-x;
    overflow: hidden; 
    width: 100%;
}
a.tabunselected, a.tabunselected span, a.tabselected, a.tabselected span {
    background-color: transparent;
    background-repeat: no-repeat;
    display: block;
}
a.tabunselected, a.tabselected {
    background-position: top left;
    float: left;
    height: 34px; 
    text-decoration: none;
    padding: 0 0 0 8px;
    margin: 0 3px 0 0;
}
a.tabselected {
    height: 35px;       
}
a.tabunselected span, a.tabselected span {
    background-position: top right;
    padding: 0px 8px 0px 0px;
    font: 10px/34px Arial; 
}
a.tabselected span {
    line-height: 35px;       
}
a.tabunselected, a.tabunselected span {
 	background-image: url('../images/tab-normal.png');
}
a.tabselected, a.tabselected span {
    background-image: url('../images/tab-selected.png');
    color:#fff;
}
a.tabunselected:hover { 
    background-position: bottom left;
}
a.tabunselected:hover span{  
    background-position: bottom right;
}
a:link.tabselected, a:visited.tabselected, a:active.tabselected{
    color: #535F6C;
}
a:link.tabunselected, a:visited.tabunselected, a:active.tabunselected, a.tabunselected:hover span {
    color: #535F6C;
}
a.tabunselected:focus {
    outline-style: none;
}
/** TABBED PANES END **/

a[class~=toolbox],a[class~=toolbox] span {
	color: #444444;
	font-size: 10px;
	text-align: center;
	margin: 0;
	width: 179px;
	background-image: url('../images/toolbox-btn.png');
}
a[class~=toolbox]:hover,a[class~=toolbox]:hover span {
	color: orange;
}

a:visited[class~=toolbox] ,a:active[class~=toolbox] {
	background-position: center left;
}

a[class~=toolbox] {
	height: 36px;
	padding: 0px 0px 0px 0px;
}

a[class~=toolbox] span {
	line-height: 36px;
	background: none;
	padding: 0px 0px 0px 0px;
}
a[class~=btn][class~=toolbox][class~=disabled],a[class~=btn][class~=toolbox][class~=disabled] span,a[class~=btn][class~=toolbox][class~=disabled]:hover,a[class~=btn][class~=toolbox][class~=disabled]:hover span {
	color: orange;
}

