/* Basic Default Styles */

body{

	margin: 0;

	padding: 0;

	background: #4D6E97;

	font-family: Arial, Tahoma, sans-serif;

	font-size: 12px;

	text-align: center;

	color: #000000;

}

a:link,

a:visited{

	text-decoration: underline;

	color: #324F75;

}

a:hover,

a:active{

	text-decoration: none;

	color: #4D6E97;

}

ul{ list-style-type: square; }

img{ border: 0; }

form{

	margin: 0;

	padding: 0;

}

label{

	font-weight: bold;

	color: #30425D

}

input.input,

textarea.input,

select.input{

	padding: 2px 1px;

	background: #FFFFFF url('../images/fra_bckg_input.gif') repeat-x top left;

	border: 1px solid #CCCCCC;

	border-top-color: #666666;

	font-family: Arial, Tahoma, sans-serif;

	font-size: 13px;

}

input.input:focus,

textarea.input:focus,

select.input:focus{ background: #FFFFEE; }



/* --------------------------------------------------------------------*/

/* Container */

#container{

	width: 1004px;

	margin: auto;

	background: #4D6E97 url('../images/fra_bckg_content.gif') repeat-y top center;

	text-align: left;

}

#content{

	min-height: 595px;

	height: 595px;

}

#content:after{

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



/* --------------------------------------------------------------------*/

/* Header */

#pageHeader{

	height: 125px;

	background: #FFFFFF url('../images/fra_bckg_header.gif') repeat-x top left;

}

#pageHeader h1{

	margin: 0;

	padding: 0;

}

#pageHeader h1 a{

	display: block;

	width: 235px;

	height: 30px;

	margin: 15px 0 0 25px;

	padding: 18px 20px;

}

#pageHeader h1 span{ display: none; }

#pageHeader #headLeft{

	float: left;

	width: 413px;

	height: 125px;

	background: url('../images/fra_bckg_head_left.jpg') no-repeat top left;

}

#pageHeader #headRight{

	float: left;

	width: 591px;

	height: 125px;

	background: url('../images/fra_bckg_head_right.jpg') no-repeat top right;

}



/* --------------------------------------------------------------------*/

/* Menu */

#pageHeader ul#menu,

#pageHeader ul#nav,

#pageHeader ul#lang{

	margin: 0;

	padding: 0;

	list-style: none;

}

#pageHeader ul#menu li,

#pageHeader ul#nav li,

#pageHeader ul#lang li{

	float: left;

	margin: 0 1px;

}

#pageHeader ul#menu li a,

#pageHeader ul#nav li a{

	display: block;

	float: left;

	height: 19px;

	text-decoration: none;

}

#pageHeader ul#menu li a span,

#pageHeader ul#nav li a span{ display: none; }



#pageHeader ul#menu{

	padding: 58px 0 0 0;

	clear: both;

}

#pageHeader ul#menu li.stories a,

#pageHeader ul#menu li.stories{ background: url('../images/btn_stories_up.gif') no-repeat top left; }

#pageHeader ul#menu li.about a,

#pageHeader ul#menu li.about{ background: url('../images/btn_about_up.gif') no-repeat top left; }

#pageHeader ul#menu li.faq a,

#pageHeader ul#menu li.faq{ background: url('../images/btn_faq_up.gif') no-repeat top left; }

#pageHeader ul#menu li.testi a,

#pageHeader ul#menu li.testi{ background: url('../images/btn_testi_up.gif') no-repeat top left; }

#pageHeader ul#menu li.affiliates a,

#pageHeader ul#menu li.affiliates{ background: url('../images/btn_affiliates_up.gif') no-repeat top left; }

#pageHeader ul#menu li.contact a,

#pageHeader ul#menu li.contact{ background: url('../images/btn_contact_up.gif') no-repeat top left; }



#pageHeader ul#menu li.stories a{ width: 49px; }

#pageHeader ul#menu li.about a{ width: 135px; }

