

/**** HOME STYLES START ****/

/* INTRO */

.intro-container
{
}

.intro-box
{
background: ;
color:;
}

.intro-title,
.intro-title:visited,
.intro-title:active
{
color: ;
display: block;
font: bold 15px arial;
margin: 0px 0px 10px 0px;
}

.intro-image {}

.intro-text {}

/* PRIMARY LINKS */

.primary-container
{
}

.primary-box
{
border:1px solid ;
margin: 10px 0px 0px 10px;
}

a.primary-title,
a.primary-title:visited,
a.primary-title:active
{
color:;
display: block;
font:bold 15px arial;
}

.primary-image
{
}

.primary-text
{
}

.primary-readmore
{
color: ;
font: normal 10px verdana,;
}

/* ACTION LINKS */

.action-container
{
}

.action-box 
{
}

.action-title,
.action-title:active,
.action-title:visited
{
color:;
display: block;
font:normal 15px arial;
}

.action-image 
{
}

.action-text 
{
}
.cta4, .cta8, .cta12, .cta16{
margin-right:0 !important;
}

/**** HOME CLASSES END ****/

/*************** THEME STYLES START ****************/

html {
	overflow-y: scroll;
}
h1, h1 a, h1 a:visited {
 background: transparent;
 color: #000000;
 font: normal 26px Lato, arial;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}
h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
h2, h2 a, h2 a:visited {
 color: #5a5a5a;
 font: 900 30px Lato, arial;
	padding: 0 0 10px 0;
	text-transform: uppercase;
	border-bottom: 1px dotted #D0D0D0;
	
}
h2.checkout-header{
	padding:0 200px 10px 200px;
	}
