/******************************/
 /******   BASIC STYLES   ******/
/******************************/

	body{
		font-family:helvetica, verdana;
		font-size:.8em;
		background:white url(/graphics/bg.gif) top left;
		background-attachment:fixed;
		margin:0px;
		}
	a{text-decoration:none;}
	a:hover{text-decoration:underline;}
	img{border-style:none;}

  /**********************************/
 /******   STRUCTURE STYLES   ******/
/**********************************/


	#page{
		width:741px;
		margin-left:200px;
		padding-bottom:30px;
		background:url(/graphics/box-bg-footer.png) bottom no-repeat;
		}
	#page .content{
		background:url(/graphics/box-bg.png) top repeat-y;
		padding:20px;
		}

  /************************************/
 /******   DETAIL PAGE STYLES   ******/
/************************************/

	#info-logo{
		display:block;
		float:left;
		background:url(/graphics/info-logo.gif) top no-repeat;
		width:33px;
		height:57px;
		text-indent:-999px;
		overflow:hidden;
		}
	#info-logo:hover{background-position:bottom;}

	#info-logo-girl{
		display:block;
		float:left;
		background:url(/graphics/info-logo.gif) bottom no-repeat;
		width:33px;
		height:57px;
		text-indent:-999px;
		overflow:hidden;
		}
	#info-logo-girl:hover{background-position:top;}

	.detail-images{float:left;width:650px;}
	.detail-images .additional{float:right;padding:20px;}
	.detail-images .legend{text-align:center;font-weight:bold;}
	.detail-images img.detail{float:left;padding:20px;}
	#detail-text{clear:both;}
	#detail-text .info{float:left;}
	#detail-text .price{float:right;font-size:48px;}
	#detail-text .price strong{float:left;padding-right:30px;}
	#detail-text .buy, #detail-text .buy-off{
		display:block;
		width:67px;
		height:76px;
		margin-right:28px;
		background:url(/graphics/caddie.png) no-repeat;
		text-indent:-999px;
		overflow:hidden;
		}

	#detail-text .buy-off{background-image:url(graphics/caddie-keinmehr.png);color:gray;cursor:default;}
	.desc{float:left;width:240px;margin-right:-40px;}
	.desc h2{font-size:16px;margin:0;}
	.options{clear:both;}
	.options strong{display:block;float:left;padding-top:8px;width:5em;}
	.options a{
		display:block;
		width:24px;
		outline:0;
		float:left;
		}
	#options-size a{text-align:center;margin:3px;border:1px solid gray;height:20px;padding-top:4px;color:black;font-weight:bold;}
	#options-color a{text-indent:-999px;overflow:hidden;margin:3px;height:24px;border:1px solid #999;}
	#options-sex a{text-indent:-999px;overflow:hidden;margin:3px;height:24px;border:1px solid #999;}
	#options-sex a.male{background:url(/graphics/icon_sex_m.png)}
	#options-sex a.female{background:url(/graphics/icon_sex_f.png)}
	#detail-text .options a:hover{margin:2px;border:2px solid #444;}
	#detail-text .options a.sel{margin:1px;border:3px solid black;}
	#detail-text .buy:hover{background-image:url(/graphics/caddie-on.png);}
	#detail-text .buy-off:hover{background-image:url(/graphics/caddie-keinmehr.png);}
	.demo-images{clear:both;margin-top:6px;}
	.demo-images{min-height:111px;}
	.demo-images a, .demo-images img{display:block;float:left;}

  /***********************************/
 /******   NAVIGATION STYLES   ******/