#pageHeader ul#menu li.faq a{ width: 35px; }

#pageHeader ul#menu li.testi a{ width: 73px; }

#pageHeader ul#menu li.affiliates a{ width: 57px; }

#pageHeader ul#menu li.contact a{ width: 66px; }



#pageHeader ul#menu li.stories a:hover{ background: url('../images/btn_stories_rl.gif') no-repeat top left; }

#pageHeader ul#menu li.about a:hover{ background: url('../images/btn_about_rl.gif') no-repeat top left; }

#pageHeader ul#menu li.faq a:hover{ background: url('../images/btn_faq_rl.gif') no-repeat top left; }

#pageHeader ul#menu li.testi a:hover{ background: url('../images/btn_testi_rl.gif') no-repeat top left; }

#pageHeader ul#menu li.affiliates a:hover{ background: url('../images/btn_affiliates_rl.gif') no-repeat top left; }

#pageHeader ul#menu li.contact a:hover{ background: url('../images/btn_contact_rl.gif') no-repeat top left; }



#pageHeader ul#nav{

	float: right;

	padding: 1px 140px 0 0;

}

#pageHeader ul#nav li{ margin: 0; }

#pageHeader ul#nav li a{ height: 16px; }

#pageHeader ul#nav li a.cart{ width: 49px; background: url('../images/btn_cart_up.gif') no-repeat top left; }

#pageHeader ul#nav li a.checkout{ width: 55px; background: url('../images/btn_checkout_up.gif') no-repeat top left; }



#pageHeader ul#lang{

	float: right;

	padding: 2px 4px 0 0;

	font-size: 0.9em;

}



/* --------------------------------------------------------------------*/

/* Left */

#left{

	width: 136px;

	float: left;

}

#left p{

	margin: 0.1em 0;

	padding: 0;

}

#left #block1,

#left #block2,

#left #block3{

	margin: 0 0 9px 0;

	padding: 12px 9px 0 20px;

	font-size: 0.9em;

}

#left #block1 a,

#left #block2 a,

#left #block3 a{ color: #605204; }

#left #block1{

	height: 200px;

	background: url('../images/fra_bckg_block1.gif') no-repeat top left;

	text-align: center;

}

#left #block1 p.head{

	padding: 3px 0;

	font-weight: bold;

	color: #605204;

}

#left #block2{

	height: 119px;

	background: url('../images/fra_bckg_block2.gif') no-repeat top left;

}

#left #block3{

	height: 135px;

	padding-top: 15px;

	background: url('../images/fra_bckg_block3.gif') no-repeat top left;

}

#left p#btnBrowse a{

	display: block;

	width: 105px;

	height: 22px;

	margin: 10px 0 0 0;

	background: url('../images/btn_browse_up.gif') no-repeat top left;

	text-decoration: none;

}

#left p#btnBrowse a span{ display: none; }

#left input#fieldMail{

	width: 102px;

	margin: 6px 0 3px 0;

	font-size: 11px;

}

#left input#btnSubscribe{

	width: 83px;

	height: 22px;

	margin: 5px 0 0 10px;

	background: url('../images/btn_subscribe_up.gif') no-repeat top left;

	border: 0;

	cursor: pointer;

}



/* --------------------------------------------------------------------*/

/* Supporting text */

#supportingText{

	width: 667px;

	float: left;

	margin: 0 0 0 1px;

	padding: 5px 155px 15px 45px;

	background: url('../images/fra_bckg_right.jpg') no-repeat top right;

	line-height: 1.5em;

}

#supportingText h2{

	margin: 0;

	padding: 10px 0;

	font-size: 2em;

	font-weight: normal;

	color: #c7672a;

}

#supportingText h3{

	font-size: 1.2em;

	color: #304E74;

}

#supportingText h4{

	font-size: 1em;

	color: #072040;

}

.left{ float: left; }

.right{ float: right; }

.clear{ clear: both; }

