/* RESET All Stlyes*/
@import url('reset.css');
/******************************************/
/*            COMMON ELEMENTS             */
/******************************************/
h1,h2,h3,h4,h5{
 margin-bottom:0.5em;
 font-weight:bold;
 line-height:1.2em;
 color:#244875;
}
h1{ font-size:1.5em; color:#233F88}
h2{ font-size:1.3em; color:#3BD2FF; }

p,ul, ol{
	font-size: 1em;
	margin-bottom: 1em;
	line-height:1.2em;
}

ul,ol{
	list-style:disc;
	padding-left:20px;
	line-height:1.5em
}
ol{list-style:decimal; padding-left:25px;}
dl{margin-bottom:1em;}
dt{ font-weight:bold;margin-bottom:0.5em;}
dd{ padding:0em 0 0.5em 1em; line-height:1.3em}

/*Info Messages */
.success,.msginfo,.msgerror{
	background-position:10px 50%;
	background-repeat:no-repeat;
	padding: 5px 20px 5px 35px;
	border-width:2px 0px;
	border-style:solid;
	position:relative;
	height:1%
}
.msgerror{
	background-color:#fff6bf ;
	background-image:url(../images/icons/exclamation.gif);
	border-color:#ffd324;
}
.msginfo {
	background-color:#F8FAFC ;
	background-image:url(../images/icons/information.gif);
	border-color:#B5D4FE;
}
.success{
	background-color: #ebf4e6;
	background-image:url(../images/icons/accept.gif);
	border-color:#72B95B;
}
.msgerror h2{color:#E25F53; margin:0}
.msgerror ul{margin:0}
/*Content Style*/
img{vertical-align:middle}
kbd{
	font-weight:bold;
	font-style:italic;
	color:#333;
	padding:0px 2px;
	background:#f8f8f8;
	border:1px solid #ddd;
	border-color:#ddd #333 #333 #ddd;
}

p.description{font-weight:bold; color:#069}
/*Links */
a,a:visited{color:#324e68}
a:hover,a:focus{color:#4175b6}
a.internal_link{background:url(../images/icons/internallink.gif) no-repeat right; padding-right:16px; margin-right:5px;}
a.external_link{background:url(../images/icons/externallink.gif) no-repeat right; padding-right:16px; margin-right:5px;}

strong{font-weight:bold; }
em{font-style:italic;}

.hidden{display:none !important;}

/* ---- pull quote */
.pullquote {
	display: block;
	float:right;
	padding:0px 10px;
	border-left:5px solid #20416C;
	width:40%;
	margin:5px 0 5px 10px;
	color:#069;
}

.quote {
	background:transparent url(../images/quoleft.png) no-repeat scroll left top;
	margin-bottom:0.5em;
	padding:0.5em 48px;
	display:block;
}
blockquote{border-left:4px solid #8CACBB;color:#76797C;margin:0 0 0.5em;padding-left:0.5em;}
ins {border-bottom: 1px solid green;text-decoration: none;color: green;}
del {color: red;text-decoration: line-through;}
cite {border-bottom: 1px dashed blue;}
acronym {border-bottom: 1px dotted #CCC;cursor: help;}
abbr, html\:abbr {border-bottom: 1px dashed #CCC;cursor: help;}
pre{
	background-color:#DEE7EC;
	border:1px solid #8CACBB;
	color:Black;
	font-family:Monaco,"Courier New",Courier,monospace;
	font-size:100%;
	overflow:auto;
	padding:1em;
}
.callout{
	color:#CC9933;
	font-weight:bold;
	padding:0px 1em;
}
.discreet {
	color:#76797C;
	font-size:85%;
	font-weight:normal;
}
.spacer{
	clear:both;
	margin:0; padding:0;
	height:1px;
	overflow:hidden;
}

/* TEXT EDITOR */
body#maincontent{
	background:#FFF;
	text-align:left;
	font-size:12px ;
	margin:5px ;
	width:auto ;
	padding:0;
}


/******************************************/
/*            STRUCTURE                   */
/******************************************/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0px; padding:0;
	color:#000;
	background:#fff url(../images/bg.jpg) repeat-x top left;
	position:relative;
}
#bg{
	background:url(../images/motif.jpg) no-repeat 0 0;
	xpadding:1px 0pt 0pt; /*weird bug with firefox + opera (add 5px margin on the top of the page)*/
}
#global{
	font-size:1.1em; /*11px*/
	margin:10px auto;
	width:782px;
	background:url(../images/header_bg.gif) top left no-repeat;
	padding-top:10px;
	color:#333
}
#header,
#content{
	background:#fff;
	border:1px solid #ccc;
	border-width:0 1px;
}

/*Header*/
#header{
	padding:0 10px;
}
#header h1{margin:0;padding:0px;}
#header h1 a{
	background:url(../images/logo.jpg) no-repeat top left;
	display:block;
	height:70px;
	overflow:hidden;
	text-indent:-6000px;
	width:270px;
}

#banner{
	position:relative;
	background:#374D96 url(../images/header_banner.jpg) top left no-repeat;
	width:760px;
	min-height:90px;
}
* html #banner{height:90px;}
#banner ul{
	position:absolute;
	bottom:0;
	right:0;
	margin:80px 0 0;
	list-style:none;
}
#banner ul li{
	float:left;
}
#banner ul li a,#banner ul li a:visited{
	background:#000065 url(../images/topnav_bg.gif) repeat-x top left ;
	color:#fff;
	display:block;
	font-weight:bold;
	margin-right:5px;
	padding:5px 8px;
	text-decoration:none;
}
#banner ul li a:hover,#banner ul li a:focus{
	background:#000 url(../images/topnav_hover_bg.gif) repeat-x top left ;
}
/* Search bar*/
#search_bar{
	background:#aee4ff;
	padding:5px;
	color:#2A3295;
}
	#product_search{ float:left; margin-right:5px;}
	#search_bar p{ margin:0;}
	#search_bar label{ font-weight:bold; vertical-align:middle}
	#search_bar input,#search_bar select{vertical-align:middle}
	#search_bar .searchButton{
		background:#2A3295;
		border:1px solid #006;
		color:#fff;
		margin:0 5px;
		cursor:pointer;
		width:auto;
	}

