@import url("portfolio.css");
/* Main stles */
*{margin:0;	padding:0;}

html,body{width:100%;height:100%;}

body{background: #dfdfdf; color: #000000;}
img{border: 0;}
a{font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #424853;}
p{font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;color: #151515;}
h1{font: 19px Verdana, Geneva, Arial, Helvetica, sans-serif;}
h2{font: 18px Verdana, Geneva, Arial, Helvetica, sans-serif;}
h3{font: 17px Verdana, Geneva, Arial, Helvetica, sans-serif;}
h4{font: 16px Verdana, Geneva, Arial, Helvetica, sans-serif;}
h5{font: 15px Verdana, Geneva, Arial, Helvetica, sans-serif;}
/* clearfix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
html[xmlns] .clearfix{display: block;}
/***************/

/* End Of Main stles */
/* Main Wraper */
#wrapper{
	margin:0 auto;
	padding:0;
	width: 100%;
	background: url(../images/bgr_gradient.gif) repeat-x center top;
}
/* Header Block */
#header{
	margin:0;
	padding:0;
	width: 100%;
	background: #071E48;
}
/* the Background on the top */
#header_top{
	background: url(../images/header_top_bg.jpg) no-repeat	center top;
	width:950px;
	margin: 0 auto;
	position: relative;
	min-height: 91px;
}
/* Icon Navigation */
#icon_nav{
	float: left;
	list-style: none;
	margin-top: 15px;
}
#icon_nav li{
	float: left;
	display: inline;
	margin-left: 11px;
}
#icon_nav a{
	display: block;
	width: 12px;
	height: 12px;
	text-indent: -10000px;
	background-repeat: no-repeat;
}
#icon_nav li#home_icon a{background-image: url(../images/home_icon.gif);}
#icon_nav li#email_icon a{background-image: url(../images/mail_icon.gif);}
#icon_nav li#sitemap_icon a{background-image: url(../images/sitemap_icon.gif);}
/* Logo */
h1#logo{
	padding: 25px 0px 0px 0px;
	margin: 0 auto;
	text-align: center;
}
h1#logo a{
	display: block;
	width: 180px;
	height: 46px;
	margin: 0 auto;
	position: relative;
	background: url(../images/axxon_logo.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
h1#logo a img{
	margin-top:23px;
	}
/* Casablanca Logo*/
h1#logo a.casablanca_logo img{margin-top:6px}
/* Language Bar */
#lang{
	float: right;
	list-style: none;
	margin-top: 16px;
}
#lang li{
	float: left;
	display: inline;
	margin-right: 5px;
	font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
}
#lang a{
	font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	padding-right: 5px;
}
#lang li.active a{
	font-weight:bold;
	text-decoration: underline;
}
/* Main Navigation Bar */
#nav{
	clear: both;
	width: 100%;
	text-align: center;
	background:#082557 url(../images/nav_bg.jpg) repeat-x;
	border-bottom: solid 2px #10469B;
	border-top: solid 1px #fff;
}
#nav div{
	width:950px;
	margin: 0 auto;
}
#nav span{
	margin-left: -5px;
	background: url(../images/nav_li_border.jpg) repeat-y right top;
	overflow: hidden;
	padding: 3px 0 5px 0;
}
#nav a{
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 28px;
	min-height: 28px;
	padding: 6px 18px 7px 18px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
#nav a:hover, #nav a.active{background:#1055C7 url(../images/nav_a_hover.jpg) repeat-x;}
#nav .last{background: none;}

/* Content block */
#content{
	margin:0 auto;
	padding-bottom: 14px;
	overflow: hidden;
	width: 950px;
	margin-top: 14px;
}
#advertisement{
	position: relative;
	min-height: 200px;
}
.advertisement_pic{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
#advertisement div{
	position: relative;
	margin: 0 17px;
	padding-top: 17px;
	z-index: 1;
	width: 230px;
}
#advertisement h1{
	font: 36px Times New Roman, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
}
#advertisement h2{
	font: 21px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
}
#advertisement span{
	font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
}
/* Portfolio */
#porfolio{
	clear: both;
	position: relative;
	width: 948px;
	margin-top: 14px;
	margin-bottom: 14px;
	min-height: 132px;
	border: solid 1px #D8D8D8;
	background-color: #FFF;
	text-align: center;
}

