@import url("/3rdparty/css/reset-min.css");

html {
	font-family: 			"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-image: 		url(/img/v2/bg.jpg);
	background-position: 	top left;
	background-repeat:		repeat-x;
	background-color:		#000;
	background-attachment:	fixed;
	color:					#fff;
	font-size:				80%;
	line-height:			22px;
	margin-top:				60px;
}

a {
	color:					#98bf12;
}

em {
	font-style: 			italic;
}

h1 {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				240%;
	line-height:			32px;
	font-weight:			bold;
	letter-spacing:			-1px;
	margin-bottom:			20px;
}

hr {
	color: 					#3f3f3f;
	background-color: 		#3f3f3f;
	height: 				1px;
	border: 				none;
	margin-top:				10px;
	margin-bottom:			10px;
	
}

#preload {
	display: 				none;
	margin: 				0px;
	padding: 				0px;
}


.hidden {
	display: 				none;
	margin: 				0px;
	padding: 				0px;
}

.readmore {
	background-color:		#799716;
	color:					#FFF;
	padding:				4px;
	line-height:			14px;
	text-decoration:		none;
	font-size:				80%;
	padding-top: 2px;
	padding-bottom: 2px;
}

.readmore a {
	color:					#FFF;
	text-decoration:		none;
}

.blue {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				130%;
	line-height:			32px;
	font-weight:			bold;
	letter-spacing:			0px;
	background-color:		#2367a5;
	color:					#FFF;
	padding:				6px;
	padding-top: 			3px;
	padding-bottom: 		3px;
}

.whitelink {
	color:					#FFF;
}

/*****************************/

#example_6 {position: relative; /* important */overflow: hidden; /* important */width: 650px; /* important */height: 180px; /* important */margin: 0;/*background: #fff;*/}

#example_6_content {position: absolute;top: 0;margin-left: 0;}
#example_6_content
#example_6_content li {list-style: none;margin: 0;padding: 0;}
#example_6_content {width: 13440px;}
#container_bd #example_6 ul li {display: block;float: left;margin: 0;padding: 0;border: none;background-color: #fff;}

#container_bd #example_6 ul li img {display: block;}
/*#example_6_frame { position: relative;margin: 650px 131px 0 131px;}*/
#container_bd #example_6_frame ul li {margin: 0 2px;}
#container_bd #example_6_frame ul li img{border: 1px solid #9cf;padding: 2px;}
#container_bd #example_6_frame ul li img:hover {border: 1px solid #369;}


/*****************************/

#loginbar {
	width: 					980px;
	margin:					0px auto;
	height:					40px;
	background-image:		url(/img/v2/bg_login.jpg);
	background-repeat:		repeat-x;
	font-size:				85%;
	line-height:			36px;
}

#loginbar #loginright {
	float:					right;
	height:					40px;
	text-align:				right;
}

#loginbar #shopping {
	margin-left:			30px;
	float:					left;
}

#loginbar a {
	color:					#FFF;
	text-decoration:		none;
}

#loginbar #login_button, #loginbar #register_button {
	width:					100px;
	height:					20px;
	background-image:		url(/img/v2/bg_login.png);
	background-repeat:		no-repeat;
	display:				block;
	float:					right;
	text-align:				center;
	margin:					10px;
	line-height:			20px;
	margin-left:			0px;
	margin-right:			10px;
}

#loginbar #login_button a , #loginbar #register_button a{
	width:					100%;
	height:					100%;
	display:				block;
}

#loginbar input {
	background-image:		url(/img/v2/bg_loginform.png);
	background-repeat:		no-repeat;
	border:					none;
	width:					134px;
	height:					18px;
	line-height:			18px;
	color: 					#c9c9c9;
	padding: 				1px;
	padding-left: 			5px;
	margin-top: 			4px;
	margin-right:			10px;
}

#loginbar #loggedin a {
	text-decoration:		underline;
}

