/*
  Copyright (c) 2008 LEFP
*/

body{
	margin:0px;
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	
}

/* Start: from stylesheet.css. */
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #000099;
}
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color:#000000;
}
/* End: from stylesheet.css. */

	  	  .text1 {
     font-family:Tahoma;
	 font-size:14px;
     font-weight:bold;
	 color:#FFFFFF;
	 }    
	 
	 .text2 {
     font-family:Tahoma;
	 font-size:18px;
     font-weight:bold;
	 color:#FFFFFF;
	 font-style:italic;
	 }    
	 
	 .text3 {
     font-family:Tahoma;
	 font-size:15px;
     font-weight:normal;
	 color:#FFFFFF;
	 }   
	 
	 .barker1 {
     font-family:Tahoma;
	 font-size:16px;
     font-weight:normal;
	 color:#FFFFFF;
	 text-decoration:none;
	 }   
	 
	 a.barker-link:link, a.barker-link:visited {
     font-family:Tahoma;
	 font-size:18px;
     font-weight:normal;
	 color:#FFFFFF;
	 text-decoration:none;
	 }   
	 
	 a.barker-link:hover {
     font-family:Tahoma;
	 font-size:18px;
     font-weight:normal;
	 color:#FFFFFF;
	 text-decoration:underline;
	 }   
	 
	 .text4 {
     font-family:Tahoma;
	 font-size:13px;
     font-weight:normal;
	 color:#FFFFFF;
	 }  
	 
	 .textfield {
	border: 1px solid #2c2c2c;
	background-image: url(../../images/bg_textfield.jpg);
	background-repeat: repeat-x;
	width:156px; height:20px;
	 } 
	 
	  .text5 {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:11px;
     font-weight:normal;
	 color:#FFFFFF;
	 }  
	 
	 .text6 {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:11px;
     font-weight:bold;
	 color:#FFFFFF;
	 }  
	 
	a.doc:link, a.doc:visited {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #70e6c6;
	text-decoration: underline;
}
    a.doc:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #70e6c6;
	text-decoration:none;
}

	 .text7 {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
     font-weight:normal;
	 color:#000000;
	 }  
	 
	  .text8 {
     font-family:Tahoma;
	 font-size:11px;
     font-weight:normal;
	 color:#000000;
	 }  
	 
	 a.text8:link, a.text8:visited {  
     font-family:Tahoma;
	 font-size:11px;
     font-weight:normal;
	 color:#000000;
	 }
	 
	 .text9 {
     font-family:Tahoma;
	 font-size:11px;
     font-weight:normal;
	 color:#074987;
	 	 }  
		 
	 .text10 {
     font-family:Tahoma;
	 font-size:11px;
	   text-align:center;
     font-weight:normal;
	 color:#569d00;
	 	 }  
		 
	a.ldg:link, a.ldg:visited {
	font-family:  Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #569d00;
	text-decoration: none;
}
    a.ldg:hover {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #569d00;
	text-decoration:underline;
}

	a.links:link, a.links:visited {
	font-family:  Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
    a.links:hover {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #074987;
	text-decoration:underline;
}

.menu {
	margin: 0 0 0 0px;
	width: 660px;
	float: left;
	padding: 0;
	}
.menu li {
	display: block;
	list-style: none;
	float: none;
	margin: 0 0 0 1px;
	text-align: center;
	}
/*
.bg {
	display: none;
	background: url(../../images/contact_bthover.jpg);
	}
.menu li a {
	background: url(../../images/contact_bt.jpg);
	display: block;
	width: 164px;
	height: 30px;
	margin: 5px 0 0 0;
	line-height: 30px;
	color: black;
	text-decoration: none;
	font-family: verdana;
	font-size: 11px;
	}
.menu li.active a {
	background: url('../../images/bg_menu_active.png');
	display: block;
	width: 164px;
	height: 30px;
	margin: 0;
	line-height: 30px;
	color: white;
	text-decoration: none;
	padding:0px;
	}
.menu li a:hover {
	background: url(../../images/contact_bthover.jpg);
	display: block;
	width: 164px;
	margin: 5px 0 0 0;
	height: 30px;
	line-height: 30px;
	padding: 0px;
	}
	
	 .text11 {
     font-family:Tahoma;
	 font-size:13px;
     font-weight:normal;
	 color:#FFFFFF;
	 } 
*/
	 
	a.buy:link, a.buy:visited {
	font-family:  Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
    a.buy:hover {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}

	a.buy01:link, a.buy01:visited {
	font-family:  Tahoma;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
    a.buy01:hover {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
}

	 .text12 {
//     font-family:"AvantGarde Bk BT";
     font-family:Tahoma;
	 font-size:16px;
     font-weight:600;
	 color:#063969;
	 } 
	 
	 .text13 {
     font-family:"Times New Roman", Times, serif;
	 font-size:25px;
	 font-style:italic;
     font-weight:bold;
	 color:#063969;
	 } 
	 
	 .text14 {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:9px;
     font-weight:bold;
	 color:#09335f;
	 } 
	 
	 
	a.top:link, a.top:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #09335f;
	text-decoration: none;
}
    a.top:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}

/* headerNavigation is from stylesheet.css.
   Make it be a duplicate of top.
*/
	a.headerNavigation:link, a.headerNavigation:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #09335f;
	text-decoration: none;
}
    a.headerNavigation:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}

	 .text15 {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:11px;
     font-weight:bold;
	 color:#000000;
	 } 
	 
	 .text16 {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:11px;
     font-weight:normal;
	 color:#0964b8;
	 } 
	 
	.textfield01 {
	border: 1px solid #2c2c2c;
	background-image: url(../../images/bg_textfield.jpg);
	background-repeat: repeat-x;
	width:136px; height:20px;
	 } 
	 
	a.pas:link, a.pas:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
    a.pas:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
}

	 .text17 {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:19px;
     font-weight:normal;
	 color:#FFFFFF;
	 } 
	 .text17bigger {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:24px;
     font-weight:normal;
	 color:#063A6C;
     font-weight:bold;
	 } 
	 
	 .text17abigger {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:22px;
	 color:#063A6C;
     font-weight:bold;
	 } 
	 	 .text18 {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:14px;
     font-weight:normal;
	 color:#FFFFFF;
	 } 
	 
	  	 .text19 {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:13px;
     font-weight:normal;
	 color:#FFFFFF;
	 } 
	 
	  	 .text19-smaller {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
     font-weight:normal;
	 color:#FFFFFF;
	 } 
	 
	   	 .text20 {
     font-family:Tahoma;
	 font-size:14px;
     font-weight:bold;
	 color:#FFFFFF;
	 } 
	 
	a.links:link, a.links:visited {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #0964b8;
	text-decoration: underline;
}
    a.links:hover {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #0964b8;
	text-decoration:none;
}

	a.links11:link, a.links11:visited {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #0964b8;
	text-decoration: underline;
}
    a.links11:hover {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #0964b8;
	text-decoration:none;
}

   	 .text21 {
	font-family:Tahoma;
	font-size:12px;
	font-weight:normal;
	color:#4a4a4a;
	word-spacing: normal;
	line-height: 16px;
	 } 
	 
	.textfield02 {
	border: 1px solid #818181;
	background-image: url(../../images/bg_0bg.jpg);
	background-repeat: repeat-x;
	width:31px; height:19px;
	 } 
	 
	  	 .text22 {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
     font-weight:bold;
	 color: #FFFFFF;
	 text-decoration:underline;
	 } 
	 
	 	a.ship:link, a.ship:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
    a.ship:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration:none;
}

	  	 .text23 {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:10px;
     font-weight:bold;
	 color: #000000;
	 } 
	 
	a.ppp:link, a.ppp:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0964b8;
	text-decoration: underline;
}
    a.ppp:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #0964b8;
	text-decoration:none;
}
	  	 .text24 {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:10px;
     font-weight:normal;
	 color: #0964b8;
	 } 
	  	 .text24-black {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:10px;
     font-weight:normal;
	 color: #000000;
	 } 