#flash_portfoloio {
	margin-top: 13px;
}
#porfolio .angle_top_left{top:-1px;left:-1px}
#porfolio .angle_top_right{top:-1px;right:-1px}
#porfolio h3{
	font: bold 12px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #444444;
	background: #D8D8D8;
	padding: 7px 9px 7px 9px;
	border-bottom: solid 1px #E2E2E2;
	margin-bottom: 14px;
	text-align: left;
}
/* Info Blocks beforre footer */
.info{
	float: left;
	position: relative;
	display: inline;
	margin-right: 14px;
	margin-left:1px;
	padding: 14px 12px;
	width: 200px;
	border: 1px solid #C3C3C3;
	min-height: 198px;
	background: #FFF url(../images/info_bg.gif) repeat-x;
}
.last_info{
	margin-right: 0px !important;
}
.mask{
	width: 199px;
	height: 52px;
	overflow: hidden;
	position: relative;
	text-align: center;
	margin-bottom: 25px;
}
.mask a{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 199px;
	height: 52px;
	background: url(../images/info_mask.png) no-repeat;
}
.info a.more{
	display: block;
	width: 60px;
	height: 19px;
	padding: 2px 9px;
	margin-top: 8px;
	background: url(../images/more.gif) no-repeat;
	text-decoration: none;
	font: 11px Tahoma;
	color: #2B2B2B;
}
.info h3{
	font: bold 12px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #0E3C87;
	margin-bottom: 15px;
}
.info p{
	font: 10px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 7px;
}
.info a{
	font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #444444;
	text-decoration: none;
}
.info a.link{
	font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #444444;
	text-decoration: underline;
}
/* Inner Pages */
#sidebar{
	position: relative;
	float: left;
	display: inline;
	margin-right: 15px;
	width: 224px;
	padding:8px 0 9px 0;
	min-height: 200px;
	background: #1450B6 url(../images/sidebar_bg.jpg) repeat-x;
}
#sidebar.banner {
	padding:0;
}
#sidebar h2{
	font: bold 14px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	padding-bottom: 8px;
	margin: 0 7px 0 7px;
	padding-left: 13px;
	background: url(../images/sidebar_border.gif) repeat-x left bottom;
}
#sidebar img{
	float: right;
	margin-top: 4px;
}
#sidebar ul{
	list-style: none;
	margin: 0 7px 0 7px;
}
#sidebar li{
	background: url(../images/sidebar_border.gif) repeat-x bottom;
	font: bold 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
}
#sidebar li.last{background: none;}
/*#sidebar li:last-child{background:none;}*/
#sidebar li a{
	display: block;
	padding: 8px 7px 9px 23px;
	font: bold 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	background: url(../images/white_bullet.gif) no-repeat 10px 55%;
}
#sidebar li a:hover{background: url(../images/sidebar_hover.jpg) no-repeat 0 55%;}
#sidebar address{
	font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	width: 96px;
	margin-left: 19px;
	margin-top: 10px;
	padding-left: 11px;
	background: url(../images/white_bullet_down.gif) no-repeat 0 5px;
}
/* Sidebar Sub menu*/
#sidebar li ul{
	padding-bottom: 7px;
	overflow: hidden;
}
#sidebar li li{
	padding-left: 5px;
	background: none;
}
#sidebar li li a{
}

#sidebar li li a:hover{background: url(../images/white_bullet.gif) no-repeat 10px 55%;}
#sidebar li li li, #sidebar li li ul,	#sidebar li li li a, #sidebar li li li a:hover{
	margin-left:0;
	background: none;
}
#sidebar li li ul{
	display: block;
}
#sidebar li li.active ul{
	display: block;
}

#sidebar address strong{display:block}

/* Content Beside Sidebar */
#main_content{
	float: left;
	display: inline;
	width: 650px;
	padding: 15px 30px 15px 28px;
	position: relative;
	border: solid 1px #E1E1E1;
	background: #f5f5f5;
	min-height: 400px;
}

#main_content li {
	list-style-position: inside;
}
/* Breadcrumb */
#breadcrumb{
	float: left;
	margin-bottom: 12px;
	list-style: none;	
}
#breadcrumb li{
	float: left;
	font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #444444;
	margin-right: 3px;
	line-height: 1.7;
}
#breadcrumb li a{
	font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #444444;
	padding-right: 3px;
}
#main_content h2{
	clear: both;
	color: #0E3C87;
	margin: 15px 0 6px 0;
}
#main_content p{
	line-height: 15px;
	margin-bottom: 7px;
}
#main_content .mask{
	float: left;
	width: 220px;
	margin-right: 14px;
	margin-bottom: 8px;
	height: 57px;
}
#main_content .mask a {
	width: 220px;
	height: 57px;
	background: url(../images/info_mask_220.png) no-repeat;
}

