/*main html tag overrides*/
html, body { margin: 0; padding: 0;
text-align: center;}
body { background:#c5d5c8;color: #333; font-family:Helvetica, Arial, sans-serif;font-size:62.5%; text-align:center;}/*font base set to about 10px*/
/*body{behavior:url(hover.htc);}allows hover class for inputs in IE*/
a {color:#4f564f;text-decoration:underline;cursor:pointer; }
h1{
font-size:1.8em;
color:#4f564f;
font-weight:bold;
clear:left;
text-align:left;
margin:0;
text-transform:uppercase;
}
h2{
clear:right;
font-size:1.6em;
font-weight:bold;
text-align:left;
margin:0;
color:#4f564f;
}
input{
text-align:left;
}
.formLabel {
text-align:right;
width:200px;
font-weight:bold;
font-size:1.0em;
}
.formElement{
text-align:left;
padding-left:5px;
}
table td select{
float:left;
font-size:1em;
}
#comments H2{color:#ff6400; }
.button{
}
#auctionbox .button {
clear:both;
position:absolute;
bottom:0;
right:0;
margin-top:5px;
margin-right:5px;
width:129px;
height:30px;
background:url(images/submit.gif) no-repeat ;
text-decoration:none;
border:none;
text-align:center;
cursor:pointer;
}
#auctionbox .buttonText {
margin-top:8px;
}
#auctionbox .button a {
font-weight:bold;
font-size:11px;
letter-spacing:.1em;
color:#ffffff;
}
#auctionbox .button:hover{
background:url(images/submitHover.gif);
}
#auctionbox .related a:hover {
background:url();
}
/*USE THIS IF WE GET IMAGES WITH TEXT TO USE AS AUCTION BUTTON*/
.buttonLink {
clear:both;
position:absolute;
bottom:0;
right:0;
display:block;
margin-top:5px;
margin-right:5px;
font-weight:bold;
font-size:11px;
letter-spacing:.1em;
color:#ffffff;
width:129px;
height:30px;
background:url(images/submit.gif) no-repeat ;
text-decoration:none;
border:none;
text-align:center;
cursor:pointer;
}
#auctionbox p a:hover {
background:url(images/submitHover.gif) no-repeat ;
}
#auctionbox .desc a:hover {
background:url();
}
/*main container*/
#container{
width:938px;/*94.5em*/
margin: 0 auto;
padding:0;
}
#wpcf7-f1-p156-o1 input[type="submit"] {
background:#ff6400;
font-weight:bold;
font-size:1.3em;
color:#ffffff;
padding:3px;
text-decoration:none;
border:none;
text-align:center;
cursor:pointer;
}
#wpcf7-f1-p156-o1 input[type="submit"]:hover{background:#b10014; }
/* Header Styles*/
#header {
float:left;
margin:0;
padding: 0px;
text-align:center;
width:100%;
position:relative;
min-height:200px;
_height:200px;
}
/*logo and tagline */
#logotag {
width:268px;
height:200px;
background:url(images/betaLogo2.png) no-repeat bottom;
position: absolute;
bottom:0px;
left:0px;
}
#icons {
position: absolute;
bottom:0px;
left:380px;
}
.threefree{
position: absolute;
bottom:30px;
left:590px;
width:117px;
height:112px;
background:url(images/hdricon_get3free.gif) no-repeat;
_left:570px;
}
.taxship {
position: absolute;
bottom:35px;
left:350px;
_left:340px;
width:220px;
height:54px;
background:url(images/hdricon_taxship.gif) no-repeat;
}
#headerTagline {
position: absolute;
bottom:0px;
left:95px;
font-size:13px;
font-weight:bold;
color:#b10014;
}
#headerTagline b {
font-size:14px;
text-decoration:underline;
}
/*Registration Module */
#registrationPageValidationInformation {
font-weight:bold;
color:red;
margin-top:15px;
}
.validationError{
font-weight:bold;
color:red;
}
#loginnumber{
clear:right;
margin-top:20px;
margin-right:10px;
float:right;
width:195px;
min-width:175px;
}
#phone{
width:195px;
color:#5d5d5d;
font-size:2.5em;
font-weight:bold;
text-align:center;
padding:0px;
}
.phoneHeader {
font-size:.5em;
}
#ajaxlogin {
color:#666;
font-size:1.1em;
float:right;
width:195px;}
#ajaxlogin a {
text-decoration:underline;
}
#formValidation {
float:left;
width:195px;
color:red;
font-size:1em;
font-weight:bold;
}
#registerContainer #formValidation {
float:left;
width:100%;
color:red;
font-size:.8em;
font-weight:bold;
}
#ajaxlogin ul,#ajaxloginpage ul,#userprofile ul {
margin:0;
padding:0;
list-style:none;
}
#ajaxlogin li,#ajaxloginpage li,#userprofile li {
margin:0 0 0;
color:red;
}
#ajaxlogin .loginform, #ajaxlogin #memberwrapper{
float:left;
clear:left;
width:185px;
border:solid 1px #ff6400;
margin-right:0px;
margin-bottom:5px;
}
#ajaxlogin .loginform, #ajaxlogin #memberwrapper{
padding:5px;
}
#ajaxlogin #member{
float:left;
width:100%;
margin-top:30px;
}
#ajaxlogin input {
width:90px;
float:left;
height:14px;
margin:5px 10px 1px 0;
}
#ajaxlogin label{
display: block;
float:left;
width:75px;
margin:10px 4px 1px 0;
text-align:right;
font-weight:bold;
font-size:.9em;
text-transform:uppercase;
}
#ajaxlogin .buttonholder{
clear:all;
float:left;
width:100%;
padding-top:5px;
margin:0px 7px 0;
}
#ajaxlogin input.btn {
float:left;
cursor:pointer;
background:#c5d5c8;
font-size:1em;
color:#333;
margin-top:5px;
}
#ajaxlogin .buttonright{
float:left;
cursor:pointer;
font-size:11px;
color:#333;
margin-top:5px;
font-weight:bold;
}
#ajaxlogin .buttonleft{
float:right;
width:50px;
height:20px;
background:url(images/signIn2.gif) no-repeat;
cursor:pointer;
margin:2px 15px 0 0;
text-align:center;
display:block;
padding:2px 0 0;
}
#ajaxlogin .buttonleft:hover {
background:url(images/signIn2hover.gif) no-repeat ;
}
#ajaxlogin .buttonleft p {
margin:0;
padding:0;
}
#ajaxlogin .buttonleft .buttonText a{
color:#ffffff;
text-decoration:none;
font-size:9px;
font-weight:bold;
}
#ajaxlogin #registerButton{
clear:left;
background: url(images/btn_register.gif) no-repeat;
display:block;
margin:0px 5px 0;
width:191px;
height:29px;
}
#ajaxlogin #registerButton:hover {
background: url(images/btn_register_mo.gif) no-repeat;
}
#ajaxlogin #message,#ajaxLoginFormValidation {
float:left;
width:100%;
margin:0 auto;
text-align:left;
}
#ajaxlogin #member #memberwrapper #message{
}
#ajaxlogin #member #memberwrapper #message ul{
width:191px;
}
#ajaxlogin #member #memberwrapper #message ul li{
display:block;
text-align:center;
width:191px;
font-weight:bold;
font-size:1.3em;
color:#333;
text-transform:uppercase;
}
#ajaxlogin #member #memberwrapper #message ul li #username{
text-transform:none;
}
#lbtButton{
clear:left;
background: url(images/btn_lbt.gif) no-repeat;
display:block;
width:192px;
height:31px;
float:right;
position: absolute;
bottom:0px;
right:10px;
_right:25px;
}
#lbtButtonText{
float:middle;
height:31px;
padding-top:6px;
color:#ffffff;
font-size:1.4em;
font-weight:bold;
}
#lbtButtonText a{
color:#ffffff;
font-weight:bold;
}
/*Top Nav Styles*/
#topnav {
display: table; /* Allow the centering to work */
margin: 0 auto;
float:left;
width:100%;
background:#ff6400;
margin-top:15px;
margin-bottom:15px;
padding:3px;
}
#topnav ul {
float:left;
list-style:none;
margin:0;
padding:0;
text-align:center;
width:100%;
}
#topnav li{
display: inline;
font-size:17px; /*don't want this text to increase with browser default or it will wrap*/
font-weight:bold;
}
#topnav li a {
display:inline-block;
color:#ffffff;
text-decoration:none;
padding-right:70px;
}
#topnav li a:hover {
color:#9e0b0f;
}
#topnav li .first {
padding-left:10px;
}
#topnav li .last {
padding-right:10px;
}
/*Main Content Section Styles*/
#hdrAuction{
float:left;
}
#leftside,#rightside{/*rightside old misnamed style, kept for TE generated elements*/
float:left;
width:622px;
position:relative;
}
#maincontentcontainer{
border:solid 1px #ff6400;
background:#ffffff;
float:left;
width:590px;
padding:35px 15px;
_padding:30px 10px;
position:relative;
}
#stepsHolder h1 {
}
#steps{
clear:both;
width:937px;
height:174px;
background:url(images/steps.gif) no-repeat bottom;
margin-bottom:8px;
}
/*savings boxes*/
#bottomboxes{
float:left;
width:623px;
margin-top:15px;
font-size:1.7em;
font-weight:bold;
color:#ffffff;
}
#bottomboxes .left{
float:left;
width:45%;
background:#ff6400;
text-align:right;
padding:15px 10px;
}
#bottomboxes .right{
float:right;
width:45%;
background:#ff6400;
padding:15px 10px;
text-align:left;
}
#bottomboxes .amount{
font-size:3.0em;
clear:left;
}
#bottomboxes .total{
font-size:.7em;
clear:left;
}
/*Sidbar Styles*/
#sidebar{
float: right;
width:300px;
padding:0;
margin: 0;
text-align:left;
}
#recentSavings{ /*holds multipl recentSavingsItem divs for future slideshow*/
width:300px;
border:solid 1px #ff6400;
background:#ffffff;
float:right;
padding:5px 0px;
text-align:left;
margin-bottom:8px;
}
.recentSavingsItem {
float:left;
width:95%;
margin:7px;
margin-top:10px;
}
.savingImage{
float:left;
margin-right:5px;
margin-left:5px;
}
.productDesc{
float:left;
min-height:43px;
max-height:100px;
}
.priceProduct{
color:#5d5d5d;
font-size:1.2em;
font-weight:bold;
}
.savingDesc{
float:right;
margin-left:15px;
min-height:43px;
max-height:100px;
text-align:right;
}
.savings{
float:right;
font-size:2.4em;
color:#b10014;
font-weight:bold;
line-height:.7em;
}
.savingsText {
clear:right;
font-size:1.6em;
color:#b10014;
font-weight:bold;
}
.soldFor{
clear:both;
float:right;
font-size:1.4em;
color:#5d5d5d;
font-weight:bold;
}
#currentauctions
{
width:300px;
padding:0px;
border:solid 1px #ff6400;
background:#ffffff;
float:right;
margin-bottom:8px;
}
#myCurrentAuctionsSidebar {
float:left;
text-transform:uppercase;
width:100%;
}
#myCurrentAuctionsSidebar .rowEven{
background:#efefef;
}
#myCurrentAuctionsSidebar .rowEven, #myCurrentAuctionsSidebar .rowOdd, #myCurrentAuctionsSidebar .rowEvent {
padding:12px 15px;
float:left;
width:270px;
}
#myCurrentAuctionsSidebar .productTitle
{
color:#b10014;
font-weight:bold;
text-transform:uppercase;
text-decoration:underline;
font-size:1.1em;
}
#myCurrentAuctionsSidebar .highlight,#myCurrentAuctionsSidebar #highlight{
color:#b10014;
font-weight:bold;
text-transform:lowercase;
}
#myCurrentAuctionsSidebar .lastSeen, #myCurrentAuctionsSidebar .sinceLastViewed{
clear:left;
}
#myCurrentAuctionsSidebar .sinceLastViewed{
width:100%;
}
#myCurrentAuctionsSidebar .sinceLastViewed, #myCurrentAuctionsSidebar .label{
float:left;
}
#myCurrentAuctionsSidebar .value{
float:right;
color:#b10014;
font-weight:bold;
font-size:1.2em;
}
#sbEasyHeaderContainer h1{
float:left;
}
#sbEasyHeaderContainer{
float:left;
width:100%;
}
#speakerIcon {
float:left;
margin-left:3px;
width:22px;
height:18px;
background:url(images/speaker.png) no-repeat;
}
.sbSubHead{
float:right;
font-size:1.0em;
color:#4f564f;
font-weight:bold;
margin-top:5px;
}
#sbmidbox{
width:300px;
padding:0px;
border:0;
background:#c5d5c8;
float:right;
height:300px;
margin-bottom:8px;
}
#swfBiddees {
float:right;
}
#sbbottombox{
width:286px;
padding:7px;
border:solid 1px #ff6400;
background:#ffffff;
float:right;
margin-bottom:8px;
}
#sbfollowus{
width:286px;
padding:7px;
border:solid 1px #ff6400;
background:#ffffff;
float:right;
margin-bottom:8px;
}
#followUsWrapper{
float:left;
margin: 0px auto;
width:100%;
}
#sbpoll{
width:286px;
padding:7px;
float:right;
margin-bottom:8px;
margin-top:8px;
}
#iconTwitter{
float:left;
width:31px;
height:32px;
margin-left:7px;
margin-right:10px;
background:url(images/iconTwitter.gif) no-repeat;
}
#iconFacebook{
float:left;
width:31px;
height:32px;
margin-right:10px;
background:url(images/iconFacebook.gif) no-repeat;
}
#sbfollowus .addThis{
float:right;
margin-top:8px;
}
/*FAQ BOX****************************/
#sbfaqbox{
width:286px;
padding:7px;
border:solid 1px #ff6400;
background:#ffffff;
float:right;
text-align:left;
font-weight:bold;
}
#sbfaqbox .header {
font-size:1.6em;
margin-bottom:10px;
}
.featuredFAQ{
display:none;
margin:auto 8px;
}
#sbfaqbox h3{
font-size:1.4em;
margin-bottom:3px;
color:#4f564f;
}
#sbfaqbox p {
font-size:1.3em;
font-weight:normal;
}
#viewAllFaq{
text-align:right;
}
/* Footer Styles*/
#footer{
clear:left;
_height : 1%;
float:left;
padding:5px;
text-align:center;
width:100%;
overflow:hidden;
display:table;
margin:0 auto;
margin-top:30px;
}
#footer ul {
list-style:none;
margin:0;
padding:0;
text-align:center;
width:100%;
}
#footer li{ display:inline;
color:#cccccc;
font-size:1.1em;
letter-spacing:.4px;
padding:0 6px;
}
#footer li a {
font-weight:bold;
text-decoration:none;
}
#footer li a:hover{
text-decoration:underline;
}
#copyright p {
margin-top:8px;
font-size:10px;
font-weight:normal;
}
/*Auction Info* Styles */
#auctionbox{
float:left;
margin:0 0 10px 0;
width:47%;
border: solid 1px #616161;
padding:5px;
position:relative;
text-align:left;
color:#5d5d5d;
background:#ffffff;
}
#auctionbox a{
text-decoration:none;
}
#auctionbox .giftcard {
float:left;
width:118px;
border:0px;
}
#auctionbox #desc,.items #auctionbox .desc{
float:left;
font-size:1.8em;
margin-left:5px;
margin-bottom:25px;
width:145px;
position:relative;
}
.items #auctionbox .desc{
min-height:75px;
_height:75px;
}
#auctionbox #desc{
min-height:65px;
_height:75px;
max-height:150px;
}
#auctionbox .name {
height:73px;
line-height:1em;
}
.items #auctionbox .name {
height:auto;
margin-bottom:8px;
}
.items #auctionbox .value{
}
#auctionbox .related {
position:absolute;
bottom:0;
font-size:.8em;
width:100%;
}
.relatedLink{
text-decoration:underline;
}
#tagline {
clear:both;
float:middle;
margin-top:30px;
margin-left:-15px;
width:606px;
height:40px;
background: #ffffff url(images/auctiontagline.gif) no-repeat;
}
#viewAllLink {
clear:both;
display:block;
float:right;
font-size:1.3em;
font-weight:bold;
margin-bottom:20px;
white-space:nowrap;
}
#viewAllLinkTop {
margin-top:-20px;
margin-bottom:5px;
display:block;
float:right;
font-size:1.3em;
font-weight:bold;
}
/*AUCTION PAGE*/
#auctioncontainer{
border:solid 1px #ff6400;
background:#e2edc5;
float:left;
width:593px;
padding: 20px 15px;
_padding-top:10px;
_padding-bottom:10px;
_padding-left:10px;
-padding-right:0px;
/*position:relative;*/
}
#auction{
float:left;
margin:20px 0 0 0;
width:563px;
background:#ffffff;
border: solid 1px #616161;
padding:15px 15px;
_padding:10px 10px;
/* text-align:left;
display:inline;*/
}
#auction #desc {
float:left;
width:100%;
}
#auction #giftcard {
float:left;
width:175px;
}
#auction .addThis{
float:right;
margin-bottom:5px;
margin-top:5px;
}
#auction .instructions{
clear:both;
margin-top:5px;
text-align:right;
color:#333;
}
#viewauctionContainer{
float:left;
margin-left:8px;
width:320px;
}
#view{
float:left;
}
#auctionDetail{
float:left;
margin-left:8px;
margin-top:8px;
font-weight:bold;
font-size:1.1em;
line-height:20px;
text-align:left;
}
#auctionDetail #product{
font-size:1.5em;
text-transform:uppercase;
}
#timeLastViewed,#priceLastViewed,#priceChanged{
float:left;
width:110%;
}
#timeLastViewedLabel,#priceLastViewedLabel,#priceChangedLabel{
float:left;
}
#timeLastViewedValue,#priceLastViewedValue,#priceChangedValue{
float:right;
}
#priceLastViewedValue,#priceChangedValue{
font-size:1.6em;
font-weight:bold;
text-transform:uppercase;
}
#priceChangedValue{
color:#ff7c00;
}
#viewPriceButton{
clear:left;
float:left;
padding-top:30px;
width:320px;
}
#viewPriceButton input{
margin-left:175px;
width:177px;
height:27px;
background:url(images/btn_viewpricelarge.gif) no-repeat;
cursor:pointer;
border:0;
padding:0;
font-size:0;/*hide value text in ff */
line-height:0;/*hide value text in ie */
text-decoration:none;
}
.related{
float:left;
text-align:left;
width:593px;
}
.related .header{
float:left;
font-size:1.5em;
padding:5px;
margin-top:5px;
width:100%;
}
}
.item{
text-align:center;
}
.items #auctionbox{
float:left;
clear:left;
}
#auctionDescriptionText{
float:left;
clear:all;
text-align:left;
}
/*AUCTION COMMENTS*/
#comments{
clear:left;
float:left;
margin-top:75px;
margin-right:20px;
margin-left:20px;
_margin-right:0px;
_margin-left:0px;
text-align:left;
width:100%;
}
.author{
text-transform: uppercase;
font-size:1.1em;
}
#commentFormNonMembers{
margin-bottom:10px;
}
.commentwrapper {
clear:all;
float:left;
background:#ecf2d8;
width:559px;
padding:8px;
_padding:0px;
margin-top:3px;
}
#commentform{
margin-top:3px;
}
#commentform input[type="button"],#commentform .button{
float:right;
margin-bottom:15px;
margin-right:45px;
letter-spacing:.1em;
width:129px;
height:30px;
text-align:center;
background:url(images/submit.gif);
font-weight:bold;
font-size:11px;
color:#ffffff;
text-decoration:none;
border:none;
cursor:pointer;
text-transform:uppercase;
padding:2px 3px 3px 3px;
}
#commentform input[type="button"]:hover{
background:url(images/submitHover.gif);
}
#commentform label{
font-weight:bold;
font-size:1.3em;
}
#commentform textarea{
font-weight:bold;
font-size:1.3em;
}
#commentform textarea,#commentwrapper {
width:535px;
}
.commentlist li ul li {
font-size:1em;
}
.commentlist li {
}
.commentlist{
}
.commenttext{
font-size:.9em;
}
.commentlist cite, .commentlist cite a {
font-style: normal;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
margin-left:20px;
}
#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
font-weight: normal;
}
/**SINGLE PAGE*******************************************************/
.page{
text-align:left;
margin-left:40px;
margin-right:40px;
}
.page strong{
font-size:1.5em;
}
.page img {
margin-right:10px;
}
.page h3 {
font-size:1.5em;
margin-bottom:8px;
color:#ff6400;
text-transform:uppercase;
}
.page h2 {
font-size:1.4em;
margin-bottom:8px;
color:#333;
}
.page h4 {
marign:0px;
padding:0px;
}
.page p, .page ol li, .page ul li {
font-size:1.2em;
}
#wpcf7-f1-p156-o1 input[type="submit"]{
float:right;
text-transform:uppercase;
font-size:1em;
margin-right:200px;
}
#npoPostContainer .npoPost{
margin-bottom:25px;
}
#npoPostContainer h2 {
margin-bottom:0px;
}
#npoPostContainer h4{
margin-top:0px;
}
#hiwSWF{
float:right;
margin-left:8px;
width:300px;
margin-right:-30px;
}
#hiwIntro{
font-weight:bold;
text-align:right;
margin-bottom:10px;
float:left;
width:200px;
}
.hidden {
display:none;
}
/* makebidScreen is a transparent div that goes overtop the WHOLE page, and keeps users from clicking
on elements other than the bidding window. It should hide and show automatically as needed. */
#makebidScreen
{
background: url(images/modalback.png) repeat;
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
min-width:983px;
height:100%;
height:180em;
z-index:502;
display:none;
/*width:100%;
width:100%;
_width:100em;
*/
}
/* makebidScreen is a wrapper div around the various bidding divs */
#makebidContainer
{
display:none;
width:599px;
overflow:hidden;
margin:auto;
z-index:501;
opacity:1;
margin-top:10px;
text-align: center;
margin-left:auto;
margin-right:auto;
}
#makebidContainerHeader
{
background: transparent url(images/makebid_header.png) no-repeat;
background-position:0px 0px;
width:599px;
height:142px;
}
#makebidContainerHeader h1
{
padding-top:75px;
margin-left:250px;
color:#ffffff;
font-size:1.7em;
font-weight:bold;
}
#makebidContentArea{
float:left;
background:#ffffff;
text-align:center;
border-bottom: solid 1px black;
border-left: solid 1px black;
border-right: solid 1px black;
width:597px;
*width:597;
_width:587px;
position:relative;
}
#makebidContainer input{
font-weight:normal;
font-size:1.0em;
}
#proceedButtonWrapper,#makebidContainer #buttonWrapper, #closeButtonWrapper,#postPurchasebuttonWrapper,#purchaseFailedCloseButtonWrapper,#outOfLBTsRedirectButtonWrapper{
clear:both; }
/* bidShield is the "loading" window. */
/* these divs represent the various stages in the bidding process. */
#bid, #buyNow, #checkout, #confirmCheckout, #purchaseFailed, #postPurchase,#bidShield,#outOfLBTs,#confirmCheckout
{
display:none;
margin-top:5px;
margin-left:auto;
margin-right:auto;
font-size:1.2em;
width:100%;
float:left;
padding:5px;
text-align:center;
}
#outOfLBTs{
height:300px;
}
#checkoutProductTitle,#confirmCheckoutProductTitle,#postPurchaseProductTitle,#purchaseFailedProductTitle,#outOfLBTsProductTitle
{
margin:5px 0 0 0;
padding:0;
font-weight:bold;
font-size:1.2em;
clear:left;
}
#buyNowLabel,#boughtForLabel,#boughtFor{
margin:5px 0 0 0;
padding:0;
font-weight:bold;
font-size:1.3em;
color:#ae0115;
clear:left;
}
/***DECISION SCREEEN ONLY*******************/
#buyNowProductTitle,#confirmCheckoutProductTitle ,#postPurchaseProductTitle
{
margin:5px 0 0 0;
padding:0;
font-weight:bold;
font-size:2em;
clear:left;
}
#buyNowProductTitle .serial,#confirmCheckoutProductTitle .serial ,#postPurchaseProductTitle .serial {
font-size:.5em;
}
#buyNowPriceShipWrapper,#confirmCheckoutPriceShipWrapper,#postPurchasePriceShipWrapper{
margin-top:10px;
}
.productPrice,.shipping {
color:#880112;
font-weight:bold;
font-size:1.8em;
margin-left:-10px;
}
.productLabel,.shippingLabel {
margin-right:3px;
}
.productPrice {
margin-right:15px;
}
.shipping {
text-transform:uppercase;
}
#buyDescription
{
color:#880112;
font-weight:bold;
font-size:1.2em;
padding:0 20px;
margin-bottom:20px;
}
#buyInstructionsTop,#buyInstructionsMiddle,#buyInstructionsBottom,#queueInstructionsTop
{
margin:5px 0 0 0;
padding:0;
clear:left;
}
#buyInstructionsTop{
margin-top:15px;
font-weight:bold;
font-size:1.2em;
}
#buyInstructionsMiddle{
font-weight:bold;
font-size:2.1em;
color:#ae0115;
}
#buyInstructionsMiddle .seconds {
clear:left;
font-size:.7em;
text-transform:uppercase;
}
#buyTimer {
margin-top:5px;
width:100%;
text-align:center;
}
.timerSquare{
margin-left:4px;
}
#butTimerTable{
text-align:center;
}
.centerImages{
text-align:center;
}
#buyInstructionsBottom{
margin-top:5px;
font-weight:bold;
font-size:1.2em;
}
.productPriceBottom {
color:#880112;
font-weight:bold;
font-size:1.8em;
}
#buyNowButtonWrapper{
margin-top:10px;
}
#buyNowButton,#buyNowButtonWrapper input[type="button"]{
text-align:center;
background:url(images/buttonBuyNow.png);
width:177px;
height:27px;
font-size:14px;
font-weight:bold;
color:#000000;
padding:3px;
text-decoration:none;
text-transform:uppercase;
border:none;
cursor:pointer;
letter-spacing:.1em;
}
#buyNowButtonWrapper input[type="button"]:hover{ background:url(images/buttonBuyNowHover.png);
}
#buyNowButtonWrapper {text-align:CENTER;}
#buyNowButtonWrapper .disabledBuyButtonclass{
DISPLAY:inline-block;
text-align:center;
background:url(images/buy_disabled.gif) no-repeat;
width:177px;
height:27px;
font-size:14px;
font-weight:bold;
color:#000000;
padding:3px;
text-decoration:none;
text-transform:uppercase;
letter-spacing:.1em;
}
#notInterestedButtonWrapper{
clear:left;
margin-top:5px;
}
#notInterested,#notInterestedButtonWrapper input[type="button"]{
text-align:center;
width:122px;
height:19px;
background:url(images/buttonNoThanks.png);
margin-bottom:10px;
font-weight:bold;
font-size:11px;
color:#ffffff;
padding:0px 3px 3px 3px;
text-decoration:none;
text-transform:uppercase;
border:none;
cursor:pointer;
letter-spacing:.1em;
}
#notInterestedButtonWrapper input[type="button"]:hover{
background:url(images/buttonNoThanksHover.png);
}
#notInterestedButtonWrapper #close{
width:122px;
height:19px;
background:url(images/buttonNoThanks.png);
font-weight:bold;
font-size:11px;
color:#ffffff;
padding:0px 3px 3px 3px;
text-decoration:none;
border:none;
text-align:center;
cursor:pointer;
text-transform:uppercase;
border:none;
cursor:pointer;
letter-spacing:.1em;
}
#buyDisclaimer{
margin-top:5px;
font-size:11px;
padding:0 20px;
}
/***********************************/
/********************************************/
/***********POST PURCHASE********
****************/
#postPurchasebuttonWrapper input[type="button"],#closeButton,#purchaseFailedCloseButtonWrapper #closeButton{
width:129px;
height:30px;
text-align:center;
background:url(images/submit.gif);
font-weight:bold;
font-size:11px;
color:#ffffff;
text-decoration:none;
border:none;
cursor:pointer;
text-transform:uppercase;
margin-bottom:25px;
padding:2px 3px 3px 3px;
letter-spacing:.1em;
}
#postPurchasebuttonWrapper input[type="button"]:hover,#closeButton:hover{
background:url(images/submitHover.gif);
}
/*****************************************/
/***************checkout cc input**************/
#confirmCreditCardInputNoShipping
{
margin-top:5px;
margin-left:auto;
margin-right:auto;
font-size:1.2em;
width:100%;
float:left;
padding:5px;
text-align:center;
}
#confirmCreditCardInputNoShippingButtonWrapper input[type="button"] {
width:129px;
height:30px;
text-align:center;
background:url(images/submit.gif);
font-weight:bold;
font-size:11px;
color:#ffffff;
text-decoration:none;
border:none;
cursor:pointer;
text-transform:uppercase;
margin-bottom:25px;
padding:2px 3px 3px 3px;
letter-spacing:.1em;
}
#confirmCreditCardInputNoShippingButtonWrapper input[type="button"]:hover {
background:url(images/submitHover.gif);
}
#confirmCreditCardInputNoShipping #confirmCheckoutCheckoutTable {
}
#confirmCreditCardInputNoShipping #confirmCheckoutCheckoutTable td{
font-size:.9em;
font-weight:bold;
margin:0px;
padding:0px;
}
#confirmCreditCardInputNoShipping #confirmCheckoutCheckoutTable .formLabel{
width:auto;
padding-right:15px;
}
/*center What's this button*/
#confirmCheckoutCheckoutTable td a {
}
/**********CONFIRMATION SCREEN 1***************/
#confirmCheckoutCongratulations{
margin-top:10px;
color:#ff7b00;
font-size:1.8em;
font-weight:bold;
}
#confirmCheckout .productPrice, #confirmCheckout .shipping {
}
#confirmCheckoutThankYou{
margin-top:3px;
font-weight:bold;
font-size:1.2em;
border:soild;
}
#confirmCheckoutFavoriteCharity{
font-weight:bold;
font-size:1.2em;
text-transform:uppercase;
}
#confirmCheckoutThatsItWrapper,#postPurchaseThatsItWrapper{
width:100%;
margin-top:15px;
}
#confirmCheckoutThatsIt,#thanksForPurchase{
width:75%;
font-size:1em;
font-weight:bold;
text-align:justify;
}
#confirmCheckoutThatsIt .highlight{
color:#ff7b00;
font-weight:bold;
}
#postPurchaseTable{
margin-top:15px;
margin-bottom:55px;
}
#confirmCheckoutCheckoutTable{
margin-top:15px;
margin-bottom:25px;
}
#confirmCheckoutCheckoutTable .formLabel,#postPurchaseTable .formLabel,#queueInfoTable .formLabel,#confirmCheckoutCheckoutTable .formLabel{
width:auto;
padding-right:15px;
}
#confirmCheckoutCheckoutTable td,#queueInfoTable td{
font-size:1em;
font-weight:bold;
margin:0px;
padding:0px;
}
#confirmCheckoutCheckoutTable .formElement, #confirmCheckoutCheckoutTable .formLabel
{
padding-bottom:6px;
}
#confirmCheckoutCheckoutTable #expirationMonth
{
margin-right:5px;
}
#confirmCheckoutCheckoutTable .formElement a
{
}
#postPurchaseTable td{
font-size:.9em;
font-weight:bold;
margin:0px;
padding:0px;
}
#buttonWrapper,#postPurchasebuttonWrapper{
width:438px;
}
.standardText{
margin-top:-10px;
margin-bottom:10px;
font-weight:bold;
font-size:1em;
}
#changeButtonWrapper input[type="button"],#premiumShippingButton{
width:196px;
float:left;
text-align:center;
background:url(images/deliveryButton.gif) no-repeat;
font-weight:bold;
font-size:10px;
color:#ffffff;
text-decoration:none;
border:none;
cursor:pointer;
text-transform:uppercase;
margin-bottom:25px;
padding:2px 3px 3px 3px;
}
#confirmButtonWrapper input[type="button"], #standardShippingButton, #standardShippingButton{
width:196px;
float:right;
text-align:center;
background:url(images/deliveryButton.gif) no-repeat;
font-weight:bold;
font-size:10px;
color:#ffffff;
text-decoration:none;
border:none;
cursor:pointer;
text-transform:uppercase;
margin-bottom:25px;
padding:2px 3px 3px 3px;
}
#confirmButtonWrapper input[type="button"]:hover,
#changeButtonWrapper input[type="button"]:hover{
background:url(images/deliveryHover.gif) no-repeat;
}
#boughtFor {
margin-left:10px;
}
.shippingLabel,.productLabel,.serialNumberLabel{
margin-right:15px;
font-weight:bold;
}
.serialNumber,
#boughtFor,#makebidContainer .formElement input,#confirmCheckoutCheckoutTable .formElement span,#postPurchaseTable .formElement span,
#postPurchaseTableWrapper #confirmCheckoutCheckoutTable td, #queueInfoTable .formElement span,#confirmCreditCardInputNoShipping #confirmCheckoutCheckoutTable .formElement span {
text-align:left;
float:left;
}
#buyNowTableWrapper,#checkoutTableWrapper,#postPurchaseTableWrapper {
float:left;
margin:auto;
margin-top:20px;
margin-bottom:20px;
width:100%;
text-align:center;
font-size:1.1em;
}
#buyNowTable,#checkoutTable,#postPurchaseTable {
margin:auto;
text-align:left;
padding:0px;
}
#makebidContainer #message,#makebidContainer #formValidation {
float:left;
width:440px;
text-align:center;}
#makebidContainer ul {
margin:0;
list-style:none;
}
/************OUT OF LBT*********************/
#outOfLBTsRedirectButtonWrapper{
margin-top:20px;
}
#outOfLBTsRedirectButtonWrapper input[type="button"]{
width:229px;
height:30px;
text-align:center;
background:url(images/submitLarge.gif);
font-weight:bold;
font-size:11px;
color:#ffffff;
text-decoration:none;
border:none;
cursor:pointer;
text-transform:uppercase;
margin-bottom:25px;
padding:2px 3px 3px 3px;
letter-spacing:.1em;
}
#outOfLBTsRedirectButtonWrapper input[type="button"]:hover{
background:url(images/submitHoverLarge.gif);
}
.queueProductTitle{font-weight:bold;
font-size:2em;
text-transform:uppercase;
}
/**Queue Scree*/
#queueInfoTable .formLabel,#queueInfoTable .formElement
,#queueInfoTable .formElement{
font-size:11px;
}
#queueProductTitle{
font-weight:bold;
font-size:1.2em;
margin-bottom:4px;
}
#queueInstructionsTop{
font-weigh:bold;
color:#ae0115;
margin-bottom:4px;
font-size:1.1em;
font-weight:bold;
width:80%;
}
#pleaseWaitLabel{
margin-top:20px;
font-weight:bold;
margin-bottom:4px;
font-size:1.3em;
}
#queueInfoTable {
margin-top:15px;
margin-bottom:15px;
}
#queueInstructionsMiddle{
margin-top:20px;
font-size:1.2em;
font-weight:bold;
margin-bottom:20px;
text-transform:uppercase;
}
#queueInstructionsBottom,#queueInstructionsBottomNextAuction{
width:90%;
font-size:11px;
}
#queueFooter{
clear:both;
margin-top:8px;
background:#ff6400;
display:display:inline;
margin:auto;
text-align:center;
position:absolute;
bottom:0;
left:0;
width:598px;
padding:4px;
}
#automaticallyQueueWrapper{
display:inline;
margin-left:140px;
text-align:center;
float:left;
}
#automaticallyQueueWrapper input{
float:left;
}
#autoQueueCheckboxInstructions{
color:#ffffff;
font-weight:bold;
float:left;
padding-top:2px;
}
#leaveQueueWrapper {
margin-top:15px;
clear:left;
padding-bottom:50px;
}
#leaveQueueWrapper input[type="submit"],
#leaveQueueButton{
background:#ffffff;
font-weight:bold;
font-size:1.0em;
text-decoration:underline;
border:none;
cursor:pointer;
letter-spacing:.1em;
text-transform:uppercase;
text-align:center;
}
#leaveQueueMessage{
text-align:center;
margin-left:3px;
}
/**PURCHASE FAIL***************/
#purchaseFailedInstructions
{
padding:0 50px;
margin:10px 0 25px;
}
/*COMMON STYLES FOR TE FORM ELEMENTS*/
#registration,#billingInformation,#shippingInformation,
#myProfile, #myPassword, #myCurrentAuctions, #myPastPurchases, #myClosedAuctions, #myCurrentLBTs, #oneTimePurchase,#account{
float:left;
clear:left;
margin-top:5px;
padding:15px 10px;
background:#d7d7d7;
width:100%;
}
#ajaxloginpage input[type="button"],#userprofile input[type="button"] {
float:right;
background:#ff6400;
font-weight:bold;
font-size:1.2em;
color:#ffffff;
padding:3px;
text-decoration:none;
border:none;
cursor:pointer;
letter-spacing:.1em;
text-transform:uppercase;
}
#ajaxloginpage input[type="button"]:hover,#userprofile input[type="button"]:hover {
background: #b10014;
}
/*REGISTRATION********************************************************/
#regHeader{
float:left;
width:100%;
}
#regHeader p,#regHeader hr{float:right;margin:0;padding:0; }
#ajaxloginpage input[type="button"] {
margin-right:282px;
margin-top:5px;
}
#registerContainer {
float:left;
width:100%;
font-size:1.2em;
}
#ajaxloginpage #ajaxLoginPageMessage li, #ajaxLoginPageFormValidation li{
color:red;
font-weight:bold;
font-size:1.1em;
}
#ajaxloginpage {
width:100%;
}
#ajaxloginpage #LoginFormPage
{
background:#ffffff;
width:100%;
}
#ajaxloginpage #nonmember #LoginFormPage .loginform{
float:left;
clear:left;
width:100%;
border:solid 1px #ff6400;
margin-right:0px;
margin-bottom:5px;
margin-top:5px;
padding:5px;
}
#ajaxloginpage #lhuser,#ajaxloginpage #lhpass {
width:125px;
float:left;
height:14px;
margin:5px 10px 1px 0;
}
#ajaxloginpage #username {
clear:both;
float:left;
}
#ajaxloginpage #password {
float:left;
margin-right:10px;
}
#ajaxloginpage #usernameLabel, #ajaxloginpage #passwordLabel{
display: block;
float:left;
width:75px;
margin:10px 4px 1px 0;
text-align:right;
font-weight:bold;
font-size:1.1em;
text-transform:uppercase;
}
#ajaxloginpage #forgotPass{
margin-left:98px;
}
#registerButtonWrapper input {
float:left;
margin-top:5px;
margin-right:5px;
width:129px;
height:30px;
background:url(images/submit.gif) no-repeat ;
text-decoration:none;
border:none;
text-align:center;
cursor:pointer;
border:0;
text-transform:uppercase;
color:#ffffff;
font-weight:bold;
font-size:11px;
padding-bottom:5px;
//padding-bottom:0px;
}
#registerButtonWrapper input[type="button"]:hover{
background:url(images/submitHover.gif) no-repeat;
}
#LoginFormPage .button{
float:right;
width:50px;
height:20px;
background:url(images/signIn2.gif) no-repeat;
cursor:pointer;
text-align:center;
display:block;
padding:1px 0 0;
}
#LoginFormPage .button:hover {
background:url(images/signIn2hover.gif) no-repeat ;
}
#LoginFormPage .button p {
float:left;
margin-left:5px;
_margin-left:2.5px;
}
#LoginFormPage .button a{
color:#ffffff;
text-decoration:none;
font-size:11px;
font-weight:bold;
}
#ajaxloginpage #forgotPass {
clear:both;
}
.sectionHeaderReg, .sectionHeaderLBT, .sectionHeaderBill {
width:100%;
float:left;
margin-top:10px;
float:left;
}
.sectionHeaderReg h2, .sectionHeaderLBT h2, .sectionHeaderBill h2{
float:left;
color:#ff6400;
text-transform:uppercase;
white-space:nowrap;
margin-bottom:0px;
}
.sectionHeaderReg p,.sectionHeaderLBT p, .sectionHeaderBill p{
margin:0;
padding:0;
clear:left;
text-align:left;
font-size:.9em;
font-weight:bold;
}
#registrationCreditCardAskHelp{
padding:0 25px;
clear:left;
text-align:left;
font-size:.9em;
font-weight:bold;
}
.sectionHeaderLBT {
width:405px;
float:left;
margin-top:35px;
}
#FreeIcon{
float:right;
margin-top:15px;
margin-bottom:5px;
width:99px;
height:98px;
background:url(images/3freeIconRegPage.gif) no-repeat;
}
#registrationCreditCardAskHelpTextQuestion{
font-weight:bold;
font-size:1.1em;
}
#optInCheckboxText {
margin-left:5px;
}
#registerContainer #submit {
float:right;
width:100%;
}
#registerContainer #submit table {
float:right;
}
#registerContainer #submit table td {
float:right;
width:100%;
margin-left:150px;
}
#registration table td{
padding:2px;
}
#registrationCVVHelp {
display:none;
position:absolute;
background-color:#EEE;
border:1px solid #000;
padding:1em;
margin:3em;
width:500px;
font-size:12px;
text-align:left;
}
#registrationCVVHelpImage,#registrationCVVHelpImage2
{
float:left;
margin-left:5px;
margin-top:8px;
}
#registrationCVVHelpCloseWrapper
{
clear:left;
}
#purchaseLBTCVVHelp {
float:left;
display:none;
position:absolute;
top:0;
left:0;
background-color:#EEE;
border:1px solid #000;
padding:1em;
margin:3em;
width:500px;
font-size:12px;
text-align:left;
}
#purchaseLBTCVVHelpImage,#purchaseLBTCVVHelpImage2
{
float:left;
margin-left:5px;
margin-top:8px;
}
#purchaseLBTCVVHelpCloseWrapper
{
clear:left;
}
#autoRefillLBTCVVHelp {
float:left;
display:none;
position:absolute;
top:0;
left:0;
background-color:#EEE;
border:1px solid #000;
padding:1em;
margin:3em;
width:500px;
font-size:12px;
text-align:left;
}
#autoRefillLBTCVVHelpImage,#autoRefillLBTCVVHelpImage2
{
float:left;
margin-left:5px;
margin-top:8px;
}
#autoRefillLBTCVVHelpCloseWrapper
{
clear:left;
}
#accountUpdateCVVHelp {
float:left;
display:none;
position:absolute;
top:0;
left:0;
background-color:#EEE;
border:1px solid #000;
padding:1em;
margin:3em;
width:500px;
font-size:12px;
text-align:left;
}
#accountUpdateCVVHelpImage,#accountUpdateCVVHelpImage2
{
float:left;
margin-left:5px;
margin-top:8px;
}
#accountUpdateCVVHelpCloseWrapper
{
clear:left;
}
#purchaseGiftCardCVVHelp {
float:left;
display:none;
position:absolute;
top:0;
left:0;
background-color:#EEE;
border:1px solid #000;
padding:1em;
margin:3em;
width:500px;
font-size:12px;
text-align:left;
}
#purchaseGiftCardCVVHelpImage,#purchaseGiftCardCVVHelpImage2
{
float:left;
margin-left:5px;
margin-top:8px;
}
#purchaseGiftCardCVVHelpCloseWrapper
{
clear:left;
}
/*ACCOUNT PAGES***************************************************************/
#userprofile {
float:left;
width:100%;
}
#tabs {
display: table; /* Allow the centering to work */
margin: 0 auto;
float:left;
width:100%;
}
#tabs ul {
float:left;
list-style:none;
margin:0;
padding:0;
/*text-align:center;*/
width:100%;
}
#tabs li{
display: inline;
}
#tabs li a {
display:inline-block;
padding:8px 10px;
background:#a1a1a1;
font-size:.9em;
font-weight:bolder;
margin-right:2px;
text-transform:uppercase;
text-decoration:none;
}
#tabs li a #accountTab {
margin-right:0px;
}
#tabs li a:hover {
background:#ff7c00;
}
#userProfileFormValidation,#userProfileMessage{
margin-top:-15px;
margin-bottom:15px;
font-weight:bold;
}
#userprofile table td {
padding-top:8px;
}
#profile .passwordValidationRulesText
{
font-size:1.2em;
}
#userprofile table td .button{
float:left;
margin-left:5px;
margin-top:4px;
font-size:1.1em;
text-align:center;
}
/*adjusts button padding for certain buttons*/
#oneTimePurchase table td .button,#account table td #updatePaymentInformationButtonWrapper .button {
padding-bottom:5px;
}
#profile, #auctions,#mylbts,#account{
float:left;
width:100%;
}
#userprofile .formLabel, #mylbts .formElement, #myProfile .formElement{
font-size:1.2em;
}
#currentLBTBalanceProfileWrapper .formLabel, #currentLBTBalanceProfileWrapper .formElement
{
font-size:1.4em;
font-weight:bold;
}
#changePasswordPrompt{
font-size:1.2em;
}
#mylbts .formElement select{
font-size:1.0em;
}
#account table .formElement{
padding-right:100px;}
/*My Auctions Tab*****************/
#userprofile #auctions h2{
color:#4f564f;
text-transform:uppercase;
font-size:1.2em;
font-weight:bold;
}
.auctionSummaryEven{
margin-top:20px;
margin-left:20px;
float:left;
clear:both;
width:100%;
font-size:1.2em;
}
.auctionSummaryOdd .row1 {/*This should only be used for empy auction summary sections. */
font-size:1.2em;
}
#myCurrentAuctions .row1, #myCurrentAuctions .row2, #myCurrentAuctions .row3{
width:80%;
padding-bottom:4px;
clear:left;
}
#myCurrentAuctions .row1, #myCurrentAuctions .row2, #myCurrentAuctions .row3,
.lastViewedPrice, #myCurrentAuctions .label,#myCurrentAuctions status
#myPastPurchases .productName, #myPastPurchases .serial,
#myClosedAuctions .row1, #myClosedAuctions .row2{
float:left;
}
#myCurrentAuctions .productName {
float:left;
font-weight:bold;
text-transform:uppercase;
font-size:13px;
}
#myCurrentAuctions .serial,#myCurrentAuctions .lastSeen,#myCurrentAuctions .row3 .status,
#myPastPurchases .row3,
#myClosedAuctions .row3{
float:right;
}
#myPastPurchases{
width:100%;
}
#myPastPurchases .productName{
width:100%;
padding-bottom:4px;
}
#myPastPurchases .serial{
clear:left;
padding-bottom:4px;
}
#myPastPurchases .serial,#myPastPurchases .lastViewedPrice {
margin-right:60px;
}
#myPastPurchases .row3, #myClosedAuctions .row3{
margin-right:100px;
}
#myClosedAuctions .row1{
width:80%;
padding-bottom:4px;
}
#myClosedAuctions .row2{
clear:left;
}
#myCurrentAuctions .highlight,#myClosedAuctions .highlight,.highlightPast {
font-weight:bold;
font-size:11px;
color:#000000;
}
#myCurrentAuctions .productName,#myCurrentAuctions .highlight,#myCurrentAuctions .highlightStatus,#myClosedAuctions .highlight {
color:#b30015;
}
#myCurrentAuctions .highlightStatus {
font-weight:bold;
font-size:15px;
text-transform:uppercase;
}
#hourGlassText
{
font-size:10px;
}
#updateProfileButtonWrapper input[type="button"],
#updateProfilePasswordButtonWrapper input[type="button"],
#buyLBTsButtonWrapper input[type="button"],
#updatePaymentInformationButtonWrapper input[type="button"]{
width:129px;
height:30px;
text-align:center;
background:url(images/submit.gif) no-repeat;
font-weight:bold;
font-size:11px;
color:#ffffff;
text-decoration:none;
border:none;
cursor:pointer;
text-transform:uppercase;
padding:2px 3px 3px 3px;
}
#updateProfileButtonWrapper input[type="button"]:hover,
#updateProfilePasswordButtonWrapper input[type="button"]:hover,
#buyLBTsButtonWrapper input[type="button"]:hover,
#oneTimePurchase input[type="button"]:hover,
#updatePaymentInformationButtonWrapper input[type="button"]:hover
{
background:url(images/submitHover.gif) no-repeat;
}
#oneTimePurchase input[type="button"]
{ width:129px;
height:30px;
text-align:center;
background:url(images/submit.gif) no-repeat;
font-weight:bold;
font-size:11px;
color:#ffffff;
text-decoration:none;
border:none;
cursor:pointer;
text-transform:uppercase;
padding:2px 3px 3px 3px;
}
#userProfileValidation {
float:left;
width:100%;
color:red;
font-size:1em;
font-weight:bold;
}
#userProfileMessage {
float:left;
width:100%;
margin:0 auto;
}
#oneTimePurchase td .passwordValidationRulesText,#introTextOneTimePurchaseWrapper{ /*sets the non form-element table text sizes*/
font-size:1.2em;
}
.currentPaymentMethodsValue
{
font-size:1.4em;
font-weight:bold;
}
.currentPaymentMethodsHeader
{
font-size:1.2em;
font-weight:bold;
}
.differentMethodOfPaymentText
{
font-size:1.3em;
font-weight:normal;
}
#changeAddressexpirationMonth ,#changeAddressexpirationYear,.formElement #changeAddressbillingState
{
font-size:1.3em;
}
#UserProfile #account td a
{
font-size:1.1em;
}
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) 0 0 no-repeat;}
#cboxTopCenter{height:14px; background:url(images/border.png) top left repeat-x;}
#cboxTopRight{width:14px; height:14px; background:url(images/controls.png) -36px 0 no-repeat;}
#cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) 0 -32px no-repeat;}
#cboxBottomCenter{height:43px; background:url(images/border.png) bottom left repeat-x;}
#cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) -36px -32px no-repeat;}
#cboxMiddleLeft{width:14px; background:url(images/controls.png) -175px 0 repeat-y;}
#cboxMiddleRight{width:14px; background:url(images/controls.png) -211px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}