.error, .confirm, .errorbig, .confirmbig{

	width: 588px;

	padding: 6px;

	background: #FFFFCC;

}

.error{ border: dashed 1px; color: #ff0000; }
.errorbig { color: #ff0000; font-size: medium; border: dashed 1px; }
.confirm{ border: dashed 1px; color: #006600; }
.confirmbig { color: #006600; font-size: medium; border: dashed 1px; }
.error p, .confirm p, .errorbig p, .confirmbig p{

	margin: 0;

	padding: 0;

}

.orange{ color: #C7672A; }

ul.btn{

	margin: 20px 0 0 30%;

	padding: 0;

	list-style: none;

}

ul.btn li{

	float: left;

	padding: 0 6px;

}

#formPersonalize input.input,

#formPersonalize select.input{ width: 215px; }

#formPersonalize textarea{ width: 430px; }

#content #formPersonalize input.auto,

#content #formPersonalize select.auto,

#content #formPersonalize textarea.auto{ width: auto; }

#formContact input.input,

#formContact select.input,

#formContact textarea.input{ width: 384px; }



p#btnSubmit{ margin: 5px 0 0 505px; }

p#btnSubmit a{

	display: block;

	width: 99px;

	height: 32px;

	text-decoration: none;

}

p#btnSubmit a,



p#btnSubmit{ background: url('../images/btn_submit_up.gif') no-repeat top left; }

p#btnSubmit a:hover{ background: url('../images/btn_submit_rl.gif') no-repeat top left; }

p#btnSubmit a span{ display: none; }



p#btnPerso{ margin: 10px 0 0 265px; }

p#btnPerso a{

	display: block;

	width: 205px;

	height: 32px;

	text-decoration: none;

}

p#btnPerso a,

p#btnPerso{ background: url('../images/btn_perso_up.gif') no-repeat top left; }

p#btnPerso a:hover{ background: url('../images/btn_perso_rl.gif') no-repeat top left; }

p#btnPerso a span{ display: none; }



p#btnPersoMe{ margin: 0 0 0 15px; }

p#btnPersoMe a{

	display: block;

	width: 138px;

	height: 34px;

	text-decoration: none;

}

p#btnPersoMe a,

p#btnPersoMe{ background: url('../images/btn_persosmall_up.gif') no-repeat top left; }

p#btnPersoMe a:hover{ background: url('../images/btn_persosmall_rl.gif') no-repeat top left; }

p#btnPersoMe a span{ display: none; }



p#btnHard a{

	display: block;

	width: 157px;

	height: 58px;

	text-decoration: none;

}

p#btnHard a,

p#btnHard{ background: url('../images/btn_hardcover_up.gif') no-repeat top left; }

p#btnHard a:hover{ background: url('../images/btn_hardcover_rl.gif') no-repeat top left; }

p#btnHard a span{ display: none; }



p#btnSoft{ margin: 0 0 0 280px; }

p#btnSoft a{

	display: block;

	width: 157px;

	height: 58px;

	text-decoration: none;

}

p#btnSoft a,

p#btnSoft{ background: url(../images/btn_buynow_down.gif) no-repeat left top; }

p#btnSoft a:hover{ background: url(../images/btn_buynow_up.gif) no-repeat left top; }

p#btnSoft a span{ display: none; }







p#btnCanada{ text-align: center; margin: 0; }

p#btnCanada a{

	display: block;

	width: 157px;

	height: 58px;

	text-decoration: none;

}

p#btnCanada a,

p#btnCanada{ background: url(../images/btn_canada_up.gif) no-repeat left top; }

p#btnCanada a:hover{ background: url(../images/btn_canada_rl.gif) no-repeat left top; }

p#btnCanada a span{ display: none; }





p#btnUSA{ text-align: center; margin: 0; }

p#btnUSA a{

	display: block;

	width: 157px;

	height: 58px;

	text-decoration: none;

}

p#btnUSA a,

p#btnUSA{ background: url(../images/btn_usa_up.gif) no-repeat left top; }