h2.section-header h2.section-header a, h2.section-header a:visited {
	/*	background: none;
	font: normal 20px Lato, arial;
	margin: 0px 0px 0px 0px;
	border-bottom: 0px solid #fff;

	border-left: 0px solid #ccc; */
	text-transform: none;
 background-color:##Box Header Color##;
	text-decoration: none;
}
h3, h3 a, h3 a:visited {
 color: #000000;
 font: bold 16px Lato, arial;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h3 a {
	text-decoration: none;
}
h4, h4 a{
	font: 600 17px Lato, arial;
	color:#333;
	line-height:1.2;
	margin:0 0 5px 0;
	}
h4 a:hover{
	color:#666;
	}
a.link-button, a.link-button:active, a.link-button:visited, a.link-button-iframe {
	background: #f3efe7;
 border: 0px solid #ffffff;
	color: #fff;
	font-size: 9px;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
}
a.link-button:hover, a.link-button-iframe {
	text-decoration: none;
	background-color: #666;
}
.titleonly a, .titleonly a:visited {
	background-image: url(/webfiles/WebSiteComponents/layouts/images/446/greybullet.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
 color: #f68026;
}
.main-image, .main-image-elastic {
 border: 2px solid #808080;
}
.thumbnail-image {
 border: 1px solid #808080;
}
.image-caption {
	font-size: 10px;
	font-weight: bold;
}
.header-box, .header-box a, .header-box a:hover {
 background-color:##Box Header Color##;
	text-decoration: none;
}
table.paragraph-box {
	/* background-color:#ffffff;
	border: 1px solid #ffffff; */
	padding: 10px 10px 10px 10px;
}
div.dotted {
}
.callsbutton {
	display: block;
	background: #ccc;
	padding: 15px;
	color: #fff !important;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 3px;
}
a.callsbutton:hover {
	background: #999
}
/* Shopping Page Style */

.btn-green-big, .btn-green-big:visited {
	background: #17c42a;
	display: block;
	font-size: 150%;
	line-height: 150%;
	margin: 0 0 5px;
	padding: 5px 100px;
	text-align: center;
	color: #fff;
	font-weight: 900;
	text-transform: uppercase;
	border:0;
  cursor:pointer;
}
.btn-green-big:hover {
	background: #666;
	color: #fff;
	text-decoration:none;
}
.btn-green, .btn-green:visited {
	background: #17c42a;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 5px 15px;
	display: inline-block;
	border:0;
	box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height:34px;
  cursor:pointer;
}
.btn-green:hover {
	background: #666;
	color: #fff;
	text-decoration:none;
}
.btn-grey, .btn-grey:visited {
	background: #999;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 5px 15px;
	display: inline-block;
	border:0;
	box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height:34px;
  cursor:pointer;
}
.btn-grey:hover {
	background: #666;
	color: #fff;
	text-decoration:none;
}
.checkout-breadcrumb {
	color: #999;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 900;
	padding: 5px 20px 5px 0;
}
.checkout-breadcrumb strong {
	color: #666;
}
.checkout-breadcrumb span {
}
.cart-title {
	color: #fff;
	font-weight: bold;
	background: #666;
	padding: 5px 10px;
	text-transform: uppercase;
}
.cart-item {
	border-top: 0px solid #e0e0e0;
}
.cartbox-left {
	border-top: 1px solid #999999;

	color: #8D8D8D;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.cartbox-right {
	border-top: 1px solid #999999;

}
.cartbox-mid {
	border-top: 1px solid #999999;
	padding: 8px 0px 8px 8px;
}
.cartbox-blank {
}
.indent {
	border-top: 1px solid #e0e0e0;
	height: 60px;
	padding-left: 30px;
}
.sizegrid td {
	padding: 2px 2px 2px 2px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.breadcrumb {
	margin: 0 0 10px 0;
}

/**** GENERAL STYLES START ****/	

img {
	border: 0px;
}
p {
	margin: 5px 0 10px 0;
}
a {
	text-decoration: none;
 color: #f68026;
}
a:visited {
 color: #f68026;
}
a:hover {
 color: #333333;
}
/*  LAYOUT STRCUCTURES */

td, p, ul, ol, li, dl, dt, dd, menu, dir, blockquote, pre, tt, div, input, select, textarea{
 color: #333333;
 font: 14px Lato, arial;
	line-height: 1.5;
}
select, input, textarea {
	border: 1px solid #999;
	padding: 6px 10px;
	margin: 0 10px;
}

.pricebreaks input {
	padding: 2px 2px !important;
	margin: 0 0px;
}


body {
background: #FFFFFF;
}
div#overall-container /* overall-body encompasses the header, body, and footer */ {
 background: #FFFFFF;
 width: 1000px;
	padding: 40px 0 0 0;
}
div#header-container {
	/*	background: url(/webfiles/GollyGoshNZ/layouts/images/bg-header.gif) #FFFFFF; */


	border-bottom: 1px solid #D0D0D0;
}
.body-container /* body container only includes the content and not the left nav*/ {
	/*	background: #FFFFFF url(/webfiles/GollyGoshNZ/layouts/images/bg-main.gif); */
	padding: 0px 0 20px 0; /* the padding here is commonly used to create margins around the content*/
}
.internal {
	padding: 0px 0px 20px 0px;
}
.body-section-a {
}
.body-section-b {
}
#topbg {
}
#header-links a {
	color: #666666;
	text-decoration: none;
	padding: 0 20px 0 0;
}
#header-links a:hover {
	color: #f68026;
}

/**** GENERAL STYLES END ****/

/**** TOP NAV STYLES START ****/	

div#tn-container 
{
background:  #FFFFFF url() left top repeat-x ; 
text-align:Left;
padding:0 15px 0 0px;
border-bottom:4px solid #d0d0d0;
margin:0 0 20px 0;
}

table#topnav 
{
}

td#tn-left 
{
}

td#tn-right 
{
}

div#tn-bottom 
{
}

/* TOP NAV STANDARD LINKS */

td.tn-link-std,
td.tn-selected-std {
float: left;
}

