/* CSS Document */

/*
Main colors

Light green = #7EA03D
Gray = #999

/* Clear everything - universal selector and general html styling*/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family:Verdana, sans-serif;
}

a {	
   outline: none;
   text-decoration: none;
   color: #fff;
}

img {
	border: none;
	padding: 0px;
	margin: 0px;
}

.hidden {
	display: none;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Standard formatting items */

h1 {
	font-size: 16px;
	font-weight:bold;
	color:#fff;
	margin: 0px 0px 5px 0px;
	padding: 10px 0px 0px 10px;
}

h2 {
	font-size: 14px;
	font-weight:bold;
	color:#fff;
	margin: 0px 0px 5px 0px;
	padding: 10px 0px 0px 10px;
}

h3 {
	font-size: 14px;
	font-weight:normal;
	color:#999;
	padding: 0px;
	margin: 0px;
}

/* h4 is used for sub nav links */

h4 {
	font-size: 15px;
	font-weight:normal;
	color:#000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
}
	
h5 {
	font-size: 14px;
	font-weight:normal;
	color:#000;
	padding: 0px;
	margin: 0px;
}
	
p {
	font-size: 12px;
	padding: 10px 10px 10px 10px;
	line-height: 18px;
	color: #fff;
}

ul {
	font-size: 14px;
	padding: 10px 10px 20px 30px;
	color: #000;
	line-height: 16px;
}

li {
	font-size: 12px;
	padding-left: 5px;
	margin-left: 30px;
	color: #000;
}
	
/* Layout div elements */
		
	#container {
		width: 800px;
		padding-top: 0px;
		margin:auto;
		border: 2px solid #CCC;
		background-color: #80B539;
	}
	
	#header_holder {
		width: 800px;
		height: 260px;
		background:url("../graphics/header_bg.png") no-repeat;
	}
	
	#nav_holder {
		width: 800px;
		height: 30px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		background-color: #80B539;
	}
	
	#nav_links {
		width: 550px;
		height: 30px;
		float: left;
		padding: 0 0 0 10px;
		margin: 0;
	}
	
	#nav_button {
		width: 240px;
		height: 30px;
		float: left;
	}
	
	#shopping_bag_holder {
		width: 175px;
		padding: 10px 0px 0px 570px;
		background-color: #80B539;
	}
	
	#shopping_bag_holder_no_join {
		width: 175px;
		padding: 0px 0px 15px 60px;
		background-color: #80B539;
		float: left;
	}
	
	#shopping_bag_image_holder {
		width: 19px;
		height: 24px;
		float:left;
	}
	
	#shopping_bag_quantity_holder {
		width: 150px;
		float: left;
		padding: 0;
		margin: 0;
	}
	
	#shopping_bag_quantity_holder p {
		padding: 0 0 0 10px;
		margin: 0;
		color: #fff;
	}
	
	#shopping_bag_quantity_holder a, a:hover, a:link {
		color: #fff;
	}
	
	#content_container {
		width: 780px;
		padding: 20px 10px;
		margin: 0px 0px 0px 0px;
		background-color: #80B539;
	}
	
	/********************* Various containers for the main body **********************/
	
	#left_smaller_container {
		width: 200px;
		float: left;
		padding: 0px 10px 10px 15px;
	}
	
	#right_larger_container {
		width: 535px;
		float: left;
		padding: 0px 10px 10px 10px;
	}
	
	#left_small_container {
		float:left;
