/* --- BASIC STYLES --- */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

body {
background:#cce18f url(../images/bg_body.jpg) 50% 0 no-repeat;
font:13px/18px Myriad Pro, Lucida Grande, Lucida Sans Unicode, Verdana, Tahoma, sans-serif;
color:#6a6a6a;
text-align:center;
}

a,a:hover,a:active,a:visited {
color:#96bd15;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

#container {
width:900px;
text-align:left;
margin:0 auto;
}

p {
margin-bottom:15px;
}

/* --- TOP NAVIGATION --- */
#topnav {
width:900px;
overflow:hidden;
margin:9px 0;
}

#topnav ul li a {
color:#323232;
border-left:1px dotted #323232;
padding:10px 15px 0 15px;
font-size: large;
}

#topnav ul li:first-child a {
border-left:none !important;
}


/* --- HEADER --- */
#header {
width:900px;
overflow:visible;
position:relative;
}


/* --- CHECKOUT --- */
#header #cart {
width:336px;
height:298px;
background:url(../images/bg_logocart.png) 0 0 no-repeat;
position:absolute;
top:-15px;
left:-35px;
z-index:1000;
text-align:center;
}

#header #carttwo {
width:936px;
height:100px;
background:url(../images/bg_logocart_long.png) 0 0 no-repeat;
position:absolute;
top:-15px;
left:-35px;
z-index:1000;
text-align:center;
}


#header #cart #search {
width:220px;
padding-top: 8px;
}

#header #cart #optin {
padding-top: 87px;
font-size: 14px;
}

#header #cart p {
margin:130px 0 0;
}

#header #checkout {
width:200px;
margin:20px auto 0;
font-size: 18px;
}

#header #checkout span.total {
color:#96bd15;
font-size:30px;
font-weight:700;
float:left;
line-height:30px;
margin:2px 15px 0 0;
}

#header #checkout a {
float:left;
display:block;
color:#5a5a5a;
background:url(../images/bullet_green.png) 0 50% no-repeat;
padding:0 0 0 12px;
}

/* --- SLIDER ITEMS --- */
#header #featured {
width:902px;
height:235px;
position:relative;
}

#header #featured .item {
overflow:hidden;
position:absolute;


right:0 !important;
width:610px;
height:235px;
border-top:1px solid #d5d5d5;
padding:0 0 0 30px;
}

#header #featured #item1 {
background-color:#eaeaf6;
}

#header #featured #item2 {
background-color:#edf1fa;
}

#header #featured #item3 {
background:#f1f1e8;
}

#header #featured .item img {
float:left;
margin:0 15px 0 0;
}

#header #featured .item .description h4 {
color:#96bd15;
font-size:14px;
font-weight:700;
margin:0 0 15px;
}

#header #featured .item .description a.moreinfo {
background:url(../images/button_moreinfo.png) 0 0 no-repeat;
display:block;
float:left;
width:81px;
height:28px;
text-align:center;
color:#333;
line-height:27px;
text-transform:uppercase;
font-size:10px;
margin:0 30px 0 0;
}

#header #featured .item .description a.next {
background:url(../images/button_next.png) 0 0 no-repeat;
display:block;
float:left;
width:81px;
height:28px;
text-align:center;
color:#fff;
line-height:27px;
text-transform:uppercase;
font-size:10px;
}

/* --- MAIN AND SUB NAVIGATION --- */
#header #mainnav {
height:37px;
width:900px;
background-color:#f5f5f5;
border-bottom:1px dotted #f0f0f0;
border-left:1px dotted #e3e3e3;
border-right:1px dotted #e3e3e3;
}

#header #mainnav a:hover,#header #mainnav a.current {
text-decoration:none;
color:#96bd15;
}

ul.mainnav {
list-style:none;
float:right;
width:600px;
font-size:1.25em;
margin-:-40px;

}

ul.mainnav li {
float:left;
position:relative;
border-right:1px dotted #ddd;
margin:0;
padding:0 15px;
}

ul.mainnav li a {
color:#333;
display:block;
text-decoration:none;
float:left;
padding:10px 5px;
}

ul.mainnav li span {
width:17px;
height:35px;
float:left;
background:url(../images/subnav_btn.gif) no-repeat center top;
}