/*Content*/
#content{
	border-bottom:1px solid #ccc;
	padding:5px 10px 10px;
}
/*LEFT*/
#left{
	float:left;
	margin-right:5px;
	width:186px;
}

h2.title{
	background:#264190;
	color:#fff;
	font-size:1.05em;
	margin:0;
	padding:5px;
}
#navigation ul , #navigation li ul{
	background:#E3F4FB;
	list-style:none;
	padding:0;
	margin:0;
}


#navigation li a{
	display:block;
	background:#3BCFFF;
	padding:2px 5px;
	color:#2E3496;
	font-weight:bold;
	border-bottom:1px solid #fff;
	text-decoration:none;
}
#navigation li a:hover, #navigation li a:focus{
	background:#AEE4FF
}
	/*subnav*/
	#navigation li ul li a{
		background:#E3F4FB;
		border:0;
		padding-left:10px;
	}


/*CENTER*/
#center{
	float:left;
	width:565px;
}


#cat_links{
	float:left;
	margin-right:5px;
	width:185px;
	margin-bottom:0px;
}
#cat_links a{
	position:relative;
	display:block;
	float:left;
	margin-bottom:4px;
	color:#fff;
	text-decoration:none;
}
#cat_links a strong{
	background:#264190 ; /*url(../images/bg_promo.gif)*/
	bottom:0;
	cursor:pointer;
	display:block;
	font-size:16px;
	left:0;
	letter-spacing:0.1em;
	padding:8px 0px;
	position:absolute;
	text-align:right;
	width:100%;

	opacity: .8;
	filter: alpha(opacity=80);
}

#cat_links a strong span
{
	background:transparent;
	padding:0 5px;
}

#sales{float:left;}

/*Quicklinks */
#quicklinks{
	clear:both;
	padding-top:4px;
}
* html #quicklinks{padding-top:2px;}
#quicklinks img{margin-right:1px;}

.newsletter {
	background: url(../images/ql_newslettersubscribe.jpg) top left no-repeat;
	float:left;
	width:181px;
	height:98px;
	margin-right:3px;
	padding:30px 0px 0px 5px;
	height:1%;
}

* html .newsletter {margin-right:1px;}

#signup input{
	width:100px;
	height:13px;
	border:1px solid #666;
	margin-bottom:5px;
}

#signup label {
    color:#FFF;
    float:left;
    padding-top:2px;
    width:45px;
}
#signup .submit {
    font-size: 1em;
    width:50px;
    height:20px;
    margin-left:45px;
}


/* extra links*/
#extra_links{
	background:#304692;
	list-style:none;
	margin:0;
	padding:5px 10px;
}
#extra_links li{display:inline;margin-right:5px;}
#extra_links a,#extra_links a:visited{color:#fff; text-decoration:none;}

/*footer*/
#footer{
	color:#999;
	padding:5px;
}
/********************* PAGES MANAGEMENT *********************/

.page select{
	border:1px solid #ccc;
	color:#303030;
}
.page{
	background: #32CCFE;
	border:1px solid #d5d5d5;
	clear:both;
	color:#fff;
	margin:1em 0 0.5em 0;
	padding:0.7em;
	height:1%;
}
.page a,.page a:visited, .page .this{
	border:1px solid #333;
	margin:2px;
	text-decoration:none;
	background-color:#275E9F;
	padding:1px 0.5em;
	color:#fff;
}
.page a:hover, .page .firstlast{
	color:#fff;
	background-color:#134580;
}

.page .this{
	background-color:transparent;
	border-color:#32CCFE
}

.page .firstlast:hover{background-color:#3466A1;}


/******************************************/
/*            MEDIACENTRE                 */
/******************************************/
.boxmedia{
	clear:both;
	margin-bottom:1em;
	padding-bottom:0.5em;
}

.boxmedia h2 a,p.details a{text-decoration:none}

p.details{
	border-bottom:1px solid #ccc;
	font-size:0.9em;
	margin:-0.6em 0 0.5em;
	padding:0 0 3px;
}
p.details span.date,
p.date{
	background:url(../images/icons/icon_date.gif) left 0px no-repeat;
	padding:0px 0 0px 16px ;
	color:#aaa;
}
p.date{
	margin:-0.6em 0 0.5em;
}
a.viewmore{
	background:url(../images/icons/arrow_right.gif) left 2px no-repeat;
	padding-left:13px;
	text-decoration:none;
}
.imageArticle{
	display:block;
	float:right;
	margin:0em 5px 10px 10px;
}

p.back,
p.more{
	margin-top:0.5em;
	padding:0.5em 0;
	clear:both;
	border-top:1px solid #ccc;
	padding-left:14px;
	height:1%;
}
p.back{
	background:url(../images/icons/arrow_left.gif) left center no-repeat;
}
p.more{background:url(../images/icons/arrow_right.gif) left center no-repeat; }
#mediacentre_actions{
	float:right;
	margin:0;
	padding:0;
}
#mediacentre_actions a img{
	padding:2px;
	margin:0px;
	border:1px solid #fff;
}

#mediacentre_actions a:hover img{
	border:1px solid #027ABB;
	background:#E9F6FD;
	padding:2px;
}