padding:0 10px 10px 25px;
width:265px;
	}
	
	#right_large_container {
		width: 460px;
		float: left;
		padding: 0px 10px 10px 10px;
	}
	
	#large_content_area_all {
		padding:10px 0 0 90px;
		width:600px;
		text-align: left;
	}
	
	/***************** Collections page *********************/
	
	#product_container {
		width: 700px;
		float: left;
		padding: 0px 10px 10px 15px;
	}
	#product_left_container {
		width: 100px;
		float: left;
		padding: 0px 10px 10px 15px;
	}
	
	#product_right_container {
		width: 635px;
		float: left;
		padding: 0px 10px 10px 10px;
	}
	
	.collections_image {
		width: 170px;
		padding: 10px 10px 10px 10px;
		float: left;
	}
	
	.collections_image h3 {
		font-size: 14px;
		font-weight:normal;
		color:#fff;
		padding: 10px 0 0 0;
		margin: 0px;
		text-align: center;
	}


	.product_container {
		width: 750px;
		padding: 10px 10px 10px 10px;
	}
	
	.product_image_holder {
		width: 170px;
		height: 170px;
		float: left;
	}
	
	.product_description {
		width: 455px;
		padding: 0px 10px 0px 10px;
		float: left;
	}
	
	.add_to_cart {
		width: 100px;
		float: left;
	}
	
	
	/**************** Formatting classes *******************/
	
	li {
		color: #000;
		font-size: 13px;
	}
	
	.errors {
		font-size: 13px;
		padding: 20px 30px 0px 25px;
		line-height: 18px;
		color: #900;
	}
	
	.uae {
		background:url("../graphics/uae_image.png") no-repeat;
	}
	
	
	
	/*************** News entries on home page *************/
	
	#news_container {
		width: 240px;
		height: 323px;
		float: left;
		margin: 25px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background:url("../graphics/news_component_bg.png") no-repeat;
	}
	
	#news_container h3 {
		padding: 0px 0px 10px 10px;
		margin: 10px 0px 10px 0px;
		font-size: 12px;
	}
		
	
	#news_entries {
		width: 220px;
		height: 257px;
		
	}
	
	.link {
		font-size: 13px;
		color: #999;
		padding: 10px 10px 10px 10px;
	}
	
	.news_header_link {
		font-size: 15px;
		color: #fff;
	}
	
	.white_link {
		color: #fff;
	}
	
	.news_title {
		color:#999999;
		font-size:12px;
		font-weight:bold;
		padding:10px 10px 10px 0;
	}
	
	.news_date {
		border-bottom:1px solid #CCCCCC;
		color:#999999;
		font-size:10px;
		margin:0px 0px 0px 0px;
		padding:0;
		
	}
	
	.news_summary_text {
		font-size: 11px;
		color: #999;
		padding: 10px 10px 10px 0px;
	}
	
	.news_item {
		margin: 0px 25px 0px 10px;
		border-bottom: 1px solid #CCC;
	}
	
	/************** Footer **************************/
	
	
	#footer_holder {
		width:830px;
	}
	
	#footer {
		width: 720px;
		height: 100px;
		background:url("../graphics/footer.png") no-repeat;
		padding-left: 60px;
		padding-right: 20px;
	}
	
	#footer p {
		font-size: 10px;
		padding: 60px 0px 0px 0px;
	}
	
	#home_footer {
		width: 720px;
		height: 173px;
		background:url("../graphics/home_footer.png") no-repeat;
		padding-left: 60px;
		padding-right: 20px;
	}
	
	#home_footer p {
		font-size: 10px;
		padding: 135px 0px 0px 0px;
	}
	
	/********** buttons and forms *********************************/
	
	.register_button {
		margin-top: 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	color: #fff;
		background:url(../graphics/register_button.png) no-repeat;
		width: 80px;
		height: 30px;
		border: none;
		margin:0 0 25px 30px;
		padding:7px 30px 20px;
	}
	
	
	/********************* navigation **********************************/
	
	
	/* mini tabs menu starts here */
	
	ul#minitabs{
		font-size:15px;
		/*border-bottom: 1px solid #589FD3;*/
		list-style: none;
		margin-top: 0px;
		margin-left: 8px;
		padding: 3px 0px 3px 10px;
		}
	
	ul#minitabs li{
	display: inline;
	margin: 0;
	font-size: 15px;
	padding:0 10px;
	}
	
	ul#minitabs a{
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	color: #fff;
	}
	
	ul#minitabs a#current{
	color:#ECECEC;
	border-bottom: 1px solid #ccc;
	}
	
	ul#minitabs a:hover{
	/*border-color: #000;*/
	color:#ECECEC;
	}

	.no_border {
		border-right: none !important;
	}
	
	.no_border_current {
		border-right: none !important;
		color:#fff !important;
		font-weight: bold;
	}
	
	.sub_nav_title {
		font-size: 15px;
		font-weight:normal;
		color:#7EA03D !important;
		margin: 0px 0px 5px 0px;
		display:inline;
		border-right: none !important;
		padding: 0px !important;
	}
/* news items go here */

.long_news_pageTitle {
	font-size: 13px;
	margin-bottom: 5px;
	color: #fff;
	font-weight: bold;
	padding: 0px !important;
}

.long_news_item {
	margin-bottom: 25px;
	padding: 20px 30px 0px 45px;
}

.long_news_date {
	margin-bottom: 10px;
	font-weight: bold;
	padding: 0px !important;
}

.long_news_content {
	padding: 0px !important;
}

	.ditto_paging {
		border-top:thin;
	border-top-color: white;
    border-top: 1px solid #333;
    padding: 15px; 
    font-size: 86%;
    color: black;
}

#ditto_pages {
	margin-top: 20px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
    border-top: 1px solid #fff;
}


#ditto_pages .ditto_currentpage {
	/* This is for next */
	font-size: 11px;
    padding: 1px 1px 2px; 
    margin-right: 1px;
    background-color: #ccc; 
    color: white;
} 
#ditto_pages .ditto_off {
	/* This is for previous */
	font-size: 11px;
    padding: 1px 1px 2px; 
    margin-right: 1px;
    color: white;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
	font-size: 11px; 
    padding: 1px 1px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: white;
} 
#ditto_pages a:hover {
    color: #333;
}

/**************** Lightbox styling ************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url("../graphics/overlay.png"); }

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../graphics/overlay.png", sizingMethod="scale");
	}
	
	#keyboardMsg a {
		color: #000;
	}
/************************** Shopping cart **************************/

#container_shopping_cart {
		width: 780px;
		padding: 20px 10px;
		margin: 0;
	}
	
#pageContainer {
	border: 1px solid #ccc;
	padding: 0px;
	border: 0px;
}
	
	/* end hide */