/* COMMON STYLES */
body {margin:0; padding:0; color: #ffffff;  font: 100% 'Geneva CY', Tahoma;}
table {border-spacing: 0px; border-collapse: collapse;}
td {vertical-align: top; text-align: left;}
img {border: none;}
p {line-height: 1.5em; margin: 0px; padding: 0px 0px 0.8em 0px;}


h1 { padding: 0; margin: 0; font-size: 180%; font-weight: normal;}
h2 { margin: 0.8em 0px 0.8em 0px; font-size: 200%; font-weight: normal;}
h3 { font-size: 100%; font-weight: normal;}
h4 { margin: 0.6em 0px 0.5em 0px; font-size: 110%;}

.cl {clear: both; }
.wh { width: 100%;}
.ht {height: 100%;}
.fl {float: left;}
.fr {float: right;}

/* LINK */

a {color: #ffffff;}
.bg0 .heart .link a, .city a {color: #1AD5E1;}
.alphabet a {color: #1AD5E1; font-size: 80%;}

/*NAV*/

.city {margin: 30px 0px 0px 51px; text-align: left; width: 200px;}

.alphabet {width: 200px; margin: 5px 0px 0px 51px; border-bottom: 3px solid #ffffff; padding: 0px 0px 10px 0px; }
.alphabet div {float: left; padding: 0px 10px 0px 0px;}

.bg0 .heart .link {font-size: 70%; vertical-align: middle; padding: 5px;}
.bg0 .arrow {margin: 98px 0px 0px 0px;}

.bg1 .heart {font-size: 70%; position: relative; top: 116px; left: 53px;}
.bg1 .heart .link {padding: 5px;}

.bg1 .arrow {width: 200px; position: relative; top: 12px; right: 102px;}
.bg1 .arrow .link {padding: 8px 0px 10px 7px;}

.arrow .phone {padding: 19px 0px 16px 0px;}

.copyright {font-size: 80%;}

div.phone {margin: 335px 0px 10px 0px;  text-align: left;}
div.copyright {text-align: left;}

.bg-look .heart,
.bg-compare .heart,
.bg-choose .heart
{font-size: 70%; margin: 150px 0px 16px 10px; }

.bg-look .heart .link,
.bg-compare .heart .link,
.bg-choose .heart .link 
{padding: 0px 0px 0px 5px; vertical-align: middle;}

.bg-look .arrow,
.bg-compare .arrow,
.bg-choose .arrow 
{width: 200px; margin: 0px 0px 0px 10px;}

.bg0 .arrow .link,
.bg-look .arrow .link, 
.bg-compare .arrow .link,
.bg-choose .arrow .link
{padding: 0px 0px 0px 7px; vertical-align: middle;}

.nav {font-size: 90%; margin: 0px 0px 0px 12px;}
.nav .active {font-weight: bold; }


/* BASIS */

.bg0 .fl {width: 536px; text-align: left;}
.bg0 .fr {width: 252px;}

.bg1 .top {height: 285px;}
.bg1 .middle {height: 285px;}
.bg1 .bottom {height: 200px;}
  
.bg1 .top .center {width: 427px;}

.bg1 .middle .left {width: 257px;}
.bg1 .middle .right {width: 211px;}
.bg1 .middle .center {width: 422px;}

.bg1 .bottom .left {width: 445;}
.bottom .right  {vertical-align: bottom; padding: 0px 0px 30px 0px;}
  
.bg-look .top .left, 
.bg-compare .top .left,
.bg-choose .top .left 
{height: 204px; padding: 48px 0px 0px 66px;}

.bg-look .top .right,
.bg-compare .top .right,
.bg-choose .top .right 
{width: 310px; padding: 50px 0px 0px 3px;}
 
.bg-look .middle .left,
.bg-compare .middle .left,
.bg-choose .middle .left 
{height: 197px; padding: 0px 0px 0px 90px;}
 
.bg-look .bottom .left,
.bg-compare .bottom .left,
.bg-choose .bottom .left
{height: 380px; padding: 0px 18px 0px 0px;}



/*LIST*/



/* DESIGN */

.bg0 {width: 788px; height: 900px; background-image: url('pic/bg0.gif'); background-repeat: no-repeat;  background-position: 300px left;}

.bg0 .logo {margin: 48px 0px 0px 16px;}
.bg0 .about {width: 430px; margin: 70px 0px 360px 36px; font-size: 90%;}

.bg-look, .bg-compare, .bg-choose {width: 890px; text-align: left;  background-repeat: no-repeat;}
.bg1 {width: 890px; text-align: left;  background-repeat: no-repeat;}

.bg1 {background-image: url('/img_pv/bg1.jpg');}
.bg-look {background-image: url('/img_pv/bg-look.jpg');}
.bg-compare {background-image: url('/img_pv/bg-compare.jpg');}
.bg-choose {background-image: url('/img_pv/bg-choose.jpg');}

.halfmoon {padding: 0px 0px 10px 0px;}
.link span { color: #92a2ff; }

.linkform a { padding: 0px 0px 0px 5px; }

.small {margin: 45px 10px 0px 0px;}
.smallactive {margin: 68px 10px 0px 0px;}


.looktxt {position: relative; top: 100px; left: 135px;}
.comparetxt {position: relative; top: 196px; left: 72px; }
.choicetxt {position: relative; top: 34px; right: 67px; }

.look {position: relative; top: 17px; left: 109px;}
.compare {position: relative; top: 134px; left: 39px;}
.choice {position: relative; top: 37px; right: 156px;}

.bg1 .logo {position: relative; top: 48px; left: 67px;}

.pic {margin: 0px 20px 20px 0px;}


.text {width: 470px; background: #ffffff;}

.phone p {font-size: 80%; line-height: 0.5em;}
.phone span { margin: 0.1em 0px; font-size: 140%;}

.ne {background-repeat: no-repeat; background-position: top right;}
.se {background-repeat: no-repeat; background-position: bottom right;}
.ws {background-repeat: no-repeat; background-position: bottom left;}


.bg-look .ne {background-image: url('/img_pv/NE-bg-look.gif');}
.bg-look .se {background-image: url('/img_pv/SE-bg-look.gif');}
.bg-look .ws {background-image: url('/img_pv/WS-bg-look.gif');}

.bg-compare .ne {background-image: url('/img_pv/NE-bg-compare.gif');}
.bg-compare .se {background-image: url('/img_pv/SE-bg-compare.gif');}
.bg-compare .ws {background-image: url('/img_pv/WS-bg-compare.gif');}

.bg-choose .ne {background-image: url('/img_pv/NE-bg-choose.gif');}
.bg-choose .se {background-image: url('/img_pv/SE-bg-choose.gif');}
.bg-choose .ws {background-image: url('/img_pv/WS-bg-choose.gif');}



/* CONTENT */

.text {color: #000000; font-size: 80%; margin: 0px 0px 30px 0px;}
.text a {color: #0098FE; }

* html .box {height: 360px;}
.box {padding: 30px; height: auto; min-height:300px;}
.image {margin: 0px 20px 0px 0px; float: left; }

.bg1 .slogan {position: relative; top: 50px; right: 90px;}

.bg1 .about {width: 222px; position: relative; top: 130px; right: 80px; font-size: 80%; }

.about {width: 333px; font-size: 80%;}
.about div {font-size: 110%; font-weight: bold; padding: 0px 0px 0.5em 0px;}

.popup-bg {background: #0057be;}
.popup-text {margin: 0px 45px 0px 175px; font-size: 80%;}
.popup-logo {margin: 35px;}

form { margin: 0px; padding: 0px; }
div.field { margin: 1.5em 80px 1em 0px; }
div.label { margin-bottom: 0.2em; }
div.input input.wide { width: 80%; }
div.input textarea.wide { width: 100%; }