@charset "ISO-8859-1";
/* CSS Document */

* {margin: 0; padding: 0;}

body {
	background:url(../images/lignes.gif);
	padding-bottom:30px;
	color:#575757;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
}
img {border:none;}
a span {display:none;}
.clear {clear:both;}
#shell {
	position:relative;
	margin:0 auto;
	width:994px;
	background: url(../images/shell_bg.gif) repeat-y;
}

/* General Links Appearances */
a:link, a:visited, a:active {
	text-decoration:none;
	color:inherit;
}
a:hover {
	text-decoration:underline;
}

.subcat a {color:#575757;}

img.arrow {
	position: relative;
	top: 3px;
}


/* Tab Navigation bar */

#menu_bg {
	background:url(../images/top_bg.gif);
	width:992px;
}
ul#nav {
	list-style: none;
	}
ul#nav li {
	float: left;
	clear: none;
	overflow: hidden;
	display: inline; /* fix IE double width margin bug*/
	}
ul#nav li a {
	display: block;
	font-size: 10px;
	text-align: center;
	}
ul#nav li a span {visibility:hidden;}

ul#nav li.active a#ps { background:url(../images/nav_ps_on.gif) left 0px; width:154px; height:35px; }
ul#nav li a#ps { background:url(../images/nav_ps.gif) left 0px; width:154px; height:35px; }
ul#nav li a#ps:hover{ background-position: left -35px; }

ul#nav li.active a#media { background:url(../images/nav_media_on.gif) left 0px; width:107px; height:35px; }
ul#nav li a#media { background:url(../images/nav_media.gif) left 0px; width:107px; height:35px; }
ul#nav li a#media:hover{ background-position: left -35px; }

ul#nav li.active a#dir { background:url(../images/nav_dir_on.gif) left 0px; width:149px; height:35px; }
ul#nav li a#dir { background:url(../images/nav_dir.gif) left 0px; width:149px; height:35px; }
ul#nav li a#dir:hover{ background-position: left -35px; }

ul#nav li.active a#about { background:url(../images/nav_about_on.gif) left 0px; width:84px; height:35px; }
ul#nav li a#about { background:url(../images/nav_about.gif) left 0px; width:84px; height:35px; }
ul#nav li a#about:hover{ background-position: left -35px; }

#page {
	padding-top:25px;
	padding-left:22px;
}

#logo {
	background: url(../images/btc_logo.gif) no-repeat 10px 0;
	height: 83px;
}


/*  Navigation Menu */

#pathline {
	width:937px;
	height:19px;
	padding-left:10px;
	margin-top:15px;
	margin-bottom:0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#999; /*color for slash bar*/
}

#pathline a, #pathline a:active {
	text-decoration:none;
	color:#0a5a95;
}
#pathline a:hover {
	text-decoration:underline;
}
#pathline span {
	color:#404040;
}


/* Content */

#splashcontent {
	width:853px;
	padding: 65px 0 2px 94px;
	height:194px;
	overflow: hidden;
}
#splashcontent p {
	width: 540px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 20px;
	color: #41650b;
}

#main_border {
    position: relative;
	width:947px;
	min-height: 385px;
	border:1px solid #e7e7e7;
}
.products #main_border { background: url(/products/images/banner_products.gif) top right no-repeat; }
.media #main_border { background: url(/media/images/banner_media.gif) top right no-repeat; }
.directories #main_border { background: url(/directories/images/banner_directories.gif) top right no-repeat; }
.aboutus #main_border { background: url(/aboutus/images/banner_aboutus.gif) top right no-repeat; }
.contactus #main_border { background: url(/contactus/images/banner_contactus.gif) top right no-repeat; }

#main_text {
	color:#404040; 
	margin: 54px 0 27px 0;
}
.main_title {
	width: 810px;
	margin-left: 45px;
}
.main_title h1 {
	font-size: 28px; 
	font-weight: normal;
	color: #575757;
}
.main_title span {
	font-size:38px; 
	font-weight:bold; 
	color:#3e87bd;
}

