.main_frame {
    background: url(img/shade.gif) left repeat-y #ffffff;
    height: 100%;
    width: 770px;
}

.menubar {
 border: 0; padding: 0;
}

.menubar_left {
  background: url(img/blue_menu_left.gif) left repeat-x #0F247C;
  height: 33px;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 10px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  padding: 0px 8px 0px 8px;
  
}

.menubar_left_over, .menubar_left:hover {
  background: url(img/blue_menu_left_over.gif) left repeat-x #0F247C;
  height: 33px;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 10px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  padding: 0px 8px 0px 8px;

}

.menubar_item {
  background: url(img/blue_menu.gif) left repeat-x #0F247C;
  height: 33px;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 10px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  padding: 0px 8px 0px 8px;
}

.menubar_item_over, .menubar_item:hover {
  background: url(img/blue_menu_over.gif) left repeat-x #0F247C;
  height: 33px;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 10px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  padding: 0px 8px 0px 8px;
}

.menubar_right {
  background: url(img/blue_menu_right.gif) right repeat-x #0F247C;
  height: 33px;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 10px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  padding: 0px 8px 0px 8px;

}

.menubar_right_over, .menubar_right:hover {
  background: url(img/blue_menu_right_over.gif) right repeat-x #0F247C;
  height: 33px;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 10px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  padding: 0px 8px 0px 8px;
}

.menubar_item a:hover, .menubar_item a:visited, .menubar_item a:active, .menubar_item a:link, .menubar_item a,
.menubar_item_over a:hover, .menubar_item_over a:visited, .menubar_item_over a:active, .menubar_item_over a:link,
.menubar_item_over a, .menubar_link:hover, .menubar_link:visited, .menubar_link:active, .menubar_link:link {
 color: #FFFFFF;
 text-decoration: none;
 font-size: 10px;
 font-family: Verdana, Arial, sans-serif;
 font-weight: bold;
}

.menubar_separator {
 background: url(img/blue_menu.gif) left repeat-x #ffffff;
  height: 33px;
  width: 1px;
}

/* Ausklappender Container */

.submenu {
 padding-right: 0px;
 padding-left: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 visibility: hidden;
 width: 145px;
 position: absolute;
 text-align: left;
 background: #ffffff;
 border: 1px solid #AEADA4;
 opacity: 90;
 filter: alpha(opacity: 90);
 -moz-opacity: 0.9;
 color: #000000;
 text-transform: none;
z-index: 99;
 overflow: auto;
}

