/* 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:#333366; }
h3 { font-size:1.3em; color:#66ccff; }

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 #66ccff;
	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 #66ccff;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;
	padding-top:0.5em
}

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


/******************************************/
/*            STRUCTURE                   */
/******************************************/
body{
	font-family:Comic Sans MS, Verdana, Arial;
	font-size: 62.5%;
	margin: 0px; padding:0;
	color:#000;
	background:#fff url(../images/main-bg.jpg) repeat-x top right;
}
#wrap {
	background:transparent url(../images/book-bg.gif) no-repeat top center;
}

#global{
	font-size:1.3em;
	margin:0px auto;
	width:760px;
	color:#333
}

* html #global {width:775px;}

#header,
#content{

}

/*Header*/
#header{
	
	padding:0 10px;
}
#topnav{
margin-right:10px;
}

#topnav ul{
	text-align:right;
	margin-bottom:5px;
}
#topnav ul li{
	display:inline;
	margin-left:5px;
}

#topnav ul li a{
	font-size:0.90em;
}


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

h2.title{
	background:#264190;
	color:#fff;
	font-size:1.05em;
	margin:0;
	padding:5px;
}
#navigation ul {
	list-style:none;
	padding:0;
	margin:0;
	margin-top:20px;
	border-right:1px solid #ededed;
}


#navigation li.odd { background:url(../images/nav-moon.jpg) left 3px no-repeat;}
#navigation li.even { background:url(../images/nav-star.jpg) left 3px no-repeat;}


#navigation li a{
	display:block;
	padding:0px 5px;
	color:#333366;
	font-weight:bold;
	text-decoration:none;
	margin-left:15px;
}
#navigation li a:hover, #navigation li a:focus{
	color:#66ccff;
}
	/*subnav*/
	#navigation li ul {margin:0 0 0.5em}
	#navigation li ul li a{
		border:0;
		padding-left:10px;
		font-weight:normal;
	}

#navigation h2 a {
height:50px;
width:190px;
font-size:0px;
text-indent:-20000px;
display:block;
text-decoration:none;
}	

ul#callactions, ul#login_links {
	background:url(../images/callactionline.gif) no-repeat top;
	padding-top:15px;
	margin-bottom:10px;
}

#callactions li a, ul#login_links li a {
margin-left:0px;
background:url(../images/arrow.gif) no-repeat center right;
margin-right:10px;
}

/*news*/

#latest_news, #newsletter{
	background: transparent url(../images/box-top.jpg) top no-repeat; 
	color:#fff;
	width:182px;
	padding:5px;
}



#latest_news h2, #newsletter h2 { color:#fff; font-size:1em; }
#latest_news dl{margin:0; background:url(../images/boxline.gif) bottom center no-repeat; padding-bottom:15px;}
#latest_news dt a {color:#66ccff; text-decoration:none;}
#latest_news dt a:hover {color:#fff;}
#latest_news dd{ margin:0px; padding:0px; }
#latest_news dd.date{font-size:0.83em; padding:0px; position:relative}

.boxwrap {
	background: #517dff url(../images/box-bottom.jpg) bottom no-repeat;
	width:192px; 
	margin-bottom:5px;
}

a.read,a.read:visited, #newsletter .submit {
	color:#fff;
	background:url(../images/arrow-blue.gif) right center no-repeat;
	width:182px;
	display:block;
	padding:5px 0px;
	text-decoration:none;
	border:none;
	text-align:left;
	cursor:pointer;
}

a:hover.read, #newsletter .submit:hover {
	color:#333;
}	
#newsletter label{font-size:0.95em;}
#newsletter input {
	width:130px;
	font-size:0.95em;
}

#newsletter p {
	margin:3px;
}
/*CENTER*/
#center{
	float:left;
	width:540px;
	margin-left:5px;
	margin-top:10px;
}

#cat_links{
	float:left;
	margin-right:5px;
	width:185px
}
#cat_links a{
	display:block;
	float:left;
	margin-bottom:4px;
}
#sales{float:left;}

/*Quicklinks */
#quicklinkswrap { background:url(../images/home-boxes-bg.gif) bottom repeat-y;}
#quicklinks { background:url(../images/home-boxes-bottom.gif) bottom no-repeat; color:#333366;}

