/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.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;
 width:670px;
 _width:596px; /***/
 }

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
*+html ul.tabbernav
{
 margin:0;
 padding:10px 0 0 0;
 font: bold 12px Verdana, sans-serif;
 height:15px;
}
ul.tabbernav
{
 margin:0;
 padding:10px 0 0 0;
 font: bold 12px Verdana, sans-serif;
 height:26px;
}
*+html ul.tabbernav li
{
list-style: none;
margin:0 1px;
display: inline;
background: url(../images/tabInactiveMid.png);
background-repeat:repeat-x;
background-position:center top;
padding-bottom:12px;
padding-top:10px;
border-left:1px solid #bfbfbf;
border-right:1px solid #bfbfbf;
}

ul.tabbernav li
{
list-style: none;
margin:0 1px;
display: inline;
background: url(../images/tabInactiveMid.png);
background-repeat:repeat-x;
background-position:center top;
height:34px;
padding-top:10px;
border-left:1px solid #bfbfbf;
border-right:1px solid #bfbfbf;
padding-bottom:12px;
_padding-bottom:0;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin:0 0 0 3px;
 text-decoration: none;
}
*+html ul.tabbernav li a:link { 
color: #4A4144; 
font-size:11px; 
font-family:Arial, sans-serif; 
text-transform:uppercase; 
padding:0 8px 10px 8px;  
margin-right:3px;
}
ul.tabbernav li a:link { 
color: #4A4144; 
font-size:11px; 
font-family:Arial, sans-serif; 
text-transform:uppercase; 
padding:0 15px 0 17px; 
_padding:0 8px 0 8px;  
margin-right:3px;
}
ul.tabbernav li a:visited { color: #4A4144; }

ul.tabbernav li a:hover
{
}
ul.tabbernav li.tabberactive {
padding-top:15px;
background:none;
background-color:none;
border:0;
padding-bottom:12px;
border-right:0px;
margin-right:1px;

}
*+html ul.tabbernav li.tabberactive a:link
{
color:#333333;
background:url(../images/tabActiveMid.png);
background-repeat:repeat-x;
background-color:white;
padding-bottom:12px;
padding-right:18px;
padding-top:10px;
border-right:1px solid #bfbfbf;
border-left:1px solid #bfbfbf;
}
ul.tabbernav li.tabberactive a:link
{
color:#333333;
background:url(../images/tabActiveMid.png);
background-repeat:repeat-x;
background-color:white;
padding-bottom:12px;
padding-right:18px;
padding-top:13px;
_padding-top:10px;
border-right:1px solid #bfbfbf;
border-left:1px solid #bfbfbf;
}

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 #bfbfbf;
 width:98%;
 /*
 border-left:1px solid #aaa;
 border-right:1px solid #aaa;
 background:url(../images/kitBtm.gif);
 background-repeat:no-repeat;
 background-position:bottom;*/

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

 /* height:200px; */

 /* 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;
}

/* #################### */
/* #################### */
/* #################### */
/* styling for product details within each tab */
#orderTab_left, #orderTab_right {
float:left;
}
#orderTab_right {
width:270px;
_width:210px;
background-color:#EEEBE6;
}
#orderTab_right_inside{
padding:15px;
}
#orderTab_right p .inputbox {
width:20px;
}

#orderTab_left {
/*width:360px;
_width:330px; */
padding-right:10px;
/*padding-left:10px; */
font-size:13px;

}
#orderTab_left img {
 /*max-width:340px;
  width:auto !important;
width:320px; 
width: expression(this.width > 400 ? 325: true);*/
margin:0 auto;
text-align:center;
_padding-right:10px;
 }
#orderDesc{
	padding:4px 10px;
	width:590px;
}

#ordering_title{
background-color:#14426F;
width:250px;
font-weight:bold;
font-size:16px;
text-transform:uppercase;
color:#FFFFFF;
padding:4px 10px;
}
<!-- Product layout page changes 3-26-08 Krom -->

#ordering_title_top {
background:#14426F;
font-weight:bold;
font-size:16px;
text-transform:uppercase;
color:#FFFFFF;
padding:4px 10px;
width:650px;
_width:610px;
float:left;
}

#orderTop {
width:670px;
_width:610px;
background-color:#EEEBE6;
float:left;
}

#ordering_avail {
width:210px;
float:left;
padding:4px 10px;
}
#ordering_number {
width:150px;
float:left;
padding:4px 10px;
}
#ordering_button {
float:left;
padding:4px 10px;
}


