/* ARROW */
a.arrow{
	padding-right:			15px;
	background-image:		url('../nav/buttons/arrow.gif');
	background-position:	top right;
	background-repeat:		no-repeat;
	text-decoration:		none;
	font-weight:			bold;
	color:					#003A6B;
}


/* BACK */
a.back{
	padding-left:			15px;
	background-image:		url('../nav/buttons/back.gif');
	background-position:	top left;
	background-repeat:		no-repeat;
	font-size:				12px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#B3C4D3;
	margin:					10px 0;
	float: 					left;
}

a.back:hover {
	text-decoration:		none;
	color: 					#003A6B;
}


/* DOWNLOAD */
a.download{
	width:					100px;
	height:					20px;
	padding-top:			4px;
	padding-left:			7px;
	background-image:		url('../nav/buttons/download.jpg');
	font-size:				12px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#003A6B;
	display:				block;
}


/* FORWARD */
a.forward{
	width:					202px;
	height:					25px;
	padding-top:			9px;
	padding-left:			8px;
	background-image:		url('../nav/buttons/forward.gif');
	font-size:				12px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#003A6B;
	display:				block;
	float:					left;
	margin-bottom: 			5px;
}

a.forward:hover {
	text-decoration:		none;
	background-position:	0px -34px;
}

span.box {
	width: 					205px;
	display: 				block;
	margin-bottom: 			5px;
}

/* ADD TO HOUSE */
a.addhouse,
a.deletehouse,
a.buttonback {
	width:					202px;
	height:					25px;
	padding-top:			9px;
	padding-left:			8px;
	background-image:		url('../nav/buttons/addhouse.gif');
	font-size:				12px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#003A6B;
	display:				block;
	float:					left;
	margin-bottom:			5px;
}

a.buttonback {
	width: 					180px;
	height: 				25px;
	padding-left: 			30px;
}

a.addhouse:hover,
a.deletehouse:hover,
a.buttonback:hover {
	text-decoration:		none;
	background-position:	0px -34px;
}

a.deletehouse {
	background-image:		url('../nav/buttons/deletehouse.gif');
}

a.buttonback {
	background-image: 		url('../nav/buttons/button-back.gif');
}

/* ORDER */
a.order,
a.order:hover {
	width:					200px;
	height:					21px;
	padding-top:			3px;
	padding-left:			8px;
	margin: 				5px;
	background-image:		url('../nav/buttons/order.jpg');
	background-repeat: 		no-repeat;
	font-size:				12px;
	font-weight:			bold;
	text-decoration:		none;
	display:				inline-block;
	line-height:			150%;
	float:					left;
}

/* PRODUCT */
a.product{
	width:					173px;
	height:					250px;
	margin-top:				10px;
	margin-left:			10px;
	border-style:			solid;
	border-color:			#B3C4D3;
	border-width:			1px;
	background-color:		#F4F6F8;
	background-image:		url('../nav/buttons/product.gif');
	background-position:	bottom right;
	background-repeat:		no-repeat;
	text-decoration:		none;
	color:					#5C5C5C;
	display:				inline-block;
	float:					left;
}


a.product p{
	margin:					5px;
	margin-left:			10px;
	margin-right:			10px;
}

a.product p.title{
	font-size:				12px;
	font-weight:			bold;
	color:					#003A6B;
}

a.product p.price{
	font-size:				18px;
	font-weight:			bold;
	color:					#003A6B;
}

a.product p.price span{
	font-size:				11px;
}

a.product:hover{
	border-color:			#003A6B;
	background-color:		#CCD8E1;
	text-decoration:		none;
}


/* SEARCH */
div.search a{
	width:					15px;
	height:					15px;
	margin-top:				1px;
	margin-left:			10px;
	background-image:		url('../nav/buttons/search.gif');
	display:				block;
	float:					left;
}


/* NAVBLOCK BUTTONS */

div.navblock ul {
	list-style: 			none;
	margin: 				0px;
	padding: 				0px;
}

div.navblock ul li {
	margin: 				0px;
	padding: 				0px;
	font-size:				12px;
	font-weight:			bold;
	text-decoration:		none;	
	margin-right:			5px;
	height:					24px;
	float: 					left;
	line-height: 			130%;
}

div.navblock ul li.left {
	background-image:		url('../nav/buttons/button-left-bg.gif');
	background-position:	top right;
	background-repeat: 		no-repeat;
}

div.navblock ul li.left a {
	padding-right:			8px;	
}

div.navblock ul li.right a {
	padding-left:			8px;	
}


div.navblock ul li.left:hover ,
div.navblock ul li.leftsfhover {
	background-position:	right -24px;
}

div.navblock ul li.right {
	background-image:		url('../nav/buttons/button-right-bg.gif');
	background-repeat: 		no-repeat;
}

