html,body {
color: #000;
font: 12px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
background-color: #fff;
margin:0px;
padding: 0px;
}
img{
}
a {color: #fd6001; text-decoration:none;}
a:visited {}
a:hover { text-decoration:underline;}
a:active { }
#slideshow a{color:#fff; margin-right:25px; margin-left:25px;};
div#info{
}
/*
#module .title{
background-image:url(images/toptitle.gif);
width:150px;
height:25px;
}
*/
#content{
*padding-top:10px;
}
#component .title
{
color:#fd6001;
font-size:24px;
font-weight:bold;
margin:0;
clear:both;
padding-bottom:16px;
text-align:left;
}
#module .title{
background-image:url(images/menu2.png);
width:140px;
_width: 150px;
height:25px;
line-height:25px;
color:#fff;
font-weight:bold;
text-align:left;
padding-left:10px;
margin:0;
border-bottom:1px solid #ddd;
}
#module #start .title{
background-image:url(images/toptitle.gif);
}
#module .content ul{
list-style:none;
padding:0;
margin:0;
}
#module .content li a{
width:135px;
_width:150px;
text-align:left;
display:block;
background-color:#fd6001;
padding:5px 5px 5px 10px;
border-bottom:1px solid #ddd;
color:#FFFFFF;
text-decoration:none;
}
#module .content li a:hover{
background-color:#000;
}
#module .content li li a{
display:block;
background-color:#eee;
padding:3px 5px 3px 10px;
border-left:10px solid #ddd;
border-bottom:1px solid #ddd;
color:#444;
width:125px;
_width:150px;
}
#module .content li li a:hover{
text-decoration:none;
background-color:#444;
color:#fff;
border-left:0px solid #fd6001;
padding-left: 20px;
text-decoration:none;
}
a.link2:hover{
display:block;
background-color:#eee;
padding:3px 5px 3px 10px;
border-left:10px solid #ddd;
border-bottom:1px solid #ddd;
color:#444;
text-decoration:none;
background-color:#444;
color:#fff;
border-left:0px solid #fd6001;
padding-left: 20px;
text-decoration:none;
}
div#box{
padding:20px;
width:auto;
height:232px;
background-color:#ccc;
}
div#box2{
padding:20px;
width:760px;
background-color:#eee;
}
div#box3{
padding:0px;
width:760px;
}
div#mainbox{
margin-left:5px;
margin-bottom:20px;
margin-right:0px;
float:right;
width:175px;
*width:230px;
}
div#box4{
float:left;
margin-top:30px;
padding:10px;
background-color:#fd6001;
width:210px;
margin-bottom:30px;
*bottom:20px;
color:#FFFFFF;
border:#aaa 1px solid;
text-align:left;
}
div#box4 a{
color:#FFFFFF;
}
div#box4 ul{
margin:0;
margin-left:-20px;
*margin-left:20px;
list-style-position:outside;
list-style:square;
}
div#box4 h4{
color:#fd6001;
margin-top:-29px;
margin-bottom:7px;
margin-left:-10px;
*margin-left:-10px;
position:absolute;
}
/* HOUSES */
div#houses_box{
margin-left:20px;
float:right;
border:2px solid #ccc;
width:250px;
}
div#houses_box a{
color:#FFFFFF;
display:block;
float:left;
margin:1px;
padding:2px;
}
div#houses_box a.selected{
color:#000;
font-weight:bold;
background-color:#ccc;
}
div#houses_box a.selected2{
color:#fff;
font-weight:bold;
background-color:#FE8B4B;
}
.select{
color:#fff;
font-weight:bold;
background-color:#FE8B4B;
padding:2px;
display:block;
margin:2px;
}
div#houses_box a.selected2:hover{
color:#fff;
font-weight:bold;
background-color:#000;
text-decoration:none;
}
div#houses_box1{
background-color:#fd6001;
padding:10px;
color:#FFFFFF;
}
div#houses_box1 h4{
margin:0;
}
/* SMALL TAB SYSTEM */
.smalltabs{
list-style:none;
margin-bottom:4px;
*margin-bottom:3px;
text-align:left;
width:800px;
margin-left:0;
padding-left:0;
}
.smalltabs li{
position:relative;
background:url(images/menu2.png);
border:1px solid #000;
padding:4px;
*padding:3px;
padding-left:0px;
padding-right:0px;
*padding-left:10px;
*padding-right:10px;
display: inline;
margin-right:0px;
}
.smalltabs a{
color:#aaa;
padding:4px;
padding-right:10px;
padding-left:10px;
*padding:0;
}
.smalltabs li.selected a{
color:#333;
}
.smalltabs li.selected{
background:url(images/menu1.png) #eee repeat-x;
border-bottom:0px;
background-color:#993333;
margin-bottom:0;
padding:5px;
*padding:4px;
padding-left:0px;
padding-right:0px;
*padding-left:10px;
*padding-right:10px;
display: inline;
font-weight:bold;
}
.smalltabs-content img{
padding:5px;
}
.smalltabs-content a:hover img{
padding:0px;
border:5px #fd6001 solid;
}
.smalltabs-content{
border:1px #000 solid;
padding:10px;
width:775px;
background-color:#eee;
}
/* TAB SYSTEM */
.bigtabs{
list-style:none;
margin:0;
}
.bigtabs img {
filter:alpha(opacity=40); /* Transparency */
opacity:0.4;
}
.bigtabs a:hover img {
filter:alpha(opacity=100); /* Transparency */
opacity:1;
}
.bigtabs li.selected img{
filter:alpha(opacity=100); /* Transparency */
opacity:1;
border-left:2px #fd6001 solid;
border-right:2px #fd6001 solid;
border-top:2px #fd6001 solid;
border-bottom:0px;
padding:2px 2px 0 2px;
position:relative;
top:5px;
width:165px;
height:113px;
padding-bottom:20px;
}
.bigtabs li{ display: inline;}
.bigtabs div.text,div.edittext{
position:absolute;
z-index:1000;
margin-top:25px;
font-size:16px;
font-weight:bold;
display:inline;
}
/*
position:absolute;
z-index:1000;
margin-top:32px;
font-size:16px;
font-weight:bold;
display:block;
background-color:#eee;
padding:2px;
border:1px solid #000;
*/
.bigtabs li.selected div.text,div.edittext{
position:absolute;
z-index:1000;
margin-left:8px;
margin-top:25px;
font-size:16px;
font-weight:bold;
}
.bigtabs li a:hover {
text-decoration:none;
}
.bigtabs li div.edittext {
margin-left:4px;
}
.bigtabs li.selected a div.text{
position:absolute;
color:#fff;
display:block;
background-color:#fd6001;
margin-top:9px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
border-top:0;
border-left:0;
width:auto;
display:inline;
margin-left:4px;
padding:2px;
}
.bigtabs li a {
color:#000;
}
.bigtabs span{
position:absolute;
visibility:hidden;
}
.bigtabs li.selected span.edit{
margin-left:2px;
*margin-left:5px;
}
.bigtabs li.selected div.edittext{
position:absolute;
color:#fff;
display:block;
background-color:#fd6001;
margin-top:9px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
border-top:0;
border-left:0;
width:auto;
display:inline;
margin-left:4px;
*margin-left:7px;
padding:2px;
}
.bigtabs li.selected span{
visibility:visible;
position:absolute;
margin-top:115px;
width:157px;
padding:4px;
color:#000;
text-align:center;
font-weight:bold;
margin-left:2px;
background-color:#ccc;
border:2px #fff solid;
z-index:1000;
}
.bigtabs li img{
display: inline;
border:1px #000 solid;
}
.bigtabs-content{
padding:10px;
}
/* PICTUREBOX */
.bigtabs-content div.minipictures {
text-align:center;
}
.bigtabs-content div.minipictures img{
padding:5px;
}
.bigtabs-content div.minipictures a:hover img{
border:5px solid #fd6001;
padding:0px;
}
.bigtabs-content img{
margin-bottom:20px;
}
.bigtabs-content div.pictures {
background-color:#eee;
text-align:left;
padding:20px;
padding-top:10px;
padding-bottom:10px;
}
.picture{
margin:5px;
}
.picture a:hover{
margin:0px;
border:5px solid #fd6001;
}
div#buy_11 div{
float:left;
background-color:#ccc;
padding-right:20px;
}
.bigtabs-content div.pictures img{
padding:0px;
margin:0px;
border:10px solid #eee;
}
.bigtabs-content div.pictures a:hover img{
border:10px solid #fd6001;
margin:0px;
padding:0px;
}
/* Home picture box*/
/* Home picture box*/
.picturebox{
background-color:#fff;
padding:10px;
padding-bottom:15px;
width:780px;
}
.picturebox a:hover span {
background:url(images/menu1.png);
text-decoration:none;
cursor:pointer;
color:#111;
border:2px solid #ccc;
}
.picturebox a:hover img{
padding:0px;
border:5px solid #ccc;
}
.picturebox span{
background:url(images/menu3.png);
position:absolute;
margin-top:104px;
margin-left:10px;
border:2px solid #fd6001;
font-weight:bold;
padding:3px;
width:120px;
color:#fff;
}
.picturebox img{
border:5px solid #fff;
}
/* BUYFORM */
.button_normal{
background-color:#fd6001;
border:2px solid #000;
margin:5px;
color:#FFFFFF;
font-weight:bold;
padding:2px;
}
.buyinfo div, .buyinfo {
background-color:#777;
color:#fff;
padding:4px;
font-size:16px;
font-weight:bold;
}
.buytd{
padding:5px;
padding-left:10px;
color:#fff;
font-weight:bold;
background-color:#fd6001;
width:220px;
}
.buytd2{
border:1px solid #ccc;
padding:5px;
width:520px;
}
.buytd2 option{
border:1px solid #ccc;
}
.buytd2 input{
width:250px;
}
h4{
font-size:16px;
}
a.link input{
margin-bottom:4px;
font-size:12px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}
a.link2{
display:block;
background-color:#eee;
padding:3px 5px 3px 10px;
border-left:10px solid #ddd;
border-bottom:1px solid #ddd;
color:#444;
text-decoration:none;
}
a.link2:hover{
background-color:#444;
color:#fff;
border-left:0px solid #fd6001;
padding-left: 20px;
text-decoration:none;
}
a.link{
display:block;
background-color:#fd6001;
padding:5px 5px 5px 10px;
border-bottom:1px solid #ddd;
color:#FFFFFF;
text-decoration:none;
}
a.link:visited{
text-decoration:none;
}
a.link:hover{
background:#000 ;
text-decoration:none;
}
a.link:active{
text-decoration:none;
}
a.link3{
color:#fff;
}
a.link3:visited{
}
a.link3:hover{
}
a.link3:active{
}
.loading{
border:1px solid #999;
padding:0px;
z-index:100;/* Always needed */
position:absolute; /* Always needed */
background-color:#FFF; /* White background color for the message */
color:#111;
}
div#language{
BACKGROUND: #fd6001;
width:150px;
height:15px;
text-align:left;
padding:5px;
padding-right:0;
padding-left:0;
float:left;
text-align:center;
*width:150px;
}
#language a{
margin-right:5px;
opacity:0.5;filter:alpha(opacity=50);
}
#language a.selected, #language a:hover{
opacity:1;filter:alpha(opacity=100)
padding:0;
}
div#image_1{
height:58px;
min-width:100%;
width:100%;
}
div#area1 div.content
{
text-align:justify;
BACKGROUND: #fd6001;
}
div#bottom{
height:10px;
width:150px;
background:url(images/bottom.gif);
}
div#area1 div#title
{
FONT-FAMILY: Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
text-align:left;
padding:5px;
line-height:15px;
margin:0px;
background-color:#777;
background-image:url(images/menu2.png);
border-bottom:solid 1px #ddd;
}
div#area1 div#title2
{
FONT-FAMILY: Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
text-align:left;
padding:5px;
line-height:15px;
margin:0px;
background-color:#777;
background-color: #fd6001;
background-image:url(images/toptitle.gif);
border-bottom:solid 1px #ddd;
}
.list{
list-style-image: url(images/blue.gif);
margin:0 0 0 20px ;
}
.list li{
padding:2px;
}
div,h1{
font-size:12px;
}
div#content div.content
{
padding-bottom:20px;
text-align:justify;
}
a.button {
display:block;
color:#fff;
font-weight:bold;
text-decoration:none;
float:left;
border:1px solid #000;
padding:5px;
margin:2px;
background-color:#fd6001;
font-size:14px;
}
a.button:hover{
background-color:#000;
border:1px solid #fff;
}
div#content div.title
{
color:#fd6001;
font-size:24px;
font-weight:bold;
padding-bottom:16px;
clear:both;
}
div#maincontainer
{
width:100%; /* final width */
margin:0px 0 0px 0; /* center it */
background-color:#fff;
min-width:990px;
position:relative;
border:0px;
}
div#mid
{
/* final width */
width:100%;
padding:0px;
float:left;
}
div#header1
{
height:86px;
background:no-repeat url(images/logo_tradewinds.png);
width:150px;
float:left;
padding:0;
margin:0;
}
div#header2
{
height:86px;
background:no-repeat url(images/topkapeimage2.png);
float:left;
padding:0;
margin:0;
width:650px;
}
div#header3
{
padding:0;
margin:0;
height:86px;
background:url(images/bg.jpg);
float:left;
width:100%;
min-width:800px;
}
div#slideshow{
color:#fff;
}
div#header4
{
height:50px;
margin-top:28px;
margin-left:600px;
width:163px;
position:absolute;
*margin:0;
*margin-top:-78px;
*left:600px;
}
div#header_1{
width:25px;
height:19px;
float:left;
BACKGROUND:url(images/round.jpg);
}
div#header_2{
BACKGROUND: #000;
height:19px;
width:100%;
float:left;
min-width:800px;
}
div#header_3{
BACKGROUND: #fd6001;
height:20px;
float:left;
width:150px;
margin:0;
padding:0;
}
div#footer
{
padding-top:50px; padding-bottom:5px;
text-align:center;
position:relative;
bottom:0;
clear:both;
}
div#area1
{
float:left;
width:150px; /* +10px padding */
clear:both;
background-color:#fd6001;
}
div#content
{
float:left;
/* +20px padding */
padding-left:20px;
padding-right:20px;
width:75%;
*width:auto;
}