.related_title{
background-color:#14426F;
font-weight:bold;
font-size:16px;
text-transform:uppercase;
color:#FFFFFF;
padding:4px 10px;
}

#orderTab_left_acc, #orderTab_right_acc {
float:left;
}
#orderTab_right_acc {
width:650px;
_width:565px;
background-color:#EEEBE6;
}
#orderTab_right_inside_acc{
padding:15px 300px 15px 15px;
}
#orderTab_right p .inputbox {
width:20px;
}
#orderTab_left_acc {
width:650px;
_width:565px;
padding-right:10px;
padding-left:10px;
font-size:13px;
}
#ordering_title_acc{
background-color:#14426F;
width:630px;
font-weight:bold;
font-size:16px;
text-transform:uppercase;
color:#FFFFFF;
padding:4px 10px;
}


.productContainer { /***/
width:670px;
_width:585px;
 /*background:url(../images/prodDescBg.gif);
background-repeat:repeat-y;
background-position:-15px top;
_background-position: top;*/
color:#332D2F;
margin-bottom:7px;
}
.clear {
clear:both;
}
.right {
float:right;
}

.addtocart {
background:url(../components/com_virtuemart/shop_image/ps_image/addToCart.gif);
background-repeat:no-repeat;
border:0;
width:159px;
height:39px;
color:white;
text-transform:uppercase;
font-weight:bold;
font-size:14px;
text-align:left;
padding-left:10px;
float:right;
margin-top:15px;
cursor: pointer;
}
.addtocartFeatured{
width:120px;
height:29px;
}
.addtocartFeaturedOld {
background:url(../components/com_virtuemart/shop_image/ps_image/add_sm.gif);
background-repeat:no-repeat;
border:0;
width:120px;
height:29px;
color:white;
text-transform:uppercase;
font-weight:bold;
font-size:12px;
text-align:left;
padding-left:10px;
float:right;
margin-top:15px;
cursor: pointer;
}
.addtocartFeatured a:link, .addtocartFeatured a:visited, .addtocartFeatured a:hover {
color:#ffffff;
text-decoration:none;
}
ol {
margin-left:30px;
}

/* styling for Testimonials tab */
.testimonial {
margin:15px 15px;
width:97;
}
.testimonial table {
width:640px !important;
}
.tabberlive .tabbertab img {
display:block !important;
float:none ;
}
.tabbertab img {
max-width:600px;
width: expression(this.width > 650 ? 595: true);
}
.tabberlive .tabbertab .tabbertab {
width:605px !important;
border:0;
padding-right:15px;
}



/**
* Added following CSS calls per VM Change doc. by Krom 3-30-07
*/
.continueShopping a:link, .continueShopping a:visited, .continueShopping a:hover {
display:block;
background:url(../components/com_virtuemart/shop_image/ps_image/arrowLeft.gif) no-repeat;
width:119px;
height:17px;
font-size:11px;
text-decoration:none;
padding:5px 2px 5px 10px;
font-weight:bold;
color:#233065;
}
.checkoutNow a:link, .checkoutNow a:visited, .checkoutNow a:hover {
display:block;
width:119px;
height:17px;
font-size:11px;
text-decoration:none;
padding:5px;
font-weight:bold;
color:#233065;
background:url(../components/com_virtuemart/shop_image/ps_image/arrowRight.gif) no-repeat;
}
/* checkout process */
div.fieldgroup table td {
vertical-align:top;
}

div.fieldgroup .sectiontableheader {
padding-bottom:15px;
display:block;
}
.sectiontableheader th  {
border:1px solid #999999;
background:#E5EDF4;
padding:4px;
width:auto;
}
.sectiontableheader th {
margin-right:0;
}
.sectiontableentryCoupon td form {
margin-top:10px;
}
.sectiontableentryCoupon td form .inputbox, textarea {
border:1px solid #999999; 
font-family:arial, sans-serif;
font-size:11px;
color:#70695B;
}
.sectiontableentryCoupon td {
border:1px solid #999999;
background:#E5EDF4;
padding:10px;
}
hr {
display:none;
}
.sectiontableentry1 td, .sectiontableentry2 td{
background:white;
padding-bottom:10px;
width:auto;
}