div.navblock ul li.right:hover ,
div.navblock ul li.rightsfhover {
	background-position:	0px -24px;
}

div.navblock ul li a {
	float: 					left;
}

div.navblock ul li a:hover {
	text-decoration: 		none;
}

div.navblock ul li.left a.arrow_left {
	background-image:		url('../nav/buttons/arrow-left.gif');
	background-repeat:		no-repeat;
	padding-left:			25px;
	padding-top: 			4px;
	height: 				20px;
	display: 				block;
}

div.navblock ul li.left a.arrow_left:hover,
div.navblock ul li.left a.plus_left:hover,
div.navblock ul li.left a.min_left:hover {
	background-position:	0px -24px;
}

div.navblock ul li.left a.min_left {
	background-image:		url('../nav/buttons/min-left.gif');
	background-repeat:		no-repeat;
	padding-left:			25px;
	padding-top: 			4px;
	height: 				20px;
	display: 				block;
}

div.navblock ul li.left a.plus_left {
	background-image:		url('../nav/buttons/plus-left.gif'); 
	background-repeat:		no-repeat;
	padding-left:			25px;
	padding-top: 			4px;
	height: 				20px;
	display: 				block;
}

div.navblock ul li.right a.arrow_right {
	background-image:		url('../nav/buttons/arrow-right.gif');
	background-position:	top right;
	background-repeat:		no-repeat;
	padding-right:			25px;
	padding-top: 			4px;
	height: 				20px;
	display: 				block;
}

div.navblock ul li.right a.arrow_right:hover {
	background-position:	right -24px;
}


/* DYNAMIC BUTTONS */

/* BUTTON RIGHT */
a.button-right {
	height:					24px;
	background-image:		url('../nav/buttons/button-right-background.gif');
	font-size:				12px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#003A6B;	
	float: 					left;
	margin-right: 			10px;
}

a.button-right:hover {
	background-position: 0px -24px;
}

a.button-right img {
	float: 					left;
}

a.button-right span {
	float: 					left;
	margin: 				0px; 
	padding: 				0px;
	margin-top: 			4px;
	padding-left:			7px;
	cursor: 				pointer;
}

a.button-right:hover {
	text-decoration:		none;
}


/* BUTTON LEFT */
a.button-left {
	height:					24px;
	background-image:		url('../nav/buttons/button-left-background.gif');
	background-position:	top right;
	font-size:				12px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#003A6B;	
	float: 					left;
	margin-right: 			10px;
}

a.button-left:hover {
	background-position:	right -24px;
}

a.button-left img {
	float: 					left;
}

a.button-left span {
	float: 					left;
	margin: 				0px; 
	padding: 				0px;
	margin-top: 			4px;
	padding-right:			7px;
	cursor: 				pointer;
}

a.button-left:hover {
	text-decoration:		none;
}


/* DOWNLOADBUTTON */
a.button-right span.download {
	float: 					left;
	width: 					22px;
	height: 				24px;
	background-image:		url('../nav/buttons/button-download.gif');
	margin: 				0px;
	padding: 				0px;
}

/* ARROW-RIGHT-BUTTON */
a.button-right span.arrowright {
	float: 					left;
	width: 					22px;
	height: 				24px;
	background-image:		url('../nav/buttons/button-right.gif');
	margin: 				0px;
	padding: 				0px;
}

/* DELETE */
a.button-right span.delete {
	float: 					left;
	width: 					22px;
	height: 				24px;
	background-image:		url('../nav/buttons/button-delete.gif');
	margin: 				0px;
	padding: 				0px;
}

/* PLUSBUTTON */
a.button-left span.plus {
	float: 					left;
	width: 					22px;
	height: 				24px;
	background-image:		url('../nav/buttons/button-plus-left.gif');
	margin: 				0px;
	padding: 				0px;
}


/* MINBUTTON */
a.button-left span.min {
	float: 					left;
	width: 					22px;
	height: 				24px;
	background-image:		url('../nav/buttons/button-min-left.gif');
	margin: 				0px;
	padding: 				0px;
}

a.button-left:hover span.min,
a.button-left:hover span.plus,
a.button-right:hover span.arrowright,
a.button-right:hover span.download,
a.button-right:hover span.delete,
a.button-left:hover span.arrowleft {
	background-position:	0px 24px;
}


/* ARROWLEFT */
a.button-left span.arrowleft {
	float: 					left;
	width: 					22px;
	height: 				24px;
	background-image:		url('../nav/buttons/button-arrow-left.gif');
	margin: 				0px;
	padding: 				0px;
}

/* TABLE BUTTONS */
table a.button-right {
	float: 					right;
	margin-right: 			0px;
}

table a.button-left {
	float: 					right;
	margin-right: 			0px;
}