#main_content a{
	font: 11px Arial, Helvetica, sans-serif;
	color: #0E3C87;
}
a.address{
	display: block;
	background: url(../images/bullet_link.gif) no-repeat right top;
}
/* Careers */
.ref_number{
	float: left;
	display: block;
	width: 75%;
	font: bold 11px Tahoma;
	border: 0;
}
.ref_number code{font: bold 11px Tahoma, Helvetica, sans-serif;}
#main_content a.candidate{
	float: right;
	display: block;
	width: 101px;
	height: 15px;
	background: url(../images/candidate.jpg) no-repeat;
	font: 11px Tahoma;
	color: #2B2B2B ;
	text-decoration: none;
	padding: 4px 0 0 10px;
}
/* Candidation Form */
#form_nominate{
	margin-top: 20px;
}
#form_nominate fieldset{
	border:0;
	width: 371px;
}
#form_nominate label{
	clear: both;
	float: left;
	display: block;
	width: 150px;
	font: bold 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #0E3C87;
}
#form_nominate input, #form_nominate textarea{
	float: left;
	width: 218px;
	margin-bottom: 7px;
	border: solid 1px #7F9DB9;
}
#form_nominate textarea{height:98px}
#form_nominate select{
	float: left;
	margin-bottom: 7px;
}
input#nominate{
	font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #2B2B2B;
	cursor: pointer;
	width: 61px;
	padding-top: 1px;
	padding-left: 2px;
	padding-bottom: 10px;
	background: url(../images/more.gif) no-repeat;
	border: 0;
	float: right;
	text-align: left;
}
.download{
	margin-top: 30px;
}
.download h3{
	font: bold 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #0E3C87;
	margin-bottom: 20px;
}
.download ul{
	list-style: none;
	margin-top: 5px;
}
.download li{
	padding-left: 10px;
	background: url(../images/blue_bullet.gif) no-repeat 0 8px;
}
.download li a{
	padding-right: 26px;
	background: url(../images/download_icon.gif) no-repeat right center;
	text-decoration: none;
	font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #0E3C87;
}
/* Portfolios */
/* Logos Holder */
.portfolio{
 	position: relative;
	display: inline;
	padding: 0 0 0 0;
	background: #fff;
	border: solid 1px #E1E1E1;
}
.portfolio .portfolio{
	margin: 0 25px 25px 25px;
	display: block;
	clear: both;
}

.portfolio h3{
	font: bold 14px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #444444;
	margin: 10px 0 10px 25px;
}
.portfolio p {
	margin: 10px 25px 0 25px;
	padding:0 0 10px 0;
}

.portfolio ul {
	float: left;
	width: 325px;
	list-style: none;
	margin: 0px;
	overflow: hidden;
	padding-bottom: 26px;
}

.portfolio li {
	float: left;
	display: inline !important;
	list-style-type: none;
	width: 115px;
	height: 190px;
	margin: 30px 14px 0px 29px;
}

.brands {
	width: 115px;
	height: 190px;
}

.brand_logo {
	text-align: center !important;
	width: 115px;
	height: 100px;
	padding-bottom: 7px;
	border-bottom: 1px solid #e1e1e1;
}


.brand_title {
	width: 115px;
	padding-top: 2px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #151515;
	text-align: center;

}

.brand_txt {
	width: 110px;
	margin: 5px 0px 0px 5px;
	font-family: Tahoma;
	font-size: 11px;
	text-align: center;
}
.portfolio_products li {
	height: 230px;
}
/*
.portfolio li a{
	position: relative;
	display: block;
	text-decoration: none;
	font: 11px Tahoma;
	color: #151515 !important;
	text-align: center;
}

.portfolio li a span{
	display:block;
	padding-bottom: 5px;
	overflow: hidden;
	border-bottom:solid 1px #E1E1E1;
	font: 11px Tahoma;
	color: #151515;
	cursor: pointer;
}*/