.main_intro {width:645px; margin-left: 90px; padding-top:9px; line-height:18px;}
.main_intro h5 {margin: 9px 0; font-size:14px; }
.main_intro p {margin: 9px 0; }

#main_text h2 {
	color:#3674a3; 
	font-size:18px; 
	line-height:21px; 
	font-weight:normal; 
	margin:18px 0 9px 0;
}

#main_text h3 {
	font-size:16px; 
	line-height:18px; 
	font-weight:normal; 
	margin:18px 0 9px 0;
}

#main_text .inline_heading {  /*  heading that starts a <p>, using <span class="inline_heading">. Same format as <h3> */
	font-size:16px; 
	line-height:18px; 
	font-weight:normal; 
}

#main_text h4 {
	font-size:14px; 
	line-height:18px; 
	font-weight:bold; 
	margin:9px 0;
}

#main_text .column p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:18px;
	margin:9px 0;
}

#main_text ul {
	margin: 0;
	padding: 0 0 0 18px;
}
#main_text ol {
	margin: 0;
	padding: 0 0 0 27px;
}
#main_text li {
	margin: 9px 0;
	padding-left: 0;
}

#main_text a:link, #main_text a:visited, #main_text a:active {
	color: #ff8403;
}
#main_text a:hover {
	color: #000;
	text-decoration: none;
}



/* column styling */

#main_text .one_column, #main_text .two_columns, #main_text .three_columns, #main_text .four_columns {margin-left: 90px;}
#main_text .one_column .column {
	width: 765px;
}

#main_text .two_columns .column {
	width:360px;
	margin-right: 45px;
	float: left;
}

#main_text .three_columns .column {
	width:225px;
	margin-right: 45px;
	float: left;
}

#main_text .four_columns .column {
	width:169px;
	margin-right: 30px;
	float: left;
}

#main_text .separator_line {border-bottom: 1px solid #e7e7e7; margin: 20px 45px;}



/* table styling */

.column table {width:100%; padding:0; margin:12px 0 3px 0; border-collapse:collapse; color:#000; font-size:11px;}
.column th {background-color:#ffaf59; color:#000; padding:5px 10px; font-weight:normal; text-align:left;}
.column tr {background-color:#ffe6cd;}
.column tr.odd {background-color:#ffd2a5;}
.column tr.blank {background-color:#fff;}
.column td {padding:5px 10px; text-align:left;}

#main_text .column table a  {color:#000;}





/* table containing list of clickable links as in Media Center */

.column .article_list {
	margin-top: 18px;
	border-top: 2px solid #ffaf59;
	font-size: 12px;
}
.column .article_list td {
	padding: 10px 15px; 
}



/* if table is used for layout */

table.table_layout {
	margin:0;
	padding:0;
	background-color:transparent;
}
table.table_layout tr {
	background-color:transparent;
}
table.table_layout td {
	padding:0;
}



/*  ad styling */

#ads {
	width:947px;
	position:relative;
	top:10px;
	height:125px;
}
#ads img {
	margin:0px 5px;
	float:left;
	border:1px solid #e7e7e7;
}
#ads img.left {margin-left:0px;}
#ads img.right {float:right; margin-right:0px;}


#bottom_nav {
	position:relative;
	top:30px;
	padding-bottom:15px;
	right:40px;
	text-align:right;
}


/* sub-category panels */

.subcat {
	width:960px;
	position:relative;
	top:10px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	margin-bottom:10px;
}
.subcat .box {
	padding: 10px 20px 20px 40px;
	float:left;
	margin-right:10px;
}

/* #main_text .two div {width:380px; float:left; margin-right:45px;} */

.two {background:url(../images/sub_2bg.gif) repeat-y;}
.two .subcat_topbg {background:url(../images/sub_2top.gif) no-repeat; height:3px;}
.two .subcat_bottombg {background:url(../images/sub_2bottom.gif) no-repeat bottom left;}
.two .box {width:407px;}

.three {background:url(../images/sub_3bg.gif) repeat-y;}
.three .subcat_topbg {background:url(../images/sub_3top.gif) no-repeat; height:3px;}
.three .subcat_bottombg {background:url(../images/sub_3bottom.gif) no-repeat bottom left;}
.three .box {width:247px;}

.four {background:url(../images/sub_4bg.gif) repeat-y;}
.four .subcat_topbg {background:url(../images/sub_4top.gif) no-repeat; height:3px;}
.four .subcat_bottombg {background:url(../images/sub_4bottom.gif) no-repeat bottom left;}
.four .box {width:167px;}

* html .subcat_bottombg {float:left; } /* fix IE float bug*/
* html .boxtop {float:left; } /* fix IE float bug*/

.subcat .boxtop img{
	float:right;
}
.subcat h1{
	font-size:24px;
	font-weight:bold;
	color:#575757;
	line-height: 26px;
	width:100%;
	margin-bottom: 12px;
}
.subcat h1 a:hover {
	color:#2b2b2b;
	text-decoration: none;
}

.subcat h2{
	font-size:16px;
	font-weight:bold;
	color:#575757;
	line-height: 18px;
	margin: 18px 0 12px 0;
}

.subcat ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.subcat li {
	margin: 6px 0;
	padding-left: 24px;
	background: url(/images/arrow.gif) no-repeat 0 2px;
	line-height: 18px;
}


/*  products: island list slider  */

#islands {
	width: 325px;
	margin: 0 0 27px 45px;
}

#islands #island_list {
	border: 1px solid #e7e7e7;
	padding: 10px 0 10px 20px;
}

