*{
    margin:0;
    padding:0;
}
body{
    font-family: "Arial Narrow",Arial, sans-serif;
   font-size:11px;
   color:#333;
   min-height:560px;
    overflow-y:scroll;
}
ul#menu{
    float:right;
    list-style:none;
    width:380px;
    position:absolute;
    top:3px;
    right:0px;
}
ul#menu li{
    float:left;
    margin:0px -2px 0px 0px;
}
ul#menu li a{
    text-transform:uppercase;
    display:block;
    padding:2px 10px;
    font-family:"Arial Narrow", Arial;
    font-size:12px;
    color:#888;
}
ul#menu li a:hover{
    color:#fff;
}
ul#menu li#search{
    padding-left:20px;
}
ul#menu li#search input{
    border:1px solid #ddd;
    padding:1px 2px;
    width:100px;
    float:left;
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
}
ul#menu li#search a{
    cursor:pointer;
    float:left;
    padding:1px 4px 1px 2px;
    border:1px solid #f0f0f0;
    background-color:#f0f0f0;
    -moz-border-radius:0px 5px 5px 0px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-radius:0px 5px 5px 0px;
}
ul#menu li#search a:hover{
    border:1px solid #777;
    background-color:#777;
    color:#fff;
}
.form{
    height:140px;
    margin:20px 30px 0px 30px;
    padding:20px;
    background-color:#fff;
    border:2px solid #ddd;
}
.ajaxload{
    width:24px;
    height:24px;
    float:right;
    margin:2px 10px 0px 0px;
    background:#fff url(../images/ajax-loader_small.gif) no-repeat center center;
    display:none;
}
span.submit_success{
    font-size:16px;
    font-weight:bold;
    color:#ccc;
    float:left;
    text-align:center;
    text-transform:uppercase;
    
}
span.no_results{
    font-size:20px;
    font-weight:bold;
    color:#ccc;
    width:100%;
    float:left;
    text-align:center;
    margin-top:60px;
    line-height:30px;
    text-transform:uppercase;
}
.form p{
    clear:both;
    float:left;
    margin:5px 0px;
    width:100%;
}
.form a{
    cursor:pointer;
    float:right;
    padding:0px 10px;
    color:#fff;
    border:1px solid #999;
    background-color:#999;
    margin-right:53px;
}
.form a:hover{
    border:1px solid #000;
    background-color:#000;
    color:#fff;
}
.form label{
    width:130px;
    text-align:right;
    float:left;
    margin-right:5px;
    color:#444;
}
.form input{
    float:left;
    border:1px solid #999;
    padding:4px 6px 5px 6px;
    width:200px;
}
#overlay{
    width:100%;
    height:100%;
    position:fixed;
    z-index:99;
    background:transparent url(../images/overlay.png) repeat top left;
}
.previewContainer{
    width:504px;
    height:405px;
    background-color:#fff;
    border:10px solid #fff;
    position:fixed;
    top:7%;
    left:50%;
    margin-left:-260px;
    padding:10px;
    z-index:100;
    background-color:#f0f0f0;
    -moz-box-shadow:2px 2px 20px #000;
    -webkit-box-shadow:2px 2px 20px #000;
    box-shadow:2px 2px 20px #000;
}
#preview_img{
    width:500px;
    height:314px;
    line-height:314px;
}
#preview_img img{
    vertical-align:middle;
    border:2px solid #ddd;
}
.previewContainer h2{
    font-size:32px;
    color:#999999;
    text-transform:uppercase;
    margin:0px 0px 10px 0px;
	text-shadow:1px 1px 1px #fff;
}
.previewContainer p{
    font-size:16px;
    line-height:25px;
    margin-top:15px;
}
.previewContainer p img{
    float:left;
    margin:10px 10px 0px 0px;
}
.previewContainer p.first:first-letter{
    font-size:26px;
    color:#999;

}