td.tn-link-std a,
td.tn-link-std a:visited,
td.tn-link-std a:active,
td.tn-selected-std a,
td.tn-selected-std a:active,
td.tn-selected-std a:visited 
{
	color: #666666;
	display: block;
	font: 900 14px Lato, Arial;
	padding: 15px 25px 15px 0px;
	text-transform: uppercase;
	text-decoration: none;
	
}


td.tn-link-std a:hover,
td.tn-selected-std a:hover 
{
	color: #f68026  !important;
	text-decoration: none;
}
td.tn-selected-std a,
td.tn-selected-std a:visited{
color: #f68026  !important;
}

/* DROP DOWN STYLES */

div.menu div.options 
{	
	margin: 0px 0px 0px 0px;
border:1px solid #d0d0d0;
border-top:0px solid #d0d0d0;

}

div.options,
div.options a,	
div.options a:visited,
div.options a:active
{
	background:#FFFFFF;
	color:#666666;
	display:block;
	font:normal 12px arial;
	padding: 10px 20px 10px 10px;
	text-decoration:none;
}

div.options{padding:0;}

div.options a:hover 
{
	color:#f68026;
}

div.options table
{
	width:100%;
	border:none;
}

div.options table td
{
	vertical-align:top;
	width:150px;
}

div.options a.parent,
div.options a.parent:visited,
div.options a.parent:active
{
/*	background-image:url(/webfiles/ShowcasesDirectNZ/layouts/images/expand-arrow.gif); */
	background-repeat:no-repeat;
	background-position:right;
}

/* MENU PANEL STYLES */

div.MenuPanelContainer {
	
}

div.MenuPanel 
{
	z-index:1999;
	position:absolute;
	display:none;
border:1px solid #d0d0d0;
border-top:0px solid #d0d0d0;
	background:#FFFFFF;
	padding:15px 20px;
	
	-webkit-box-shadow: 0 2px 5px 0 #B3B3B3;
box-shadow: 0 2px 5px 0 #B3B3B3;
}
div.MenuPanel table.Table
{
	
}
div.MenuPanel table.Table td
{
	vertical-align:top;
	width:240px;
	padding:0;
}
div.MenuPanel table.Table td.coldiv
{
}
div.MenuPanel td.ParentDesc
{
	text-align:right;
}
div.MenuPanel table.Part
{
	width:100%;
}	
div.MenuPanel table.Part td
{
		padding:0 30px 0 0;
}
div.MenuPanel td.Desc
{
	text-align:right;
	width:20px !important;
}
div.MenuPanel a.Link2 {
	color:#666666;
	display:block;
	font:bold 14px arial;
	padding: 0px 0 10px 0;
	text-decoration:none;
}
div.MenuPanel a.Link3 {
	font-size:12px;
	padding:0px 0 5px 0px;
	color:#666666;
	display:block;
}
div.MenuPanel a.Link2:hover, div.MenuPanel a.Link3:hover{
	color:#f68026  !important;
	text-decoration: underline;
	}
a.MenuPanelHover,
a.MenuPanelHover:active,
a.MenuPanelHover:visited  {
	color: #f68026  !important;
	text-decoration: none;
}

/**** TOP NAV STYLES END ****/

/**** LEFT NAV STYLES START ****/

td#ln-container
{
/*	background: url(/webfiles/CrateClothingLimitedNZ/layouts/images/bg-ln.gif) #FFFFFF; */
	border-right: 0px solid #dddddd;
	width: 190px;
padding:0 20px 0 0;
}

table#leftnav
{
	width: 100%;
	border-right: 1px solid #dddddd;
}	

td#ln-top 
{
}
	
td#ln-middle 
{
}

td#ln-bottom 
{
	padding-top:5px;
}

/* LEFT NAV STARNDARD LINKS */