p#btnUSA a:hover{ background: url(../images/btn_usa_rl.gif) no-repeat left top; }

p#btnUSA a span{ display: none; }





p#btnIntl{ text-align: center; margin: 0; }

p#btnIntl a{

	display: block;

	width: 157px;

	height: 58px;

	text-decoration: none;

}

p#btnIntl a,

p#btnIntl{ background: url(../images/btn_international_up.gif) no-repeat left top; }

p#btnIntl a:hover{ background: url(../images/btn_international_rl.gif) no-repeat left top; }

p#btnIntl a span{ display: none; }





p#btnTry{ margin: 0 0 0 280px; }

p#btnTry a{

	display: block;

	width: 94px;

	height: 34px;

	text-decoration: none;

}

p#btnTry a,

p#btnTry{ background: url('../images/btn_try_up.gif') no-repeat top left; }

p#btnTry a:hover{ background: url('../images/btn_try_rl.gif') no-repeat top left; }

p#btnTry a span{ display: none; }



p#btnLogin a{

	display: block;

	width: 78px;

	height: 32px;

	text-decoration: none;

}

p#btnLogin a,

p#btnLogin{ background: url('../images/btn_login_up.gif') no-repeat top left; }

p#btnLogin a:hover{ background: url('../images/btn_login_rl.gif') no-repeat top left; }

p#btnLogin a span{ display: none; }



p#btnSignup a{

	display: block;

	width: 78px;

	height: 32px;

	text-decoration: none;

}

p#btnSignup a,

p#btnSignup{ background: url('../images/btn_signup_up.gif') no-repeat top left; }

p#btnSignup a:hover{ background: url('../images/btn_signup_rl.gif') no-repeat top left; }

p#btnSignup a span{ display: none; }



/* --------------------------------------------------------------------*/

/* Catalog page */

ul.items{

	margin: 0;

	padding: 0;

	list-style: none;

	/*text-align: center;*/

}

ul.items li{ float: left; }

ul.items li.story{ width: 220px; }

ul.items span.details{ font-size: 0.9em; }

ul.items span.note{ color: #990000; }

table.items{

	border-top: 1px solid #B8C5D5;

	border-left: 1px solid #B8C5D5;

}

table.items td{

	padding: 2px;

	border-right: 1px solid #B8C5D5;

	border-bottom: 1px solid #B8C5D5;

	vertical-align: bottom;

	text-align: center;

}

table.list{ border: 1px solid #4D6E97; }

table.list th{

	padding: 3px;

	background: #B8C5D5;

	border-bottom: 1px solid #E4E7F0;

	vertical-align: top;

	color: #173459;

}

table.list th .info{

	font-size: 0.9em;

	font-weight: normal;

}

table.list td{

	padding: 3px;

	border-bottom: 1px solid #E4E7F0;

}



/* --------------------------------------------------------------------*/

/* Item page */

div.pic{ padding: 0 10px 0 0; }

div.sep{

	clear: both;

	margin: 0 13%;

	border-bottom: 2px solid #E0E0E0;

}



/* --------------------------------------------------------------------*/

/* Footer */

#footer{

	clear: both;

	height: 85px;

	padding: 4px 0 0 110px;

	background: #4D6E97 url('../images/fra_bckg_footer.gif') no-repeat top right;

	font-size: 0.9em;

}

#footer .linklist{ padding: 0 0 0 65px; }

#footer a{

	text-decoration: none;

	color: #000000;

}

#footer a:hover{

	text-decoration: underline;

	color: #FFFFFF;

}

#footer p.left{

	margin: 0 10px;

	padding: 0;

	font-size: 1.2em;

	font-weight: bold;

	color: #FFFFFF;

}

#footer ul.left{

	margin: 0;

	padding: 0 0 0 1.5em;

}

#footer div.clear{

	padding: 15px 160px 5px 85px;

	color: #93D2F7;

}

#footer div.clear div.left{ padding: 6px 0 0 0; }