#loginbar #loggedin {
	margin-right:			30px;
}

#loginbar #register_button {
	background-image:		url(/img/v2/bg_register.png);
	margin-left:			20px;
}

#container {
	width: 					980px;
	margin:					0px auto;
	background-color:		#272727;
	min-height:				600px;
	padding-bottom:			30px;
	margin-bottom:			0px;
	background-image:		url(/img/v2/bg_content_large.jpg);
	background-repeat:		no-repeat;
	background-position:	0px 200px;
}

#header {
	display:				block;
	width:					980px;
	height:					160px;
	background-image:		url(/img/v2/header.jpg);
	background-repeat:		no-repeat;
}

#header a {
	width:					100%;
	height:					100%;
	display:				block;
	color:					#272727;
}
#menu {
	display:				block;
	width:					980px;
	height:					40px;
	background-image:		url(/img/v2/menu.jpg);
	margin-bottom:			40px;
}

#menu div {
	float: 					left;
	height:					40px;
	background-image:		url(/img/v2/menu.jpg);
}

#menu div:hover {
	background-image:		url(/img/v2/menu_on.jpg);
}
	
#menu div a {
	width:					100%;
	height:					100%;
	display:				block;
	color:					#272727;
}

#menu_home {
	width: 					57px;
	background-position:	-20px 0px;
	margin-left:			20px;
}

#menu_about {
	width: 					80px;
	background-position:	-77px 0px;
}

#menu_faq {
	width: 					51px;
	background-position:	-157px 0px;
}

#menu_questions {
	width: 					173px;
	background-position:	-208px 0px;
}

#menu_terms {
	width: 					143px;
	background-position:	-381px 0px;
}

#menu_privacy {
	width: 					110px;
	background-position:	-524px 0px;
}

#menu_disclaimer{
	width: 					87px;
	background-position:	-634px 0px;
}

#menu_links {
	width: 					52px;
	background-position:	-721px 0px;
}

#menu_contact {
	width: 					92px;
	background-position:	-773px 0px;
}

#categories {
	width:					200px;
	float:					left;
	margin-left:			30px;
}

#categories div {
	font-weight:			bold;
	margin-bottom:			15px;
}

#categories ul li {
	font-weight:			bold;
	line-height:			30px;
	margin-bottom:			7px;
	width:					200px;
	height:					30px;
	background-image:		url(/img/v2/bg_cat.jpg);
	background-repeat:		no-repeat;
}

#categories ul li a {
	color:					#FFF;
	text-decoration:		none;
	display:				block;
	width:					160px;
	height:					100%;
	padding-left:			40px;
}

#categories ul li:hover {
	background-image:		url(/img/v2/bg_cat_on.jpg);
}

#content {
	display:				block;
	width:					650px;
	margin-left:			290px;
}

#content #contenthome h2 {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				130%;
	line-height:			32px;
	font-weight:			bold;
	letter-spacing:			0px;
}

#content #topitems a {
	color:					#FFF;
	text-decoration:		none;
}

#content #topitems img, #content #latestnews img {
	padding: 1px;
	border:					2px solid #575757;
}


#content #latestnews {
/*	width:					300px;
	border-right:			1px solid #3f3f3f;
	margin-right: 			30px;
	padding-right: 30px;*/
}

#content #intro, #content #latestnews {
	text-align:				justify;
}

#content #price {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				130%;
	line-height:			32px;
	font-weight:			bold;
	letter-spacing:			0px;
	margin-top:				-20px;
	margin-bottom:			20px;
	float: right;
}


#content .categoryimage {
	display:				block;
	width:					300px;
	height:					200px;
	padding: 				4px;
	border:					1px solid #575757;
	background-image:		url(/img/v2/test_illuminartycolors400ml.jpg);
	background-repeat:		no-repeat;
	background-position:	center center;
}

#content .categoryimage a {
	display:				block;
	width:					100%;
	height:					100%;
	color:					#272727;
}