a.close{
    float:right;
    margin:-18px -18px 0px 0px;
    cursor:pointer;
    width:26px;
    height:24px;
    background:transparent url(../images/prevnext.png) no-repeat -26px -48px;
}
a.close:hover{
    background-position:0px -48px;
}
a#preview_next{
    position:absolute;
    top:30%;
    right:-40px;
    cursor:pointer;
    width:30px;
    height:100px;
    background:transparent url(../images/preview_previous.png) no-repeat -30px 0px;
}
a#preview_next:hover{
    background-position:-30px -100px;
}
a#preview_prev{
    position:absolute;
    top:30%;
    left:-40px;
    cursor:pointer;
    width:30px;
    height:100px;
    background:transparent url(../images/preview_previous.png) no-repeat 0px 0px;
}
a#preview_prev:hover{
    background-position:0px -100px;
}

a#like{
   background:url("../images/likeit.png") no-repeat scroll left top transparent;
	cursor:pointer;
	display:block;
	height:38px;
	margin:0 auto;
	width:105px;
}
a#like:hover{
    background-position:0px -38px;
}
#likecount{
   color:#C5C5C5;
	float:left;
	font-weight:bold;
	margin-left:310px;
	margin-top:-38px;
}
a#dontlike{
    float:left;
    width:154px;
    height:38px;
    cursor:pointer;
    background:transparent url(../images/not.png) no-repeat top left;
}
a#dontlike:hover{
    background-position:0px -38px;
}
#description{
    margin-top:10px;
    background-color:#fff;
}
#rating{
   width:100%;
    margin:10px 0px;
}
#info{
    width:100%;
    margin-top:10px;
}
#info a{
    height:18px;
    cursor:pointer;
    
}
#info a#addlist{
    width:81px;
    background:transparent url(../images/options.png) no-repeat 0px 0px;
    float:right;
}
#info a#addlist:hover{
    background-position:0px -18px;
}
span.info{

}
#info a#visit{
    float:left;
    width:124px;
    background:transparent url(../images/options.png) no-repeat -117px 0px;
    
}
#info a#visit:hover{
    background-position:-117px -18px;
}

#header{
    height:70px;
    background-color:#333;

}
#header h1 a#logo{
    text-indent:-99999px;
    background:#333 url(../images/webzibition.png) no-repeat 0px 0px;
    width:379px;
    height:57px;
    margin:5px 0px 5px 0px;
	cursor:pointer;
	float:left;
    opacity:0.95;
}
#header h1 a#logo:hover{
    opacity:1.0;
}
#header h1 a.counter, #header h1 span{
    float:left;
    font-weight:bold;
    color:#A4A5A5;
    font-family: Georgia, serif;
    font-size:16px;
    text-decoration:none;
     margin:3px 0px 0px 0px;
     line-height:15px;
}
#header h1 a.counter{
    padding-right:95px;
    height:20px;

}
#header h1 a.counter span.counter_sentence{
    display:none;
    margin:6px 0px 0px 5px;
}
#header h1 a.counter:hover span.counter_sentence{
    display:inline;
}
#header h1 a.counter:hover span{
    color:#ddd;
}
#header h1 span{
   
}
a img{
    border:none;
}
a{
    color:#888888;
    outline:none;
    text-decoration:none;
}
.clr{
    clear:both;
}
a:hover{
    color:#333;
}
#content{
    margin-top:10px;
	float: left;
	width: 100%;
}
#container{
    text-align:center;
    position:relative;
}
.previewloading{
    background:transparent url(../images/previewloader.gif) no-repeat center center;
}
.loading{
    position:absolute;
    top:72px;
    left:126px;
    right:60px;
    bottom:0px;
    background:#fff url(../images/ajax-loader.gif) no-repeat 50% 20%;
    opacity:0.7;
}
#thumbs{
    padding:0 60px 60px 129px;
    position:relative;
}

