body {
  background: #000 url(srg_images/back.jpg) top center repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
  scrollbar-face-color: #000000;
  scrollbar-highlight-color: #000000;
  scrollbar-shadow-color: #ffffff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-arrow-color: #ffffff;
  scrollbar-track-color: #000000;
  scrollbar-darkshadow-color: #ffffff;
  
}

body, th, td, tt, p, div, span{font-family: Arial;}

img{border:none;}
td, th {vertical-align:top;}

.mainbox{ padding:1em 3em 3em 3em }
.product_image{border:solid 1px #666;}
.description table{ border: solid 1px #999; }
.description table td {border-top: solid 1px #CCC;}

.product h2 {font-weight:normal; font-size:18px; margin-bottom:0px;}
.product .baseprice {margin-top:0px; font-size:12px;}
.product .baseprice .price {color:black;font-weight:normal; font-size:inherit;}

input, textarea, select{ font:monospace; font-size:12px;}

a.product_thumnail_link {
  padding-bottom:18px; background: #fff url(srg_images/built/viewall/infoorder1.jpg) bottom center no-repeat; margin-bottom:20px;  display:block;
  text-align:center; width:68px; overflow:none;
  }
a.product_thumnail_link:hover{ background-image:url(srg_images/built/viewall/infoorder2.jpg); background-color:inherit;}


/* Tab Content
   ===========
*/


/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
@media screen {
  .tabberlive .tabbertabhide {
   display:none;
  }
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
  padding: 3px 0;
  margin-left: 0;
  margin-top: 1px;
  margin-bottom: 0;
  font: bold 12px Verdana;
  list-style-type: none;
  text-align: left;
  border-bottom: 1px solid #778;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
 position:relative;
 z-index:2;
 top:1;
}

ul.tabbernav li a
{
    text-decoration: none;
  padding: 3px 7px;
  margin-right: 3px;
  border: 1px solid #778;
  color: #2d2b2b;
  background: white url(srg_images/shade.gif) top left repeat-x;
  border-bottom: none;
}

ul.tabbernav li a:link { color: #2d2b2b; }
ul.tabbernav li a:visited { }

ul.tabbernav li a:hover
{

}

ul.tabbernav li.tabberactive a
{
  background-image: url(srg_images/shadeactive.gif);
  border-bottom-color: white;
}

ul.tabbernav li.tabberactive a:hover
{

}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #778;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

/* height:100px;*/

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}