td#ln-middle a
{
/*	background: url() no-repeat left top #FFFFFF; */
	border-bottom: 0px solid #FFFFFF;
	color: #666666;
	display: block; /* "block" is used to make top and bottom padding work on A tags*/
	font: 400 14px Lato, arial;
	padding: 10px 15px ;
	text-align:left; /* by default this A tag will center the text */
	text-decoration: none;
	height:100%;
}

td#ln-middle a:hover,
td#ln-middle a.ln-selected-std-level1,
td#ln-middle a.ln-selected-std-level1-open,
td#ln-middle a.ln-selected-std-level2,
td#ln-middle a.ln-selected-std-level2-open,
td#ln-middle a.ln-selected-std-level3,
td#ln-middle a.ln-selected-std-level3-open,
td#ln-middle a.ln-selected-std-level4,
td#ln-middle a.ln-selected-std-level4-open,
td#ln-middle a.ln-selected-std-level5,
td#ln-middle a.ln-selected-std-level5-open
{
    color: #000000 ;
	background: #dddddd ;	
}

td#ln-middle a.ln-link-std-level1,
td#ln-middle a.ln-link-std-level1:hover,
td#ln-middle a.ln-link-std-level1-closed,
td#ln-middle a.ln-link-std-level1-closed:hover,
td#ln-middle a.ln-link-std-level1-open,
td#ln-middle a.ln-link-std-level1-open:hover,
td#ln-middle a.ln-selected-std-level1,
td#ln-middle a.ln-selected-std-level1:hover,
td#ln-middle a.ln-selected-std-level1-closed,
td#ln-middle a.ln-selected-std-level1-closed:hover,
td#ln-middle a.ln-selected-std-level1-open,
td#ln-middle a.ln-selected-std-level1-open:hover{
	text-transform:uppercase;
	background:#777;
	color:#fff;
	font-weight:600;
}


td#ln-middle a.ln-link-std-level2,
td#ln-middle a.ln-link-std-level2:hover,
td#ln-middle a.ln-link-std-level2-closed,
td#ln-middle a.ln-link-std-level2-closed:hover,
td#ln-middle a.ln-link-std-level2-open,
td#ln-middle a.ln-link-std-level2-open:hover,
td#ln-middle a.ln-selected-std-level2,
td#ln-middle a.ln-selected-std-level2:hover,
td#ln-middle a.ln-selected-std-level2-closed,
td#ln-middle a.ln-selected-std-level2-closed:hover,
td#ln-middle a.ln-selected-std-level2-open,
td#ln-middle a.ln-selected-std-level2-open:hover{
	padding: 10px 20px 10px 15px ;
    border-bottom: 1px solid #bbb ;
	background:url(/webfiles/CrateClothingLimitedNZ/layouts/images/open_close.gif) 95% -50px no-repeat;
	font-weight:600;
}

td#ln-middle a.ln-selected-std-level2,
td#ln-middle a.ln-selected-std-level2:hover,
td#ln-middle a.ln-selected-std-level2-closed,
td#ln-middle a.ln-selected-std-level2-closed:hover,
td#ln-middle a.ln-selected-std-level2-open,
td#ln-middle a.ln-selected-std-level2-open:hover{
	background:url(/webfiles/CrateClothingLimitedNZ/layouts/images/open_close.gif) 95% 15px no-repeat;
	}

td#ln-middle a.ln-link-std-level3,
td#ln-middle a.ln-link-std-level3:hover,
td#ln-middle a.ln-link-std-level3-closed,
td#ln-middle a.ln-link-std-level3-closed:hover,
td#ln-middle a.ln-link-std-level3-open,
td#ln-middle a.ln-link-std-level3-open:hover,
td#ln-middle a.ln-selected-std-level3,
td#ln-middle a.ln-selected-std-level3:hover,
td#ln-middle a.ln-selected-std-level3-closed,
td#ln-middle a.ln-selected-std-level3-closed:hover,
td#ln-middle a.ln-selected-std-level3-open,
td#ln-middle a.ln-selected-std-level3-open:hover{
	padding: 10px 20px 10px 20px ;
	background: #f2f2f2;
	font-size:13px ;
}
	