#island_list .column {
	float: left;
	width: 80px;
	margin: 0 20px 0 0;
}

#islands .column p {
	font-size: 11px;
	margin: 0;
}


/*  video  */

table#video td {
	width: 153px;
	border: 1px solid #e7e7e7;
	padding: 0 20px 20px 20px;
	background: #fff url(/media/images/video_bg.gif) repeat-x bottom left;
	text-align: center;
	vertical-align: top;
}

table#video td p {
	line-height:14px;
	color: #404040;
}

table#video a, table#video a:visited, table#video a:active {
	font-size: 12px;
	color: #404040;
}
table#video td a:hover {
	color: #ff8403;
}



/*  forms  */

.form table {
	width: 100%;
	margin: 0;
	background: #ffe6cd;
}
.form td {
    padding: 7px 0 7px 10px;
	font-size: 12px;
	color: #000;
	vertical-align: top;
}

.form td.subtable {
	padding: 0;
}

.form table .left {
	padding-top: 10px;
	padding-right: 10px;
	background: #ffd2a5;
	text-align: right;
}

.form table .label {
    padding: 0 10px 10px;
	font-size: 10px;
	text-transform: uppercase;
}

.form .field {
	border: 1px solid #9a9a9a;
	font: 12px Helvetica, Arial, sans-serif;
	padding: 2px;
}

.form .checkbox {
	margin-right: 7px;
}

.form h4 {
	color: #575757;
	padding-top: 18px;
}
.form h5 {
font-size: 13px;
	color: #575757;
}
.form p {
	margin-top: 10px;
}
.form ul {
	padding: 0;
	margin-left: 12px;
	list-style-type: none;
}

.error {
	padding: 9px 90px;
	background: #ff9169;
}
.error p {
	width: 100%;
	font-size: 13px;
	color: #000;
	text-align: center;
}




/*  credits  */

#credits {
	background:url(../images/end_credits.gif) no-repeat bottom left;
	height:50px;
}

#credits p {
	position:absolute;
	bottom:0;
	padding:0px 10px;
	width:970px;
	font-family:Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-size:10px;
	color:#575757;
}

#credits a, #credits a:visited, #credits a:active {
	color:#575757;
	text-decoration:none;
}

#credits a:hover {
	text-decoration:underline;
}