#container #thumbs a.th_img{
    margin:4px;
    display:inline-block;
    width:200px;
    height:126px;
    border:1px solid #ddd;
    overflow:hidden;
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#fff;
    position:relative;
}
#container #thumbs a.th_img:hover{
    border:1px solid #777;
    -moz-box-shadow:0px 1px 2px #000;
    -webkit-box-shadow:0px 1px 2px #000;
    box-shadow:0px 1px 2px #000;
}
#container #thumbs span.addToList{
    position:absolute;
    top:0px;
    left:0px;
    width:70px;
    height:30px;
    background:transparent url(../images/addtolist.png) no-repeat top left;
    text-indent:-999999px;
    display:none;
}
#container #thumbs a.th_img:hover span.addToList{
    display:block;
}
#container #thumbs span.addToListHover{
    position:absolute;
    top:0px;
    left:0px;
    width:70px;
    height:30px;
    background:transparent url(../images/addtolist.png) no-repeat 0px -30px;
    text-indent:-999999px;
}
#container #thumbs span.listed{
    width:200px;
    height:126px;
    background:transparent url(../images/listed.png) no-repeat top left;
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
a#prev, a#next{
    height:24px;
    width:26px;
    position:fixed;
    top:100px;
    cursor:pointer;
    border:none;
    background:transparent url(../images/prevnext.png) no-repeat top left;
}
a#prev{  
    left:100px;
    background-position:-26px 0px;
}
a#next{
    right:30px;
    background-position:0px 0px;
}
a#prev:hover{
    background-position:-26px -24px;
}
a#next:hover{
    background-position:0px -24px;
}
#footer{
    height:14px;
    padding:5px 0px;
    width:100%;
    text-transform: uppercase;
    text-align:center;
    position:relative;
    bottom:2px;
    left:0px;
}
#footer ul{
    list-style:none;

}
#footer ul li{
    display:inline;
}
#filter{
    width:29px;
    padding:4px 0px 3px 6px;
    height:420px;
    position:absolute;
    top:100px;
    left:-5px;
    background-color:#f0f0f0;
    border:1px solid #ddd;
     -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
#layout a{
    width:20px;
    height:20px;
    background:#fff url(../images/layout.png) no-repeat top left;
    float:left;
    margin:0px 0px 4px 2px;
    border:1px solid #ddd;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
#layout a.selected{
    -moz-box-shadow:0px 1px 2px #000;
    -webkit-box-shadow:0px 1px 2px #000;
    box-shadow:0px 1px 2px #000;
    border:1px solid #666;
}
#layout a:hover{
    border-color:#666666;
    -moz-box-shadow:0px 1px 2px #000;
    -webkit-box-shadow:0px 1px 2px #000;
    box-shadow:0px 1px 2px #000;
}
#layout a.onecol{
    background-position:0px 0px;
}
#layout a.onecol:hover
{
    background-position:0px -20px;
}
#layout a.twocol{
    background-position:-20px 0px;
}
#layout a.twocol:hover{
    background-position:-20px -20px;
}
#layout a.rows{
    background-position:-40px 0px;
}
#layout a.rows:hover{
    background-position:-40px -20px;
}
#layout a.threecol{
    background-position:-60px 0px;
}
#layout a.threecol:hover{
    background-position:-60px -20px;
}
#layout a.grid{
    background-position:-80px 0px;
}
#layout a.grid:hover{
    background-position:-80px -20px;
}
#layout a.misc
{
    background-position:-101px 0px;
}
#layout a.misc:hover{
    background-position:-101px -20px;
}
.colorwrap{
    position:relative;
    float:left;
    width:80px;
    height:20px;
    margin:0px 0px 4px 2px;
}
.colorwrap .options{
	display:none;
}
#colors a.include{
    position:absolute;
    background:transparent url(../images/addremove.png) no-repeat top left;
    width:30px;
    height:22px;
    top:0px;
    left:30px;
    cursor:pointer;
}
#colors a.include:hover{
    background-position:0px -22px;
}
#colors a.exclude{
    position:absolute;
    background:transparent url(../images/addremove.png) no-repeat -30px 0px;
    width:30px;
    height:22px;
    top:0px;
    left:60px;
    cursor:pointer;
}
#colors a.exclude:hover{
    background-position:-30px -22px;
}
#colors a.excluded{
    background-image:url(../images/included.png);
    background-repeat:no-repeat;
    background-position: -20px 0px;
}
#colors a.included{
    background-image:url(../images/included.png);
    background-repeat:no-repeat;
    background-position: 0px 0px;
}
#colors a.red,
#colors a.pink,
#colors a.purple,
#colors a.brown,
#colors a.yellow,
#colors a.blue,
#colors a.green,
#colors a.orange,
#colors a.white,
#colors a.gray,
#colors a.black
{
    width:20px;
    height:20px;
    border:1px solid #ccc;
    position:absolute;
    top:0px;
    left:0px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
#colors a.red:hover,
#colors a.pink:hover,
#colors a.purple:hover,
#colors a.brown:hover,
#colors a.yellow:hover,
#colors a.blue:hover,
#colors a.green:hover,
#colors a.orange:hover,
#colors a.white:hover,
#colors a.gray:hover,
#colors a.black:hover
{
    border-color:#666666;
    -moz-box-shadow:0px 1px 2px #000;
    -webkit-box-shadow:0px 1px 2px #000;
    box-shadow:0px 1px 2px #000;
}
#filterSettings{
    padding:0 60px 0px 129px;
    position:relative;
    text-align:center;
    height:20px;
    margin-bottom:5px;
}
#filterSettings p{
    white-space:nowrap;
}
#filterSettings span#sett_must,
#filterSettings span#sett_without,
#filterSettings span#sett_may,
#filterSettings span#sett_layout,
#filterSettings span#sett_search
{
    padding:4px 3px;
    border:1px solid #ddd;
    margin:0px 5px;
    text-transform:uppercase;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-color:#f0f0f0;
}
#filterSettings span#sett_search span#reset_search{
    padding-left:20px;
    cursor:pointer;
    background:#f0f0f0 url(../images/cross.png) no-repeat center right;
}
span#sett_layout span{
    padding:1px 14px 0px 0px;
    margin:1px;
    background:#fff url(../images/layout.png) no-repeat top left;
    border:1px solid #ddd;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