ul.mainnav li span.subhover {
background-position:center bottombottom;
cursor:pointer;
}

/*--Hover effect for trigger--*/
ul.mainnav li ul.subnav {
list-style:none;
position:absolute;
left:0;
top:37px;
background:#f5f5f5;
display:none;
float:left;
width:170px;
border:1px dotted #eee;
margin:0;
padding:0;
}

ul.mainnav li ul.subnav li {
border-top:1px dotted #fff;
border-bottom:1px dotted #ddd;
clear:both;
width:170px;
border-right:none;
margin:0;
padding:0;
}

html ul.mainnav li ul.subnav li a {
float:left;
width:145px;
background:#f5f5f5;
padding-left:20px;
}

html ul.mainnav li ul.subnav li a:hover {
background:#eee;
color:#96bd15;
}

/* --- CONTENT --- */

#content {
width:901px;
border:1px dotted #e3e3e3;
border-top:1px dotted #fff;
overflow:hidden;
background:url(../images/bg_content.jpg) 0 0 repeat-y;
}

#content #main {
background:#fff url(../images/bg_maincontent.jpg) top left repeat-x;
border-left:1px dotted #f7f7f7;
width:570px;
float:left;
padding:0 15px;    /* --- 0 31px; --- */
font-size:14px;
color: #000000;
}

/* --- CONTENT - HOMEPAGE --- */
#content #main #welcome {
overflow:hidden;
margin:25px 0;
}

#content #main #welcome h3 {
font-size:16px;
color:#96bd15;
background:none;
margin:0 0 22px;
padding:0;
}

#content #main #welcome img {
background-color:#fff;
border:1px dotted #cfcfcf;
margin-left:30px;
padding:3px;
}

#content #main ul#prodnav {
width:536px;
height:33px;
overflow:hidden;
background:url(../images/bg_prodnav.jpg) no-repeat;
margin:0 auto 20px;
}

#content #main ul#prodnav li {
line-height:33px;
float:left;
}

#content #main ul#prodnav li.latest a {
display:block;
width:254px;
height:33px;
color:#fafafa;
text-transform:uppercase;
padding:0 0 0 15px;
}

#content #main ul#prodnav li.best a {
display:block;
width:252px;
height:33px;
color:#333;
text-transform:uppercase;
padding:0 0 0 15px;
}

#content #main #featured {
position:relative;
width:536px;
float:left;
margin:0 28px 15px 0;
padding:20px 14px 15px;
}


#content #main #products {
height:450px;
position:relative;
}

#content #main #products #latest,#content #main #products #best {
position:absolute;
top:0;
left:0 !important;
}

#content #main #latest .product,#content #main #best .product {
background:#fff;
width:224px;
float:left;
margin:0 28px 15px 0;
padding:20px 14px 15px;
}

#content #main #latest .even,#content #main #best .even {
margin-right:0;
}

#content #main #latest .product h4,#content #main #best .product h4 {
font-size:14px;
color:#96bd15;
background:url(../images/bg_dotted.jpg) bottom no-repeat;
margin:0 0 10px;
padding:0 0 10px;
}

#content #main #latest .product p.price,#content #main #best .product p.price {
font-size:12px;
font-weight:700;
color:#868686;
}

#content #main #latest .product .more,#content #main #best .product .more {
display:block;
float:left;
width:84px;
height:28px;
background:url(../images/bg_moreinfo.jpg) top no-repeat;
text-indent:-9999px;
margin:0 15px 0 0;
}

#content #main #latest .product .add,#content #main #best .product .add {
display:block;
float:left;
width:84px;
height:28px;
background:url(../images/bg_addtocart.jpg) 0 0 no-repeat;
text-indent:-9999px;
}

#content #main #designer {
width:486px;
height:210px;
overflow:hidden;
background:url(../images/bg_designers.jpg) no-repeat;
padding:38px 25px 0;
}

#content #main #designer h3 {
background:url(../images/bg_designers_h3.png) no-repeat;
text-indent:-9999px;
height:24px;
margin:0 0 22px;
}

#content #main #designer p {
color:#505e86;
width:300px;
margin:0 0 15px 25px;
}