/***********************************/

	#stock_info {
		position:absolute;
		top: 350px;
		left: 30px;
		}

	#nav{
		position:absolute;
		top:30px;
		left:0px;
		width:118px;
		margin:0;
		background:url(/graphics/nav-header.png) top left no-repeat;
		padding:165px 0 0 5px;
		list-style-type:none;
		z-index:3;
		}
	#nav a{
		display:block;
		height:31px;
		background:top left no-repeat;
		text-indent:-999px;
		overflow:hidden;
		margin-bottom:-2px;
		}

	#nav .home a    {background-image:url(/graphics/nav-home.png);}
	#nav .shop a    {background-image:url(/graphics/nav-order.png);}
	#nav .contact a {background-image:url(/graphics/nav-contact.png);}
	#nav .about a   {background-image:url(/graphics/nav-about.png);}
	#nav .goodies a {background-image:url(/graphics/nav-goodies.png);}
	#nav .members a {background-image:url(/graphics/nav-members.png);}
	#nav .events a  {background-image:url(/graphics/nav-events.png);}

  #nav .home a:hover,    #nav .home a.cur    {background-image:url(/graphics/nav-home-on.png);}
  #nav .shop a:hover,    #nav .shop a.cur    {background-image:url(/graphics/nav-order-on.png);}
  #nav .contact a:hover, #nav .contact a.cur {background-image:url(/graphics/nav-contact-on.png);}
  #nav .about a:hover,   #nav .about a.cur   {background-image:url(/graphics/nav-about-on.png);}
  #nav .goodies a:hover, #nav .goodies a.cur {background-image:url(/graphics/nav-goodies-on.png);}
  #nav .members a:hover, #nav .members a.cur {background-image:url(/graphics/nav-members-on.png);}
  #nav .events a:hover,  #nav .events a.cur  {background-image:url(/graphics/nav-events-on.png);}

  /*****************************/
 /******   CART STYLES   ******/
/*****************************/

	.cart-content{
		margin:0 auto;
		text-align:left;
		}


	.cart-content td{
		background:url(/graphics/gray-px.png) top center repeat-x;

		}
	.cart-content th{font-weight:bold;}
	.cart-content .price{font-weight:bold;text-align:right;}
	.cart-content .sum{font-size:16px;}

	.cart-nav{height:20px;padding:20px 40px;margin:0;}
	.cart-nav a{
		font-size:16px;
		display:block;
		padding:12px 20px;
		border:1px solid #CCC;
		color:#666;
		}
	.cart-nav a:hover{color:black;background:white;text-decoration:none;border-color:#666;}

	/* Order form */
	.form-order{width:490px;margin:0 auto;}
	.form-order h3{margin:10px 0 0 98px;}
	.form-order div{padding:0;border-bottom:1px solid #DDD;}
	.form-order div div{padding:3px;border-bottom:none;border-top:1px solid #DDD;}
	.form-order label{
		display:block;
		float:left;
		width:90px;
		text-align:right;
		margin-right:8px;
		}
	.form-order .submit{text-align:right;}




  /********************************/
 /******   SLIMBOX STYLES   ******/
/********************************/
	#lbOverlay {
		position: absolute;
		left: 0;
		width: 100%;
		background-color: #000;
		cursor: pointer;
	}

	#lbCenter, #lbBottomContainer {
		position: absolute;
		left: 50%;
		overflow: hidden;
		background-color: #fff;
	}

	.lbLoading {
		background: #fff url(/graphics/loading.gif) no-repeat center;
	}

	#lbImage {
		position: absolute;
		left: 0;
		top: 0;
		border: 10px solid #fff;
		background-repeat: no-repeat;
	}

	#lbPrevLink, #lbNextLink {
		display: block;
		position: absolute;
		top: 0;
		width: 50%;
		outline: none;
	}

	#lbPrevLink {
		left: 0;
	}

	#lbPrevLink:hover {
		background: transparent url(/graphics/prevlabel.gif) no-repeat 0% 15%;
	}

	#lbNextLink {
		right: 0;
	}

	#lbNextLink:hover {
		background: transparent url(/graphics/nextlabel.gif) no-repeat 100% 15%;
	}

	#lbBottom {
		font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
		font-size: 10px;
		color: #666;
		line-height: 1.4em;
		text-align: left;
		border: 10px solid #fff;
		border-top-style: none;
	}

	#lbCloseLink {
		display: block;
		float: right;
		width: 66px;
		height: 22px;
		background: transparent url(/graphics/closelabel.gif) no-repeat center;
		margin: 5px 0;
	}

	#lbCaption, #lbNumber {
		margin-right: 71px;
	}

	#lbCaption {
		font-weight: bold;
	}


	#admin {
	position				:absolute;
	float					:left;
	top						:0px;
	right					:0px;
	padding					:5px;
	border					:1px solid;
	background-color		:white;
	text-align				:center;
	color					:black;
}