td#ln-middle a.ln-link-std-level4,
td#ln-middle a.ln-link-std-level4:hover,
td#ln-middle a.ln-link-std-level4-closed,
td#ln-middle a.ln-link-std-level4-closed:hover,
td#ln-middle a.ln-link-std-level4-open,
td#ln-middle a.ln-link-std-level4-open:hover,
td#ln-middle a.ln-selected-std-level4,
td#ln-middle a.ln-selected-std-level4:hover,
td#ln-middle a.ln-selected-std-level4-closed,
td#ln-middle a.ln-selected-std-level4-closed:hover,
td#ln-middle a.ln-selected-std-level4-open,
td#ln-middle a.ln-selected-std-level4-open:hover{
	padding: 10px 20px 10px 30px ;
	background:#e5e5e5;
	font-size:13px ;
	}


td#ln-middle a.ln-link-std-level5,
td#ln-middle a.ln-link-std-level5:hover,
td#ln-middle a.ln-link-std-level5-closed,
td#ln-middle a.ln-link-std-level5-closed:hover,
td#ln-middle a.ln-link-std-level5-open,
td#ln-middle a.ln-link-std-level5-open:hover,
td#ln-middle a.ln-selected-std-level5,
td#ln-middle a.ln-selected-std-level5:hover,
td#ln-middle a.ln-selected-std-level5-closed,
td#ln-middle a.ln-selected-std-level5-closed:hover,
td#ln-middle a.ln-selected-std-level5-open,
td#ln-middle a.ln-selected-std-level5-open:hover{
	padding: 10px 20px 10px 40px ;
	font-size:13px ;
	}

/* LEFT NAV SUB LINKS */


td#ln-middle a.ln-link-sub,
td#ln-middle a.ln-selected-sub,
td#ln-middle a.ln-link-sub:active,
td#ln-middle a.ln-selected-sub:active,
td#ln-middle a.ln-link-sub:visited,
td#ln-middle a.ln-selected-sub:visited
{
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	color: #666666;
	display: block; /* "block" is used to make top and bottom padding work on A tags*/
	font: 400 12px Lato, Arial;
	padding: 10px 20px 10px 20px;
	text-align:left; /* by default this A tag will center the text */
	text-decoration: none;
}

td#ln-middle a.ln-selected-sub,
td#ln-middle a.ln-link-sub:hover,
td#ln-middle a.ln-selected-sub:hover 
{
	font-weight:600;
}

.FilterHeaders
{
	padding: 10px 20px 10px 5px ;
	font: bold 14px Arial ;
	text-transform:uppercase;	
    margin-top: 5px ;
    border-bottom: 1px dotted #000000;
	background: #dddddd;
}

.FilterTable
{
	background: #eeeeee;	
}

/**** LEFT NAV STYLES END ****/

/**** FOOTER STYLES START ****/

div#footer-container {
background: transparent;
 border-top: 2px solid #666666;
	padding: 20px 0px;
	text-align: left;
	overflow: auto
}
div#footer-container, div#footer-container div, div#footer-container span.spacer, div#footer-container strong, div#footer-container li {
 color: #666666;
 font: 14px/1.6 Lato, arial;
	text-decoration: none;
}
div#footer-container a:hover {
}
div#footer-container strong {
	font-weight: bold;
}
div#footer-container #footer-newsletter {
	padding: 0 0 15px 0;
	text-align: center;
	border-bottom: 1px solid #D0D0D0;
}


div#footer-container #footer-list {
	margin: 0 0 15px 0;
}
div#footer-container #footer-list {
	padding: 35px 0;
	overflow: auto;
}
div#footer-container #footer-list strong {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight:900;
	text-transform:uppercase;
}
div#footer-container #footer-list ul {
	margin: 0;
	padding: 0 20px 0 0;
	float: left;
	width: 230px;
}
div#footer-container #footer-list ul:last-child {
	
	padding: 0 ;
	}