.submenuZelle { padding:2px; background: #ffffff;}
.submenuZelleOver { padding:2px; background: #cccccc;}
.submenuZelleOut { padding:2px; background: #ffffff;}

.submenu a:hover, .submenu a:active, .submenu a:visited, .submenu a:link {
 color: #000000 !important;
 text-decoration: none !important;
 font-size: 10px !important;
 font-weight: normal !important;
 font-family: Verdana, Arial, sans-serif;
}




td.shade_left {
    
    background:url(img/shade_left.gif) left repeat-y #ffffff;
    margin: 0; padding: 0; width: 18px;
}
td.shade_right {
    
    background:url(img/shade_right.gif) right repeat-y #ffffff;
    margin: 0; padding: 0; width: 18px;
}
td.corner_left_bottom {
    
    background:url(img/corner_left_bottom.gif) left #ffffff;
    margin: 0; padding: 0; width: 18px; height: 3px;
}
td.corner_right_bottom {
    
    background:url(img/corner_right_bottom.gif) right #ffffff;
    margin: 0; padding: 0; width: 18px; height: 3px;
}
td.shade_bottom {
    
    background:url(img/shade_thin_bottom.gif) bottom repeat-x #ffffff;
    margin: 0; padding: 0; width: 744px; height: 3px;
}

td.shade_grey_top {
    background:url(img/shade_grey_top.gif) top repeat-x #ededed;
    margin: 0; padding: 0; width: 762px; height: 5px;
}

td.shade_grey_bottom {
    background:url(img/shade_grey_bottom.gif) bottom repeat-x #ededed;
    margin: 0; padding: 0; width: 762px; height: 5px;
}

td.shade_grey_left {
    background:url(img/shade_grey_left.gif) left repeat-y #ededed;
    margin: 0; padding: 0; width: 4px;
}

td.shade_grey_right {
    background:url(img/shade_grey_right.gif) right repeat-y #ededed;
    margin: 0; padding: 0; width: 4px;
}

td.corner_grey_left_top {
    background:url(img/corner_grey_left_top.gif) #ededed;
    margin: 0; padding: 0; width: 4px; height: 5px;
}

td.corner_grey_left_bottom {
    background:url(img/corner_grey_left_bottom.gif) #ededed;
    margin: 0; padding: 0; width: 4px; height: 5px;
}

td.corner_grey_right_bottom {
    background:url(img/corner_grey_right_bottom.gif) #ededed;
    margin: 0; padding: 0; width: 4px; height: 5px;
}

td.corner_grey_right_top {
    background:url(img/corner_grey_right_top.gif) #ededed;
    margin: 0; padding: 0; width: 4px; height: 5px;
}

td.searchbar {
    background-color: #ededed;
    color: #333333;
    text-decoration: none;
    font-size: 10px;
    font-family: Verdana, Arial, sans-serif;
}

/* SLIDESHOW */
#slideshow {
  width: 390px;
 height:182px; /* hier Hoehe der Slideshow-Bilder angeben */
 position:relative;
}
#slideshow img {
 display:none;
 position:absolute;
 top:0; left:0;
}
#slideshow img.start {
 display:block;
}