.brdbtm {
	border-bottom: solid 1px #2c2c2c;
}
.brdall {
	border-bottom: solid 1px #2c2c2c;
	border-top: solid 1px #2c2c2c;
	border-left: solid 1px #2c2c2c;
	border-right: solid 1px #2c2c2c;
}

	  	 .text25 {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:10px;
     font-weight:normal;
	 color: #0964b8;
	 } 
	 
	 	.linkss {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
	 	a.linkss:link, a.linkss:visited {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
    a.linkss:hover {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration:underline;
}

.prodlistingcell1 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #97C2E2;
	border-right-color: #97C2E2;
	border-bottom-color: #97C2E2;
	border-left-color: #97C2E2;
}

.prodlistingcell2 {
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #97C2E2;
	border-right-color: #97C2E2;
	border-bottom-color: #97C2E2;
	border-left-color: #97C2E2;
}

.prodlistingcell3 {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #97C2E2;
	border-right-color: #97C2E2;
	border-bottom-color: #97C2E2;
	border-left-color: #97C2E2;
}

.style1 {
	color: #000000
 }    

/* for product detail template */
.top_line{
border-top: 2px solid #96c2eb;
}

.bottom_line{
border-bottom: 2px solid #96c2eb;
}

.left_line{
	border-left: 2px solid #96c2eb;
}

.right_line{
border-right: 2px solid #96c2eb;
}
  	 .bullet_points {
	font-family:Tahoma;
	font-size:12px;
	font-weight:normal;
	color: #063969;
	list-style-image: none;
	list-style-type: square;
	margin-left: -9px;
	padding-bottom: 10px;
	 } 
	 
	 .bold_headings {
     font-family:Tahoma;
	 font-size:12px;
     font-weight:bold;
	 color: #000000;
	 } 
	 
	 .black_text {
     font-family:Tahoma;
	 font-size:12px;
     font-weight:normal;
	 color: #000000;
	 } 
	
	/* 
	.textfield02 {
	border: 1px solid #818181;
	background-image: url(../../images/bg_textfield01.jpg);
	background-repeat: repeat-x;
	width:31px; height:19px;
	font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px;
	 } 
	 */
	 
.brd_btm {
	border-bottom: 3px #96c2eb double;
}

.bord_btm {
	border-bottom: 1px #96c2eb double;
}

/* for testimonials template */
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #063969;
	text-decoration: none;
	display: inline;
	font-weight: normal;
	font-family: Tahoma;
}
.lefppagetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #063969;
	text-decoration: none;