#content #main #designer p a.moreinfo {
display:block;
float:right;
width:84px;
height:28px;
background:url(../images/bg_moreinfo_df.png) 0 0 no-repeat;
text-indent:-9999px;
margin:0 15px 0 0;
}

/* --- CONTENT - SINGLE PRODUCT --- */
#content #main h3 {
background:url(../images/bg_prodnav.png) 0 0 no-repeat;
height:32px;
line-height:34px;
color:#fff;
margin:15px 0 22px;
padding:0 0 0 20px;
}

#content #main h3 span {
text-transform:uppercase;
}

#content #main h3 em {
text-transform:none;
}

#content #main #product {
width:536px;
background:#fafafa url(../images/bg_product_big.png) 0 0 no-repeat;
overflow:hidden;
margin:0 0 30px;
}

#content #main #product h4 {
color:#96bd15;
font-weight:400;
font-size:14px;
background:url(../images/bg_dotted.jpg) 0 100% repeat-x;
margin:10px;
padding:10px 3px;
}

#content #main strong {
color:#3e3e3f;
}

#content #main #product #order {
background-color:#fff;
border-top:1px dotted #e5e5e5;
border-bottom:1px dotted #e5e5e5;
overflow:hidden;
margin:20px 10px;
}

#content #main #product #order a {
display:block;
width:156px;
height:47px;
line-height:50px;
font-size:14px;
text-align:center;
background:url(../images/bg_orderlink.png) 0 0 no-repeat;
margin:10px 15px;
}

#content #main #product #order a span {
color:#ffc1e0;
}

#content #main #product #order a.price {
font-size:24px;
font-weight:600;
float:left;
color:#fff;
}

#content #main #product #order a.add {
float:right;
color:#fff;
}

#content #main #product #matching {
overflow:hidden;
}

#content #main #product #matching h3 {
background-image:url(../images/bg_matching.png);
text-transform:uppercase;
}

#content #main #product #matching .match {
width:230px;
float:left;
margin:0 18px 15px;
padding:0;
}

#content #main #product #matching .match p {
margin:0;
}

#content #main #product #matching .match p.price {
font-size:14px;
font-weight:600;
color:#868686;
margin-top:5px;
}

/* --- CONTENT - PRODUCTEN PAGE --- */
#content #main #products-list ul li {
background:#fafafa url(../images/bg_product_big.png) 0 0 no-repeat;
overflow:hidden;
margin:0 0 15px;
padding:15px 10px 10px;
}

#content #main #products-list ul li h4 {
color:#96bd15;
font-weight:400;
font-size:14px;
background:url(../images/bg_dotted.jpg) 0 100% repeat-x;
margin:0 0 10px;
padding:10px 3px;
}

#content #main #products-list ul li p.price {
font-size:18px;
font-weight:800;
color:#868686;
margin-top:5px;
float:left;
}

#content #main #products-list ul li a.more {
background:url(../images/button_moreinfo.png) 0 0 no-repeat;
display:block;
width:81px;
height:28px;
text-align:center;
color:#333;
line-height:30px;
text-transform:uppercase;
font-size:10px;
float:right;
margin:0 15px 0 0;
}

#content #main #products-list ul li a.add {
display:block;
width:84px;
height:28px;
background:url(../images/bg_addtocart.jpg) 0 0 no-repeat;
text-indent:-9999px;
float:right;
margin:1px 0 0;
}

#content #main #products-list #pagination ul {
height:31px;
width:536px;
background:url(../images/bg_pagination.png) 0 0 no-repeat;
overflow:hidden;
margin:0 0 20px;
}

#content #main #products-list #pagination ul li {
background:none;
float:left;
line-height:32px;
margin:0;
padding:0;
}

#content #main #products-list #pagination ul li a {
display:block;
width:36px;
text-align:center;
color:#fff;
font-size:12px;
border-right:1px dotted #759311;
}

#content #main #products-list #pagination ul li a.one {
border-left:none;
}

#content #main #products-list #pagination ul li a:hover {
color:#333;
text-decoration:none;
background:url(../images/bg_pagination_hover.jpg) 100% 0 no-repeat;
border-right:1px dotted #759311;
}