span#sett_layout span.onecol{
    background-position:0px 0px;
}
span#sett_layout span.twocol{
    background-position:-22px 0px;
}
span#sett_layout span.rows{
    background-position:-40px -3px;
}
span#sett_layout span.threecol{
    background-position:-63px 0px;
}
span#sett_layout span.grid{
    background-position:-83px -3px;
}
span#sett_layout span.misc{
    background-position:-103px -3px;
}
#filterSettings span.sett_colors{
    margin:0px 0px 0px 2px;
}
#filterSettings span.sett_colors span{
    padding:1px 14px 0px 0px;
    margin:1px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border-width:1px;
    border-style:solid;
    line-height:10px;
}
#colors a.red,
span.sett_colors span.red{
    background-color:red;
    border-color:red;
}
#colors a.pink,
span.sett_colors span.pink{
    background-color:fuchsia;
    border-color:fuchsia;
}
#colors a.purple,
span.sett_colors span.purple{
    background-color:purple;
    border-color:purple;
}
#colors a.brown,
span.sett_colors span.brown{
    background-color:maroon;
    border-color:maroon;
}
#colors a.yellow,
span.sett_colors span.yellow{
    background-color:yellow;
    border-color:yellow;
}
#colors a.blue,
span.sett_colors span.blue{
    background-color:blue;
    border-color:blue;
}
#colors a.green,
span.sett_colors span.green{
    background-color:green;
    border-color:green;
}
#colors a.orange,
span.sett_colors span.orange{
    background-color:orange;
    border-color:orange;
}
#colors a.white,
span.sett_colors span.white{
    background-color:white;
    border-color:#ddd;
}
#colors a.gray,
span.sett_colors span.gray{
    background-color:gray;
    border-color:gray;
}
#colors a.black,
span.sett_colors span.black{
    background-color:black;
    border-color:black;
}
.enable{
    height:40px;
    width:100%;
    background-color: #FC3F3F;
    position:fixed;
    opacity: 0.9;
    -moz-opacity: 0.9;
    text-align:center;
    left:0px;
    overflow: hidden;
    z-index:9999999;
    bottom:0px;
    border-top: 1px solid #ebebeb;
    color:#FFFFFF;
    line-height:40px;
    font-weight:bold;
    font-size: 16px;
    cursor:default;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
/*
a#backarrow{
    width:35px;
    height:16px;
    position:absolute;
    top:80px;
    left:-5px;
    border:1px solid #ddd;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border-radius:5px;
    cursor:pointer;
    opacity:0.7;
    background:#f0f0f0 url(../images/back.png) no-repeat center center;
}
a#backarrow:hover{
    opacity:1.0;
}*/