.quick {background:url(../images/home-boxes-top.gif) top no-repeat;}

#quicklinks ul { padding-top:73px; margin:0px; }
#quicklinks p {margin:0px; padding:0px;}

p.intro:first-line {font-weight:bold;}
#quicklinks a {
	text-decoration:none;
	font-size:0.85em;
	font-weight:bold;
	padding-right:35px;
	text-align:right;
	background:url(../images/arrow.gif) no-repeat right bottom;

}

#quicktwo a  {padding-right:46px;}


ul.quick li {
	margin-right:1px; 
	margin-bottom:0px;
	background:none; 
	list-style-type:none; 
	padding-left: 0px; 
	float:left;
	width:160px;
	margin-left:-8px;
}


li#quickone, li#quicktwo {margin-right:30px;}

* html li#quickone, li#quicktwo {margin-right:25px;}
* html ul.quick li {margin-left:-5px; width:160px}



/*Customer Reviews*/

#customerreviews {
	margin-top:20px;
}

#customerreviews h2 {
	font-weight:normal;
	background:url(../images/customer-reviews-title.gif) bottom left no-repeat;
	padding-bottom:10px;
}

#customerreviews p { margin:0px;}

p.customername {
	color:#66ccff;
	font-weight:bold;
	padding-bottom:10px;
	

}


/*footer*/
#footer{
	color:#fff;
	padding:5px;
	background:#3b8e6c;
	font-size:1.15em;
}

#footer a { color:#fff}

.footerwrap {
width:750px;
margin:0 auto;
padding:10px;
}
/********************* PAGES MANAGEMENT *********************/
.page{}
.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;
}
.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 10px;
	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;
}

/* LIVE SEARCH*/
#livesearch_box{
	z-index:5;
	padding:0;
	float:right;
	width:300px;
	text-align:right;
}

#livesearch_box label{
	background:url(../images/icons/search.gif) left center no-repeat; 
	padding:3px 5px 3px 23px;
	vertical-align:middle;
}
#livesearch_box h2{display:none;}
#livesearch_field input{width:100px; padding:0 2px; }
#livesearch_box input{vertical-align:middle; font-size:0.75em; }

#livesearch_results{
	position:relative;
	background:#fff;
	border:1px solid #3962E4;
	border-bottom:0;
	padding-bottom:5px;
	font-size:1.2em;
}
#results p.msgerror{margin:0.5em 0.5em 1em;} /*FOR No RESULT STYLE*/
#livesearch_results a{text-decoration:none;}

#search_title{
	background:#5EA8F0 url(../images/livesearch_title_bg.gif) repeat-x bottom left;
	border-bottom:1px solid #3962E4;
	color:#fff;
	padding:4px;
	margin:0;
	font-weight:bold;
	font-size:1.2em
}
#results dl{padding:0.5em 10px; margin:0;}
#results a{display:block}
#results a:hover{background:#EBEFFB;}
#results a  + a {display:block; border-top:1px solid #bdc7e5} 

#close_tab{
	background:transparent url(../images/livesearch_close.gif) no-repeat center 0;
	border-bottom:5px solid #3962E4; 
	bottom:0;
	height:10px;
	display:block;
	position:absolute;
	text-decoration:none;
	width:100%;
}
* html #close_tab{position:relative; height:auto;}
* html #livesearch_results{ padding:0px;}
#close_tab:hover{
	border-color:#304692;
	background-position:center -10px;
}

/******************************************/
/*            thumbnails (myaccount)       */
/******************************************/
.thumbnail{
	height:1%;
	list-style:none; 
	margin:0; 
	padding:0;
	position:relative;
}
.thumbnail li{float:left; margin-bottom:0.5em;}
.thumbnail a{
	background:#fff;
	border:1px solid #B5D4FE;
	display:block;
	margin-right:10px;
	padding:5px;
	text-decoration:none;
	text-align:center;
	width:105px;
}
.thumbnail a:hover{ border:1px solid #36c; background:#F8FAFC;}
.thumbnail li img{
	display:block;
	height:65px;
	margin:0 auto; 
	width:80px;
}

table{
	padding-bottom:10px;
	border-top:1px solid #517DFF;
}
table tr td{
	padding:10px 0px 10px 0px;
	line-height:1.3em;
	border-bottom:1px solid #517DFF;
}