div#footer-container #footer-list ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
div#footer-container #footer-list ul li a {
	padding: 3px 0;
	display: block;
	text-align: left;
	color: #666;
	text-decoration: none;
}
div#footer-container #footer-list ul li a.icon{
	display:inline-block;
	margin-right:5px;
	}
	
div#footer-container #footer-list ul li a:hover {
	color: #000;
}


div#footer-container .footer-width {
	overflow: auto;
	padding: 20px 0;
	border-top: 1px solid #D0D0D0
}
div#footer-container .footer-left {
	float: left;
	clear: both;
}
div#footer-container .footer-right {
	float: right
}


/**** FOOTER STYLES END ****/

/**** BODY STYLES START ****/

.back
{
	font-weight:bold;
	text-decoration:none;
}

.main-image {
	border: 2px solid #808080;
}

.thumbnail-image
{
	border: 1px solid #808080;
}

.image-caption 
{
font: bold 10px;
}

.print-page-break 
{
	page-break-Before: always;
}


/* DEVELOPMNET STYLES */

table.productlist
{
	width: 100%;
}

.list-table 
{
}

.list-header 
{
background-color:#CCCCCC;
}

.list-row 
{
border-top:1px solid #cccccc
}

table.productlist td
{
	border-bottom:1px solid #cecfce;
	font: 10px Verdana;
	text-align: center;
}

table.productlist th
{
	font: bold 12px Arial;
	background-color: #cecfce;
	text-align: center;
}


.blank-header
{
	display:none;
}

/* Start Admin Table Styles */

.info-header,
.info-table th {
font-size:11px;
text-align:left;
color:black;
font-weight:normal;
/*background:url(/webfiles/WebSiteComponents/layouts/images/table-header-bottom.gif) bottom left repeat-x; */
background-color:#F7F7F7;
padding:10px 6px;
border-top:1px solid #E0DEDF;
border-bottom:1px solid #E0DEDF;
}
.info-table th a {
}
.info-name {
text-align:right;
border-bottom:1px solid #E0DEDF;
font-size:11px;
background-color:#F7F7F7;
}
.info-value,
.info-table td {
text-align:left;
border-bottom:1px solid #E0DEDF;
font-size:11px;
padding:6px;
}

.info2-table {
	border-left:1px solid #E0DEDF;
	border-top:1px solid #E0DEDF;
}

.info2-header,
.info2-table th {
font-size:11px;
text-align:left;
color:black;
font-weight:bold;
/* background:url(/webfiles/WebSiteComponents/layouts/images/table-header-bottom.gif) bottom left repeat-x; */
background-color:#F7F7F7;
padding:13px 6px;
border-right:1px solid #E0DEDF;
border-bottom:1px solid #E0DEDF;
}
.info2-table th a {
}
.info2-name {
text-align:right;
border-bottom:1px solid #E0DEDF;
border-right:1px solid #E0DEDF;
font-size:11px;
background-color:#F7F7F7;
vertical-align:top;
}
.info2-value,
.info2-table td {
text-align:left;
border-bottom:1px solid #E0DEDF;
border-right:1px solid #E0DEDF;
font-size:11px;
padding:6px;
vertical-align:top;
}

/* End Admin Table Styles */


/* $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:0em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 0;
 border-bottom: 1px solid #aaa;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 10px 20px;
 border: 1px solid #aaa;
 background: #EEEEEE;
 text-decoration: none;
 font-weight:900;
 font-size:16px;
 text-transform:uppercase;
 display:inline-block;
 margin-bottom:-1px;
 margin-right:-1px;
}

ul.tabbernav li a:link { color: #666; }
ul.tabbernav li a:visited { color: #444; }

ul.tabbernav li a:hover
{
 color: #333;
 background: #ddd;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

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

 /* 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:400px;
 overflow:auto;
}


/**** BODY STYLES END ****/