/* CSS Document */
*{margin:0px; padding:0px;}
body,table{ font-family:verdana; font-size:11px; color:#000000; text-decoration:none; margin:0 auto; position:relative;}
div, p, ul, h2, h3, img{padding:0px; margin:0px;}
a{ color:#FFFFFF; text-decoration:none}
a:hover{ color:#FFFFFF; text-decoration:underline}
ul{list-style-type:none;}
div#main{ border:1px solid #000000; margin:0px auto; position:relative; width:99%;}
.nav{height:62px; position:absolute; top:20px; right:20px; z-index:2;}
.nav ul{ display:inline; height:62px; z-index:3;}
.nav ul li{width:73px; font-family:verdana; font-size:13px; font-weight:bold; color:#FFFFFF; display:inline;height:62px; z-index:4;}
.nav ul li a{width:73px; font-family:verdana; font-size:13px; font-weight:bold; color:#FFFFFF; padding:15px 17px 0 17px;height:62px;}
.nav ul li a:link{width:73px; font-family:verdana; font-size:13px; font-weight:bold; color:#FFFFFF; padding:15px 17px 0 17px;height:62px;}
.nav ul li a:hover{width:73px; font-family:verdana; font-size:13px; font-weight:bold; color:#FFFFFF; padding:15px 17px 0 17px;height:62px;}
div#name{ width:480px; height:79px; background-image:url(images/company_name.gif); background-repeat:no-repeat; border:none; position:absolute; top:75px; right:5%;}
div#logo{ width:225px; height:129px; background-image:url(images/logo.gif); background-repeat:no-repeat; border:none; position:absolute; top:25px; left:2%; z-index:1;}
.header_bk{ background-image:url(images/header_bk.gif); background-repeat:repeat-x;}
.footer_bg{ background-image:url(images/footer.gif); background-repeat:repeat-x; height:49px; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:center;}
.footer_bg a{text-decoration:underline; color:#FFFFFF;}
.footer_bg a:hover{text-decoration:none; color:#FFFFFF;}
.body_matter{ border-top:1px solid #FFFFFF; background-color:#000000;}
.car{ background-image:url(images/cars.gif); background-repeat:no-repeat; background-position:bottom; width:439px; height:301px; margin:88px 0 0 20px;}
.form_footer_bk{ background-image:url(images/login_foter_bk.gif); background-repeat:no-repeat; height:93px;}
.form_footer_main_bk{ background-image:url(images/login_main_bk.gif); background-repeat:repeat-y;}
.login_txt{ width:252px; height:23px; border-bottom:1px solid #FFFFFF; font-family:verdana; font-size:13px; color:#FFFFFF; text-align:left; padding:6px 0 0 3px;}
.error{ font-family:verdana; font-size:11px; color:#FF0000}
.breaker{clear:both; line-height:0px;}
.error_heading{ font-family:verdana; font-size:11px;  color:#FF0000; font-weight:bold;}
.login_form_txt{ font-family:verdana; font-size:11px; color:#FFFFFF}
.login_form_input{font-family:verdana; font-size:11px; color:#FFFFFF; background-color:#262626; height:17px; width:120px; border:#858585 1px solid; padding:0 0 0 3px;}
.login_button{ width:91px; height:33px; border:none; background-image:url(images/login_button_hv.gif); background-repeat:no-repeat; background-color:#000000;}
a:input.login_button{ width:91px; height:33px; border:none; background-image:url(images/login_button_hv.gif); background-repeat:no-repeat; background-color:#000000;}
a:hover input.login_button{ width:91px; height:33px; border:none; background-image:url(images/login_button.gif); background-repeat:no-repeat; background-color:#000000;}
.form_table{color:#FFFFFF;  border-top:1px solid #FFFFFF; background-color:#000000; padding:25px 0 0 0;}
.form_table td{color:#FFFFFF;}
.form_table .input{ border:1px solid #F1292D; height:20px; padding:3px 0 0 3px; width:180px;}
.form_table .textarea{ border:1px solid #F1292D; height:40px; margin:8px 0 8px 0; padding:0 0 0 3px; width:180px;}
.form_table .select{ border:1px solid #F1292D;}
.button{ background-image:url(images/button_bk.gif); background-repeat:repeat-x; height:29px; color:#FFFFFF; border:none; padding:0 5px 3px 5px; background-color:#000000;}
.inner_heading{ font-size:14px; font-family:arial; font-weight:bold; color:#FFFFFF; height:55px;background-image:url(images/inner_heading_bk.gif); background-repeat:repeat-x; height:55px; background-position:top; text-decoration:none;padding:0 20px 5px 20px;}
.inner_heading a{ font-size:14px; font-family:arial; font-weight:bold; color:#FFFFFF; text-decoration:none;}
.inner_subheading{font-size:14px; font-family:arial; font-weight:normal; color:#FFFFFF; padding:0 0 5px 0; background-image:url(images/line.gif); background-repeat:repeat-x; background-position:bottom;}
.inner_subheading span{font-size:14px; font-family:arial; font-weight:normal; color:#FFFFFF; padding:0 0 5px 0; background-color:#000000;}
.inner_table{font-family:verdana; font-size:12px; color:#FFFFFF; border:1px solid #282828;}
.inner_table th{ font-family:verdana; font-size:12px; color:#FFFFFF; background-color:#CF272B; height:25px; text-align:left; padding:0 5px 0 5px;}
.inner_table td{ font-family:verdana; font-size:12px; color:#FFFFFF;height:30px; text-align:left; border-top:1px solid #282828; padding:0 5px 0 5px;}
.inner_table td a{ font-family:verdana; font-size:12px; color:#F1292D; text-align:center;}
.inner_table td .alter_first{background-color:#262626;}
.inner_table td a:hover{ font-family:verdana; font-size:12px; color:#ffffff; text-align:center; text-decoration:none;}
.alter_first{ background-color:#262626; color:#00FF00;}
.alter_second{ background-color:#262626}
.star{ color:#CF272B;}
.span{ color:#CF272B;}
.alter_second2{}
.alter_second2 a{ font:#F1292D;}
.alter_second2 a:hover{ font:#F1292D; text-decoration:underline;}
.form_product_alter{ text-decoration:none;}
.form_product_alter td{ text-decoration:none; padding:0 0 0 3px;}
.form_product_alter .alter { background-color:#262626; text-decoration:none; padding:4px;}
.product_table{ font-family:verdana; font-size:12px; color:#FFFFFF; border:1px solid #282828; text-align:left;}
.product_table th{ font-family:verdana; font-size:12px; color:#FFFFFF; background-color:#CF272B; height:25px; padding:0 0 0 10px;}
.product_table td{ font-family:verdana; font-size:12px; color:#FFFFFF;height:30px; border-top:1px solid #282828; padding:0 0 0 10px;}
.product_table td a{ font-family:verdana; font-size:12px; color:#F1292D; text-align:center; padding:0 3px 0 3px;}
.product_table td .alter_first{background-color:#262626;}
.product_table td a:hover{ font-family:verdana; font-size:12px; color:#ffffff; text-align:center; text-decoration:none; padding:0 3px 0 3px;}
.product_table .img_div{ font-size:11px; width:116px; height:77px; margin:7px 0 7px 7px; border:1px solid #282828; float:left; vertical-align:bottom; text-align:center;}
.product_table .img_div .img_container{ width:109px; height:70px; padding:3px; float:left;}
*html .product_table td{padding:0 0 7px 0;}
.product_table .product_desciption{ float:left; margin:7px;}
.product_table .product_desciption p{ font-size:11px;}
.product_table .product_desciption h1{ font-size:11px; width:100px;color:#D24300; font-weight:normal; float:left; height:20px; display:block;}
.product_table .product_desciption h2{font-size:11px; padding:0 0 0 10px; font-weight:normal; height:20px; float:left; display:block;}
.product_table .product_desciption .detail{float:right; margin:7px 7px 7px 300px; color:#D4272B; font-size:11px;}
.product_table .product_desciption .detail a{float:right; color:#D4272B; font-size:11px;}
.product_table .product_desciption .detail a:hover{float:right; color:#343434; font-size:11px;}


#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; }
#closeButton{ color:#FF0000; top: 5px; right: 5px; }

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

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

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
.suggestionsBox {
		position: relative;
		left: 120px;
		margin: 3px 0px 0px 0px;
		width: 150px;
		background-color: #282828;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #ffffff;	
		color: #fff;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
		list-style-type:none;
		
	}
	
	.suggestionList li:hover {
		background-color: #000000;
	}	

.inner_table_quotation{ font-family:verdana; font-size:12px; color:#FFFFFF; border:1px solid #282828; text-align:left;}
.inner_table_quotation th{ font-family:verdana; font-size:12px; color:#000000; background-color:#ffffff; height:40px;  padding:0 0 0 10px; border:1px solid #000000;}
.inner_table_quotation td{ font-family:verdana; font-size:12px; color:#FFFFFF;height:30px;  border-top:1px solid #282828; padding:0 0 0 20px; border-right:1px solid #282828;}
.inner_table_quotation td a{ font-family:verdana; font-size:12px; color:#F1292D; text-align:center; padding:0 3px 0 3px;}
.inner_table_quotation td .alter_first{background-color:#262626;}
.inner_table_quotation td a:hover{ font-family:verdana; font-size:12px; color:#ffffff; text-align:center; text-decoration:none; padding:0 3px 0 3px;}
@media print {
  #qlogo {
  					height:103px;
					width:214px;
					background-image:url(images/al_rayyan_logo.jpg);
					background-repeat:no-repeat;
					border:none;
					position:absolute;
					top:0;
					left:2%;
					z-index:1;
					}
 }
div#qname{height:103px;width:419px; border:none; position:absolute; top:0px; right:5%; padding:5px 10px 0 0;}
div#qlogo_all{height:103px;border:none; margin:0 auto; position:relative;}
div#qlogo{height:103px; width:214px; border:none; position:absolute; top:0; left:2%; z-index:1; padding:0 0 0 5px;}
.header_quotation{background-color:#FFFFFF}
.inner_subheading_quotation{font-size:14px; font-family:arial; font-weight:normal; color:#FFFFFF; padding:0 0 5px 0; background-image:url(images/line1.gif); background-repeat:repeat-x; background-position:bottom;}
.form_table_q{color:#000000;  border-top:1px solid #000000; background-color:#ffffff; padding:10px 0 0 0;}
.form_table_q td{color:#000000;}
div#qname_inner{height:103px; width:419px;  border:none; float:right;padding:5px 10px 0 0;}
div#qlogo_inner{height:103px; width:214px; border:none; float:left;padding:0 0 0 5px;}
.tr_quo_total{ background-color:#ccccFF;}
.inner_table_quotation_dw{ font-family:verdana; font-size:12px; color:#000000; border:1px solid #282828; text-align:left;}
.inner_table_quotation_dw th{ font-family:verdana; text-align:center; font-size:12px; color:#000000; background-color:#999999; height:25px;  }
.inner_table_quotation_dw td{ font-family:verdana; font-size:12px; color:#000000;height:30px;  border-top:1px solid #282828; border-right:1px solid #282828;}
.inner_table_quotation_dw td a{ font-family:verdana; font-size:12px; color:#F1292D; text-align:center; padding:0 3px 0 3px;}
.inner_table_quotation_dw td .alter_first{background-color:#262626;}
.inner_table_quotation_dw td a:hover{ font-family:verdana; font-size:12px; color:#ffffff; text-align:center; text-decoration:none; padding:0 3px 0 3px;}
.inner_table_quotation_dw_inner{ font-family:verdana; font-size:12px; color:#000000; border:1px solid #282828; text-align:left;}
.inner_table_quotation_dw_inner th{ font-family:verdana; text-align:center; font-size:12px; color:#000000; background-color:#999999; height:25px;  }
.inner_table_quotation_dw_inner td{ font-family:verdana; font-size:12px; color:#000000;height:30px; border:none;}
/*30 july */
.form_product_all{ text-decoration:none;}
.form_product_all td{ text-decoration:none; padding:0 0 0 3px; height:30px; background-color:#262626; border:1px solid #CCCCCC;}
.form_product_all .alter { background-color:#262626; text-decoration:none; padding:4px;}

.bg-blue .t { background: url("images/blue-t.gif") 0 0 repeat-x;  }
.bg-blue .b {background: url("images/blue-b.gif") 0 100% repeat-x}
.bg-blue .l {background: url("images/blue-l.gif") 0 0 repeat-y}
.bg-blue .r {background: url("images/blue-r.gif") 100% 0 repeat-y}
.bg-blue .bl {background: url("images/blue-bl.gif") 0 100% no-repeat}
.bg-blue .br {background: url("images/blue-br.gif") 100% 100% no-repeat}
.bg-blue .tl {background: url("images/blue-tl.gif") 0 0 no-repeat}
.bg-blue .tr {background: url("images/blue-tr.gif") 100% 0 no-repeat; padding:3px;}
.bg-blue .rb-content { background: #fff }
.quoted-preview .rb-content, #quoted .large-quote, .quote-row .rb-content{
	color: #262626;
	font-weight: bold;
	letter-spacing: .02em;
	line-height: 1.1em;
	padding: .1em .3em .1em .3em;
	
	font-family: georgia, "times new roman", arial, verdana;

	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.15em;
}
.rb-content { padding: .5em; }
.catalog_container{width:400px; margin:20px auto 10px auto; position:relative; color:#FFFFFF;}
.catalog_container .welcome{font-size:18px; font-weight:normal; font-family:verdana; color:#FFFFFF; text-align:center;}
.catalog_container .cat_2008{width:394px; height:57px; margin:90px auto 32px auto; position:relative;}
.catalog_container .catbutton{width:91px; height:33px; margin:0 auto 30px auto; position:relative;}