#content #main #products-list #pagination ul li a.one:hover {
background-position:0 0;
}

/* --- SIDEBAR --- */
#content #sidebar {
background-color:#f7f7f7;
border-right:1px dotted #fff;
width:299px;
float:left;
}

#content #sidebar #search {
width:275px;
margin:15px 0 20px;
padding:0 10px;
}

#content #sidebar #search #searchform label {
display:none;
}

#content #sidebar #search #searchform #searchfield {
width:268px;
font-size:12px;
color:#a0a0a0;
margin:0 0 5px;
padding:7px 0 7px 5px;
}

#content #sidebar #search #searchform #submit {
margin-top: 0;
float:right;
border:none;
width:81px;
height:28px;
background:url(../images/bg_submit.jpg) no-repeat;
color:#fafafa;
text-transform:uppercase;
cursor:pointer;
}

#content #sidebar #categories h3 {
background:url(../images/bg_categories.jpg) no-repeat;
height:45px;
line-height:45px;
text-align:center;
font-size:16px;
color:#96bd15;
}

#content #sidebar #categories ul#cat {
margin:15px 0;
padding:0 40px 0 25px;
}

#content #sidebar #categories ul#cat li {
height:20px;
line-height:20px;
background:url(../images/bg_dotted.jpg) bottom repeat-x;
padding:2px 0;
}

#content #sidebar #categories ul#cat li a {
display:block;
color:#666;
background:url(../images/bullet_grey.png) 0 50% no-repeat;
margin:0 0 0 4px;
padding:0 0 0 16px;
}

#content #sidebar #categories ul#cat li a:hover,#content #sidebar #categories ul#cat li.current a {
color:#96bd15;
text-decoration:none;
background:url(../images/bullet_green.png) 0 50% no-repeat;
}

#content #sidebar #didyouknow {
width:255px;
min-height:274px;
background:#96bd15 url(../images/bg_didyouknow.jpg) no-repeat;
overflow:hidden;
color:#fff;
margin:30px auto;
}

#content #sidebar #didyouknow h3 {
background:url(../images/bg_didyouknow_h3.png) no-repeat;
width:152px;
height:69px;
text-indent:-9999px;
margin:20px auto;
}

#content #sidebar #didyouknow p {
padding:0 0 0 25px;
color: #254117;
}

#content #sidebar #didyouknow p.two {
width:95px;
padding:0 0 0 25px;
  
}

#content #sidebar #didyouknow p .button {
display:block;
width:79px;
height:27px;
line-height:28px;
color:#333;
text-align:center;
background:url(../images/button_blue.jpg) no-repeat;
margin:0 0 0 15px;
}

#content #sidebar #payments {
width:200px;
margin:20px auto;
}

#content #sidebar #payments img {
margin:0 4px 5px 0;
}


/* --- CART --- */

#cartCheckout {
width:800px;
overflow:hidden;
padding-left: 50px;
padding-top: 50px;

}

.ucShoppingCartText {
font-size: 12px;
color: #333333;
padding-bottom: 10px;

}

.ucCheckoutButton {
background-image: url(../images/button_check.png);
background-repeat: no-repeat;
width: 81px;
height: 28px;
}

.ucCheckoutButtonOverlay{
width: 81px;
height: 38px;
}

.ucTableBorderBackground {
background-color: #dddddd;

}

.ucUpdateButton {
background-image: url(../images/button_update.png);
background-repeat: no-repeat;
width: 81px;
height: 28px;

}

.ucUpdateButtonOverlay {
width: 81px;
height: 38px;
}

.ucContinueShoppingButton {
background-image: url(../images/button_continueShopping.png);
background-repeat: no-repeat;
height: 28px;
width: 124px;
}

.ucContinueShoppingButtonOverlay{
height: 38px;
width: 124px;
}


.ucApplyCouponButton {
background-image: url(../images/button_applyCoupon.png);
background-repeat: no-repeat;
height: 28px;
width: 97px;
padding-top: 10px;
}

.ucApplyCouponButtonOverlay{
height: 28px;
width: 97px;
}

.ucSubmitButtonOverlay {
background-image: url(../images/button_submit.png);
height: 28px;
width: 97px;

}

