@charset "utf-8";

/* Riyadh CSS Document */

* {
margin:0;
padding:0;
}

html {
width: 100%;
}

body {
width: 100%;
background: #FFFFFF;
text-align:center;
}

h1 {
font-family: calibri, trebuche, sans-serif;
font-size: 13px;
color: #FFFFFF;
}
h2 {
font-family: calibri, trebuche, sans-serif;
font-size: 15px;
color: #FFFFFF;
margin-bottom: 10px;
}
h3 {
font-family: calibri, trebuche, sans-serif;
font-size: 14px;
color: #FFFFFF;
}

p {
font-family: calibri, trebuche, sans-serif;
font-size: 12px;
color: #333333;
line-height: 130%;
margin-bottom: 15px;
}

a {
color: #333333;
}
a:hover {

}

ul {
margin-bottom: 15px;
}
ol {
margin-bottom: 15px;
}
li {
font-family: calibri, trebuche, sans-serif;
font-size: 12px;
color: #333333;
}

div.clear {
clear: both;
}

/* layout */

#bgcolor_pg01 {
width: 100%;
background: url('../images/bg_page01tile.gif') top left repeat-x;
}
	#bgimage_01 {
	width: 100%;
	background: url('../images/bg_page01mod.gif') top center no-repeat;
	}
#bgcolor_pg02 {
width: 100%;
background: url('../images/bg_page02tile.gif') top left repeat-x;
}
	#bgimage_02 {
	width: 100%;
	background: url('../images/bg_page02.gif') top center no-repeat;
	}
#bgcolor_pg03 {
width: 100%;
background: url('../images/bg_page03tile.gif') top left repeat-x;
}
	#bgimage_03 {
	width: 100%;
	background: url('../images/bg_page03.gif') top center no-repeat;
	}
#bgcolor_pg04 {
width: 100%;
background: url('../images/bg_page04tile.gif') top left repeat-x;
}
	#bgimage_04 {
	width: 100%;
	background: url('../images/bg_page04.gif') top center no-repeat;
	}
#bgcolor_pg05 {
width: 100%;
background: url('../images/bg_page05tile.gif') top left repeat-x;
}
	#bgimage_05 {
	width: 100%;
	background: url('../images/bg_page05.gif') top center no-repeat;
	}

#wrapper {
width: 1030px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#leftcolumn {
float: left;
width: 407px;
}
	#logo {
	width: 279px;
	height: 134px;
	margin-top:7px;
	}
	#pagenav {
	width: 279px;
	height: 118px;
	padding-top: 113px;
	}
	#pagenav div.pagenavli {
	font-family: calibri, trebuche, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	width: 279px;
	}
	#pagenav div.pagenavli span {
	display: block;
	float: left;
	width: 14px;
	padding-left: 18px;
	font-size: 14px;
	color: #FFFFFF;
	}
	#pagenav div.pagenavli a {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	}
	#pagenav div.pagenavli a:hover {
	text-decoration: underline;
	}
	
	#pagesubnav, #pagesubnav_home {
	width: 345px;
	padding-top: 15px;
	}
	#pagesubnav_home {
	padding-left: 34px;
	}
	#pagesubnav a img {
	border:none;
	margin-bottom: 10px;
	}
	#pagesubnav a:hover img {
	border:none;
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
	#pagesubnav ul, ul#allproducts {
	list-style-type: none;
	}
	#pagesubnav li.productnavli, ul#allproducts li.productnavli {
	font-family: calibri, trebuche, sans-serif;
	font-size: 12px;
	color: #333333;
	}
	#pagesubnav li.productnavli span, ul#allproducts li.productnavli span {
	display: block;
	float: left;
	width: 14px;
	padding-left: 18px;
	font-size: 12px;
	color: #000000;
	}
	#pagesubnav li a {
	font-family: calibri, trebuche, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	}
	#pagesubnav li a:hover {
	color: #37C0ED;
	}
	#pagesubnav li a.onproduct {
	color: #000000;
	font-weight: bold;
	}
	ul#allproducts li a {
	color: #37C0ED;
	}
	
	#indicators {
	float: left;
	width: 135px;
	}
		#indicators img {
		display:none;
		}
	
	#weather {
	float: right;
	margin-right:15px;
	width: 135px;
	}
	#weather img {
	height: 10px;
	}
	