.customerInfo legend.sectiontableheader {
font-size:13px;
font-weight:bold;
margin-bottom:10px;
margin-left:10px;
color:#70695B;
}
.customerInfo {
border:0
}
#newCustomerForm h1,  #fieldgroup1 .sectiontableheader{
font-size:12px;
font-weight:bold;
background:#E5EDF4;
padding:10px 0 10px 10px;
border-bottom:1px solid #999999;
display:block;
margin:0;
color:#114779;
}
td.fieldgroup {
border:0;
}
 #fieldgroup1 {
 border:1px solid #999999;
 width:225px;
 float:right;
 }
*html td.fieldgroup {
padding:0;
margin:0;
}
div.fieldgroup {
padding:15px;
margin:0 0 5px 11px;
_margin:0 0 5px 0;
clear:both;

}
div.fieldgroup .sectiontableheader {
font-weight:bold;
}
#newCustomerForm {
border:1px solid #999999;
width:370px;
float:left;
}
#newCustomerForm form {
width:100%
}
#newCustomerForm fieldset.customerInfo {
border:0;
border-bottom:1px solid #999999;
margin-bottom:15px;
}

#newCustomerForm fieldset legend.sectiontableheader {
font-weight:bold;
font-size:12px;
padding-left:10px;
margin-bottom:10px;
color:#70695B;
}
#newCustomerForm fieldset label {
font-weight:normal;
}
#billShipInfoOutput .sectiontableheader th{
padding:5px 0 5px 5px;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
border-right:0;
border-left:0;

}
#billShipInfoOutput {
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
padding-bottom:15px
}
#billShipInfoOutput td{
padding-left:15px;
padding-top:5px
}
fieldset {
border:0;
padding:0;
}
#finalInfo {

	border:1px solid #999999;
	margin: 10px;
	padding: 10px 0px 10px 10px;

}
.moduletable {
_clear:left;
width:90%;
}

form .button {
margin-right:10px;
}
.legalinfo {
margin-top:15px;
}
.active_checkout_nav {
background:url(../components/com_virtuemart/shop_image/ps_image/checkoutButtonActive.gif) center bottom no-repeat;
diplay:block;
font-weight:bold;
height:18px;
color:#666666;
padding-top:3px;
padding-left:8px;
}
.nonactive_checkout_nav{
background:url(../components/com_virtuemart/shop_image/ps_image/checkoutButtonNonactive.gif) center bottom no-repeat;
height:18px;
color:#999999;
padding-top:3px;
padding-left:8px;
}
.nonactive_checkout_nav a:link, .nonactive_checkout_nav a:visited, .nonactive_checkout_nav a:hover{
color:#70695B;
text-decoration:underline;
}
/**
* Errors, Warnings and Info formatting
*/
.shop_error, .shop_warning, .shop_info, .shop_debug, .shop_critical, .shop_tip {
	font-size: 120%;
  	margin-top: 0.8em;
  	margin-left: auto;
  	margin-right: auto;
  	width: 70% !important;
  	clear: both;
  	text-align: justify;
  	vertical-align: middle;
  	border-collapse: collapse;
  	padding: 15px 20px 15px 80px;
  	background-position: 20px 50%;
  	background-repeat: no-repeat;
  	-moz-border-radius: 20px;
  	-khtml-border-radius: 20px;
  	border-radius: 20px;
}
.shop_error {
  	background-color: #fdd;
	background-image: url( ../shop_image/ps_image/log_error.png );
}
.shop_warning {
  	background-color: #ffc;
	background-image: url( ../shop_image/ps_image/log_warning.png );
}
.shop_info {
  	background-color: #eef;
  	background-image: url( ../shop_image/ps_image/log_info.png );
}
.shop_tip {
	background-image: url( ../shop_image/ps_image/info.png );
  	background-color: #dfd;
}
.shop_debug {
	background-color: #F0F8FF;
	background-image: url( ../shop_image/ps_image/log_debug.png );

}
.shop_critical {
	background-color: salmon;
	font-weight: bold;
	background-image: url( ../shop_image/ps_image/log_critical.png );
}
#relatedProducts h3 {
margin-bottom:10px;
text-align:left;
padding:5px 5px 5px 10px;
background:#29437e;
color:white;
font-size:12px;
}
#relatedProducts {
border:1px solid #bfbfbf;
/*width:100% !important;*/
}

#relatedProducts td {
padding:7px;
}
#relatedProducts img {
margin:10px 0;
}