/* 
home.css.revision=1024
*/
.search {position: absolute; top: 50%; left: 50%; margin: -170px 0 0 -258px; width: 548px;}

#search{display: none; padding: 5px;}

#search.active{border: 1px dashed black; cursor: move;}

#search .spinner{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100000;
    background: transparent url(/img/spinner.gif) no-repeat 50% 50%;
    width: 32px;
    height: 32px;
    margin: -17px 0 0 -17px;
}

#search .overlay {
    background: #b1b1b1;
    width: 64px;
    height: 64px;
    margin: -33px 0 0 -33px;
    opacity: 0.5;
    position: absolute;
    top: 50%;
    left: 50%;
}

#search.hideSearchLogo {margin-top: -57px;}
#search.hideSearchLogo .engineBigLogo {display: none;}

.search .search-field {float: left;}

#searchbutton {float: left; margin-left: 10px;}

.top-menu {positiin: absolute; top: 0; width: 100%; height: 25px; background: url('/img/menu-opacity.png') repeat-x; color: #DAD9D9; font-size: 15px; }

.top-menu .right-menu {float: right; margin-right: 20px;}
.top-menu .right-menu a {text-decoration: none; color: inherit;}

.top-menu .customizePage {margin-left: 5px; padding-left: 15px; background: transparent url(/img/small/sprite_small.gif) no-repeat scroll -343px -340px;}

.bottom-menu {position: absolute; bottom: 0; width: 100%; height: 25px; background: url('/img/bottom-menu.png') repeat-x;}

.bottom-menu .managelinks {margin-right: 20px; float: right; color: #DAD9D9; font-size: 15px;}

#homepagelink {position: absolute; left: 50%; top: 70%; margin: 0px 0 0 -100px;}

#homepagelink {width:200px; text-align:center; background:#2E2E2E; padding: 10px; }

#homepagelink a {color: #DAD9D9; text-decoration: none; font-size: 15px;}

.confirmSkinPreview {
    position: absolute;
    left: 50%;
    top: 45px;
    width: 540px;
    height: 76px;
   margin: 0 0 0 -270px;
   padding-top: 10px;
   text-align: center;
   color: white;
}

.confirmSkinPreview .bg {
   background: url('/img/preview-bg.png') no-repeat;
   width: 542px;
   height: 76px;
   position: absolute;
}

.confirmSkinPreview .confirmContent {
   position: relative;
   width: 100%;
   height: 100%;
   padding: 10px 10px 10px 10px;
}

.confirmSkinPreview .title {
    padding-bottom: 5px;
}

.confirmSkinPreview a {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

.confirmSkinPreview a:hover {
    text-decoration: underline;
}

#botlinkz { float: left; margin-left: 5px; }
#botlinkz a {margin-left: 10px;}

#botlinkz #ajaxloader {margin-top: 4px;}

.hide { display: none; }

#sharelink.show { display: inline; }

.engineBigLogo {text-align: center;}

.search-types {margin-left: 20px;}

.seach-field input {
   width:420px;
   height:29px;
   line-height:25px;
   border:1px solid #BBBBBB; 
   background-color:#DAD9D9;
   color:#414141;
   padding: 6px 0 0 35px;
   font-size: 16px;
}

.bottomlink {font-size: 15px;}

.menuSeparator {margin: 0 0 0 10px;}


.first-time-page {position: relative; color: #CCCCCC;}
.first-time-page .pageCentH {position: relative; left: 50%; top: 0; width: 800px; margin-left: -400px;}
.first-time-page .pageCentH .pageCentV {position: relative; padding-top: 100px; }
body.firstTimeView .first-time-page .pageCentH .pageCentV { padding-top: 350px; width: 100%; }
body.firstTimeView .first-time-page .search {top: 280px;}

.first-time-page .intro { left: 0; margin: 0; top: 20px; height: 160px; width: 805px; z-index: 10; font-size: 14px; position: absolute;}
.first-time-page .intro .introTitle {font-size: 18px; margin: 10px 0 0 10px;}
.first-time-page .intro .images {width: 550px; margin: 0 0 10px 0;float: left;}
.first-time-page .intro .images .image1 {background: url('/img/homepage/steps.jpg') no-repeat; width: 234px; height: 235px; float: left;}
.first-time-page .intro .images #imageRotate {float: left; width: 304px; height: 235px;}

.first-time-page .search { left: -15px; margin: 0; top: 20px; height: 40px; width: 800px; z-index: 10; position: absolute;}
.first-time-page .search .skinSearchForm {float: left; width: 400px;padding: 15px;}
.first-time-page .search .skin-search-field {float: left;}
.first-time-page .search input#skinsearchfield {width: 100px; background-color: #DAD9D9; border: 1px solid #BBBBBB; padding: 3px 0 3px 5px;}
.first-time-page .search button {margin-left: 10px; background: transparent url('/skins/default/button-search.png') no-repeat scroll 0 0; border: none; height: 25px; width: 68px;}

.first-time-page .search .buttonOwnLink {cursor: pointer; float: right; margin-top: 10px;}

.first-time-page .skinsSummary {float: left; position: relative; padding-left: 170px; }
.first-time-page .skinsSummary .categories {z-index: 100; position: absolute; left: 0; top: 40px; font-size: 15px; width: 150px; height: 100%; float: left;}
.first-time-page .skinsSummary .categories .skinCategory {cursor: pointer; position: relative;}
.first-time-page .skinsSummary .categories .skinCategory a {text-decoration: none; color: #CCCCCC;}
.first-time-page .skinsSummary .categories .skinCategory .skinCategorySelected {font-weight: bold;}

.first-time-page .skinsSummary .skinList {height: 510px;}

.first-time-page .skinsAd {width: 650px; position: relative; padding-bottom: 20px;}

.first-time-page .skinsAd .skin {float: left; width: 178px; margin: 10px 30px 10px 0; cursor: pointer;}

.first-time-page .skinsAd .skinCategoryName {clear: both; font-size: 20px; padding: 0 0 5px 0;}

.first-time-page .skinsAd .pagination {position: absolute; height: 20px; bottom: 0; padding-left: 160px;}

.first-time-page .skinsAd .pagination a.navigate {cursor: pointer; margin-left: 20px; color: #CCCCCC; text-decoration: none;}
.first-time-page .skinsAd .pagination .pageLabel {margin-left: 20px;}

.first-time-page .skinsAd .firstPage .pageRev,
.first-time-page .skinsAd .lastPage .pageForw {visibility: hidden;}

.first-time-page .homeAd {width: 728px; height: 90px; position: relative; margin-bottom: 20px;}

#infoiframe_manageImagesHelp {z-index: 100;}
#infoiframe_manageImagesHelp .infoTitle {left: 10px; top: 5px;}

#infoiframe_skinBuilderHelp {z-index: 100;}
#infoiframe_skinBuilderHelp .infoTitle {left: 10px; top: 5px;}