/*	display: inline; */
	font-weight: normal;
	font-family: Tahoma;
}
.lefppagetitle2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #063969;
	text-decoration: none;
/*	display: inline; */
	font-weight: normal;
	font-family: Tahoma;
}
// lefppagetitle3 and lefppagetitle4 are used in conjunction with h4
// on the titles of the homepages.
.lefppagetitle3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lefppagetitle4 {
	font-size: 18px;
}
.lefppagetitle5 {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 24px;
}
.lefppagetitle6 {
	font-size: 21px;
	font-family: Verdana, Arial, sans-serif;
	color: #063969;
	font-weight: bold;
}
h4 {
	font-family: Tahoma;
	font-size: 15px;
	color: #063969;
	text-decoration: none;
	display: inline;
}
h5 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 20px;
        color: #063969;
        text-decoration: none;
        display: inline;
        font-weight: normal;
        font-family: Tahoma;
}
.testimonialstxt {
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	line-height: 14px;
}
.quotation-mark {
	font-family: Arial;
	font-size: 56px;
	color: #b4c3d2;
	text-decoration: none;
}
.testimonialssig {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #063969;
	text-decoration: none;
}
a.test:link, a.test:visited {
	font-family: Tahoma;
	font-size: 11px;
	color: #2f8500;
	text-decoration: none;
}
a.test:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #2f8500;
	text-decoration: underline;
}

/* for create_account */

.red { font-family:Tahoma;
font-size:11px; font-style:normal; color:#fe0000;
}
a.login:link, a.login:visited {
	font-family: Tahoma;
	font-size: 11px;
	color: #003cff;
	text-decoration: underline;
}
a.login:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #003cff;
	text-decoration: none;
}

.fileds_createaccount{ margin:0px; border:solid 1px #96c2eb ; height: 14px;  width:160px; font-family:Tahoma; font-style:normal; color:#000000; padding: 3px 0 3px 3px;}
.fileds_contact{ margin:0px; border:solid 1px #96c2eb ; font-family:Tahoma; font-style:normal; color:#000000; padding: 3px 0 3px 3px;}
.list_createaccount { margin:0 0 0 0px; border:solid 1px #96c2eb ;  width:165px; height:20px; font-family:Tahoma; font-size:11px; font-weight:normal; padding: 2px 0 0 2px ; }
/*.list_createaccount { margin:0px; border:solid 1px #96c2eb ;  width:163px; height:20px; font-family:Tahoma; font-style:normal; padding: 3px 0 3px 3px; } */


/* checkout shipping page */

.list_menu{ width:170px; height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; color:#000000;}

a.blue:link, a.blue:visited {
	font-family: Tahoma;
	font-size: 11px;
	color: #0964b8;
	text-decoration: underline;
}
a.blue:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #0964b8;
	text-decoration: none;
}

.line_height { line-height:22px; }

.text_area { width:382px; height:82px; }

.grey_text { font-family:Tahoma; font-size:11px; font-style:normal; font-weight:normal; color:#8d8d8d;}

/* Order Detail page */

.greentext { font-family:Tahoma;
	     font-size:11px;
	     font-style:normal;
	     font-weight:bold;
	     color:#6aa900;
}

/* Order List Page */
a.black:link, a.black:visited {
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}
a.black:hover {
	font-family: Tahoma;
	font-size: 11px;
	color:#000000;
	text-decoration: none;
}

.blue_borders { 
  				border-left:2px solid #96c2eb; 
				border-right:2px solid #96c2eb;
				}

/* Shipping Page */
	 	  	  .b_text {
     font-family:Tahoma;
	 font-size:14px;
     font-weight:bold;
	 color:#000000;
	 } 

	 	 .text_white {
     font-family:Tahoma;
	 font-size:12px;
     font-weight:bold;
	 color:#FFFFFF;
	 }  

  .text_8 {
     font-family:Tahoma;
	 font-size:11px;
     font-weight:normal;
	 color:#000000;
	 line-height:16px;
	 } 
/* New for tabs on product list page -- will change with LDG design */
<style type="text/css">

#ddcolortabs{
//margin-left: 4px;
//padding: 0;
padding-left: 0; padding-right:0; padding-top:0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
//padding-left: 5px;
}

#ddcolortabs ul{
//font: bold 11px Arial, Verdana, sans-serif;
font:  bold 11px Tahoma;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
//padding:0;
padding-left: 0; padding-right:0; padding-top:0;
//text-transform:uppercase;
padding-bottom: 1px; /*Remove this to remove border between bar and tabs*/
}


#ddcolortabs a{
float:left;
color: white;
//background: #678b3f url(images/color_tabs_left.gif) no-repeat left top;
//background: #1A60A8 url(images/color_tabs_left.gif) no-repeat left top;
background: #0964B7 url(../../images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(../../images/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
//background-color: #8cb85c;
background-color: #469402;
}

#ddcolortabs a:hover span{
//background-color: #8cb85c;
background-color: #469402;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
//background-color: #8cb85c;
background-color: #09467D;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
//background: #678b3f;
background: #09467D;
//border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}


/* this is needed temporarily to make old pages work */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #D2060C; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #68AA00; }

.spamtxt {
	font-size: 14px;
	font-weight: bold;
}

/* Stuff for LDG tabbed menus, new elements on product listing page */
.blackborder {
	border: #000000 solid 1px;
}
.panelhd1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:19px;
	padding-top:4px;
	}