#rightcolumn {
float: left;
width: 623px;
}
	#navwrapper {
	width: 537px;
	padding-top: 26px;
	}
	#nav {
	width: 537px;
	height: 55px;
	margin-bottom: 8px;
	}
	#nav ul {
	list-style-type: none;
	}
	#nav li {
	float: left;
	margin-right: 8px;
	}
	#nav li a {
	display: block;
	width: 101px;
	height: 55px;
	}
		#nav li a.home {
		background: url('../images/nav_home.gif') top left no-repeat;
		}
		#nav li a.home:hover {
		background: url('../images/nav_home.gif') center left no-repeat;
		}
		#nav li a.homeon {
		background: url('../images/nav_home.gif') bottom left no-repeat;
		}
		#nav li a.aboutus {
		background: url('../images/nav_aboutus.gif') top left no-repeat;
		}
		#nav li a.aboutus:hover {
		background: url('../images/nav_aboutus.gif') center left no-repeat;
		}
		#nav li a.aboutuson {
		background: url('../images/nav_aboutus.gif') bottom left no-repeat;
		}
		#nav li a.sustainability {
		background: url('../images/nav_sustainability.gif') top left no-repeat;
		}
		#nav li a.sustainability:hover {
		background: url('../images/nav_sustainability.gif') center left no-repeat;
		}
		#nav li a.sustainabilityon {
		background: url('../images/nav_sustainability.gif') bottom left no-repeat;
		}
		#nav li a.products {
		background: url('../images/nav_products.gif') top left no-repeat;
		}
		#nav li a.products:hover {
		background: url('../images/nav_products.gif') center left no-repeat;
		}
		#nav li a.productson {
		background: url('../images/nav_products.gif') bottom left no-repeat;
		}
		#nav li a.contactus {
		background: url('../images/nav_contactus.gif') top left no-repeat;
		}
		#nav li a.contactus:hover {
		background: url('../images/nav_contactus.gif') center left no-repeat;
		}
		#nav li a.contactuson {
		background: url('../images/nav_contactus.gif') bottom left no-repeat;
		}
	/*#navimage_home {
	width: 537px;
	height: 306px;
	background: url('../images/page_images_home.jpg') top left no-repeat;
	}*/
	#navimage_aboutus {
	width: 537px;
	height: 128px;
	background: url('../images/AboutHeader.jpg') top left no-repeat;
	}
	#navimage_sustainability {
	width: 537px;
	height: 128px;
	background: url('../images/SustainablityHeader.jpg') top left no-repeat;
	}
	#navimage_products {
	width: 537px;
	height: 128px;
	background: url('../images/ProductHeader.jpg') top left no-repeat;
	}
	#navimage_contactus {
	width: 537px;
	height: 128px;
	background: url('../images/ContactHeader.jpg') top left no-repeat;
	}
	
	#pageintro {
	width: 487px;
	height: 120px;
	padding: 20px 25px 0px 25px;
	background: url('../images/bg_pageintro.png') top left repeat;
	}
	#pageintro p {
	font-size: 14px;
	color: #FFFFFF;
	}
	
	#pageintro2 {
	width: 487px;
	height: 120px;
	padding: 20px 25px 0px 25px;
	background: url('../images/bg_pageintro2.png') top left repeat;
	}
	#pageintro2 p {
	font-size: 14px;
	color: #FFFFFF;
	}
	#pageintro2_contact {
	width: 487px;
	height: 120px;
	padding: 20px 25px 0px 25px;
	background: url('../images/bg_pageintro2_contact.png') top left repeat;
	}
	#pageintro2_contact p {
	font-size: 14px;
	color: #FFFFFF;
	}
	
	
	#pagecontent {
	width: 487px;
	padding: 30px 25px 15px 25px;
	background: #C9C9C9;
	}
	#pagecontent_home {
	width: 536px;
	height: 306px;
	/*background: #FFFFFF;*/
	}
	#pagecontent_products {
	width: 512px;
	padding: 28px 0px 15px 25px;
	background: #C9C9C9;
	}
	#pagecontent_contact {
	width: 487px;
	padding: 30px 25px 15px 25px;
	background: #999999;
	}
	div.twocolumn01 {
	float: left;
	width: 237px;
	margin-right: 13px;
	}
	div.twocolumn02 {
	float: left;
	width: 237px;
	}
	
	#generalinfo {
	float: left;
	width: 153px;
	padding-right: 20px;
	}
	
	#categoryinfo {
	float: left;
	width: 315px;
	}

	table.categorytable {
	border-collapse:collapse;
	margin-bottom: 5px;
	}
	table.categorytable td {
	font-family: calibri, trebuche, sans-serif;
	font-size: 12px;
	color: #333333;
	}
	table.categorytable td.tdheader {
	font-family: calibri, trebuche, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0D4173;
	}
	table.categorytable td.product {
	width: 82px;
	}
	table.categorytable td.grade {
	width: 73px;
	}
	table.categorytable td.specs {
	width: 96px;
	}
	table.categorytable td.pack {
	width: 64px;
	}
	
	

/* general classes */

div.productwrapper {
float: left;
width: 235px;
margin-right: 13px;
margin-bottom: 15px;
}
div.productwrapper a img {
width: 233px;
margin-bottom: 5px;
}
div.productwrapper a:hover img {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: .6;
border: 1px solid #37C0ED;
}
div.bluehr100 {
width: 100%;
height: 1px;
background: #0D4173;
margin-bottom: 5px;
}

span.productname {
font-weight: bold;
color: #0D4173;
}
span.productlatin {
font-style: italic;
}
span.blueheading_normal {
font-style: italic;
color: #0D4173;
}

div.clockfloat {
float: left;
width: 66px;
}

a.bluelink {
color: #37C0ED;
}
a.vbluelink {
color: #00ADEF;
text-decoration:none;
}
	a.vbluelink:hover {
	text-decoration:underline;
	}
a.vwhitelink {
color: #FFFFFF;
text-decoration:none;
}
	a.vwhitelink:hover {
	text-decoration:underline;
	}

img.normalimage {
filter: alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
border: 1px solid #C9C9C9;
}
img.hiliteimage {

filter: alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
border: 1px solid #37C0ED;
}

p.hs_header {
font-size: 14px;
font-weight: bold;
}

span.wcity {
display: block;
float: left;
width: 80px;
}
span.wweather {
display: block;
float: left;
width: 30px;
}
span.wimage {
display: block;
float: left;
width: 20px;
}

a.producton {

}