#content .categoryimage:hover {
	border:					1px solid #c9c9c9;
}

#content .categoryimagetitle {
	margin-top:				112px;
	height:					32px;
	line-height:			34px;
	background-image:		url(/img/v2/bg_semitrans.png);
}

#content .categoryimagetitle a {
	padding-left:10px;
	
}

#content .price {
	background-image:		url(/img/v2/tag_price.png);
	color:					#FFF;
	font-size:				85%;
	margin-top:				-190px;
	margin-left:			240px;
	width:					50px;
	height:					50px;
	line-height:			50px;
	text-align:				center;
}
	
#content .price a, #content .categoryimagetitle a {
	color:					#FFF;
	text-decoration:		none;
}
#content h1 {
	width:					660px;
}

#content .itemframe {
	float:					right;
	margin-top:				0px;
}

#content .itemframe a {
	color:					#272727;
}

#content .itemframe #mainImage {
	padding: 				4px;
	border:					1px solid #575757;
	margin-bottom:			10px;
}

#content .itemframe .smallImage {
	padding: 				2px;
	/*border:					1px solid #575757;*/
	border:					none;
}


#content .categorynavigation {
	width:					100%;
	height:					32px;
}

#content #order input {
	width:					30px;
}

#content #order .optiongrouptext1 {
	margin-left:			10px;
}

#content #order .optiongrouptextfield {
	background-color:		#FFF;
	color:					#272727;
	height:					19px;
	padding:				0px;
	margin:					0px;
	margin-left: 			2px;
	margin-right: 			2px;
	padding-left: 			2px;
	padding-right:	 		2px;
}

#content #order tr {
	border-bottom:			3px solid #272727;
}

#content .subcategorytext a {
	background-color:		#799716;
	color:					#FFF;
	padding:				4px;
	float:					left;
	line-height:			16px;
	text-decoration:		none;
}

#content input, textarea {
	background-color:		#272727;
	border:					1px solid #575757;
	color:					#c9c9c9;
	padding: 				4px;
	width:					300px;
	margin-bottom:			5px;
}

#content .submit {
	background-color:		#878787;
	color:					#272727;
	border:					none;
	width:					150px;
	padding: 				2px;
}

#content #order .ordersubmit {
	background-color:		#878787;
	color:					#272727;
	border:					none;
	width:					180px;
	padding: 				2px;
}

#content #order .number {
	color:					#c3c3c3;
}

#content #ordersteps {
	font-size:				85%;
	margin-bottom:			20px;
}

#content #shoppingcart input, #content #overviewform input {
	background-color:		#272727;
	border:					1px solid #575757;
	color:					#c9c9c9;
	width:					30px;
	margin: 				0px;
	padding: 				2px;
}

#content .ordernumbers {
	background-color:		#272727;
	border:					1px solid #575757;
	color:					#c9c9c9;
	width:					30px;
	margin: 				0px;
	padding: 				2px;
}

#content #shoppingcart tr, #content #outputcart tr {
	border-bottom:			3px solid #272727;
}


#content #shoppingcart .submit {
	background-color:		#878787;
	color:					#272727;
	border:					none;
	width:					180px;
	padding: 				2px;
}

#content #shoppingcart .submit_go, #content .submit_go {
	background-color:		#878787;
	color:					#272727;
	border:					none;
	width:					180px;
	padding: 				2px;
	font-weight:			bold;
}

#content .checkbox {
	width:					25px;
}

#content .order_error {
	color:					#F00;
}


#footer {
	width: 					980px;
	margin:					0px auto;
	color:					#878787;
	font-size:				85%;
	margin-top:				20px;
	margin-bottom:			20px;
}

#footerlinks {
	float:					right;
}

#footerlinks a {
	color:					#878787;
	text-decoration:		none;
}

#footerlinks a:hover {
	background-color:		#878787;
	color:					#272727;
}