/* Base element */
html, body {
height:100%;
}
/*Images*/
img {
margin:0;
padding:0;
border: none;
}
/*End Images*/
/* Typo */
p {
font-size: 1em;
margin: 0 0 1em 0;
padding: 0;
line-height:1.6em;
}
h1 {
font-size: 2em;
line-height: 1.5em;
margin: 0 0 0.5em 0;
padding: 0;
color:#222222;
}
h2 {
font-size: 1.8em;
line-height: 1.5em;
margin: 0 0 0.5em 0;
padding: 0;
color:#222222;
}
h3 {
font-size: 1.5em;
font-weight:normal;
line-height: 1.5em;
margin: 0 0 0.3em 0;
padding: 0;
color:#222222;
}
h4 {
font-size: 1.4em;
font-weight:normal;
line-height: 1.5em;
margin: 0 0 0.3em 0;
padding: 0;
color:#222222;
}
h5 {
font-size: 1.2em;
line-height: 1.5em;
margin: 0 0 0.3em 0;
padding: 0;
color:#222222;
}
ul, li {
margin:0px;
padding:0px;
list-style:none;
}
/* End Typography */
/* Links */
a, a:link, a:active {
color:#068cc8;
text-decoration: none;
}
a:hover {
color:#068cc8;
text-decoration: underline;
}
/* End Links */
/* End Base element */
body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size:12px;
color:#464646;
background:#ececec url(images/body-back.gif) repeat-x top left;
}
#topbar {
width:100%;
margin-bottom:10px;
text-align:center;
height:25px;
font-size:11px;
line-height:25px;
background:#353535;
color:#999;
}
#topbar a{
color:#999;
padding:0px 5px 0px 5px;
}
#wrapper {
background:#ececec url(images/body-back.gif) repeat-x top left;
}
#container{
margin:0 auto;
width:960px;
padding:0px 0px 30px 0px;
}
/*Header and menu */
#header{
margin:0;
position:relative;
height:82px;
}
#header h1 {
display:block;
position:relative;
margin:0px;
float:left;
left:5px;
height:82px;
width:400px;
overflow:hidden;
padding:0;
text-decoration:none;
text-indent:-9999px;
background: url(images/h1-logo.jpg) no-repeat top left;
}
#header h1 a {
display:block;
height:82px;
width:500px;
}
#quote {
position:relative;
margin:0px;
padding:0px;
float:right;
top:45px;
right:0px;
}
#quote h2 {
font-size:1.5em;
line-height:1.2em;
font-style:italic;
overflow:auto;
padding:0px;
margin:0px;
}
#quote p{
text-align:right;
margin:0px 10px 0px 0px;
text-align:right;
color:#b7b7b7;
}
/* DropDown Menu */
#menus {
height:40px;
padding:0px;
background:url(images/main-menu-back.gif) no-repeat top left;
}
ul.dropdown {
position: relative;
margin:0 0 0px 0;
padding:2px 0px 0px 10px;
font-size:1.1em;
float:left;
list-style: none;
z-index: 597;
}
ul.dropdown li {
padding: 0;
position:relative;
float: left;
margin: 0px 0px 0 0px;
display: block;
}
ul.dropdown li a{
float: left;
padding: 9px 13px 0px 13px;
margin:0px;
height:27px;
text-decoration:none;
color:#ffffff;
}
ul.dropdown li a:hover, ul.dropdown li a#current {
background: url(images/main-menu-hover.gif) repeat-x top left;
color:#ffffff;
text-decoration:none;
}
ul.dropdown ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.dropdown li.hover, ul.dropdown li:hover {
position: relative;
z-index: 599;
cursor: default;
background-color: transparent;
}
ul.dropdown ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
background-color: #222222;
color: #fff;
font-size: 12px;
text-transform: none;
filter: alpha(opacity=90);
-moz-opacity: .9;
KhtmlOpacity: .9;
opacity: .9;
min-width:150px;
}
ul.dropdown li.dir {
padding: 0px;
}
ul.dropdown ul li.dir {
padding-right: 0px;
}
ul.dropdown ul li {
background:transparent none repeat scroll 0 0;
float:none;
margin:0;
padding:0;
position:relative;
border-bottom:1px solid #333333;
}
ul.dropdown ul li a {
color:#FFFFFF;
padding:6px 13px 6px 13px;
margin:0px;
display:block;
float:none;
height:auto;
white-space:nowrap;
}
ul.dropdown ul li a:hover, ul.dropdown ul li:hover, ul.dropdown ul li.hover {
background: url(images/main-menu-hover.gif) repeat-x center left;
}
ul.dropdown ul ul {
top: 0px;
left: 100%;
}
ul.dropdown li:hover > ul {
visibility: visible;
}
ul.dropdown li.rtl ul {
top: 100%;
right: 0;
left: auto;
}
ul.dropdown li.rtl ul ul {
top: 1px;
right: 99%;
left: auto;
}
/* En DropDown Menu */
ul.contact {
position: relative;
margin:0 0 0px 0;
padding:2px 10px 0px 0px;
font-size:1.1em;
float:right;
list-style: none;
z-index: 597;
}
ul.contact li {
float: left;
padding: 9px 13px 0px 13px;
margin:0px;
height:27px;
text-decoration:none;
font-style:italic;
font-weight:bold;
color:#ffffff;
}
ul.submenu {
position: relative;
margin:10px 0 0px 0;
padding:0px 0px 0px 10px;
font-size:1.1em;
float:right;
list-style: none;
}
ul.submenu li {
padding: 0;
float: left;
margin: 0px 0px 0 15px;
display: block;
}
ul.submenu li a{
color:#464646;
float: left;
padding:4px 3px 4px 3px;
margin:0px;
text-decoration:none;
}
ul.submenu li a:hover {
color:#068cc8;
text-decoration:none;
}
ul.submenu li a#currentsub {
border-bottom:3px solid #068cc8;
text-decoration:none;
}
/* 960 coloumn */
.col2 {
float:left;
padding:0px 10px 0px 10px;
width:460px;
}
.col3 {
float:left;
padding:0px 10px 10px 10px;
width:300px;
}
.contour {
border:#cdcdcd 1px solid;
margin:0px 0px 30px 10px;
width:940px;
}
.darkback {
width:914px;
float:left;
padding:12px;
clear:both;
border:#ffffff solid 1px;
background:#e2e2e2;
}
.darkback .col3 {
width:276px;
padding:10px 10px 0px 10px;
margin:0px 10px 0px 0px;
}
.darkback .col3last {
width:276px;
float:left;
padding:10px 10px 0px 10px;
margin:0px 0px 0px 0px;
}
.darkback h2 {
font-size:1.5em;
line-height:1.0em;
font-weight:normal;
margin-top:3px;
}
.darkback img {
float:left;
margin-right:15px;
}
#nouvelles {
width:580px;
float:left;
padding:0px 12px 0px 10px;
}
#promotion {
width:290px;
float:left;
padding:0px 10px 0px 12px;
}
#nouvelles h2, #promotion h2 {
color:#212121;
margin-bottom:0px;
margin-top:5px;
}
/* End 960 Column */
#mainbar {
position:relative;
margin:30px 0px 0px 0px;
padding-bottom:35px;
}
#description {
margin:2px 0px 0px 0px ;
}
#description h2{
font-size:2.3em;
font-weight:normal;
letter-spacing:-1px;
line-height:1.1em;
margin-bottom:5px;
}
.buttons-group {
position:relative;
float:left;
display:inline;
padding-top:0px;
margin-left:85px;
}
a.button-home {
color:#ffffff;
display:block;
float:left;
cursor:pointer;
padding:0px 20px 0px 20px;
height:33px;
line-height:33px;
background:url(images/button-home-left.gif) no-repeat top left;
}
div.button-home1 {
float:left;
margin-left:10px;
background:url(images/button-home-right.gif) no-repeat top right;
}
#smallbar {
height:14px;
width:100%;
background:url(images/small-bar.gif) no-repeat top left;
}
/* Subpage and Genral page title */
#subbar {
position:relative;
margin:15px 10px 17px 10px;
padding-bottom:15px;
background:url(images/line.gif) repeat-x bottom left;
}
#subbar h1{
float:left;
margin-bottom:0px;
}
/* END Subpage and Genral page title */
/* Slides Home Page */
.prevNext {
display:none;
height:100%;
float:left;
}
.has-script .prevNext{
display:block;
z-index:100;
}
.prevNext a{
display:block;
position:relative;
margin-top:70px;
float:left;
height:25px;
width:14px;
text-decoration:none;
text-indent:-9999px;
}
.prevNext a:focus {
outline-style:none;
}
a.prev {
background: url(images/prev.gif) no-repeat top center;
}
a.next {
background: url(images/next.gif) no-repeat top center;
}
#jFlowSlide {
float:left;
margin: 0px 13px 0px 11px;
overflow:hidden;
}
#slides {
float:left;
height:170px;
overflow:hidden;
}
#slides img {
float:left;
}
/*End Slides */
/*End Header and menu */
/*Content*/
#content {
position:relative;
}
#main {
float:left;
margin:0 0 10px 0px;
padding:0px 22px 0px 10px;
display:inline;
width:608px;
background:url(images/line-side.gif) repeat-y top right;
}
.page {
padding-bottom:10px;
}
.home h2, .gallery h2 {
font-size:1.5em;
margin-bottom:10px;
font-weight:normal;
color:#068cc8;
}
.home h2 a, .gallery h2 a {
color:#212020;
text-decoration: none;
}
.home a, .page a {
color:#068cc8;
text-decoration: none;
}
.home a:hover, .page a:hover {
color:#068cc8;
text-decoration: underline;
}
.allfeatures {
position:relative;
width:940px;
text-align:center;
clear:both;
margin:0px 0px 30px 10px;
padding-top:20px;
}
a.allfeat {
display:block;
height:58px;
line-height:58px;
font-size:1.5em;
color:#ffffff;
padding:0px 20px 0px 20px;
margin:0 auto;
width:250px;
background:url(images/order-now.gif) no-repeat bottom left;
}
a.allfeat:hover {
text-decoration:none;
color:#ffffff;
background:url(images/order-now.gif) no-repeat top left;
}
.page h2 {
font-size:1.6em;
margin-bottom:10px;
line-height:1em;
}
.page h2 a{
color:#212020;
}
.page h2 a:hover{
color:#068cc8;
}
.page h3 {
font-size:1.5em;
margin-bottom:7px;
line-height:1.2em;
font-weight:normal;
}
.block {
margin-bottom:25px;
}
.gallery .col3 img{
padding:4px;
margin:0px 0px 15px 0px;
width:290px;
height:120px;
background:#cccccc;
border:1px solid #bbbbbb;
}
.gallery ul {
text-align:left;
list-style:normal;
padding-left:20px;
padding-right:20px
}
.gallery ul li{
text-align:left;
margin-bottom:10px;
list-style:disc outside;
}
/* News Section */
.post {
position:relative;
margin-bottom:25px;
}
.post h2 {
margin:0px 131px 0px 0px;
line-height:1.3em;
}
a.comment-stamp {
display:block;
float:right;
margin-top:3px;
cursor:pointer;
text-align:center;
color:#ffffff;
font-weight:bold;
line-height:21px;
font-size:0.9em;
height:22px;
width:121px;
background:url(images/comment-stamp.gif) no-repeat top left;
}
a.comment-stamp:hover {
background:url(images/comment-stamp.gif) no-repeat bottom left;
color:#ffffff;
text-decoration:none;
}
.meta {
margin:-2px 0px 8px 0px;
}
.meta a, .plus a {
color:#212020;
font-weight:bold;
}
p.quote {
padding:0px 0px 0px 15px;
margin-left:20px;
color:#888888;
background:url(images/line-side.gif) repeat-y top left;
}
/* Screencast */
.cast {
clear:both;
display:inline;
float:left;
width:100%;
padding-bottom:18px;
margin-bottom:20px;
background:url(images/line.gif) repeat-x bottom left;
}
.cast img{
float:left;
display:inline;
padding:4px;
border:#bbb 1px solid;
z-index:1;
}
.cast h2{
font-size:1.3em;
margin-right:0px;
margin-bottom:0px;
}
.castdesc {
float:right;
width:390px;
display:inline;
}
span.time-stamp {
display:block;
float:right;
margin-top:3px;
text-align:center;
color:#ffffff;
font-weight:bold;
line-height:21px;
font-size:0.9em;
height:22px;
width:121px;
background:url(images/comment-stamp.gif) no-repeat top left;
}
a.playbutton {
display:block;
position:absolute;
top:100px;
left:160px;
text-indent:-9999px;
overflow:hidden;
height:20px;
cursor:pointer;
width:24px;
z-index:20;
background:url(images/play-button.png) no-repeat top left;
}
h2.screentitle {
color:#ffffff;
line-height:26px;
height:26px;
margin:0px;
margin-top:20px;
padding:0px 0px 0px 15px;
width:593px;
font-size:1em;
font-weight:bold;
background:url(images/featured.gif) no-repeat top left;
}
h2.margin20 {
margin-bottom:20px;
}
p.duree {
margin-bottom:0px;
}
#featscreen {
padding:15px;
padding-bottom:0px;
width:576px;
border:#bbb 1px solid;
border-top:none;
border-bottom:none;
margin-bottom:0px;
float:left;
clear:both;
display:inline;
background:#e6e6e6;
}
#featscreen .cast{
position:relative;
display:inline;
float:left;
width:100%;
padding-bottom:0px;
margin-bottom:0px;
background:none;
}
#featscreen .castdesc {
width:360px;
background:none;
}
#featbot {
height:15px;
width:100%;
background:url(images/featured-bottom.gif) no-repeat bottom left;
clear:both;
margin-bottom:0px;
}
.singlecast {
padding:10px 0px 20px 0px;
}
/* Demo */
.demo {
float:left;
display:inline;
width:500px;
margin-top:10px;
margin-bottom:20px;
text-align:left
}
.demobox {
padding:15px;
padding-bottom:0px;
width:576px;
border:#bbb 1px solid;
border-top:none;
border-bottom:none;
margin-bottom:0px;
float:left;
clear:both;
display:inline;
background:#e6e6e6;
}
.demobot {
height:15px;
width:100%;
background:url(images/featured-bottom.gif) no-repeat bottom left;
clear:both;
margin-bottom:20px;
}
h2.demotitle {
color:#ffffff;
line-height:26px;
height:26px;
margin:0px;
margin-top:0px;
padding:0px 0px 0px 15px;
width:593px;
font-size:1em;
font-weight:bold;
background:url(images/featured.gif) no-repeat top left;
}
.demo img{
margin-left:15px;
float:left;
display:inline;
}
a.button-demo {
color:#ffffff;
display:block;
float:left;
cursor:pointer;
padding:0px 20px 0px 20px;
height:33px;
line-height:33px;
background:url(images/button-demo1-left.gif) no-repeat top left;
}
a.button-demo-orange {
color:#ffffff;
display:block;
float:left;
cursor:pointer;
padding:0px 20px 0px 20px;
height:33px;
line-height:33px;
background:url(images/button-demo-left.gif) no-repeat top left;
}
div.button-demo1 {
float:left;
display:inline;
margin-left:180px;
margin-top:20px;
background:url(images/button-demo1-right.gif) no-repeat top right;
}
div.button-demo2 {
float:left;
display:inline;
margin-left:73px;
margin-top:10px;
background:url(images/button-demo1-right.gif) no-repeat top right;
}
div.button-demo3 {
float:left;
display:inline;
margin-left:180px;
margin-top:20px;
background:url(images/button-demo-right.gif) no-repeat top right;
}
div.button-demo4 {
float:left;
display:inline;
margin-left:73px;
margin-top:10px;
background:url(images/button-demo-right.gif) no-repeat top right;
}
a.button-demo:hover, a.button-demo-orange:hover {
color:#ffffff
}
/* FAQ */
.faq h3{
margin-bottom:2px;
font-size:1.4em;
}
ul.listfaq {
margin-left:20px;
}
ul.listfaq li {
margin-bottom:5px;
list-style:inside disc;
}
/* Sidebar */
#sidebar {
float:right;
display:inline;
padding:0px 10px 0px 20px;
width:290px;
}
.sideblock {
margin-bottom:20px;
float:left;
clear:both;
width:100%;
}
a.ordernow {
display:block;
height:58px;
line-height:58px;
font-size:1.8em;
color:#ffffff;
padding:0px 20px 0px 20px;
margin:0px 0px 20px -5px;
width:250px;
background:url(images/order-now.gif) no-repeat top left;
text-align:center;
}
a.ordernow:hover {
text-decoration:none;
color:#ffffff;
background:url(images/order-now.gif) no-repeat bottom left;
}
ul.list, ul.check {
margin:0px 0px 20px 20px;
padding:0px 0px 0px 0px;
}
ul.list li{
font-size:1.1em;
padding:0px 0px 2px 0px;
margin:0px 0px 8px 0px;
list-style-image:url(images/li-back.gif);
list-style-position: outside;
}
ul.check li{
font-size:1.1em;
padding:0px 0px 0px 17px;
margin:0px 0px 10px 0px;
background:url(images/li-check.gif) no-repeat center left;
}
ul.list li a, ul.check li a{
color:#212020;
}
ul.list li a:hover, ul.check li a:hover{
color:#068cc8;
}
img.sideimg {
padding:4px;
margin:0px 12px 12px 0px;
float:left;
width:50px;
height:50px;
background:#cccccc;
border:1px solid #bbbbbb;
}
/* End Sidebar */
/* Pricing Table Styling */
.pricing table {
margin:-15px 10px 20px 10px;
border-collapse:collapse;
width:98%;
}
.pricing table td {
padding:1em 1em;
text-align:center;
background:url(images/line.gif) repeat-x bottom left;
}
.pricing table th {
background:url(images/line.gif) repeat-x bottom left;
padding:1.2em 1em;
}
.pricing table tr.odd th, .pricing table tr.odd td {
background-color:#e6e6e6;
}
th.options {
text-align:right;
font-size:1.1em;
}
.pricing thead th {
text-align:center;
font-size:1.2em;
}
.pricing tfoot th {
text-align:center;
font-weight:normal;
font-size:0.9em;
background:#e6e6e6;
border-bottom:1px solid #ccc;
}
.pricing tfoot th strong {
font-size:1.3em;
line-height:1.4em;
font-weight:bold;
margin:0em 0 0.5em 0;
}
.pricing tfoot th em {
font-style:normal;
color:#068cc8;
font-size:1.2em;
font-weight:bold;
}
a.order-table {
display:block;
margin:5px auto;
height:20px;
width:90px;
text-indent:-9999px;
overflow:hidden;
background:url(images/order-table.gif) no-repeat bottom left;
}
a.order-table:hover {
background:url(images/order-table.gif) no-repeat top left;
}
/* Form Styling */
p.activatejava {
padding:0px 0px 2px 20px;
background:url(images/cancel.png) no-repeat center left;
}
.has-script p.activatejava {
display:none;
}
#contactform, #domaincheck {
display:none;
}
.has-script #contactform,.has-script #domaincheck {
display:block;
}
#contactform ul, #domaincheck ul {
list-style-type:none;
margin:0;
padding:0;
}
#contactform h3, #domaincheck h3 {
padding:20px 0px 5px 0px;
margin-bottom:10px;
background:url(images/line.gif) repeat-x bottom left;
}
#contactform ul li, #domaincheck ul li {
display:block;
clear:both;
float:left;
margin:4px 5px 10px 0px;
width:90%;
position:relative;
}
#contactform ul li {
width:80%;
}
#contactform label.description, #domaincheck label.description {
border:medium none;
color:#222222;
display:block;
font-size:100%;
font-weight:700;
line-height:150%;
padding:0 0 1px;
}
#contactform .requis, #domaincheck .requis {
color:red !important;
float:none !important;
font-weight:700;
}
#contactform li span, #domaincheck li span {
color:#444444;
float:left;
margin:0 4px 0 0;
}
#contactform li span label, #domaincheck li span label {
clear:both;
color:#444444;
display:block;
font-size:11px;
line-height:9px;
margin:0;
padding-top:3px;
}
#contactform input.text, #domaincheck input.text{
border-color:#7C7C7C #C3C3C3 #DDDDDD;
border-style:solid;
border-width:1px;
color:#333333;
margin:0;
padding:2px 0;
}
#contactform input.large, #domaincheck input.large {
width:100%;
}
#contactform li div.left, #domaincheck li div.left{
display:inline;
float:left;
width:48%;
}
#contactform li div.right, #domaincheck li div.right {
display:inline;
float:right;
width:48%;
}
#contactform li div, #domaincheck li div {
color:#444444;
margin:0 4px 0 0;
padding:0 0 8px;
}
#contactform input.medium, #domaincheck input.medium {
width:48%;
}
#contactform li div.left .medium, #domaincheck li div.left .medium {
width:100%;
}
#contactform li div label, #domaincheck li div label {
clear:both;
display:block;
font-size:9px;
line-height:9px;
margin:0;
padding-top:3px;
}
label.radio {
clear:none;
display:inline;
font-size:12px;
padding:0px 0px 0px 5px;
}
input.radio {
margin-top:10px;
}
label.radiopayment {
padding:0px 15px 0px 5px;
}
input.radiopayment {
margin:0px;
}
#contactform li div.right .medium, #domaincheck li div.right .medium {
width:100%;
}
#contactform select.select[class], #domaincheck select.select[class] {
margin:0;
padding:1px 0;
}
#contactform textarea.textarea, #domaincheck textarea.textarea {
border-color:#7C7C7C #C3C3C3 #DDDDDD;
border-style:solid;
border-width:1px;
color:#333333;
font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
font-size:100%;
margin:0;
height:10em;
width:99%;
}
#contactform input.error, #contactform textarea.error, #domaincheck textarea.error, #domaincheck input.error {
border-color:red;
}
#contactform label.error, #domaincheck label.error {
padding:5px 0px 2px 0px;
color:red;
font-size:12px;
display: none;
}
.formblock {
clear:both;
float:left;
width:100%;
}
#contactform ul ul, #domaincheck ul ul {
list-style-image:url(images/li-check.gif);
width:80%;
padding:5px 0px 15px 35px;
}
#contactform ul ul li, #domaincheck ul ul li {
list-style-image:url(images/li-check.gif);
display:list-item;
float:none;
}
#contactform ul li p, #domaincheck ul li p {
clear:both;
}
p.results {
clear:both;
margin:0px 0px 10px 0px;
}
p.nondispo {
padding:0px 0px 2px 20px;
background:url(images/cancel.png) no-repeat center left;
}
p.dispo {
padding:0px 0px 2px 20px;
background:url(images/accepted.png) no-repeat center left;
}
a.pdf {
padding:0px 0px 2px 25px;
margin-right:25px;
background:url(images/acrobat.png) no-repeat center left;
float:left;
display:block;
}
span.www {
font-size:14px;
letter-spacing:1px;
padding-top:5px;
}
#summary p {
padding:0px 0px 2px 22px;
background:url(images/cancel.png) no-repeat 0% 12%;
color:red;
}
/* Form Styling */
/*End Content*/
/*Footer */
#footer{
margin:0px 0 0px 0;
padding:0px 20px 0px 17px;
height:63px;
line-height:63px;
color:#abb096;
background:url(images/footer-back.gif) no-repeat top left;
}
#footer p{
float:left;
line-height:63px;
}
#footer ul{
padding:0px;
float:left;
margin:0px 0px 0px 0px;
list-style:none;
}
#footer ul li{
float:left;
list-style:none;
margin:0;
margin-right:2em;
}
#footer a {
color:#ffffff;
}
a.download{
color:#ffffff;
display:block;
cursor:pointer;
padding:0px 20px 0px 21px;
height:33px;
line-height:33px;
background:url(images/download-left.gif) no-repeat top left;
}
a.download:hover {
color:#ffffff;
}
a.pizza{
display:block;
cursor:pointer;
outline:none;
margin-top:9px;
float:right;
width:169px;
height:41px;
line-height:33px;
background:url(images/logo-footer.gif) no-repeat top left;
text-indent:-9999px;
overflow:hidden;
}
div.download {
float:right;
margin-top:14px;
margin-left:10px;
background:url(images/download-right.gif) no-repeat top right;
}
p.bottom {
text-align:center;
margin-top:10px;
color:#919387;
}
/*End Footer */
/* Facebox */
#facebox .b {
background:url(images/b.png);
}
#facebox .tl {
background:url(images/tl.png);
}
#facebox .tr {
background:url(images/tr.png);
}
#facebox .bl {
background:url(images/bl.png);
}
#facebox .br {
background:url(images/br.png);
}
#facebox {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
text-align: left;
}
#facebox .popup {
position: relative;
}
#facebox table {
border-collapse: collapse;
}
#facebox td {
border-bottom: 0;
padding: 0;
}
#facebox .body {
padding: 10px;
background: #fff;
width: 370px;
}
#facebox .loading {
text-align: center;
}
#facebox .image {
text-align: center;
}
#facebox img {
border: 0;
margin: 0;
}
#facebox .footer {
border-top: 1px solid #DDDDDD;
padding-top: 5px;
margin-top: 10px;
text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
height: 10px;
width: 10px;
overflow: hidden;
padding: 0;
}
#facebox_overlay {
position: fixed;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.facebox_hide {
z-index:-100;
}
.facebox_overlayBG {
background-color: #000;
z-index:999;
}
* html #facebox_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/*Tools*/
.hidden {
display:none;
}
.center {
margin:0 auto;
}
.last {
margin:0px;
padding:0px;
}
.imagelast {
margin-left:0px;
margin-right:0px;
}
.elementclear {
clear:both;
}
.clear, .clearline {
clear:both;
height:1px;
margin:0;
padding:0;
font-size: 15px;
line-height: 1px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.margin-bottom {
margin-bottom:20px;
}
.left {
float:left;
display:inline;
}
.right {
float:right;
display:inline;
}
.fullline {
height:2px;
width:940px;
margin:10px 0px 20px 10px;
background:url(images/line.gif) repeat-x top left;
float:left;
clear:both;
}
blockquote {
padding: 1em 40px 1em 15px;
}
blockquote span.open {
padding: 0 0 0 20px;
background: url(images/so-q.gif) no-repeat left top;
}
blockquote span.close {
padding: 0 20px 0 0;
background: url(images/sc-q.gif) no-repeat bottom right;
}
.popup {
padding: 0;
width: 320px;
position: relative;
}
div.popup em {
background: url(images/bubble.png) no-repeat;
width: 150px;
height: 75px;
position: absolute;
top: -80px;
left: 80px;
text-align: center;
text-indent: -9999px;
z-index: 200;
display: none;
}
#tab1_container {
float:left;
width: 320px;
height:157px;
}
#tab1 {
width: 320px;
height: 157px;
background: url(images/tab1.png) no-repeat 0 0;
text-indent: -9999px;
display: block;
}