#loading{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;

	width: 100%;
	height: 500px;

	background-color: #CFCFCF;
	background-repeat: no-repeat;
	background-image: url(/img/loading-circle.gif);
	background-position: 50% 50%;

	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	visibility: hidden;
}

#loadingText{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;

	padding-top: 50px;
	height: 200px;
	font-weight: bold;
	font-size: medium;
	font-family: Verdana, Arial, Helvetica;
	text-align: center;
}

#view_cart
{
	position:relative;
	float:right;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('/img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

  /******************************/
 /******   SELECT MODEL   ******/
/******************************/
	#model-selector{
		margin:0;
		padding:0;
		list-style-type:none;
		background:url(/graphics/hp-detail-supalame.png) 10px 5px no-repeat;
		}
	#model-selector .lektion{float:left;}
	#model-selector a{
		display:block;
		width:76px;
		height:58px;
		padding:4px;
		float:left;
		background:url(/graphics/btn-1.png) center no-repeat;
		}

	#model-selector a span{
		position:absolute;
		display:none;
		background:url(/graphics/hp-detail-supalame.png) top left no-repeat;
		width:234px;
		height:216px;
		top:190px;
		left:370px;
		text-indent:-999px;
		overflow:hidden;
		}
	#model-selector ul:hover .default:hover{display:block}

	#model-selector .l1 a{background-image:url(/graphics/btn-1.png);}
	#model-selector .l2 a{background-image:url(/graphics/btn-2.png);}
	#model-selector .lu a{background-image:url(/graphics/btn-u.png);}
	#model-selector .ln a{background-image:url(/graphics/btn-4.png);}
	

	#model-selector .l1 a:hover, #model-selector .l1.cur a{background-image:url(/graphics/btn-1-on.png);}
	#model-selector .l2 a:hover, #model-selector .l2.cur a{background-image:url(/graphics/btn-2-on.png);}
	#model-selector .lu a:hover, #model-selector .lu.cur a{background-image:url(/graphics/btn-u-on.png);}
	#model-selector .ln a:hover, #model-selector .ln.cur a{background-image:url(/graphics/btn-4-on.png);}

	#model-selector.black .l1 a{background-image:url(/graphics/btn-1_b.png);}
	#model-selector.black .l2 a{background-image:url(/graphics/btn-2_b.png);}
	#model-selector.black .lu a{background-image:url(/graphics/btn-u_b.png);}
	#model-selector.black .ls a{background-image:url(/graphics/btn-s_b.png);}
	#model-selector.black .ln a{background-image:url(/graphics/btn-4_b.png);}
	#model-selector.black .lt a{background-image:url(/graphics/btn-t_b.png);}

	#model-selector.black .l1 a:hover, #model-selector.black .l1.cur a{background-image:url(/graphics/btn-1_b-on.png);}
	#model-selector.black .l2 a:hover, #model-selector.black .l2.cur a{background-image:url(/graphics/btn-2_b-on.png);}
	#model-selector.black .lu a:hover, #model-selector.black .lu.cur a{background-image:url(/graphics/btn-u_b-on.png);}
	#model-selector.black .ls a:hover, #model-selector.black .ls.cur a{background-image:url(/graphics/btn-s_b-on.png);}
	#model-selector.black .ln a:hover, #model-selector.black .ln.cur a{background-image:url(/graphics/btn-4_b-on.png);}
	#model-selector.black .lt a:hover, #model-selector.black .lt.cur a{background-image:url(/graphics/btn-t_b-on.png);}

	.sex-select{display:block;float:left;padding:8px;color:red;font-weight:bold;border:1px solid #DDD;margin:10px;}
	.sex-select:hover{background:#EEE;}