.image_column{
	float: left;
	width: 200px;
	overflow: hidden;
	display: inline;
	margin-right: 30px;
}
.image_holder{
	position: relative;
	float: left;
	width: 154px;
	display: inline;
	margin-left: 25px;
	margin-bottom: 14px;
	margin-right: 20px;
}
.image_holder a{display: block;}
.image_holder a img{float:left;}
.product_info{
	background: url(../images/table_color.gif) repeat-y right top;
}

.product_info table{
	float: right;
	background: #000;
	color: #fff;
	font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	height: 100%;
	width: 270px;
}
.product_info table thead th{
	text-indent:-10000px;
	min-height: 59px;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 20px 0 20px 0;
}
th#product_color{
	/*background-image: url(../images/color.jpg);*/
	text-indent: 0;
	padding-left: 17px;
	text-align: left;

	color: #999999;
}
th#product_number{background-image: url(../images/number.jpg);}
th#product_barcode{background-image: url(../images/barcode.jpg);}
.product_info table td{
	border-top:solid 1px #999999;
	color: #999999;
	padding: 10px 5px 10px 17px;
}
.product_link{
	color: #820133 !important;
	float: left;
	clear: both;
	margin-left: 25px;
	margin-bottom: 10px;
}
.product_info ul{padding-bottom: 5px;}
.product_info li{
	height:106px;
	margin:10px 10px 10px 10px;
	width:88px;
}
.product_info li.last{
	background:none;
	margin-right: 0px;
}
.product_info li a{margin:0}

/************ Angles *************/
/* Bordered Angles */

.border_top_left, .border_top_right, .border_bottom_left, .border_bottom_right,
.border_gray_top_left, .border_gray_top_right, .border_gray_bottom_left, .border_gray_bottom_right{
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
}
.border_top_left {
	top:-1px;
	left: -1px;
	background: url(../images/border_top_left_white.gif);
}
.border_top_right {
	top:-1px;
	right: -1px;
	background: url(../images/border_top_right_white.gif);
}
div.info .border_top_left{
	background: url(../images/border_top_left_info.gif);
}
div.info .border_top_right{
	background: url(../images/border_top_right_info.gif);
}
.border_bottom_left{
	bottom:-1px;
	left: -1px;
	background: url(../images/border_bottom_left.gif);
}

.border_bottom_right{
	bottom:-1px;
	right: -1px;
	background: url(../images/border_bottom_right.gif);
}

.product_info .border_bottom_left{
	background-image: url(../images/border_bottom_left_white.gif);
}

.product_info .border_bottom_right{
	background-image: url(../images/border_bottom_right_black.gif);
}

.product_info .border_top_right{
	background-image: url(../images/border_top_right_black.gif);
}

.border_top_left_main {
	background-image: url(../images/border_top_left_main.gif);
}

.border_top_right_main{
	background-image: url(../images/border_top_right_main.gif);
}

.border_bottom_left_main {
	background-image: url(../images/border_bottom_left_main.gif);
}

.border_bottom_right_main{
	background-image: url(../images/border_bottom_right_main.gif);
}


/* Gray Bordered Angles */
.border_gray_top_left{
	top:-2px;
	left: -2px;
	background: url(../images/border_gray_top_left.gif);
}
.border_gray_top_right{
	top:-2px;
	right: -2px;
	background: url(../images/border_gray_top_right.gif);
}
.border_gray_bottom_left{
	bottom:-2px;
	left: -2px;
	background: url(../images/border_gray_bottom_left.gif);
}
.border_gray_bottom_right{
	bottom:-2px;
	right: -2px;
	background: url(../images/border_gray_bottom_right.gif);
}

/* Normal Angles */
.angle_top_left, .angle_top_right, .angle_bottom_left, .angle_bottom_right{
	position: absolute;
	display: block;
	width: 9px;
	height: 9px;
}
.angle_top_left{
	top: -1px;
	left: -1px;
	background: url(../images/angle_top_left.png);
}
.angle_top_right{
	top: -1px;
	right: -1px;
	background: url(../images/angle_top_right.png);
}
#porfolio .angle_top_left{
	background: url(../images/angle_top_left_portfolio.png);
}
#porfolio .angle_top_right{
	background: url(../images/angle_top_right_portfolio.png);
}
.angle_bottom_right{
	bottom: -1px;
	right: -1px;
	background: url(../images/angle_bottom_right.png);
}
.angle_bottom_left{
	bottom: -1px;
	left: -1px;
	background: url(../images/angle_bottom_left.png);
}