/*

:focus {
outline-width: 0pt;
outline-style: none;
outline-color: -moz-use-text-color;
background-image: url(../images/button_submit.png);
height: 28px;
width: 97px;

}

*/

/* --- FOOTER --- */
#footer {
background:transparent url(../images/bg_footer.jpg) 0 0 no-repeat;
overflow:hidden;
width:901px;
padding:20px 0;
font-size: 14px;
}

#footer div h5 {
font-weight:700;
font-size:14px;
color:#96bd15;
margin:0 0 10px;
}

#footer div ul li a {
color:#5e5e5e;
}

#footer #siteinfo {
width:116px;
float:left;
padding:0 35px 30px;
}

#footer #improve {
width:120px;
float:left;
padding:0 30px 30px;
}

#footer #newsletter {
width:245px;
float:left;
padding:0 35px 30px;
}

#footer #newsletter form#news #email {
width:170px;
color:#5e5e5e;
float:left;
margin:0 5px 10px 0;
padding:5px 2px;
}

#footer #newsletter form#news #subscribe {
margin-top: 0;
width:58px;
height:26px;
border:none;
background:url(../images/button_submit.jpg) 0 0 no-repeat;
font-size:10px;
text-transform:uppercase;
color:#fff;
line-height:22px;
text-align:center;
cursor:pointer;
float:left;
}

#footer #contact {
width:159px;
float:left;
padding:0 35px 30px 25px;
}

#footer #copy {
width:830px;
height:30px;
line-height:30px;
background-color:#fff;
border:1px dotted #e3e3e3;
overflow:hidden;
clear:both;
margin:20px 0;
padding:0 35px;
}

#topnav ul,#footer #copy p.design {
float:right;
}

#topnav ul li,#footer #copy p.copy {
float:left;
}

#header #featured .item .description,#header #featured #item3 .description {
float:right;
width:200px;
margin:35px 20px 0 0;
}

#header #featured .item .description a:hover,#content #main ul#prodnav li a:hover,#content #main #products-list ul li a.more:hover {
text-decoration:none;
}

#content #main #latest .product img,#content #main #best .product img,#content #main #product #matching .match img,#content #main #products-list ul li img {
float:left;
margin:0 10px 10px 0;
}

#content #main #latest .product p.price span,#content #main #best .product p.price span,#content #main #product #matching .match p.price span,#content #main #products-list ul li p.price span,#footer div ul li a.vcard,#footer div span {
color:#96bd15;
}

#content #main #product img,#content #main #product p {
margin:10px;
}

/* Contact error messages */

p#success{
	width:510px;
	height:40px;
	float:left;
	border:1px dotted #b0e28b;
	background:#e2f9d1;
	color:#337129;
	padding:22px 10px 0 10px;
	margin-bottom:10px;
}
p#bademail{
	width:510px;
	height:40px;
	float:left;
	border:1px dotted #fe9090;
	background:#feb1b1;
	color:#820101;
	padding:22px 10px 0 10px;
	margin-bottom:10px;
}
p#badserver{
	width:510px;
	height:40px;
	float:left;
	border:1px dotted #111;
	background:#333;
	color:#fff;
	padding:22px 10px 0 10px;
	margin-bottom:10px;
}

img.ico{
	margin:2px 10px 0 0px;
	float:left;
}

/* Contact Form Styling */

input, textarea {
	margin-top: -10px;
}

#nameinput {
	width: 300px;
	padding: 8px;
	background: #f7f7f7;
	border: 1px dotted #eee;
}

#nameinput:hover {
	background: #fff;
	border: 1px dotted #ddd;
}

#nameinput:focus {
	background: #fff;
	border: 1px dotted #ddd;
}

#emailinput {	
	width: 300px;
	padding: 8px;
	background: #f7f7f7;
	border: 1px dotted #eee;
}

#emailinput:hover {
	background: #fff;
	border: 1px dotted #ddd;
}

#emailinput:focus {
	background: #fff;
	border: 1px dotted #ddd;
}

#commentinput {
	width: 450px;
	padding: 8px;
	background: #f7f7f7;
	border: 1px dotted #eee;
}

#commentinput:hover {
	background: #fff;
	border: 1px dotted #ddd;
}

