﻿
/************************* Body + Elements / Defaults *******************/
BODY{margin:0px;padding:0px; background: #fff url(../graphics/bg-body.png) repeat-x 0px 0px}
BODY.inner{background: #fff url(../graphics/bg-body-inner.gif) repeat-x 0px 0px}
NAV, FOOTER{display:block}	
NAV, FOOTER, H1,H2,H3,H4,H5,DIV,TABLE,TR,TH,TD,P,A,UL,LI,IMG,FORM,FIELDSET,INPUT,TEXTAREA,SELECT,OPTION{font-family:arial,sans-serif;color: #415F8A;font-size:12px;line-height:12px;font-weight:normal;margin:0px;padding:0px;list-style-type:none}
IMG, FIELDSET{border:none}
TABLE{border-collapse: collapse;border-spacing: 0px}
TH{text-align: left}
H1 span, H2 span, H3 span{display: none}
INPUT, TEXTAREA{border: solid 1px #96BEFD; background: #fff}

/************************* Main sprites *******************/
H3.search, H3.news, H3.premium-domain, H3.make-wish-list{width: 250px; height: 54px; background: url(../graphics/sprites/index.png) no-repeat 0px 0px}

/************************* Common classes *******************/
.link-text{display:none}
.clear{width: 100%; clear:both; font-size:1px; line-height:0px}
.preload{position: absolute; left: -5000px; top: -100px}
.darker{color: #1D4379}
.button{cursor: pointer}
.more{color: #0D3369; text-transform: uppercase; letter-spacing: 1px}

/************************* Container *******************/
#container{width: 918px; min-height: 400px; position: relative; left: 50%; margin: 0px 0px 0px -459px}
#content{width: 888px; padding: 342px 15px 0px 15px}

/************************* Nav *******************/
A.icon{width: 386px; height: 97px; position: absolute; left: 9px; top: 21px; background: url(../graphics/logo.png)}
NAV, .nav{width: 500px; position: absolute; left: 407px; top: 78px}
P.top-nav{float: right; padding: 2px 13px 3px 13px; border-right: solid 1px #B4CBFF}
P.top-nav-right{border-right: none; padding-right: 0px}
P.top-nav A{font-size: 15px; line-height: 20px; font-weight: bold; text-decoration: none; padding: 0px 0px 2px 0px}
P.top-nav A:hover, A.active{border-bottom: solid 2px #B4CBFF}

/************************* Login Nav *******************/
.login{width: 300px; position: absolute; left: 610px; top: 15px}
.login P{text-align: right}
.login P A{color: #1D4379; font-size: 11px; padding: 0px 3px 0px 3px}

/************************* Scroller *******************/
#button-left, #button-right{position: absolute; left: -40px; top: 190px}
#button-right{left: 926px}

#scroller-default, #scroller{width: 898px; height: 184px; overflow: auto; position: absolute; left: 10px; top: 151px}
#scroller{height: 154px; display: none; overflow: hidden}

#scroller-inner-default, #scroller-inner{width: 4078px; height: 154px; position: relative}
#scroller-inner{width: 12130px ;left: -4004px}

.section{width: 128px; height: 154px; padding: 0px 26px 0px 0px; float: left}
.section-z{padding: 0px}

.placeholder{width: 108px; height: 134px; padding: 10px; background: url(../graphics/bg-placeholder.png)}
.letters{width: 108px; height: 134px; display: block; background: url(../graphics/sprites/letters.png) no-repeat 0px 0px}
.letters SPAN{display: none}

.letter-a{background-position: -10px 0px}
.letter-b{background-position: -138px 0px}
.letter-c{background-position: -266px 0px}
.letter-d{background-position: -394px 0px}
.letter-e{background-position: -522px 0px}

.letter-f{background-position: -650px 0px}
.letter-g{background-position: -778px 0px}
.letter-h{background-position: -906px 0px}
.letter-i{background-position: -1034px 0px}
.letter-j{background-position: -1162px 0px}

.letter-k{background-position: -1290px 0px}
.letter-l{background-position: -1418px 0px}
.letter-m{background-position: -1546px 0px}
.letter-n{background-position: -1674px 0px}
.letter-o{background-position: -1802px 0px}

.letter-p{background-position: -1930px 0px}
.letter-q{background-position: -2058px 0px}
.letter-r{background-position: -2186px 0px}
.letter-s{background-position: -2314px 0px}
.letter-t{background-position: -2442px 0px}

.letter-u{background-position: -2570px 0px}
.letter-v{background-position: -2698px 0px}
.letter-w{background-position: -2826px 0px}
.letter-x{background-position: -2954px 0px}
.letter-y{background-position: -3082px 0px}
.letter-z{background-position: -3210px 0px}

/************************* Left *******************/
#left{width: 308px; float: left; padding: 0px 40px 10px 0px}
H2, H3.search{width: 308px; height: 54px; background: url(../graphics/sprites/index.png) no-repeat 0px 0px}
H3.search{margin-top: 10px; background-position: -880px 0px}
P.intro{line-height: 16px; padding: 0px 0px 17px 2px}
.select-category{width:171px; height: 21px; margin: 5px 0px 0px 0px; position: relative; background: url(../graphics/sprites/button-search.png) no-repeat 0px 0px}
.select-category:hover .dropdown{margin: -180px 0px 0px 0px}
.dropdown{width: 167px; height: 272px; overflow: auto; margin: -3000px 0px 0px 0px; padding: 5px 1px 5px 1px; position: absolute; border: solid 1px #7F9DB9; -moz-box-shadow: 5px 5px 5px #999; -webkit-box-shadow: 5px 5px 5px #999; background: #f4f4fa}
.dropdown A{color: #1D4379; text-decoration: none; display: block}
.dropdown A{padding: 2px 10px 2px 10px}
.dropdown A:hover{color: #fff; background: #415F8A}
P.about{line-height: 16px; margin: 25px 0px 0px 0px; padding: 21px 0px 0px 2px; border-top: dotted 1px #7F9DB9}

/************************* Center *******************/
#center{width: 250px; float: left; padding: 0px 0px 10px 0px}
H3.news{background-position: -320px 0px}
P.news{line-height: 16px; padding: 0px 0px 0px 2px}
P.news-link{padding: 10px 0px 25px 2px}
#center IMG{display: none}

/************************* Right *******************/
#right{width: 250px; float: right; padding: 0px 0px 10px 0px}
H3.premium-domain{background-position: -610px 0px}
P.premium{font-size: 18px; text-transform: uppercase; line-height: 17px; padding: 0px 0px 10px 2px}
P.premium-2{padding-bottom: 20px}
#right IMG{margin: 0px 0px 0px 2px}
P.let-domain{line-height: 16px; margin: 20px 0px 0px 0px; padding: 16px 0px 5px 2px; border-top: dotted 1px #7F9DB9}

/************************* Footer *******************/
FOOTER, .footer{min-height: 25px; clear: both; padding: 20px 0px 25px 0px; border-top: solid 3px #C7CACC}
P.left, P.right, FOOTER A, .footer A{color: #2050a0; font-size: 11px}
P.left{float: left}
P.right{float: right}

/************************* Popup *******************/
#mask{display: none; width: 100%; position: absolute; left: 0px; top: 0px; filter:alpha(opacity=60); -moz-opacity:.6; -khtml-opacity:.6; opacity:.6; background: #000}
#popup-outer{width: 700px; height: 480px; position: absolute; left: 50%; top: -5000px; margin: 0px 0px 0px -350px; -moz-box-shadow: 0px 1px 20px #000; -webkit-box-shadow: 0px 1px 20px #000; -moz-border-radius: 15px; -webkit-border-radius: 15px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; background: #fff}
#popup-inner{width: 630px; height: 400px; position: absolute; left: 50%; top: -5000px; margin: 0px 0px 0px -335px; padding: 23px 18px 23px 18px; border: solid 2px #303050; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #fffff0}
#popup-inner.active{background: #fffff0 url(../graphics/throbber.gif) no-repeat 500px 18px}

#button-close{width: 88px; height: 28px; position: absolute; left: 552px; top: 19px}
H3.wish-list-registration, H3.wish-list{width: 630px; height: 40px; background: url(../graphics/sprites/wish-list.png) no-repeat 0px 0px}
H3.wish-list{background-position: 0px -40px}

/************************* Login / Registration *******************/
#registration{width: 580px; height: 325px; overflow: auto; margin: 0px 5px 0px 5px; padding: 15px 20px 20px 20px; border: solid 1px #96BEFD; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff}
#registered, #new-users{width: 270px; height: 325px; float: left}
#registered{padding-right: 20px; border-right: solid 1px #96BEFD}
#new-users{width: 269px; margin-left: -1px; padding-left: 20px; border-left: solid 1px #96BEFD}
H4{color: #FF9308; font-size: 20px; line-height: 22px; padding: 0px 0px 8px 0px}
P.welcome{font-size: 11px; line-height: 15px; padding: 0px 0px 8px 0px}
P.form{font-size: 11px; font-weight: bold; padding: 10px 0px 1px 2px}
INPUT.wish-list{width: 200px; margin: 5px 0px 0px 0px; padding: 3px 3px 2px 3px}
#button-login, #button-register{margin: 15px 0px 0px 0px}

/************************* Wish list *******************/
H5{color: #FF9308; font-size: 24px; line-height: 26px; font-weight: bold; position: absolute; left: 32px; top: 20px}
TABLE.wish-list{margin: 15px 0px 0px 0px}
TABLE.wish-list TH{font-size: 14px; line-height: 15px; text-transform: uppercase; font-weight: bold; padding: 7px 0px 7px 3px; border: solid 1px #96BEFD; border-left: none; border-right: none; background: #dFe8ff}
TABLE.wish-list TD{color: #1D4379; padding: 6px 0px 6px 4px; border-bottom: solid 1px #96BEFD}
.wl-1{width: 150px}
.wl-2{width: 140px}
.wl-3{width: 70px}
.wl-4{width: 90px}
.wl-5{width: 85px}
INPUT.bid{width: 60px; height: 12px; margin: 0px; padding: 1px 0px 1px 1px}