A:hover { color: #3368C0; text-decoration: underline }
A { color: #333333; text-decoration: none }

A.tunesNav:active { color: #3368C0; font-weight:lighter; text-decoration: underline }

A.thin:hover { color: #3368C0; font-weight:normal; text-decoration: underline }
A.thin { color: #333333; font-weight:normal; text-decoration: none }

A.blackFat:hover { color: #000000; font-weight:bold; text-decoration: underline }
A.blackFat { color: #000000; font-weight:bold; text-decoration: none }

A.whitefat:hover { color: #FFFFFF; text-decoration: underline; font-weight: bold;}
A.whitefat { color: #FFFFFF; text-decoration: none; font-weight: bold;}

A.white:hover { color: #FFFFFF; text-decoration: underline }
A.white { color: #FFFFFF; text-decoration: none;}

A.blue:hover { color: #7992E1; font-weight:normal; text-decoration: underline }
A.blue { color: #7992E1; font-weight:normal; text-decoration: none;}

.edit { cursor: pointer;}

A.confirmationEdit { color: #009933; font-style: italic }
A.confirmationEdit:hover { color: #009933; font-style: italic; text-decoration: underline }
A.headerNavigation { color: #333333 }
A.headerNavigation:hover { color: #000000 }
A.pageResults { color: #666666; text-decoration: underline }

A.notepad:hover { color: #3368C0; text-decoration: underline; font-weight: bold; }
A.notepad { text-decoration: none; font-weight: bold; }

BODY { color: #000000; background:url(img/gradient_bg.gif) center repeat-y #132DA2; margin: 0; padding: 0; height: 100%}
CHECKBOX, INPUT, RADIO, SELECT { font-size: 11px; font-family: Verdana, Arial, sans-serif }
FORM { display: inline }
img  { background-repeat: no-repeat; border: 0 }
SPAN.errorText { color: #ff0000; font-family: Verdana, Arial, sans-serif }
SPAN.greetUser { color: #f0a480; font-weight: bold; font-size: 12px; font-family: Verdana, Arial, sans-serif }
SPAN.markProductOutOfStock { color: #c76170; font-weight: bold; font-size: 12px; font-family: Tahoma, Verdana, Arial, sans-serif }
SPAN.newItemInCart { color: #ff0000; font-size: 10px; font-family: Verdana, Arial, sans-serif }
SPAN.productDiscountPrice { color: #ff0000; font-weight: bold; font-family: Verdana, Arial, sans-serif }
SPAN.productOldPrice { color: #ff0000; font-family: Verdana, Arial, sans-serif; text-decoration: line-through }
SPAN.productSpecialPrice { color: #ff0000; font-family: Verdana, Arial, sans-serif }
SPAN.underline { text-decoration: underline }
TABLE.formArea { background-color: #f1f1f1; border: solid 1px #cccccc }
TABLE.productListing { }
TD.accountCategory { color: #aabbdd; font-size: 13px; font-family: Verdana, Arial, sans-serif }
TD.conditions { background-color: #ffcccc }
TD.copyright  { color: black; font-size: 8px; line-height: 1.5; font-family: Verdana, Arial, sans-serif; text-align: center }
TD.fieldKey { font-weight: bold; font-size: 12px; font-family: Verdana, Arial, sans-serif }
TD.fieldValue { font-size: 12px; font-family: Verdana, Arial, sans-serif }
TD.footer { color: #333333; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #f6f6f6}
TD.formAreaTitle { font-weight: bold; font-size: 12px; font-family: Tahoma, Verdana, Arial, sans-serif }
TD.headerError { color: #ffffff; font-weight: bold; font-size: 12px; font-family: Tahoma, Verdana, Arial, sans-serif; background-color: #ff0000; text-align: center }
TD.headerInfo { color: #ffffff; font-weight: bold; font-size: 12px; font-family: Tahoma, Verdana, Arial, sans-serif; background-color: #00ff00; text-align: center }
TD.headerNavigation { color: #333333; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #f6f6f6}
TD.infoBox, SPAN.infoBox { font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #e6e6e6;border-right: 4px solid #c4c4c4}
TD.infoBoxHeading { color: #ffffff; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #666666; height: 17px }
TD.infoBoxHeading_right { color: #000000; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #e1e1e1; height: 17px }
TD.infoBox_right, SPAN.infoBox_right { font-size: 10px; font-family: Verdana, Arial, sans-serif;}
TD.main, P.main { font-size: 11px; line-height: 1.5; font-family: Verdana, Arial, sans-serif; }
TD.small_main { font-size: 10px; font-family: Verdana, Arial, sans-serif }
TD.main_order, P.main_order { font-size: 11px; line-height: 1.5; font-family: Verdana, Arial, sans-serif;}
TD.pageHeading, DIV.pageHeading { color: #000000; font-weight: bold; font-size: 16px; font-family: Verdana, Arial, sans-serif }
TD.productListing-data { font-size: 10px; font-family: Verdana, Arial, sans-serif }
TD.smallText, SPAN.smallText, P.smallText  { color: black; font-size: 10px; font-family: Verdana, Arial, sans-serif }
TD.subBar { color: #000000; font-size: 10px; font-family: Verdana, Arial, sans-serif }
TD.tableHeading { font-weight: bold; font-size: 12px; font-family: Verdana, Arial, sans-serif }

TD.empfimg {
  
  padding-left:10px;
  
}

TD.empf {
  
  padding-left:10px;
  font-size: 10px; line-height: 1.5; font-family: Verdana, Arial, sans-serif;
  
}

TD.boxline {
  border: 1px solid #626365;
}

TD.vorschau {
  width:120px; vertical-align:top; text-align: center; padding-top:5px; height:90px;
}
TD.vorschautxt {
  width:120px; vertical-align:top; text-align: center; padding-top:5px; height:70px;
}

.schattenbox {
  
  margin-bottom:7px;
  margin-left:4px;
}

.smallbox {
  
  margin-right:4px;
  margin-left:4px;
}

TEXTAREA { font-size: 11px; font-family: Verdana, Arial, sans-serif; width: 100% }
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background-color: #FFFFFF }
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background-color: #FFFFFF }
TR.main  {height: 20px; }
.header { font-size: 11px; line-height: 1.5; font-family: Verdana, Arial, sans-serif; font-weight: bold; background-color: #e1e1e1; color:#555555; }
.listFooter { font-size: 10px; color: #666666; line-height: 1.5; font-family: Verdana, Arial, sans-serif; font-weight: bold; background-color: #ffffff;}
.results { font-size: 11px; color: #666666; line-height: 1.5; font-family: Verdana, Arial, sans-serif; font-weight: bold; }
TR.headerSmall { font-weight: bold; font-size: 10px; line-height: 1.5; font-family: Verdana, Arial, sans-serif; background-color: #e4f0f2 }
.headerRow { font-size: 11px; line-height: 1.5; font-family: Verdana, Arial, sans-serif; font-weight: bold; background-color: #ffffff; color: #555555; border-bottom:1px solid #cccccc;}
.bottomRow { font-size: 11px; line-height: 1.5; font-family: Verdana, Arial, sans-serif; font-weight: bold; background-color: #e1e1e1; color: #555555;}
.line  { height:30px}
TR.headerError { background-color: #ff0000 }
TR.headerInfo { background-color: # }
TR.headerMessage { background-color: #00cc33 }
TR.headerNavigation { }
TR.subBar { background-color: #f4f7fd }
.preorder { color: #ffffff; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, sans-serif; background-color: #e1e1e1; padding: 3px;
}
.boxBody { font-size: 11px; font-family: Verdana, Arial, sans-serif; }
.boxHeader { color: #555555; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, sans-serif; background-color: #e1e1e1; padding-left: 6px}
.boxEdit { color: #555555; background-color: #f1f1f1; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, sans-serif; padding: 5px; display: none}
.boxNewSpotlight { color: #555555; background-color: #f1f1f1; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, sans-serif;}
.tabOn { color: #FFFFFF; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #738BC0; height:15px;}
.tabOff { color: #FFFFFF; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #738BC0; height:15px; border-bottom:2px solid #ffffff; border-right:2px solid #ffffff;}
.tabOff2 { color: #FFFFFF; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #738BC0; height:15px; border-bottom:2px solid #ffffff; border-left:2px solid #ffffff;}
.outerTable  { text-align: center; width: 100%;}
.innerTable   { text-align: left; align: center; width:100%; padding:0px;}
.headerTable { width: 100%;}
.last_login { color: #dae8e9; font-size: 9px; font-family: Verdana, Arial, sans-serif; }
.boxHeader_up { color: #13464e; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, sans-serif; background-color: #e1e1e1}
.boxLine { height: 25px }
.boxTable {}
.boxTable_right {padding:0px;}
.box {}
.boxText { font-size: 11px; font-family: Verdana, Arial, sans-serif;  }
.boxTextBG { font-size: 11px; font-family: Verdana, Arial, sans-serif;}
.boxTextBGII { font-size: 11px; font-family: Verdana, Arial, sans-serif; background-color: #ffcc99 }
.boxTextPrice { color: #ff0000; font-size: 11px; font-family: Verdana, Arial, sans-serif }
.checkoutBarCurrent { color: #000000; font-size: 10px; font-family: Verdana, Arial, sans-serif }
.checkoutBarFrom, .checkoutBarTo { color: #8c8c8c; font-size: 10px; font-family: Verdana, Arial, sans-serif }
.contentsTopics { font-weight: bold; font-size: 14px; font-family: Verdana, Arial, sans-serif ; }
.contentsTopics_header  { font-weight: bold; font-size: 14px; font-family: Verdana, Arial, sans-serif; text-align: left; padding-left: 10px }
.errorBox { font-weight: bold; font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #ffb3b5 }
.gvBox { font-weight: bold; font-size: 14px; font-family: Verdana, Arial, sans-serif; background-color: #ffb3b5}
.heading1 { font-size: 7pt; font-family: Verdana, Arial, Helvetica, sans-serif }
.heading2 { font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif }
.heading3 { font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif }
.heading4 { font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif }
.heading5 { font-size: 16pt; font-family: Verdana, Arial, Helvetica, sans-serif }
.infoBox { }
.infoBoxContents { font-size: 10px; font-family: Verdana, Arial, sans-serif }
.infoBoxNotice { background-color: #ff8e90 }
.infoBoxNoticeContents { font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #ffe6e6 }
.inputRequirement { color: #ff0000; font-size: 11px; font-family: Verdana, Arial, sans-serif }
.introPage { background-repeat: no-repeat }
.messageStackError, .messageStackWarning { font-size: 11px; font-family: Verdana, Arial, sans-serif; background-color: #ffb3b5 }
.messageStackSuccess { font-size: 11px; font-family: Verdana, Arial, sans-serif; background-color: #99ff00 }
.moduleHeading { font-weight: bold; font-size: small; font-family: Verdana, Arial, sans-serif; padding-bottom: 10px }
.moduleRow { font-size: 11px; line-height: 1.5; font-family: Verdana, Arial, sans-serif; padding-left: 10px;}
.moduleRowOver { font-size: 11px; line-height: 1.5; font-family: Verdana, Arial, sans-serif; padding-left: 10px; background-color: #e1e1e1;}
.moduleRowSelected { background-color: #e1e1e1; }
.moduleRowLast       { font-size: 11px; line-height: 1.5; font-family: Verdana, Arial, sans-serif; padding-left: 10px;}
.moduleRowLastOver { font-size: 11px; line-height: 1.5; font-family: Verdana, Arial, sans-serif; padding-left: 10px; background-color: #E4F0F2; }
.orderEdit { color: #70d250; font-size: 11px; font-family: Verdana, Arial, sans-serif; text-decoration: underline }
.poweredby { color: #000000; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, sans-serif }
.productListing-heading { color: #ffffff; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, sans-serif; background-color: #b6b7cb }
.productsNotifications { background-color: #f2fff7 }
.contentRow { background-color: #FFFFFF; border-bottom: 1px solid #cccccc; padding: 10px 0px 10px 0px;}
.productsRow { background-color: #FFFFFF; border-bottom: 1px solid #cccccc; padding: 4px 0px 4px 0px;}
.sitemap_heading { color: #ffffff; font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #666666; padding-top: 2px; padding-bottom: 2px }
.sitemap_heading a { color: #ffffff }
.sitemap_heading a:hover { color: #cccccc; text-decoration: none }
.sitemap_sub { color: #000000; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #e6e6e6; padding: 2px }
.sitemap_sub a { color: #000000 }
.sitemap_sub a:hover { color: #999999; text-decoration: none }
.smallHeading { color: black; font-weight: bold; font-size: x-small; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
.stockWarning { color: #cc0033; font-size: 11px; font-family: Verdana, Arial, sans-serif }
.tableBody { padding: 5px }
.tableListingI { background-color: #eeeeee }
.tableListingII { background-color: #d0d0d0 }
.tableShop { background-color: #dae8e9 }
.productTitle{
  color: #000000; font-weight: bold; font-size: 14px; font-family: Verdana, Arial, sans-serif;margin:0;padding:0;
}
.space { background-color: #ffffff; height: 5px; }
.schatten_oben { font-size: 11px; line-height: 1.5; font-family: Verdana, Arial, sans-serif;  background: url(img/schatten_oben.gif) repeat-x; }
.schatten_unten  { background: url(img/schatten_unten.gif) repeat-x; background-color: #dae8e9; }
.balken_unten   { background: url(img/balken_unten.gif) repeat-x;  }
.buybutton {text-align:right;}

.white {color:#ffffff;}

.cartBoxHide {padding-right:7px;}

#product_image {float:left; padding-right:6px;}
#product_imageLARGE {float:left; padding-right:6px;}
#product_infos {float:left; width:300px; text-align:right;}

table.affiliate td {
	border-bottom: 1px solid #d0d0d0;
	padding: 2px;
}
table.affiliate tr.header td {
	font-weight: bold;
	color: black;
	background: #eeeeee;
	border: 0;
}


/* Tooltip Styling Starts Here */

.TTlayer {position: absolute; display: none; background-color: #FFF; border-width: 1px; border-style: solid; border-color: #b6b7cb; width:150px; padding: 5px;}
.TTlayer h4 {margin: 0; padding: 0px; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, sans-serif;}
.TTlayer p {margin: 0; padding: 0px; font-size: 11px; font-family: Verdana, Arial, sans-serif;}
.TTlayer img {padding-right: 5px;}

.TTlink {font-weight: bold;}

/* Tooltip Styling Ends Here */



code {
	color:#838383;
}






/* Drag and Drop Styling Starts Here */

.DragContainer {
	FLOAT: left; WIDTH: 100%; padding-bottom: 20px;
}
.DragContainer2 {
	FLOAT: left; WIDTH: 100%;
}
.OverDragContainer {
	FLOAT: left; WIDTH: 100%; padding-bottom: 20px;
}
.OverDragContainer {
	BACKGROUND-COLOR: #eee
}
.DragBox {
	FLOAT: left; WIDTH: 100%;
}
.OverDragBox {
	
}
.DragDragBox {
	WIDTH: 158px;
	FILTER: alpha(opacity=50);
}

.DragHandle {
    CURSOR: move;
}
.DragHandle:hover {
    CURSOR: move; BACKGROUND-COLOR: #ffff99
}
.OverDragHandle {
    width: 15px; height: 15px;
    CURSOR: move; BACKGROUND-COLOR: #ffff99
}
.DragDragHandle {
    width: 15px; height: 15px;
    CURSOR: move; BACKGROUND-COLOR: #ff99cc;
}

LEGEND {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666699; FONT-FAMILY: verdana, tahoma, arial
}
FIELDSET {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.History {
	FONT-SIZE: 10px; OVERFLOW: auto; WIDTH: 100%; FONT-FAMILY: verdana, tahoma, arial; HEIGHT: 82px
}

/* Drag and Drop Styling Ends Here */





/* Scroll Bar Master Styling Starts Here */

.scrollgeneric
{
line-height: 1px;
font-size: 1px;
position: absolute;
}

.vscrollerbase, .vscrollerbar {
width: 15px;
top: 0px;
}

.vscrollerbar {
left: 0px;
}

.hscrollerbase, .hscrollerbar {
height: 15px;
left: 0px;
}


.hscrollerbar {
top: 0px;
}

.hscrollerbar {
top: 20px important;
}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 5px;
/* z-index *MUST* be given, otherwise links will not be clickable
inside the div */
z-index: 2;
}

.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background-color: #eee;
width: 15px;
height: auto;
top: 0px;
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background-color: #eee;
width: 15px;
height: 10px;
}

.hscrollerbarbeg {
background-color: #eee;
height: 15px;
width: auto;
left: 0;
}

.hscrollerbarend {
background-color: #eee;
height: 15px;
width: 10px;
}

/* Following are OPTIONAL */

.vscrollerbase, .hscrollerbase {
background-color: white;


}

.hscrollerbasebeg {
left: 0px;
top: 0px;
height: 15px;
background-color: white;
}

.hscrollerbaseend {
top: 0px;
height: 15px;
width: 7px;
background-color: white;
}

.vscrollerbasebeg {
top: 0px;
width: 15px;
background-color: white;
}

.vscrollerbaseend {
height: 7px;
width: 15px;
background-color: white;
}

.scrollerjogbox {
width: 15px;
height: 15px;
bottom: 0px;
right: 0px;
background: white url(img/scrolljog.png) 50% 50%;
}


/* Scroll Bar Master Styling Ends Here */