#commentinput:focus {
	background: #fff;
	border: 1px dotted #ddd;
}

#submitinput{
	width: 150px;
	height: 50px;
	background:#a5d015 !important;
	float:left;
	font-weight:bold;
	font-size: 18px;
	color: #fff;
	cursor:pointer;
	border-bottom: 1px dotted #6e8c0d;
	border-right: 1px dotted #6e8c0d;
	border-top: none;
	border-left: none;
}




.title_pagination {
	width: 528px;
	padding: 8px 0;
	border-top: 1px #DDDDDD dotted;
	border-bottom: 1px #DDDDDD dotted;
	float: left;
}

	.title_pagination h2 {
		float: left;
		font-size: 14px;
	}
	
	.title_pagination ul {
		float: right;
	}
	
		.title_pagination ul li {
			padding: 0 5px;
			float: left;
		}
		
			.title_pagination ul li a {
				float: left;
				color: #AAA;
			}
			
				.title_pagination ul li a:hover {
					color: #666;
				}

.group_row {
	width: 560px;
	padding: 5px 0 5px 4px;
	float: left;
}

.group_col {
	width: 135px;
	margin: 0 5px 0 5;
	border-right: 1px #DDDDDD dotted;
	float: left;
}

	.group_col .media {
		width: 104px;
		padding: 10px 16px 8px 15px;
		float: left;
	}
	
		.group_col .media a {
			padding: 2px;
			float: left;
		}
		
			.group_col .media a:hover {
				background: #DDDDDD;
			}
		
			.group_col .media a img {
				float: left;
			}
	
	.group_col .description {
		width: 115px;
		padding: 0 10px 10px 10px;
		float: left;
	}
	
		.group_col .description h5 {
			padding: 0 0 5px 0;
		}
		
			.group_col .description h5 a {
				color: #000;
			}
		
		.group_col .description p {
			padding: 0 0 5px 0;
		}



.crumb {
background-color: transparent;
background-image: url(../images/bg_prodnav.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0pt 0pt;
height: 32px;
line-height: 34px;
color: #ffffff;
margin-top: 15px;
margin-right: 0pt;
margin-bottom: 22px;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 20px;

}

.crumb li {
float: left;
}
	
.crumb li a {
margin: 0 6px 0 0;
padding: 0 12px 0px 0;
float: left;
color: #ffffff;
background: transparent url(../images/arrow.png) right center no-repeat;
}
		
.crumb li a:hover {
color: #666;
}


.item .box {
background-color: #;
background-image: url(../images/box-624-base.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0pt 100%;
float: left;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 9px;
margin-bottom: 10px;
border-style: double;
border-color: #d2d1c5;
border-width: 1px;
width: 540px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;


}


.item .description h2 {
	width: 530px;
	padding: 8px 0;
	border-bottom: 1px #DDDDDD dotted;
	margin-bottom: 10px;
	float: left;
	font-size: 18px;
	font-weight: bold;
}


.related_items_title {
	width: 580px;
	padding: 8px 0;
	float: left;
	font-size: 14px;
}


.media {

	padding: 8px 0;
	float: left;
	font-size: 14px;
}


.item form dl dd {
	width: 530px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 10px;

	border-bottom: 1px #DDDDDD dotted;

}

.item form dl dt description {
	font-size: 18px;
}


.item form label {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 20px;
	margin-left: 40px;
}
				
.item form dl dd input {
	width: 30px;
	height: 17px;
	padding: 2px 3px;
	border: 2px #99cc00 solid;
	border-top: 2px #99cc00 solid;
	border-left: 2px #99cc00 solid;
	float: center;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	background-color: #eeeeee;
	margin-top: 0px;
}
					
.item form dl dd button {
	width: 86px;
	height: 43px;
	float: right;
	text-indent: -9000px;
	cursor: pointer;
	background: transparent url(../images/bg_addtocart.jpg) left top no-repeat;
	border: 0px;
}
					
.item form dl dd button:hover {
	background: transparent url(../images/bg_addtocart.jpg) left top no-repeat;

}


/* $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: 540px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

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

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

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:5px;
 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:200px;
 overflow:auto;
}