* {margin: 0px;padding: 0px;} img {border: none;} a {color: #acacac;text-decoration: underline;} a:hover {text-decoration: underline;color: #fff;} p {padding-bottom: 10px;} body {background: #000 url(../images/top.gif) repeat-x top;color: #999;font: 11px/17px Arial, Helvetica, sans-serif;} ul, ol {margin: 0px 0px 10px 10px;padding: 0px;} hr {border-bottom: 1px solid #BEBEBE;margin-bottom: 10px;border-top-style: none;border-right-style: none;border-left-style: none;} h1, .h1 {font-size: 20px;line-height: 20px;font-weight: normal;color:#7c794c;background: url(../images/sep.gif) repeat-x bottom; padding: 10px 5px 10px 5px;margin-bottom: 5px;} h1 span, .h1 span {padding: 5px 0 0 0;} h1 span a, .h1 span a {text-decoration:none; color:#7c794c;} h1 span a:hover, .h1 span a:hover {text-decoration:none; color:#fff;} .photo { font-size: 16px; font-weight:bold; color:#fff; padding-bottom: 10px; padding-top: 5px; } .photo a {text-decoration:none;} h2, .h2 {font-size: 13px;line-height: 20px;font-weight: bold;padding: 10px 10px; text-transform:uppercase; color:#a5482c; background: #121110 url(../images/sep.gif) repeat-x top left;} .h2 {margin:16px 0 0;} .h2 span {padding: 4px 3px 0 0;} .h2_Tags {font-size: 12px;line-height: 20px;font-weight: bold;padding: 10px 10px; text-transform:uppercase; color:#fff; background: #121110 url(../images/sep.gif) repeat-x top left;} h3 {color:#a5482c; font-size: 18px;line-height: 18px;font-weight: bold; padding: 10px 5px; background: url(../images/sep.gif) repeat-x bottom left; margin-bottom:10px;} .h3 {font-size: 11px;line-height: 20px;font-weight: bold;padding: 10px 10px; color:#5f899c; background: #191e1f;} h4 {font-size: 12px;line-height: 18px;padding: 3px 5px; background:#121110; font-weight:normal; color:#fff;} h5 { color: #A5482C; font-size: 12px; font-weight: normal; margin-bottom: 10px;} .table {border-top: 1px solid #CCC;border-left: 1px solid #CCC;} .table td {border-bottom: 1px solid #CCC;border-right: 1px solid #CCC;} .text10 {font-size: 10px;line-height: 16px;} .text11 {font-size: 11px;line-height: 17px;} .text12 {font-size: 12px;line-height: 18px;} .text13 {font-size: 13px;line-height: 17px;} .text14 {font-size: 14px;line-height: 18px;} .text15 {font-size: 15px;line-height: 18px;} .text16 {font-size: 16px;line-height: 19px;} .text17 {font-size: 17px;line-height: 20px;} .text18 {font-size: 18px;line-height: 20px;} .text20 {font-size: 20px;line-height: 22px;} .float-left {float: left;} .float-right {float: right;} .bold {font-weight: bold;} .italic {font-style: italic;} .clear {clear: both;} .align-image-left {float: left;margin: 3px 10px 10px 0px;} .align-image-right {float: right;margin: 0px 0px 10px 10px;} .image-border {border: 5px solid #191e1f;} .align-left {text-align:left;} .align-right {text-align:right;} .padding0 {padding: 0;} .margin0 {margin: 0;} .marginb5 {margin-bottom: 5px;} .marginb2 {margin-bottom: 2px;} .marginb10 {margin-bottom: 10px;} .margint5 {margin-top: 5px;} .margint2 {margin-top: 2px;} .margint10 {margin-top: 10px;} .width260(width:260px;); .center {text-align:center;} .underline {text-decoration:underline;} .nounderline {text-decoration:none;} .nobg{background:none;} .noborder{border:0;} .red {color:#842826;} .black {color: #000;} .white {color: #fff;} .beige {color:#a19e71;} .orange {color:#a5482c;} .blue {color:#416071;} .cream {color:#d0c0a7;} .yellow { color: #fff200; } .blueHeadline { font-size: 1.4em; color: #5f899c; } .magenta { color: #5f899c; } #post {background: url(../images/content/buttons.gif) no-repeat left top;height: 25px;width: 71px; border:none;} .wrapper{width:955px; margin:auto;} /* form elements */ form p {} form .short {width:80px; margin-right:4px;} form label {float: left;width: 300px;padding: 2px 0 3px 2px;} form input[type=text], form input[type=file], form input[type=password], form textarea, form select, .input {color:#999;background: #3b3b3b;padding: 4px;width: 250px;border: 1px solid #535252;font: 11px/17px Arial, Helvetica, sans-serif;} form input[type=submit] {margin: 5px 0px; padding: 4px 7px;cursor:pointer;background: #597f94 url(../images/submit-bg.gif) repeat-x bottom;border: 1px solid #83a3b4;font: normal 11px Arial, Helvetica, sans-serif;text-transform: uppercase;color: #FFF;} form textarea {height: 79px;} form select {padding: 2px;} fieldset {padding: 10px; border: 1px solid #CCC;} legend {font-weight: bold;} /* page top */ #top{height:137px; text-align:left;} #logo {background: url(../images/logo.jpg) no-repeat;display: block; height: 103px;width: 342px;position: absolute; margin-left: -75px;} .message {position:absolute;text-transform:uppercase; color:#fff; width:700px; text-align:right; margin: 79px 0 0 255px; font-size:13px; background: url(../images/content/top-message.gif) no-repeat top right} #top .button, .signin, .signup {position:absolute; width:82px; height:26px; display:block; float:right; background: url(../images/signup-buttons.jpg) no-repeat; margin: 40px 0 0 782px;} #top .signup, .signup {background: url(../images/signup-buttons.jpg) no-repeat top right; margin: 40px 0 0 872px;} .signin, .signup {float:left; margin:7px; position:relative;} #loginArea { width: 173px; float: right; margin-top: 40px; font-size: 0.9em; margin-bottom: 10px; } .signInButton { margin-right: 7px; vertical-align: top; width: 82px; height: 26px; background: url(../images/signInButton.jpg) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: left; } .signInButton:hover { margin-right: 7px; background-position: right top; color: #fff; } .signUpButton { float: left; display: block; vertical-align: top; width: 82px; height: 26px; background: url(../images/signUpButton.jpg) no-repeat left bottom; text-indent: 250px; cursor: pointer; } .signUpButton:hover { background-position: right top; color: #fff; } .videoButton { width: 145px; height: 54px; background: url(../images/start_button.png) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: right; } .videoButton:hover { background-position: right top; color: #fff; } .button_vid { width: 42px; height: 44px; background: url(../images/button_vid.png) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: right; } .button_vid:hover { background-position: right top; color: #fff; } .vid_button { position: absolute; margin: 50px 0 0 50px; } .play_button { position: absolute; margin: 100px 0 0 140px; } #loggedIn { width: 320px; float: right; font-size: 1.1em; margin-bottom: 10px; } #loggedIn a:link, #loggedIn a:visited { color: #78a0b1; text-decoration: none; } #loggedIn a:hover, #loggedIn a:active { color: #ffff00; text-decoration: underline; } .userCaps { text-transform: uppercase; } .loginUser { float: left; display: block; padding: 5px 15px 0 15px; color:#fff; } .loginArr { background: url(../images/logArr.gif) no-repeat; width: 11px; height: 10px; float: left; position: relative; top: 9px; left: 10px;} .myProfileButton { margin-right: 7px; vertical-align: top; width: 82px; height: 26px; background: url(../images/myProfileButton.jpg) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: right; } .myProfileButton:hover { margin-right: 7px; background-position: right top; color: #fff; } .signOutButton { margin-right: 7px; vertical-align: top; width: 82px; height: 26px; background: url(../images/signOutButton.jpg) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: right; } .signOutButton:hover { margin-right: 7px; background-position: right top; color: #fff; } #nav {list-style:none; margin:103px 0 0 0; padding:0; width: 700px; position:absolute; font-size:12px;} #nav li {float:left;} #nav li a {color: #999999; float:left;text-decoration: none;background: url(../images/nav-sep.gif) no-repeat right top;display: block;padding: 8px 13px 8px; text-shadow: 1px 1px 1px #000;} #nav li a:hover, #nav a.active {color:#fff; background: #894426 url(../images/nav-sep.gif) no-repeat right center;} #nav li.videos {background: url(../images/new.png) no-repeat 57px 6px;} #nav li.videos a {color:#fff; padding-left: 15px; padding-right:50px;} #nav li.videos a:hover {background:#894426 url(../images/new.png) no-repeat 57px 6px; color:#fff200; padding-left: 15px;} #nav li.upload {background: url(../images/icons.gif) no-repeat 4px 9px;} #nav li.upload a {color:#fff200; padding-left: 40px;} #nav li.upload a:hover {background:#894426 url(../images/icons.gif) no-repeat 4px 9px; color:#fff200; padding-left: 40px;} #search {position:absolute; margin: 110px 0 0 655px; width: 300px;} #search select, .sort select, .sortBy select {text-transform:none; font: 10px Arial, Helvetica, sans-serif;padding: 1px 1px 1px 1px;width: 116px;border: 1px solid #a5acb2;margin-left: 13px; float:right;} /* rotator container */ #container{background: url(../images/container-bg.gif) repeat-x top;} #container h2 { font-size: 13px;line-height: 20px;font-weight: bold;padding: 10px 10px; text-transform:uppercase; color:#a5482c; } #slideshow {width:995px; height:400px; margin:auto; padding: 13px 0 0 30px;} #slideshow .item {float:left; width: 450px; height:250px; background-color: #FFF; padding: 3px; border: #323232 5px solid; margin:9px; -moz-box-shadow: 0px 0px 15px #1e1e1e; /* Firefox */ -webkit-box-shadow: 0px 0px 15px #1e1e1e; /* Safari and Chrome */ box-shadow: 0px 0px 15px #1e1e1e;} #slideshow img {float:left; position:absolute;} #slideshow .caption {width:450px;position:absolute;z-index:1;background: #000;padding: 3px 0px 5px;text-transform: uppercase;color: #FFF;text-align: center;margin-top: 225px;} #rotator>div {display:none;} #prev, #next {height:56px; width:20px; background:url(../images/slideshow-nav.png) no-repeat bottom left; display:block; position:absolute; z-index:5; margin: 115px 0 0 -11px;} #next { background:url(../images/slideshow-nav.png) no-repeat bottom right; margin-left: 959px;} #prev:hover {background:url(../images/slideshow-nav.png) no-repeat top left;} #next:hover {background:url(../images/slideshow-nav.png) no-repeat top right;} /* main content container */ #wrapper{ background: url(../images/wrapper-bg.gif) repeat-x top; padding-bottom:15px; min-height:300px; padding-top: 93px; } #wrapper:after, .benefit:after, #content:after, #footer .wrapper:after, #right .box:after, .comment:after, #top-girls .box:after, .box3:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} #top-girls .box {background: url(../images/sep.gif) repeat-x left bottom; width:200px; color:#fff; line-height:19px; padding-bottom:8px; margin: 13px 10px 0 0; width: 210px; float:left;} #top-girls .box img {float:left;} #top-girls .box .right {float:right; width:135px;} #top-girls .box a {color:#fff; text-decoration:none;} #top-girls .box a:hover {color:#999;} #container3 .box2{margin-right: 0; *margin-left: 5px;} .comment {margin: 10px 0 10px 0; border-bottom: #0f0f0f 1px solid;} .comments-info{font-size: 14px;font-weight: bold;background: url(../images/cloud-trans.png) no-repeat 2px -240px;padding: 10px 0px 10px 50px;margin-top: 8px;} .comments-info a {text-decoration:none; color:#a5482c;} #contact-form div {float:left; margin-right:30px; width:260px;} #contact-form label {float:left; padding:7px 2px;} #contact-form textarea {width: 400px;} .paginator {float:right;margin: 7px 10px 5px 0; font-size: 11px;font-weight: normal;text-transform: none;color: #999; } .paginator a {background: #34312d; text-decoration:none; padding: 5px 8px; margin: 0 2px 0 0;} .paginator a:hover, .paginator .current, .paginator .inactive {background: #a5482c; color:#fff;} #content {background: #111;padding: 20px;} .separator {background: url(../images/sep.gif) repeat-x left bottom;height:1px;border-style: none;} .register {background: #1E1E1E;text-align: right;padding: 5px;} .register a {color:#fff; text-decoration:none;} /* left panel */ #left {float:left; width: 665px; padding:10px 0 5px 0;} #left-photo {float:left; width: 600px; padding:10px 0 5px 0;} .view {float:right; padding:16px 5px 0 0;} .view a {text-decoration:none; color:#a5482c;} .view a:hover {color:#fff; text-decoration:none;} .box1, .box2 {background: #FFF;border: 6px solid #191e1f; width:200px; margin: 5px 5px 5px 5px; *margin-right: 0; float:left; padding:0 0 10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .box1 a:hover, .box2 a:hover {color: #000;} .box1:hover, .box2:hover {border-color: #242E2F;} .box1 img, .box2 img {float:left;} .box1 .flag {float:left; margin:7px 0 0 10px;} .box1 .info {float:right; width:135px; padding:4px 0 0 0; margin-right:10px;} .box1 p {padding:1px; border-bottom: #e0dddd 1px solid} .wrapper>.box1 {width:215px;} .wrapper>.box1 .info {width:153px;} .box2, #left .box2 {width: 138px; padding:0; margin: 5px 4px 20px 4px; *margin: 5px 0px 4px 0px;} #left .box2 {margin: 6px 8px 6px 8px;} .box2 .title {background: #fff;text-align:center; padding:3px; text-transform:uppercase; color:#000; font-size:11px;} .box2 .title a {text-decoration:none; color:#000;} .thumbs img {border: 4px solid #191e1f; margin:7px 7px 0 0; float:left;} .thumbs img:hover {border-color: #242E2F;} /* .prev, .next {display:block; width:70px; height:27px; background: url(../images/content/prevnext.gif) no-repeat left top; float:right; margin:2px 8px 0 0;} */ /* .next {background: url(../images/content/prevnext.gif) no-repeat right top;} */ #left ul li, #left ol li {margin-left: 15px;} #left ul li {background: url(../images/arrow.gif) no-repeat left -23px;list-style: none;margin-left: 0px;padding-left: 15px;} #left ul {margin-bottom: 13px;} .rate, .halfstar, .fullstar {background: url(../images/stars.gif) no-repeat left top;display:block;float:left;width:12px;height:13px;margin-top: 5px;} .rate:hover, .fullstar {background: url(../images/stars.gif) no-repeat right top;} .halfstar {background: url(../images/stars.gif) no-repeat -13px top;} #rate {margin:15px 0 0 0;} #rate img {margin:3px 5px 0 0;} #rate .rate {background: url(../images/stars2.jpg) no-repeat -2px top;display:block;float:left;width:20px;height:22px;margin-top: 5px;} #rate .fullstar, #rate .rate:hover {background: url(../images/stars2.jpg) no-repeat -38px top;} #rate .halfstar {background: url(../images/stars2.jpg) no-repeat -20px top;} .country-title {background: #39525e;color:#fff;margin: 0px 0px 10px;padding: 10px 10px 13px;font-size: 12px;} .country-title img {float:left; margin:0px 13px 0 0;} .country-title span {padding:4px 0 0 0; display: block;} .title {background: url(../images/cloud-trans.png) no-repeat 2px -132px; padding: 12px 0 10px 45px; background-color: #39525e; color:#fff; font-size:16px; margin-bottom:0; } .box3 {background:#2b3030;margin:0px 0px 12px;padding: 5px 8px;} .box3 span {width:50px; background:#a5482c; color:#fff; display:inline-block; text-align:center; margin:0 5px 0 0;} .box3 p {padding:2px 0;} .box3-title {background:#171B1C;padding:3px 8px;color: #537889;font-size: 12px;margin: 0px 0px;border-bottom: 1px solid #131617;} .box3 .medal {float:left;border-right: 1px solid #333637;padding: 5px 0px;text-align: center;width: 82px;font-size: 12px;} .sort {float:left;margin:4px;width: 410px;text-align: left;} .sort select {margin:0 0px 0 10px; float:left;} .benefit {padding: 3px 8px;} .benefits-title {font-size: 12px;font-weight: bold;text-transform: uppercase;background: #293031;padding: 6px 10px;margin-bottom: 10px;} .forgoten, #signin-content .forgoten {text-decoration:none; color:#d0c0a7;} .forgoten:hover{text-decoration:none;} .textareas {padding: 0px 10px;} .textareas label {width: 550px;margin-top: 5px;} .textareas textarea {width: 595px;margin-bottom: 10px;} /* right panel */ #right {float:right;width: 265px;background: url(../images/right-bg.gif) repeat-x left top; padding: 10px 8px 15px 8px;} #right .view {padding-top:33px;} #tags .view {padding-top:18px;} #right .title {background:#384d55 url(../images/icons.gif) no-repeat 7px -35px; padding:11px 0 11px 50px; color:#fff; margin-bottom:10px; font-size:18px;} #right .box, .box4 {padding: 8px 5px 8px 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #right .box p {padding: 0; color:#5f899c;} #right .box img {float:left; padding:5px 0 0 0;} #right .box .right {width:197px; border-left:#323838 1px solid; padding: 2px 0 2px 9px; float:right;} #right .nounderline:hover {text-decoration:none;} #right .box a:link, #right .box a:visited { color:#5f899c; text-decoration: none; } #right .box a:hover, #right .box a:active { color: #8f3f1d; text-decoration: none; } .box1 a:link, .box1 a:visited { color:#000; text-decoration: none; } .box1 a:hover, .box1 a:active { color: #8f3f1d; text-decoration: none; } #right .box .right label {float:left; width:80px;} #right .box .info {font-size: 11px; color:#fff; text-transform:none; background: url(../images/arrow.gif) no-repeat 1px 7px; padding:0 0 0 14px;} /* right photo */ #right-photo {float:right;width: 325px;background: url(../images/right-bg.gif) repeat-x left top; padding: 10px 8px 15px 8px;} #right-photo .view {padding-top:33px;} #right-photo .title {background:#384d55 url(../images/icons.gif) no-repeat 7px -35px; padding:11px 0 11px 50px; color:#fff; margin-bottom:10px; font-size:18px;} #right-photo .box, .box4 {padding: 8px 5px 8px 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #right-photo .box p {padding: 0; color:#5f899c;} #right-photo .box img {float:left; padding:5px 0 0 0;} #right-photo .box .right {width:257px; border-left:#323838 1px solid; padding: 2px 0 2px 9px; float:right;} #right-photo .nounderline:hover {text-decoration:none;} #right-photo .box a:link, #right-photo .box a:visited { color:#5f899c; text-decoration: none; } #right-photo .box a:hover, #right-photo .box a:active { color: #8f3f1d; text-decoration: none; } #right-photo .box .right-photo label {float:left; width:80px;} #right-photo .box .info {font-size: 11px; color:#fff; text-transform:none; background: url(../images/arrow.gif) no-repeat 1px 7px; padding:0 0 0 14px;} .feeds, .tags {color:#598092; padding:0 0 0 25px; margin:30px 0 12px 0; font-size:18px; background: url(../images/icons.gif) no-repeat -6px -98px;} .tweet {padding:10px; margin-top:4px; color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .tweet a {font-size: 12px; color:#5f899c;} .tweet p {padding: 0;} .tweet .time, .favorites-num {color:#959595; background: url(../images/arrow.gif) no-repeat 1px -6px; padding:2px 0 0 13px;} .addButton { width: 191px; height: 26px; background: url(../images/addtofavorites.gif) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: left; margin-top: 4px; margin-bottom: 4px; } .addButton:hover { background-position: right top; color: #fff; } .addPhoto { width: 191px; height: 26px; background: url(../images/addto_photo.gif) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: left; margin-top: 4px; margin-bottom: 4px; } .addPhoto:hover { background-position: right top; color: #fff; } .removePhoto { width: 225px; height: 26px; background: url(../images/removePhoto.gif) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: left; margin-top: 4px; margin-bottom: 4px; } .removePhoto:hover { background-position: right top; color: #fff; } .removeModel { width: 225px; height: 26px; background: url(../images/removeModel.gif) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: left; margin-top: 4px; margin-bottom: 4px; } .removeModel:hover { background-position: right top; color: #fff; } /* .previousB { width: 70px; height: 27px; background: url(../images/previousB.gif) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: right; margin-right: 10px; } */ /* .previousB:hover { background-position: right top; color: #fff; } */ /* .nextB { width: 99px; height: 26px; background: url(../images/nextButton.jpg) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: right; } */ /* .nextB:hover { background-position: right top; color: #fff; } */ #tags .tags {margin: 15px 0 0 0; background: url(../images/cloud-trans.png) no-repeat left 12px; padding: 14px 0 12px 47px;} #tags .box4 {margin:0; padding:8px 5px 0 5px; background: url(../images/sep.gif) repeat-x left top;} #tags a {text-decoration:none; padding:5px;} .subscribe {background: url(../images/content/subscribe-trans.png) no-repeat 8px 9px;padding: 7px 8px 7px 48px;border-top: 1px solid #2C3536;border-bottom: 1px solid #2C3536;} .subscribe a {text-decoration:none;} .login {background: url(../images/cloud-trans.png) no-repeat -9px -334px; padding-left:25px; margin: 10px 0 0 0; font-size:14px; color:#fff;} .login a {color:#fff; text-decoration:none;} .loginRed {background: url(../images/cloud-trans.png) no-repeat -9px -364px; padding-left:25px; margin: 10px 0 0 0; font-size:14px; color:#fff;} .loginRed a {color:#fff; text-decoration:none;} .basedOn { margin-left: 4px; margin-top: 3px; color: #fff; display: block; } .loginCuffon {background: url(../images/cloud-trans.png) no-repeat -9px -94px; padding-left:25px; margin: 10px 0 0 0; font-size:14px; color:#fff;} .loginCuffon a {color:#fff; text-decoration:none;} .recommend {display:block; background: #212728 url(../images/cloud-trans.png) no-repeat left -187px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration:none; padding:9px 0 9px 43px; color:#fff; text-transform:uppercase; margin:10px 0;} .recommend:hover {text-decoration:none; background-color: #374c55;} #share .title {background: url(../images/sep.gif) repeat-x left bottom;background-color:none; padding:15px 0 7px 0; color:#a5482c;} .addthis {padding-top: 10px;} .please-signin { font-size: 15px; } .please-signin a, .please-signin a:hover { text-decoration:none;} .please-signin a:hover {color:#fff;} .please-signin img { float: left; margin-right: 10px; height: 78px; width: 78px; border: 3px solid #242E2F; } .please-signin p { padding-top: 15px; } /* College competition */ .collegeGirl { float: left; display: block; border: 8px solid; color: #191e1f; margin-top: 10px; width: 343px; height: 496px; } .comingSoon { background:url(../images/comingSoon.png) no-repeat; width: 343px; height: 45px; display: block; padding-bottom: 10px; } #collegeCopy { float: right; width: 570px; margin-left: 10px; text-align: justify; line-height: 18px; margin-top: 10px; } #collegeCopy h2 { font-size: 1.2em; background: none; padding: 0 0 6px 0; color: #5f899c; font-family: Arial, Helvetica, sans-serif; } #subscribe { width: 348px; } /* .subscribeButton { margin-right: 7px; vertical-align: top; width: 75px; height: 24px; background: url(../images/subscribeButton.gif) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: right; } */ /* .subscribeButton:hover { margin-right: 7px; background-position: right top; color: #fff; } */ .collegeLogo { border: 5px solid; color: #191e1f; float: left; margin-right: 10px; margin-top: 10px; width: 73px; height: 59px; } .divider { background: url(../images/divider.png) repeat-x; width: 550px; height: 1px; margin-top: 20px; } .profileBlock { background-color: #191e1f; } .profileBlockWrapp { width: 603px; padding: 10px; line-height: 22px; color: #fff; } .profileBlockWrapp a { color: #fff; text-decoration: none; } .profileBlockWrapp a:hover { color: #7aae36; text-decoration: none; } .user { width: 126px; height: 126px; border: 6px solid; color: #2c3335; display: block; float: left; } .stats { background-color: #25292a; float: right; width: 454px; } .profileBlock ol { list-style-type: none; color: #FFF;} .yourStats { padding: 10px 0 5px 24px; color: #5f899c; text-transform: uppercase; } .blueBlock { color: #5f899c; text-transform: uppercase; } .profileBlockContent { width: 584px; padding: 10px; background-color: #25292a; line-height: 22px; } .primaryData { width: 150px; float: left; } .secondaryData { width: 250px; float: right; margin-right: 30px; } .leftColumn { float: left; width: 100px; } .rightColumn { float: right; width: 30px; } .rightColumnSec { float: right; width: 90px; margin-right: 40px; } .profileControls { float: left; margin-left: 60px;} .radioButtons { float: right; margin-right: 250px; } #account { float: left; line-height: 22px; margin-bottom: 30px; margin-left: 2px; } #accountData { float: right; width: 191px; line-height: 22px; color: #FFF; margin-bottom: 30px; } #accountData input { width: 176px; height: 13px; } #account2 { float: left; line-height: 22px; margin-bottom: 30px; margin-left: 2px; } #accountData2 { float: right; width: 191px; line-height: 22px; color: #FFF; margin-bottom: 30px; } #accountData2 input { width: 176px; height: 13px; } #accountData2 textarea { width: 176px; height: 100px; } #accountData textarea { width: 176px; height: 100px; } .shortField { width: 60px; } .saveButton { margin-right: 10px; margin-bottom: 20px; vertical-align: top; width: 65px; height: 26px; background: url(../images/saveButton.jpg) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: right; } .saveButton:hover { margin-right: 10px; background-position: right top; color: #fff; } .acc { background: url(../images/acc.png) no-repeat; width: 136px; height:10px; float: right; display: block; } #signupList { width: 340px; float: left; } #accB { float: right; width: 150px; } .accButton { margin-right: 7px; vertical-align: top; width: 82px; height: 26px; background: url(../images/signInButton.jpg) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: right; } .accButton:hover { margin-right: 7px; background-position: right top; color: #fff; } /* footer */ #footer {border-top: 1px solid #212121; padding:10px 0; margin-top:0px; font-size:10px; color:#666;} #footer p {padding:2px 0 4px 0;} #footer a {color:#666; text-decoration:none; padding:0 4px;} #footer a:hover {color:#fff; text-decoration:none;} #footer .left {float:left; width:720px;} #footer .right {float:right; width:230px;} #footer span {padding-left: 10px;} #footer .icon {float:right;display: block; background: url(../images/footer-icons.jpg) no-repeat left -5px; margin:10px 8px 0 0;} #footer .twitter {width: 30px; height:41px; background: url(../images/footer-icons.jpg) no-repeat -50px top; margin-top:5px;} #footer .facebook { width: 30px; height:41px; background: url(../images/footer-icons.jpg) no-repeat -6px top; margin-top:5px;} #footer .ontop {width: 17px; height:31px; background: url(../images/footer-icons.jpg) no-repeat -90px -5px; margin-top:10px;} #footer .stalk {width: 60px; height:16px; background: none; margin-top:24px; font-size:12px;} #footer .menu {margin: 0 0 0 -10px;} #footer .menu a {padding:0 10px;} #footer .red {padding: 0;} #footer .red a {color:#a54747;} /* modal box */ #recommend-content, #signin-content, .modal {display:none;} #simplemodal-overlay {background-color:#000;} #simplemodal-container {width:270px;color:#fff;border:4px solid #444;padding:20px 40px 30px 40px;background: #000 url(../images/content/modalbg.gif) repeat-x bottom;} #simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;} #simplemodal-container a {color:#ddd; text-decoration:none;} #simplemodal-container a.modalCloseImg {background:url(../images/content/modal-close.gif) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:10px; right:0px; cursor:pointer;} #simplemodal-container #basic-modal-content {padding:8px;} /* slider */ #list { width:960px; margin: 0 auto; } .slider { visibility:hidden; padding-top: 20px; padding-bottom: 24px; } .slider ul { width:950px; } .slider ul li { margin: 0 7px 3px 0; background: url(../images/bg.png) no-repeat; width: 449px; height: 266px; } .slider ul li img { cursor:pointer; margin-left: 8px; margin-top: 7px; } /* slider buttons */ .prevS { cursor:pointer; float:left; padding-top:155px; padding-left: 5px; } .nextS { cursor:pointer; float:right; padding-top:155px; position: relative; right: 10px; } /* slider caption/image title */ .caption-top, .caption-bottom { background: #000000; color: #ffffff; cursor:default; padding:4px; font-size:11px; text-align:center; } .caption-top { border-width:0px; } .caption-bottom { border-width:0px; padding-bottom: 8px; } .caption a, .caption a { background:#000; border:none; text-decoration:none; } .caption a:hover, .caption a:hover { background:#202020; } /* video slider */ #list-videos { width:930px; margin: 0 auto; } .vidslider { visibility:hidden; padding-top: 20px; padding-bottom: 24px; } .vidslider ul { width:950px; } .vidslider ul li { margin: 0 7px 3px 0; background: url(../images/bg.png) no-repeat; width: 449px; height: 266px; } .li_last { margin: 0; background: url(../images/vid-bg.gif) no-repeat; width: 153px; height: 150px; } .vidslider ul li img { cursor:pointer; margin-left: 8px; margin-top: 7px; } /* slider buttons */ .prevSvid { cursor:pointer; float:left; padding-top:138px; padding-left: 5px; } .nextSvid { cursor:pointer; float:right; padding-top:138px; position: relative; right: 10px; } /* red note area */ .rederrmsg { width:100%; background: #692f16 url(../images/noteBg.gif) repeat-x; color: #fff; margin: 0 auto; display: block; } .rederrWrapp { display: block; margin: 0 auto; width: 945px; } .rederrmsg p.msg{ font-size: 1em; width: 945px; color: #FFF; background: url(../images/arrow.gif) no-repeat 1px 7px; padding:0 0 0 14px; float: left; } #noteIcon { background: url(../images/noteIcon.png) no-repeat; width: 52px; height: 43px; float: left; margin: 20px 10px 0 10px; } .notification { font-size: 1.3em; color: #FFF; text-transform: uppercase; padding: 20px 10px 0 10px; display: block; line-height: 20px; } .separator2 {background: url(../images/sep_2.gif) repeat-x left bottom;height:1px;border-style: none;} .jesus { float: left; width: 141px; height: 140px; display: block; border: 6px solid; color: #2c3335; margin-bottom: 10px; } .verification { float: left; width: 455px; padding-left: 10px; } .embed { margin: 0px 0px 3px; padding: 5px; line-height: 17px; width: 540px; } #fConnect { float: left; margin-bottom: 10px; } #socialBookmarks { float: right; margin-right: 10px; } .forgotBlock { width: 625px; height: 60px; background-color: #23211f; display: block; } .forgotButton { position: relative; left: 360px; top: -37px; } .subscribeButton { margin-right: 4px; vertical-align: top; width: 80px; height: 26px; background: url(../images/subscribeButton.png) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: right; } .subscribeButton:hover { margin-right:4px; background-position: right top; color: #fff; } #buttonModal { margin: 5px 0px; padding: 4px 7px;cursor:pointer;background: url(../images/submit-bg.png) no-repeat; border: 0; font: normal 11px Arial, Helvetica, sans-serif;text-transform: uppercase;color: #FFF; width: 59px; height: 26px; } #buttonModalSec { margin: 5px 0px; padding: 4px 7px;cursor:pointer;background: url(../images/submit-bg.png) no-repeat; border: 0; font: normal 11px Arial, Helvetica, sans-serif;text-transform: uppercase;color: #FFF; width: 59px; height: 26px; position: relative; left: 357px; top: -37px;} #buttonAcc { margin: 5px 0px; padding: 4px 7px;cursor:pointer;background: url(../images/buttonAcc.png) no-repeat; border: 0; font: normal 11px Arial, Helvetica, sans-serif;text-transform: uppercase;color: #FFF; width: 152px; height: 26px; } .favoritesBlock { width: 126px; float: left; display: block; margin: 10px 20px 10px 0; } .favoritesBlock img { width: 120px; height: 140px; display: block; border: 5px solid; color:#2c3335; margin-bottom: 5px; } .favoritesBlock img:hover { width: 120px; height: 140px; display: block; border: 5px solid; color:#393f40; margin-bottom: 5px; } #tooltip { position:absolute; border:1px solid #333; background:#f7f5d1; padding:2px 5px; color:#333; display:none; } .moreTags { color:#a5482c; text-decoration: none; text-transform: lowercase; padding-left: 10px; } #tags li { display: inline; line-height: 20px; text-transform: lowercase; } #tags a:link { color: #666666; text-decoration: none; } #tags a:hover { color: #c5c5c5; text-decoration: none; } .rank_1, .rank_2, .rank_3, .rank_4, .rank_5, .rank_6 { line-height: 18px; margin: 0 2px; } .rank_1 { font-size: 11px; } .rank_2 { font-size: 12px; } .rank_3 { font-size: 14px; } .rank_4 { font-size: 16px; } .rank_5 { font-size: 18px; } .rank_6 { font-size: 24px; } .error { background:url(../images/error.png) no-repeat; width: 507px; height: 43px; display: block; padding-bottom: 10px; } .b_jesus { float: left; display: block; border: 8px solid; color: #191e1f; margin-top: 10px; width: 345px; height: 348px; } #maintenance { width: 519px; height: 180px; background: url(../images/maintenance.jpg) no-repeat; } #wrapperMaint{ padding-bottom:15px; min-height:300px; background-color: #000; } .maintenanceContent { margin-left: 80px; display: block; } .maintenanceContent p { padding-left: 5px; font-size: 1.1em; } #uploads { padding:10px 0 5px 0;} #uploads a:link, uploads a:visited { color: #fff; text-decoration: none; } #uploads a:hover,uploads a:active { color: #78a0b1; text-decoration: none; } .uploadsBlockWrapp { width: 903px; padding: 10px; line-height: 22px; color: #fff; } .uploadsContent { background-color: #25292a; float: right; width: 734px; height: 130px; margin-right: 10px; padding-top: 10px; padding-right: 10px; } .uploadsStats { float: right; display: block; position: relative; top: -3px; } .chart { width: 516px; height: 115px; display: block; float: right; border: #677880 4px solid; -moz-border-radius: 5px; -webkit-border-radius: 2px; } .sortBy { padding: 1px 1px 1px 1px;width: 116px; margin-left: 8px; margin-right: 20px; float:right; display: block; } .range select {text-transform:none; font: 10px Arial, Helvetica, sans-serif;padding: 1px 1px 1px 1px;width: 96px;border: 1px solid #a5acb2; } .selectRange { width: 116px; height: 105px; display: block; background-color: #39525e; float: left; padding-left: 10px; padding-top: 10px; } .graph { float: right; display: block; width: 390px; height: 115px; background-color: #fff } .primaryDataSec { width: 200px; float: left; } .todaysFeatured { background: url(../images/todays.png) no-repeat top; width: 149px; height: 37px; margin-left: 4px; display: block; float: left; } .featuredVideos { background: url(../images/featured-videos.gif) no-repeat top; width: 156px; height: 41px; margin-left: 10px; display: block; float: left; } .countryListed { display: block; background-color: #191e1f; width: 222px; min-height: 190px; float: left; margin-right: 16px; margin-bottom: 16px; } .listTitle { font-size: 14px; font-weight: bold; color:#d0c0a7; display: block; margin-top: 8px; margin-bottom: 3px; } .listedFlag { display: block; padding-bottom: 3px; width: 46px; height: 33px; margin: 10px; float: left; } .listedName { display: block; float: left; margin-top: 8px;} .listedContent { padding: 0 10px 10px 10px; display: block; } .hr_sep { margin: 10px 0 10px 0; display: block; width: 180px; height: 1px; background: url(../images/sep.gif) repeat-x; } .followButton { margin-right: 7px; vertical-align: top; width: 120px; height: 24px; background: url(../images/follow.png) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: left; } .followButton:hover { margin-right: 7px; background-position: right top; color: #fff; } .followingButton { margin-right: 7px; vertical-align: top; width: 180px; height: 24px; background: url(../images/following.png) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: left; } .followingButton:hover { margin-right: 7px; background-position: right top; color: #fff; } .unfollow { float: right; padding: 4px 10px 0 0 ; } .beta { display: block; position: relative; left: 337px; top: 54px;} .arrowCountry { text-transform: uppercase; display: inline-block; height: 30px; line-height: 30px; margin-left: 4px; border: none; text-decoration: none; cursor: pointer; font-size: 11px; background: url(../images/arrow_r.png) 100% 50% no-repeat; color: #fff; } .arrowCountry span { cursor: pointer; display: block; padding-right: 12px; float: left; height: 30px; width: 100%; padding-left: 10px; background: url(../images/arrow_l.png) 0 50% no-repeat; position: relative; left: -4px; } .profileInfo { width: 738px; float: right; background-color: #25292a; display: block; margin-right: 10px; } .profileAvatar { width: 126px; height: 126px; border: #2c3335 8px solid; display: block; float: left; } .profileAvatar:hover { width: 126px; height: 126px; border: #212627 8px solid; display: block; float: left; } .userDat { display: block; float: left; width: 240px; margin-left: 10px; margin-top: 10px; } .userDatSec { display: block; float: left; width: 370px; margin-left: 70px; margin-top: 13px; } .editInfo { display: block; background-color: #9e2a31; width: 57px; height: 24px; float: right; margin-right: 15px; padding-left: 15px; } .viewUploads { display: block; background-color: #9e2a31; width: 114px; height: 24px; float: right; margin-right: 15px; padding-left: 15px; } .account { float: left; line-height: 22px; margin-bottom: 30px; display: block; } .accountData { float: right; width: 255px; line-height: 22px; margin-left: 10px; color: #FFF; margin-bottom: 30px; display: block; } #content1 { width: 700px; margin-left: 20px; } .jesusPositive { background-color: #598527; display: block; width: 300px; margin-left: 10px; font-size: 16px; padding: 5px; } .jesusNegative { background-color: #841119; display: block; width: 300px; margin-left: 10px; font-size: 16px; padding: 5px; } .jWrapp { display: block; margin: 10px 0 0 110px; } .jesusBrdr { border: 6px solid; color: #2c3335; display: block; float: left; width: 78px; height: 78px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; } .jesusCopy { font-size: 18px; display: block; } #profileNav { font-size: 11px; color:#fff; text-shadow: #000; text-transform: uppercase; list-style-type: none; float: right; position: relative; top: -13px; } #profileNav li { display: inline; float: left; } /* Hack to make IE/Mac play nice */ #profileNav li a { padding: 12px 20px; line-height: 2.5em; text-decoration: none; color: #fff; float: left; display: block; height: 20px; } #profileNav li a:hover { color: #fff; } .first_active { background:url(../images/tab.png) no-repeat; width: 105px; } .second_active { background:url(../images/tab_2.png) no-repeat; width: 135px; } .third_active { background:url(../images/tab_3.png) no-repeat; width: 117px; } #content a:link, #content a:visited { color: #fff; text-decoration: none; } #content a:hover, #content a:active { color: #d0c0a7; text-decoration: none; } .removeButton { margin-right: 12px; vertical-align: top; width: 52px; height: 22px; background: url(../images/removeButton.gif) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: left; } .removeButton:hover { margin-right: 7px; background-position: right top; color: #fff; } .commentsFilter { display: block; margin-left: 12px; margin-bottom: 10px; } .commentImg { border: 6px solid; color: #2c3335; display: block; float: left; margin-bottom: 10px; margin-right: 10px; } .commWrapp { width: 700px; margin-left: 12px; display: block; } .viewButton { margin-left: 70px; margin-top: 10px; margin-bottom: 20px; vertical-align: top; width: 106px; height: 26px; background: url(../images/view.gif) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: left; } .viewButton:hover { margin-right: 10px; background-position: right top; color: #fff; } #infoNav { font-size: 11px; color:#fff; text-shadow: #000 1px 1px; text-transform: uppercase; list-style-type: none; float: left; position: relative; top: -9px; margin-top: 5px; margin-left: 2px; margin-bottom: 0px; } #infoNav li { display: inline; float: left; } #infoNav li a { padding: 0px 20px; line-height: 3.7em; text-decoration: none; color: #fff; float: left; display: block; height: 42px; } #infoNav li a:hover { color: #ccc; } .headline_galleries { color: #FFF; margin-top: 10px; display: block; } .number-of-photos-green { display: block; width: 200px; height: 26px; background-color: #598527; float: left; margin-left: 1px; font-size: 14px; padding: 7px 0 0 10px; text-decoration: none; color: #FFF; } .number-of-photos-red { display: block; width: 200px; height: 26px; background-color: #8c1d25; float: left; margin-left: 1px; font-size: 14px; padding: 7px 0 0 10px; text-decoration: none; color: #FFF; } .number-of-photos-green:hover { display: block; width: 200px; height: 26px; background-color: #679b2c; float: left; margin-left: 1px; font-size: 14px; padding: 7px 0 0 10px; text-decoration: none; color: #FFF; } .number-of-photos-red:hover { display: block; width: 200px; height: 26px; background-color: #9d222b; float: left; margin-left: 1px; font-size: 14px; padding: 7px 0 0 10px; text-decoration: none; color: #FFF; } #left-info {float:left; width: 645px; padding:10px 10px 5px 10px; background: #000 url(../images/left_info_bg.gif) repeat-x; font-size: 12px; line-height: 18px; } .ourFavorites { background: none; font-size: 15px;line-height: 20px;font-weight: bold;padding: 10px 10px; color:#fff; } .weRecc { margin: 0 0 10px 10px; display: block; } .error-msg, .success-msg { color: #FFF; margin: 0 10px 15px 10px; padding: 3px 10px; font-weight: bold; background: #900; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border: 1px solid #500; } .success-msg { background: #797A4E; border: 1px solid #83844A; } .camButton { width: 112px; height: 26px; background: url(../images/camButton.gif) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: right; } .camButton:hover { background-position: right top; color: #fff; } .pane { text-shadow: 1px 1px 1px #000; background: #141616; padding: 10px 20px; position: absolute; width: 860px; margin: 155px 0px 0px 27px; -webkit-box-shadow:0 0 15px #ffffff; -moz-box-shadow: 0 0 10px #ffffff; box-shadow:0 0 10px #ffffff; -moz-border-radius: 5px; border-radius: 5px; color: #fff; z-index: 10; } .pane .delete { position: absolute; top: 10px; right: 10px; cursor: pointer; } .paddingt10 { padding-top: 10px; } .big-image { width: 590px; } .big-image img { position:relative; width: 590px; } .big-image .prev, .big-image .next { width:264px; z-index:10; display:block; position:absolute; margin: 5px; } .big-image .next { margin-left:330px; } .big-image .prev:hover, .big-image .next:hover { filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #000; background: #FFF url(../images/next2.png) no-repeat 200px center; } .big-image .prev:hover { background: #FFF url(../images/prev2.png) no-repeat 20px center; } /* country-box */ .country-box { width: 260px; min-height: 140px; background-color: #29383f; border: #191e1f 5px solid; display: block; float: left; color: #fff; margin-right: 37px; margin-bottom: 20px; text-shadow: #000 1px 1px } .cs { background: url(../images/cs.png) no-repeat; width: 75px; height: 72px; display: block; float: right; position: relative; left: 30px; bottom: 12px; } .box-content { width: 250px; padding: 10px 0 10px 10px; } .flag-box { float: left; padding: 0; margin-right: 5px; width: 48px; height: 48px; } .models-box { float: left; border: #39525e 3px solid; margin-right: 5px; background-color:#9e2a31; padding: 5px; min-width: 60px; text-align: center; } .photos-box { float: left; border: #39525e 3px solid; margin-right: 5px; margin-bottom: 10px; background-color:#506d7b; padding: 5px; min-width: 60px; text-align: center; } .hits-box { float: left; border: #39525e 3px solid; margin-right: 5px; background-color:#598527; padding: 5px; min-width: 60px; text-align: center; } .cFont { font-size: 13px; font-weight: bold; } .csRank { font-size: 14px; font-weight: bold; position: relative; left: 16px; top: 25px; } .country-box a:link, .country-box a:visited { color: #fff; text-decoration: none; } .country-box a:hover, .country-box a:active { color: #ccc; text-decoration: none; } .top-model { float: left; border: #39525e 3px solid; display: block; margin: 0 0 10px 0; width: 232px; height: 80px; } #panel { background: #000; width: 950px; margin: 0 auto; display: none; } .slide { margin: 0 auto; padding: 0; background: url(images/btn-slide.gif) no-repeat right top; width: 950px; float: right; } #login_area { margin: 0 auto; width: 950px; } .btn-slide { background: url(../images/white-arrow.gif) no-repeat right -57px; text-align: center; width: 108px; height: 19px; padding: 0; margin: 0 auto; display: block; font: 11px Arial, Helvetica, sans-serif; color: #94b05b; text-decoration: none; float: right; } .btn-slide:hover { color: #fff; text-decoration: none; } .active { background-position: right 12px; } .jesusPositive2 { background-color:#598527;display:block;font-size:16px;margin-bottom:5px;padding:8px;width:230px;} .jesusBrdr2 { border: 6px solid; color: #2c3335; display: block; float: left; width: 78px; height: 78px; margin-bottom: 10px; } .jesusNegative2 { background-color: #841119; display: block; width: 270px; font-size: 16px; padding: 10px; margin-bottom: 10px; } .commentsButton { vertical-align: top; width: 82px; height: 26px; background: url(../images/comments-button.png) no-repeat left bottom; text-indent: 250px; cursor: pointer; display: block; float: right; } .commentsButton:hover { background-position: right top; color: #fff; } .vs { background: url(../images/vs.png) no-repeat; width: 102px; height: 87px; display: block; position: relative; top: 190px; left: 385px; } #country_girl select, .sort select, .sortBy select {text-transform:none; font: 10px Arial, Helvetica, sans-serif;padding: 1px 1px 1px 1px;width: 146px;border: 1px solid #a5acb2;margin-left: 13px; float:right;} #celebrityLeft { float: left; width: 380px; margin-top: 20px; } #celebrityRight { float: right; width: 510px; margin-top: 20px; } .celebrity-featured { border: #0f0f0f 5px solid; padding:0 0 5px 0; display: block; width: 468px; height: 270px; } .celebrity-featured:hover { border: #000 5px solid; padding:0 0 5px 0; display: block; width: 468px; height: 270px; } #vertmenu {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 100%;width: 300px;padding: 0px;margin: 0px;} #vertmenu h1 {display: block;padding: 3px 0 5px 3px;color: #a09e6d;margin: 0px;width:309px;} #vertmenu ul {list-style: none;margin: 0px;padding: 0px;border: none;} #vertmenu ul li {margin: 0px;padding: 0px;} #vertmenu ul li a {display: block;border-bottom: 1px dashed #2e2d2d;padding: 5px 0px 2px 4px;text-decoration: none;color: #666666;width:300px;} #vertmenu ul li a:hover, #vertmenu ul li a:focus {color: #fff;background-color: #a5482c;} /* cvc */ #container-vs {background: url(../images/container-bg.gif) repeat-x top;} #container-vs a:link, #container-vs a:visited { color: #fff; text-decoration: none; } #container-vs a:hover,#container-vs a:active { color: #ffff00; text-decoration: none; } #container-vs a span { position: relative; bottom: 11px; } #vs-models { width: 900px; margin: 0 auto; } .bj_pane { display: block; float: left; background: url(../images/bj_pane.jpg) no-repeat; width: 97px; height: 57px; margin-right: 10px; position: relative; left: -10px;} #vs_copy { text-align: center; font-size: 14px; margin-top: 20px; } .country_vs { display: block; float: left; border: #363636 3px solid; padding: 3px; background-color: #FFF; width: 413px; height: 237px; margin: 20px 20px 20px 2px; } .vs-1 { background: url(../images/vs_1.png) no-repeat; width: 104px; height: 96px; display: block; position: relative; left: 387px; top: 90px; } .country-left { display: block; float: left; margin-left: 5px; font-size: 14px; } .country-right { display: block; float: right; margin-right: 30px; font-size: 14px; } .vs_bg {text-transform: uppercase;display: inline-block;height: 30px; line-height: 30px; margin-left: 4px;border: none;text-decoration: none;cursor: pointer;font-size: 11px;background: url(../images/bg_vs.png) 100% 50% no-repeat;color:#fff;} .vs_bg span {cursor: pointer;display: block;padding-right: 12px;font-size: 14px;float: left;height: 30px;width: 100%;padding-left: 6px;position: relative;left: -4px; } #select-cat-bg { background-color: #0e1114; padding: 5px; margin-bottom: 20px;} #select-category { border: 1px solid #A5ACB2; border: 1px solid #A5ACB2; font: 10px Arial,Helvetica,sans-serif; margin-left: 13px; padding: 1px; text-transform: none; width: 163px; margin-left: 390px; } #search-category { position:absolute; margin: 110px 0 0 655px; width: 300px; } .mobile_buttons { display: block; position: relative; left: 270px; top: 13px; float: left; }