/********************************/
/* Footer */
#footer{
	margin:0 auto;
	position: relative;
	margin-top: 15px;
	padding: 11px 0 11px 0;
	width: 950px;
	clear: both;
	background: #0E3B85;
}
#copyright{
	float: left;
	display: inline;
	margin-left: 9px;
	font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
}
#footer ul{
	float:left;
	display: inline;
	margin-left: 225px;
	list-style: none;
}
#footer ul li{
	float:left;
	display: inline;
	margin-right: 17px;
	font: 11px Tahoma;
	color: #fff;
}
#footer ul a{
	font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	padding-right: 17px;
}
#footer ul a:hover{text-decoration:underline;}
#magstudio{
	float: right;
	display: inline;
	width: 107px;
	height: 14px;
	background: url(../images/mag_logo.gif) no-repeat;
	text-indent: -10000px;
	margin-right: 12px;
	overflow: hidden;
	outline: none;
}

/* new stuff */
.products_list {
	margin-top: 16px;
	background: #ffffff url(../images/p/middle.gif) repeat-y;
}
.products_list .portfolio_bottom {
	background: url(../images/p/bottom.gif) no-repeat scroll center bottom;	
	display: block;
	height: 14px;	
	clear: both;
}

	.double_list {
		float: left;
		width: 322px;
		/*background-color: #ffffff;*/
		
	}

	.double_list.ours {
		margin-right: 6px;
	}

	.double_list.dist {
	}

		.double_list h3 {
			height: 43px;
			line-height: 40px;
			text-align: center;
			vertical-align: middle;
			color: #ffffff;
			background-position: top center;
			background-repeat: no-repeat;
		}

		.double_list.ours h3 {
			background-image: url(../images/p/ours.gif);
		}

		.double_list.dist h3 {
			background-image: url(../images/p/dist.gif);
		}

		.double_list .bottom {
			clear: both;
			display: block;
			height: 14px;
			/*background: url(../images/p/bottom.gif) no-repeat scroll center bottom;*/
		}

		.double_list ul {
			float: left;
			display: inline;
			margin-left: 1px;
			list-style: none none;
		}

			.double_list ul li {
				float: left;
				clear: left;
				width: 159px;
				height: 145px;

				background: url(../images/p/li.gif) no-repeat bottom center;
			}

			.double_list ul li.last {
				background-image: none;
			}

			.double_list ul.right li {
				padding-left: 1px;
			}

			.double_list ul li.title {
				height: 53px;

				background: #f3f3f3;
				border-top: 1px solid #e1e1e1;
				border-bottom: 1px solid #e1e1e1;
			}

				.double_list ul li.title h4 {
					padding: 6px 10px;

					font-family: Tahoma;
					font-size: 0.9em;
				}

				.double_list ul li a.image {
					display: block;
					width: 140px;
					margin: 10px auto;				
				}

					.double_list ul li img {
						width: 136px;
						height: 78px;
						border: 2px solid #e1e1e1;
					}

				.double_list ul li a.title {
					display: block;
					width: 140px;
					margin: 10px auto;
					color: #000000 !important;
					font-weight: bold !important;
					text-align: center;
					text-decoration: none;
				}

				.double_list ul li a.title:hover {
					color: #0e3c87 !important;
				}


ul#sitemap,
ul#sitemap ul {
	list-style: none none;
}

ul#sitemap ul {
	margin-left: 20px;
}


div.magstudio {
		float: right;
		width: 135px;

		color: #FFF;
		font-size: 11px;
	}

		div.magstudio a,
		div.magstudio span {
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
		}

		div.magstudio a img {
			margin-left: 10px;
		}

ul.errors {
	font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
	background: #fbe2e5 url('../images/error.jpg') no-repeat right center;
	border: 2px solid #fbc2c4;
	padding: 10px 20px;
	color: #8A1F11;
	font-size: 12px;
}
div#zoom {
	position: relative;
	z-index: 1;
	width: 154px; 
	height: 185px;
}
#zoom #zoom_magnifier {
	bottom:0px;
	cursor:pointer;
	display:block;
	position:absolute;
	right:5px;	
	width:22px;
	z-index:10;
}

#left_contacts {
	width: 200px;
	float: left;
}
#right_contacts {
	width: 440px;
	float: left;
}