.panelhd2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-top:4px;
	}
.panelhd3{
	font-family:Tahoma;
	font-size:14px;
	font-weight:bold;
	border-top: solid 1px #bdd3f3;
	}
.panelhd6{
	font-family:Tahoma;
	font-size:12px;
	color:#4a4a4a;
	padding:4px 0 0 10px;
	}

/* styles specifically for the tabbed panels, from SpryTabbedPanels.css */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 440px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 */
.TabbedPanelsTab4 {
	position: relative;
	float: left;
	top:1px;
	padding: 8px 0 8px 0;
	margin: 0 0 0 0;
	list-style:none;
	list-style-type:none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	display:block;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../../images/dark.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width:110px;
	text-align:center;	
}

.TabbedPanelsTab3 {
	position: relative;
	float: left;
	top:1px;
	padding: 8px 0 8px 0;
	margin: 0 0 0 0;
	list-style:none;
	list-style-type:none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	display:block;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../../images/dark-146.jpg);
	background-repeat: no-repeat;
	width:146px;
	text-align:center;	
}

.TabbedPanelsTab2 {
	position: relative;
	float: left;
	top:1px;
	padding: 8px 0 8px 0;
	margin: 0 0 0 0;
	list-style:none;
	list-style-type:none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	display:block;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../../images/dark-220.jpg);
	background-repeat: no-repeat;
	width:220px;
	text-align:center;	
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
 
.TabbedPanelsTab4Selected {
	position: relative;
	float: left;
	top:1px;
	padding: 8px 0 8px 0;
	margin: 0 0 0 0;
	list-style:none;
	list-style-type:none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	display:block;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../../images/light.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width:110px;
	text-align:center;	
}
.TabbedPanelsTab4Selected span {
	text-decoration: none;
	color:#104070;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:10px;
}

.TabbedPanelsTab3Selected {
	position: relative;
	float: left;
	top:1px;
	padding: 8px 0 8px 0;
	margin: 0 0 0 0;
	list-style:none;
	list-style-type:none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	display:block;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../../images/light-146.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width:146px;
	text-align:center;	
}
.TabbedPanelsTab3Selected span {
	text-decoration: none;
	color:#104070;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:10px;
}

.TabbedPanelsTab2Selected {
	position: relative;
	float: left;
	top:1px;
	padding: 8px 0 8px 0;
	margin: 0 0 0 0;
	list-style:none;
	list-style-type:none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	display:block;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../../images/light-220.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width:220px;
	text-align:center;	
}
.TabbedPanelsTab2Selected span {
	text-decoration: none;
	color:#104070;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:10px;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
 
.TabbedPanelsTab4 a {
	text-decoration: none;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:10px;
}

.TabbedPanelsTab4 a:hover {
	color:#bcd3f3;
}

.TabbedPanelsTab3 a {
	text-decoration: none;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:10px;
}

.TabbedPanelsTab3 a:hover {
	color:#bcd3f3;
}

.TabbedPanelsTab2 a {
	text-decoration: none;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:10px;
}
.TabbedPanelsTab2 a:hover {
	color:#bcd3f3;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
	background-color: #bed2f3;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 */
.TabbedPanelsContent {
	padding: 4px;
}