/* Author: Aaron T. Helmlinger Project: Ajax PHP Penny Auction Version: 1.1 Email: helpdesk@ajaxphppennyauction.com */ /* CSS EXAMPLE USING MOSTLY SHORTHAND DECLARATIONS ***************************************************/ .CSS_SHORTHAND { background: #00ff00 url('smiley.gif') no-repeat fixed center; /* border:5px solid red; */ border-top:thick dotted #ff0000; border-bottom:thick dotted #ff0000; border-left:thick dotted #ff0000; border-right:thick dotted #ff0000; outline:5px solid red; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font: italic bold 12px/20px arial,sans-serif; list-style:square inside url("/images/blueball.gif"); color: black; text-align: left; /* left, right, center, justify, inherit */ height: auto; /* auto, length (ex. 100px), %, inherit */ width: auto; /* auto, length (ex. 100px), %, inherit */ float:left; /* left, right, none, inherit */ } /* CSS EXAMPLE USING MOSTLY ALL DECLARATIONS EXCEPT SHORTHAND ***************************************************/ .CSS_NO_SHORTHAND { /************BACKGROUND**************/ /* SINGLE DECLERATION --> */ /* background: #00ff00 url('smiley.gif') no-repeat fixed center; */ background-attachment:fixed; /* fixed, scroll, inherit */ background-color: #555555; /* hex_number (ex. #111111), color_name (ex. red), rgb(255,0,255), transparent is default, inherit */ background-image:url('paper.gif'); /* none, inherit, url('filename') */ background-position:center; /* top left, top center ,top right ,center left ,center center ,center right ,bottom left ,bottom center, bottom right */ background-repeat:repeat-y; /* repeat, repeat-x, repeat-y, no-repeat, inherit */ /************BORDER*************/ /* SHORTHAND DECLARATION --> */ /* border:5px solid red; */ /* SHORTHAND DECLARATION --> */ /* border-top:thick dotted #ff0000; */ /* SHORTHAND DECLARATION --> */ /* border-bottom:thick dotted #ff0000; */ /* SHORTHAND DECLARATION --> */ /* border-left:thick dotted #ff0000; */ /* SHORTHAND DECLARATION --> */ /* border-right:thick dotted #ff0000; */ /* SINGLE DECLERATION --> */ /* border-color: black black black black; */ /* hex_number (ex. #111111), color_name (ex. red), rgb(255,0,255), transparent is default, inherit */ /* SINGLE DECLERATION --> */ /* border-style:solid solid solid solid; */ /* none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset, inherit */ /* SINGLE DECLERATION --> */ /* border-width:0px; */ /* thin, medium, thick, inherit, 0px */ border-top-color: black; /* hex_number (ex. #111111), color_name (ex. red), rgb(255,0,255), transparent is default, inherit */ border-top-style:none; /* none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset, inherit */ border-top-width:0px; /* thin, medium, thick, inherit, 0px */ border-right-color: black; /* hex_number (ex. #111111), color_name (ex. red), rgb(255,0,255), transparent is default, inherit */ border-right-style:none; /* none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset, inherit */ border-right-width:0px; /* thin, medium, thick, inherit, 0px */ border-left-color: black; /* hex_number (ex. #111111), color_name (ex. red), rgb(255,0,255), transparent is default, inherit */ border-left-style:none; /* none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset, inherit */ border-left-width:0px; /* thin, medium, thick, inherit, 0px */ border-bottom-color: black; /* hex_number (ex. #111111), color_name (ex. red), rgb(255,0,255), transparent is default, inherit */ border-bottom-style:none; /* none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset, inherit */ border-bottom-width:0px; /* thin, medium, thick, inherit, 0px */ border-collapse:collapse; /* seperate, collapse, inherit */ border-spacing:0px 0px; /* sets position relationship with next box, a single # does both x & y axis, first # is x, second # is y */ /************OUTLINE**************/ /* SHORTHAND DECLARATION --> */ /* outline:5px solid red; */ outline-color: black; /* hex_number (ex. #111111), color_name (ex. red), rgb(255,0,255), transparent is default, inherit */ outline-style:none; /* none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset, inherit */ outline-width:0px; /* thin, medium, thick, inherit, 0px */ /************FONT**************/ /* SHORTHAND DECLARATION --> */ /* font:italic bold 12px/20px arial,sans-serif; */ /* font-style, font-variant, font-weight, font-size/line-height, font-family */ font-family:"Times New Roman",Georgia,Serif; font-size: 12px; /* xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger, length (ex. 0px), %( percent of the parent element's font size ), inherit */ font-style: normal; /* normal, italic, oblique, inherit */ font-variant: normal; /* normal, small-caps, inherit */ font-weight: normal; /* normal, bold, bolder, lighter */ color: black; /* sets color of text, hex_number (ex. #111111), color_name (ex. red), rgb(255,0,255), transparent is default, inherit */ letter-spacing: normal; /* normal, length (ex 3px or -3px), inherit */ word-spacing: normal; /* normal, length (ex 3px or -3px), inherit */ line-height: normal; /* normal, number ( multiplies font hieght), length (ex 3px), %, inherit */ text-align: left; /* left, right, center, justify, inherit */ text-indent:0px; /* length (ex. 100px), %, inherit */ text-decoration: none; /* none, underline, overline, line-through, blink, inherit */ text-transform: none; /* none, capitalize, uppercase, lowercase, inherit */ vertical-align: baseline; /* baseline (default), length (ex. 100px), %, sub, super, top, text-top, middle, bottom, text-bottom, inherit */ /************LIST**************/ /* SHORTHAND DECLARATION --> */ /* list-style:square inside url("/images/blueball.gif"); */ /* list-style-image:url("/images/blueball.gif"); */ /* list-style-position:inside; */ /* inside, outside, inherit */ /* list-style-type: none; */ /* none, circle, disc, square, armenian, lower-alpha, lower-roman, upper-alpha, upper-roman, inherit */ /************BOX DIMENSIONS**************/ height: auto; /* auto, length (ex. 100px), %, inherit */ width: auto; /* auto, length (ex. 100px), %, inherit */ /* max-height:; */ /* length (ex. 100px), %, inherit */ /* max-width:; */ /* length (ex. 100px), %, inherit */ /* min-height:; */ /* length (ex. 100px), %, inherit */ /* min-width:; */ /* length (ex. 100px), %, inherit */ /************MARGIN**************/ /* SHORTHAND DECLARATION --> */ /* margin: 0px 0px 0px 0px; */ /* auto, length (ex. 100px), %, inherit */ margin-top: auto; /* auto, length (ex. 100px), %, inherit */ margin-bottom: auto; /* auto, length (ex. 100px), %, inherit */ margin-left: auto; /* auto, length (ex. 100px), %, inherit */ margin-right: auto; /* auto, length (ex. 100px), %, inherit */ /************PADDING**************/ /* SHORTHAND DECLARATION --> */ /* padding: 0px 0px 0px 0px */ /* length (ex. 100px), %, inherit */ padding-top: 0px; /* length (ex. 100px), %, inherit */ padding-bottom: 0px; /* length (ex. 100px), %, inherit */ padding-left: 0px; /* length (ex. 100px), %, inherit */ padding-right: 0px; /* length (ex. 100px), %, inherit */ /************MARGIN EDGE**************/ top: auto; /* Sets the top margin edge for a positioned box auto (default), length (ex 10px), %, inherit */ bottom: auto; /* Sets the top margin edge for a positioned box auto (default), length (ex 10px), %, inherit */ left: auto; /* Sets the top margin edge for a positioned box auto (default), length (ex 10px), %, inherit */ right: auto; /* Sets the top margin edge for a positioned box auto (default), length (ex 10px), %, inherit */ /************BOX ATTRIBUTES**************/ overflow: auto; /* visible, hidden, scroll, auto, inherit */ white-space: normal; /* normal, nowrap, pre, pre-line, pre-wrap, inherit */ visibility: visible; /* hidden/ visible, collapse, inherit */ clear: left; /* left, right, both, none, inherit */ float:left; /* left, right, none, inherit */ z-index: auto; /* auto, number, inherit */ } /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- PAGE LAYOUT CSS BELOW -----------------*/ html { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #ffffff url('images/body-bg.png') repeat-x ; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #555555; text-align: center; } .PAGE_WRAPPER { margin: 0 auto; padding: 0px 0px 0px 0px; height: auto; /* auto, length (ex. 100px), %, inherit */ width: 990px; /* auto, length (ex. 100px), %, inherit */ text-align: left; /* left, right, center, justify, inherit */ position: relative; } /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- HEADER CSS BELOW -----------------*/ .HEADER_BOX_ON { margin: 0px; padding: 0px; height: 120px; width: 990px; background: transparent url(images/tab_login.png) no-repeat -10px 0; } .HEADER_BOX_OFF { display: none; } /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- PAGE ELEMENTS CSS BELOW -----------------*/ a:link {color:#0000ff; text-decoration: underline;} /* unvisited link */ a:visited {color:#0000ff; text-decoration: underline; } /* visited link */ a:hover {color:rgb(255,127,0); text-decoration: underline;} /* mouse over link */ a:active {color:rgb(255,127,0); text-decoration: underline;} /* selected link */ /* BEGIN TYPOGRAPHY ***************************************************/ /* START HEADINGS */ h1 { font-size: 2em; line-height: 1.5em; margin: 0 0 0.5em 0; padding: 0; } h2 { font-size: 1.5em; line-height: 1.5em; margin: 0 0 0.5em 0; padding: 0; } h3 { font-size: 1.3em; line-height: 1.3em; margin: 0.5em 0 0.5em 0; padding:0; } h4 { font-size: 1.2em; line-height: 1.3em; margin: 0 0 0.25em 0; padding: 0; } h5 { font-size: 1.1em; line-height: 1.3em; margin: 0 0 0.25em 0; padding: 0; } h6 { font-size: 1em; line-height: 1.3em; margin: 0 0 0.25em 0; padding: 0; } /* END HEADINGS */ /* START TEXT */ p { font-size: 1em; margin: 0 0 1.5em 0; padding: 0; line-height:1.4em; } blockquote { border-left:10px solid #ddd; margin-left:10px; } pre { font-family: monospace; font-size: 1.0em; } strong, b { font-weight: bold; } em, i { font-style:italic; } code { font-family: "Courier New", Courier, monospace; font-size: 1em; white-space: pre; } /* END TEXT */ .BOLDTEXT {font-weight: bold; } /* START MISC */ .PAGE_HEADER {font-weight: bold; color: #3c5a00; font-size: 30px; } fieldset { border:2px solid #1E5A8C; } .errfont { font-size: 14px; background-color: #C5FF00; font-weight: bold; font-family: Tahoma, Verdana, Arial, Sans; color:red; text-align: center; width:350px; margin: 0px 0px 0px 25%;} br {margin: 0px 0px 5px 0px; } img {border:0px solid #555; } /* END MISC */ .BANNER_BOX_660PX { border:1px solid black; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 144px; /* auto, length (ex. 100px), %, inherit */ width: 660px; /* auto, length (ex. 100px), %, inherit */ float: left; } .BANNER_BOX_990PX { background: url('images/electronics_collage_banner.jpg'); border:0px solid black; margin: 6px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 216px; /* auto, length (ex. 100px), %, inherit */ width: 990px; /* auto, length (ex. 100px), %, inherit */ float: left; font-size: 18px; color: #ffffff; background-repeat: no-repeat; } .BANNER_NOTE { border:0px solid black; margin: 0x 0px 0px opx; padding: 0px 0px 0px 0px; font-size: 36px; z-index:100; color: #ffffff; font-weight:bold; float: left; height: 100px; /* auto, length (ex. 100px), %, inherit */ width: 510px; /* auto, length (ex. 100px), %, inherit */ position: relative; } .BANNER_NOTE1 { border:0px solid black; margin: 0x 0px 0px opx; padding: 0px 0px 0px 0px; font-size: 36px; z-index:100; color: #ffffff; font-weight:bold; float: left; height: 100px; /* auto, length (ex. 100px), %, inherit */ width: 470px; /* auto, length (ex. 100px), %, inherit */ position: relative; } .BANNER_REGISTER_BUTTON { border:0px solid black; margin: 20px 0px 0px 575px; padding: 0px 0px 0px 0px; font-size: 22px; z-index:100; color: #ffffff; font-weight:bold; float: left; height: 75px; /* auto, length (ex. 100px), %, inherit */ width: 218px; /* auto, length (ex. 100px), %, inherit */ } .BANNER_FREE_BIDS { border:0px solid black; margin: -80px 0px 0px 810px; padding: 0px 0px 0px 0px; font-size: 22px; z-index:100; color: #ffffff; font-weight:bold; float: left; height: 120px; /* auto, length (ex. 100px), %, inherit */ width: 150px; /* auto, length (ex. 100px), %, inherit */ } .BANNER_BOX_980PX { border:1px solid black; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; height: 144px; /* auto, length (ex. 100px), %, inherit */ width: 980px; /* auto, length (ex. 100px), %, inherit */ float: left; } .BANNER_BOX_650PX { border:1px solid black; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; height: 144px; /* auto, length (ex. 100px), %, inherit */ width: 650px; /* auto, length (ex. 100px), %, inherit */ float: left; } .LOGO_BOX { border:0px solid black; margin: 6px 4px 4px 4px; padding: 6px 0px 0px 0px; height: 108px; /* auto, length (ex. 100px), %, inherit */ width: 325px; /* auto, length (ex. 100px), %, inherit */ float: left; overflow: hidden; } .ANNOUNCEMENT_BOX { border:0px solid black; margin: 7px 4px 4px 27px; padding: 0px 0px 0px 0px; height: 108px; /* auto, length (ex. 100px), %, inherit */ width: 320px; /* auto, length (ex. 100px), %, inherit */ float: left; } .NEWS_BOX { border:1px solid black; margin: 4px 4px 4px 4px; padding: 0px 0px 0px 0px; height: 144px; /* auto, length (ex. 100px), %, inherit */ width: 320px; /* auto, length (ex. 100px), %, inherit */ float: left; } .WINNERS_BOX { border:1px solid black; margin: 4px 4px 4px 4px; padding: 0px 0px 0px 0px; height: 144px; /* auto, length (ex. 100px), %, inherit */ width: 320px; /* auto, length (ex. 100px), %, inherit */ float: left; } .HELP_BOX { border:0px solid black; margin: 4px 4px 4px 4px; padding: 0px 0px 0px 0px; height: 52px; width: 260px; position: absolute; top: 45px; right: 00px; text-align: center; font-size:12px; color: #555555; } .flags_box { margin: 4px; padding: 0px; height: 32px; width: 400px; position: absolute; top: 55px; right: 270px; text-align: center; font-size:12px; color: #555555; } .flags_box a img {vertical-align: middle;} .FACEBOOK_TWITTER_PAYPAL { border:0px solid black; margin: 10px 5px 5px 5px; padding: 0px 0px 0px 0px; height: 120px; /* auto, length (ex. 100px), %, inherit */ width: 320px; /* auto, length (ex. 100px), %, inherit */ float: left; text-align: center; } .LOGIN_BOX { background: transparent; border:0px solid black; margin: 8px 4px 0px 4px; padding: 0px 0px 0px 0px; height: 52px; /* auto, length (ex. 100px), %, inherit */ width: 430px; /* auto, length (ex. 100px), %, inherit */ position: absolute; top: 0px; right: 0px; } .USER_LOGIN_USERNAME, .USER_LOGIN_PASSWORD { margin: 0px 5px 0px 5px; height:24px; width:112px; border:solid 0px #000; padding: 0px 0px 0px 0px; position: relative; float: left; left: 0px; font-weight: bold; color: #555; } .USER_LOGIN_USERNAME input, .USER_LOGIN_PASSWORD input { height:24px; width:102px; border: 0px solid #000; padding: 0px 5px 0px 5px; margin: 0px; font-weight: bold; color: #555; background: transparent url(images/input_login.png) no-repeat 0 0; } .USER_LOGIN_BUTTON { margin: 0px 5px 0px 5px; height: 25px; width: 48px; border: solid 0px #000; padding: 0px; position: relative; float: left; left: 0px; font-weight: bold; color: #555; } .FORGOT_PASSWORD { margin: 0px 5px 0px 5px; height:26px; width:108px; border:solid 0px #000; padding: 0px 0px 0px 0px; position: relative; float: left; left: 0px; font-weight: BOLD; color: #555; } .LOGIN_1 { font-family: Arial, verdana, Sans-Serif; font-size: 13px; color: #FFFFFF; width:185px; height: 20px; position: relative; float: left; border-style:solid; border-width:0px; font-weight: bold; text-align:right; margin: 4px 5px 0px 0px; padding: 0px; } .LOGIN_2{ font-family: Arial, verdana, Sans-Serif; font-size: 13px; color: #FFFFFF; width:130px; height: 30px; position: relative; left:0; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; border-style:solid; border-width:0px; text-align: right; } .BIDS_REMAINING_BOX { font-size: 24px; font-weight: bold; color: #FFFFFF; position: relative; margin: -3px 0px 1px 0px; min-width:25px; max-width:80px; height: 26px; float: left; text-align: center; } .BIDS_LEFT_TEXT { font-family: Arial, verdana, Sans-Serif; font-size: 13px; color: #FFFFFF; width:75px; height: 20px; font-weight: bold; position: relative; float: left; text-align: left; margin: 4px 0px 0px 5px; padding: 0px 0px 0px 0px; } /* ========== TAB CSS - BEGIN ============================*/ .TAB_BOX_0N {border:0px solid black; margin: 0px; padding: 0px; height: 29px; width: 990px; float: left;} .TAB_BOX_OFF {display: none;} .TAB_ACTIVATED {background: transparent url('images/tab_active.png') no-repeat 0 0; border: 0px solid black; margin: 0px; padding: 0px; height: 29px; width: 110px; float: left; text-align:center;} .TAB_DEACTIVATED {background: transparent url('images/tab.png') no-repeat 0 0; border:0px solid black; margin: 0px; padding: 0px; height: 29px; width: 110px; float: left; text-align:center;} .TAB_DEACTIVATED:hover {background: transparent url('images/tab_active.png') no-repeat 0 0;} /* TAB LINKS */ .TAB_ACTIVATED a {background: transparent url('images/tab_active.png') no-repeat 0 0; margin: 0px; padding: 0px; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color:#000080; display: block; padding-top: 7px;} .TAB_ACTIVATED a:hover {} /* TAB LINKS */ .TAB_DEACTIVATED a {background: transparent url('images/tab.png') no-repeat 0 0; margin: 0px; padding: 0px; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color:#000080; display: block; padding-top: 7px;} .TAB_DEACTIVATED a:hover {background: transparent url('images/tab_active.png') no-repeat 0 0;} /* ========== TAB CSS - END ==============================*/ /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- SUBMENU CSS BELOW -----------------*/ .SUBMENU_BOX_ON, SUBMENU_BOX_OFF { border:0px solid black; margin: 0px 0px 0px 0px; padding: 6px 0px 0px 0px; height: 36px; /* auto, length (ex. 100px), %, inherit */ width: 990px; /* auto, length (ex. 100px), %, inherit */ float: left; background: transparent url(images/submenu-bg.png) repeat-x 0 0; } .SUBMENU_BOX_OFF { /*display: none;*/ } .SUBMENU_ACTIVATED { border:0px solid black; margin: 0px 0px 0px 0px; padding: 8px 0px 0px 0px; height: 36px; width: 190px; float: left; text-align: center; } .SUBMENU_ACTIVATED_TERMS_AND_CONDITIONS { border:0px solid black; margin: 0px 0px 0px 0px; padding: 8px 0px 0px 0px; height: 36px; /* auto, length (ex. 100px), %, inherit */ width: 240px; /* auto, length (ex. 100px), %, inherit */ float: left; text-align: center; } .SUBMENU_DEACTIVATED { border:0px solid black; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 36px; /* auto, length (ex. 100px), %, inherit */ width: 190px; /* auto, length (ex. 100px), %, inherit */ float: left; text-align: center; } /* SUBMENU LINKS */ a.SUBMENU, a.SUBMENU:visited, a.SUBMENU:active, a.SUBMENU:link {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: rgb(88,130,2); font-weight: bold; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-style: normal; text-decoration: none; } a.SUBMENU:hover {color:rgb(255,127,0);} .WELCOME_BOX_ON, .WELCOME_BOX_OFF {display: none;} .LIVE_AUCTION_LINK { /* display: none; */ /* REMOVE THE *//* TO HIDE TABS */ border:0px solid black; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; height: 24px; /* auto, length (ex. 100px), %, inherit */ width: 242px; /* auto, length (ex. 100px), %, inherit */ float: left; text-align: center; } .UPCOMING_AUCTION_LINK { /* display: none; */ /* REMOVE THE *//* TO HIDE TABS */ border:0px solid black; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; height: 24px; /* auto, length (ex. 100px), %, inherit */ width: 242px; /* auto, length (ex. 100px), %, inherit */ float: left; text-align: center; } .toplinks_set { margin: 0px; padding: 0px; height: 24px; /* auto, length (ex. 100px), %, inherit */ width: 540px; /* auto, length (ex. 100px), %, inherit */ float: left; text-align: center; margin-top: 13px; } .toplinks_set a {margin: 0px 10px 0px 10px; padding: 0px; font-size: 14px; color: #000080; font-family: arial, verdana; text-decoration: none; font-weight: bold;} .toplinks_set a:hover {color: #FF7F00;} /* SUBMENU LINKS */ /* a.AUCTIONLINKS:link { margin: 0px 0px 0px 0px; padding: 24px 0px 0px 5px; color:#555555; font-weight: BOLD; font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, sans-serif; font-size: 18px; font-style: normal; text-decoration: none; } a.AUCTIONLINKS:visited { margin: 0px 0px 0px 0px; padding: 24px 0px 0px 5px; color:#555555; font-weight: BOLD; font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, sans-serif; font-size: 18px; font-style: normal; text-decoration: none; } a.AUCTIONLINKS:hover { margin: 0px 0px 0px 0px; padding: 24px 0px 0px 5px; color:rgb(255,127,0); font-weight: BOLD; font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, sans-serif; font-size: 18px; font-style: normal; text-decoration: none; } a.AUCTIONLINKS:active { margin: 0px 0px 0px 0px; padding: 24px 0px 0px 5px; color:rgb(255,127,0); font-weight: BOLD; font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, sans-serif; font-size: 18px; font-style: normal; text-decoration: none; } */ /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- CATEGORY MENU CSS BELOW -----------------*/ .CATEGORY_BOX_ON {background: transparent url(images/tab_search.png) no-repeat 0 0; margin: 0px; padding: 0px; height: 45px; width: 990px; float: left;} .CATEGORY_BOX_OFF {display: none;} .CATEGORY_ACTIVATED { /* display: none; */ /* REMOVE THE *//* TO HIDE TABS */ border:1px solid black; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 36px; /* auto, length (ex. 100px), %, inherit */ width: 110px; /* auto, length (ex. 100px), %, inherit */ float: left; } .CATEGORY_DEACTIVATED { /* display: none; */ /* REMOVE THE *//* TO HIDE TABS */ border:1px solid black; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 36px; /* auto, length (ex. 100px), %, inherit */ width: 110px; /* auto, length (ex. 100px), %, inherit */ float: left; } a.CATEGORY:link { color:#555555; font-weight: BOLD; font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, sans-serif; font-size: 18px; font-style: normal; text-decoration: none; } a.CATEGORY:visited { color:#555555; font-weight: BOLD; font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, sans-serif; font-size: 18px; font-style: normal; text-decoration: none; } a.CATEGORY:hover { color:rgb(255,127,0); font-weight: BOLD; font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, sans-serif; font-size: 18px; font-style: normal; text-decoration: underline; } a.CATEGORY:active { color:rgb(255,127,0); font-weight: BOLD; font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, sans-serif; font-size: 18px; font-style: normal; text-decoration: underline; } /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- TITLE BAR & CONTENT AREA CSS BELOW -----------------*/ .TITLE_BAR_BOX { /* display: none; */ /* REMOVE THE *//* TO HIDE TABS */ border:1px solid black; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 54px; /* auto, length (ex. 100px), %, inherit */ width: 990px; /* auto, length (ex. 100px), %, inherit */ float: left; } /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- TITLE BAR & CONTENT AREA CSS BELOW -----------------*/ .SEARCH_BOX_ON { border:0px solid black; margin: 0px 0px 0px 10px; padding: 0px; height: 26px; /* auto, length (ex. 100px), %, inherit */ width: 160px; /* auto, length (ex. 100px), %, inherit */ float: left; text-align: left; } .SEARCH_INPUT_BOX { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 12px; margin: 9px 0px 0px 0px; padding: 0px 5px 0px 5px; border: solid 0px #bbbbbb; width: 141px; height: 24px; background: transparent; color: #666666; font-weight: bolder; background: transparent url(images/input_search.png) no-repeat 0 0; } .SEARCH_BUTTON { border:0px solid black; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 26px; /* auto, length (ex. 100px), %, inherit */ width: 59px; /* auto, length (ex. 100px), %, inherit */ float: left; } /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- PAGE TITLE & CONTENT CSS BELOW -----------------*/ .PAGE_ANNOUNCEMENT_CONTENT_BOX_ON { border:0px solid black; margin: 10px 0px 0px 4px; padding: 0px 0px 0px 0px; width: 983px; /* auto, length (ex. 100px), %, inherit */ float: left; background: transparent; } .PAGE_ANNOUNCEMENT_CONTENT_BOX_BOTTOM { background: transparent; width:983px; height: 10px; clear:left; margin: 0px 0px 10px 4px; } .PAGE_ANNOUNCEMENT_CONTENT_PADDING { padding: 10px; } .PAGE_TITLE_CONTENT_BOX_ON { border:0px solid black; margin: 10px 0px 0px 4px; padding: 0px 0px 0px 0px; width: 983px; /* auto, length (ex. 100px), %, inherit */ float: left; background: transparent url(images/content-middle-bg.jpg) repeat-y 0 0; } .PAGE_TITLE_CONTENT_BOX_OFF { display: none; } .PAGE_TITLE_CONTENT_BOX_TOP { background: url('images/blockheader-bg.jpg') no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:983px; height: 60px; clear:left; color: #ffffff; } .PAGE_TITLE_CONTENT_BOX_MIDDLE { background: transparent url(images/content-middle-bg.jpg) repeat-y 0 0; width:983px; height: 300px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 7px } .PAGE_TITLE_CONTENT_BOX_BOTTOM { background: transparent url(images/content-bottom-bg.jpg) no-repeat 0 0; width:983px; height: 10px; clear:left; margin: 0px 0px 10px 4px; } .PAGE_TITLE_CONTENT_NOTE { width:983px; font-size: 18px; font-weight: bold; color: rgb(88,130,2); text-align: center; } .PAGE_TITLE_CONTENT_TEXT { font-size: 16px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 12px 0px 0px 15px; color: #ffffff; } .PAGE_TITLE_CONTENT_PADDING { padding: 10px 10px 10px 10px; } /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- ITEM PAGE TITLE & CONTENT CSS BELOW -----------------*/ .ITEM_PAGE_TITLE_CONTENT_BOX_ON { border:0px solid black; margin: 10px 0px 0px 4px; padding: 0px 0px 0px 0px; width: 983px; /* auto, length (ex. 100px), %, inherit */ float: left; background: transparent url(images/content-middle-bg.jpg) repeat-y 0 0; } .ITEM_PAGE_TITLE_CONTENT_BOX_OFF { display: none; } .ITEM_PAGE_TITLE_CONTENT_BOX_TOP { background: url('images/blockheader-bg.jpg') no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:983px; height: 60px; clear:left; color: #ffffff; } .ITEM_PAGE_TITLE_CONTENT_BOX_MIDDLE { width:983px; height: 300px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 7px background: transparent url(images/content-middle-bg.jpg) repeat-y 0 0; } .ITEM_PAGE_TITLE_CONTENT_BOX_BOTTOM { width:983px; height: 10px; clear:left; margin: 0px 0px 10px 4px; background: transparent url(images/content-bottom-bg.jpg) no-repeat 0 0; } .ITEM_PAGE_TITLE_CONTENT_NOTE { width:983px; font-size: 24px; font-weight: bold; color: rgb(88,133,2); text-align: center; background: transparent url(images/content-middle-bg.jpg) repeat-y 0 0; } .ITEM_PAGE_TITLE_CONTENT_TEXT { font-size: 16px; font-weight: bold; margin: 0px 0px 0px 1px; padding: 12px 0px 0px 15px; color: #ffffff; } .ITEM_PAGE_TITLE_CONTENT_PADDING { padding: 0px 0px 0px 0px; } /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- LIVE AUCTIONS CSS BELOW -----------------*/ .LIVE_AUCTIONS_BOX_ON { border:0px solid black; margin: 10px 0px 0px 4px; padding: 0px 0px 0px 0px; width: 983px; /* auto, length (ex. 100px), %, inherit */ float: left; background: transparent url(images/content-middle-bg.jpg) repeat-y 0 0; } .LIVE_AUCTIONS_BOX_OFF { display: none; } .LIVE_AUCTIONS_BOX_TOP { background: url('images/blockheader-bg.jpg') no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:983px; height: 60px; clear:left; color: #ffffff; } .LIVE_AUCTIONS_BOX_MIDDLE { background: transparent url(images/content-middle-bg.jpg) repeat-y 0 0; width:983px; height: 300px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 7px } .LIVE_AUCTIONS_BOX_BOTTOM { background: transparent url(images/content-bottom-bg.jpg) no-repeat 0 0; width:983px; height: 10px; clear:left; margin: 0px 0px 10px 4px; } .LIVE_AUCTION_NOTE { /* display: none; */ /* REMOVE THE *//* TO HIDE TABS */ background: transparent url(images/content-middle-bg.jpg) repeat-y 0 0; width:983px; font-size: 18px; font-weight: bold; color: #000055; text-align: center; } .TITLE_BAR_TEXT { font-size: 16px; font-weight: bold; margin: 0px 0px 0px 1px; padding: 12px 0px 0px 15px } .LIVE_AUCTION_ACTIVEBOX { background-image: url('images/BOX_170x260.jpg'); background-repeat:no-repeat; margin: 10px 0px 7px 22px; padding: 0px 0px 0px 0px; text-align: center; width:170px; height: 280px; float: left; } .LIVE_AUCTION_ACTIVEBOX_NEWS { /* background-image: url('images/BOX_170x260.jpg'); */ background-repeat:no-repeat; margin: 10px 0px 7px 22px; text-align: center; width:170px; height: 280px; float: left; } .LIVE_AUCTION_TITLE { border-style:solid; padding: 0px 5px 0px 5px; border-width:0px; line-height: 13px; height: 30px; width:160px; text-align: center; position: relative; margin: 0px auto; font-size: 11px; font-weight: bold; top: 5px; } .LIVE_AUCTION_RETAIL_PRICE { border-style:solid; font-size: 11px; border-width:0px; height: 20px; top: 4px; position: relative; color: #aaaaaa; } .LIVE_AUCTION_ITEMPIC { border-style:solid; border-width:0px; height: 120px; position: relative; } .LIVE_AUCTION_COUNTDOWN { font-family: Tahoma, Verdan, Arial, Sans-Serif; border-style:solid; border-width:0px; /*height: 30px;*/ height: 40px; font-size: 14px; font-weight: bold; color: #003300; position: relative; /*overflow: hidden;*/ } .LIVE_AUCTION_HIGHBID { font-family: Tahoma, Verdan, Arial, Sans-Serif; border-style:solid; border-width:0px; font-weight: bold; height: 20px; width:50%; float: left; color: #555555; Left: 25%; font-size: 14px; position: relative; } .LIVE_AUCTION_HIGHBIDDER { border-style:solid; border-width:0px; height:14px; font-size: 10px; top: 4px; clear: left; position: relative; color: #444444; } .LIVE_AUCTION_BIDBUTTON { border-style:solid; border-width:0px; font-weight: bold; height: 25px; font-size: 16px; top: 11px; position: relative; margin-bottom: 25px; } /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- UPCOMING AUCTIONS CSS BELOW -----------------*/ .UPCOMING_AUCTIONS_BOX_ON { /* display: none; */ /* REMOVE THE *//* TO HIDE TABS */ border:0px solid black; margin: 10px 0px 0px 4px; padding: 0px 0px 0px 0px; width: 983px; /* auto, length (ex. 100px), %, inherit */ float: left; background: url('images/content-middle-bg.jpg') repeat-y; } .UPCOMING_AUCTIONS_BOX_OFF { display: none; } .UPCOMING_AUCTIONS_BOX_TOP { background: url('images/blockheader-bg.jpg') no-repeat; margin: 0px 0px 0px 0px; width:983px; height: 60px; clear:left; color: #ffffff; } .UPCOMING_AUCTIONS_BOX_MIDDLE { background: url('images/content-middle-bg.jpg') repeat-y; width:983px; height: 110px; } .UPCOMING_AUCTIONS_BOX_BOTTOM{ background: url('images/content-bottom-bg.jpg') no-repeat; width:983px; height: 10px; clear:left; margin: 0px 0px 10px 4px; } .UPCOMING_AUCTION_NOTE { /* display: none; */ /* REMOVE THE *//* TO HIDE TABS */ background: url('images/content-middle-bg.jpg') repeat-y; width:983px; font-size: 18px; font-weight: bold; color: rgb(88,130,2); text-align: center; } .UPCOMING_AUCTION_LINE { border-style: dotted; border-width: 2px 0px 0px 0px; font-size: 16px; font-weight: bold; color: #5B8902; border-color:#5B8902; position: relative; padding: 0px; background-color:#ffffff; margin: 0px 0px 10px 10px; top:0px; left:0px; width:962px; height: 0px; float: left; text-align: center; background: url('images/content_middle_background_title_bar.jpg') repeat-y; } .UPCOMING_AUCTION_ITEM_PIC { width:125px; height: 100px; border-style:solid; border-width:0px; position: relative; float: left; left:10px; background-color:#ffffff; overflow: hidden; } .UPCOMING_AUCTION_ITEM_TITLE { color:#000050; width:400px; height: 50px; border-style:solid; border-width:0px; margin: 0px 0px 0px 25px; position: relative; font-size: 18px; font-weight: bold; float: left; top:25px; left:10px; vertical-align:middle; background-color:#ffffff; } .UPCOMING_AUCTION_RETAIL_PRICE { background-color:#ffffff; border-style:solid; font-size: 14px; border-width:0px; width:175px; height: 40px; top:25px; left:10px; font-weight: bolder; position: relative; color: #999999; float: left; text-align: center; } .UPCOMING_AUCTION_OPENS { background-color:#ffffff; border-style:solid; font-size: 12px; border-width:0px; border-color:#ffffff; width:140px; height: 13px; top:10px; left:10px; text-align:right; font-weight: bolder; position: relative; color: #000050; float: left; } .UPCOMING_AUCTION_COUNTDOWN { font-family: Tahoma, Verdan, Arial, Sans-Serif; border-style:solid; border-width:0px; font-size: 22px; font-weight: bold; color: #000050; border-color:#000050;; position: relative; border-color:#000050; padding: 0px; background-color:#ffffff; top:10px; left:10px; width:230px; height: 30px; float: left; text-align: right; } /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- FOOTER CSS BELOW -----------------*/ .footerwrap { border:0px solid #555; margin: 0 auto; width: 990px; height: 145px; text-align: left; } #footer { padding-top: 8px; min-height: 145px; background: url(images/footer-bg.png) repeat-x; clear: left; } .FOOTER_BOX_155PX { border:0px solid black; margin: 0px 4px 0px 4px; padding: 0px 0px 0px 0px; height: 120px; /* auto, length (ex. 100px), %, inherit */ width: 155px; /* auto, length (ex. 100px), %, inherit */ float: left; font-size: 12px; color: #FFFFFF; } .FOOTER_BOX_320PX { border:0px solid black; margin: -5px 4px 0px 4px; padding: 0px 0px 0px 0px; height: 120px; /* auto, length (ex. 100px), %, inherit */ width: 320px; /* auto, length (ex. 100px), %, inherit */ float: left; font-size: 14px; color: #FFFFFF; } .COPYRIGHT { border:0px solid black; margin: -20px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 20px; /* auto, length (ex. 100px), %, inherit */ width: 990px; /* auto, length (ex. 100px), %, inherit */ float: left; color: #ffffff; font-size: 13px; } a.FOOTERLINKS:link { color:#FFFFFF; font-weight: BOLD; font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, sans-serif; font-size: 13px; font-style: normal; text-decoration: none; } a.FOOTERLINKS:visited { color:#FFFFFF; font-weight: BOLD; font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, sans-serif; font-size: 13px; font-style: normal; text-decoration: none; } a.FOOTERLINKS:hover { color:rgb(255,127,0); font-weight: BOLD; font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, sans-serif; font-size: 13px; font-style: normal; text-decoration: underline; } a.FOOTERLINKS:active { color:rgb(255,127,0); font-weight: BOLD; font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, sans-serif; font-size: 13px; font-style: normal; text-decoration: underline; } /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- DATA & FORMS CSS BELOW ----------------------*/ #row0{ font-size: 12px; font-weight: lighter; background-color:#ffffff; } #row1{ font-size: 12px; font-weight: lighter; background-color:#dddddd; } #EDITDATA { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 11px; margin-bottom: 0px; padding: 2px; border: solid 1px #bbbbbb; width: 200px; color: #666666; font-weight: bolder; } } .EDITDATA2 { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 13px; margin-bottom: 0px; padding: 6px 0px 0px 5px; border: solid 0px #bbbbbb; width: 252px; height: 27px; color: #666666; font-weight: bolder; background: #ffffff url('images/textfield.jpg') no-repeat; } .EDITDATA2A { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 13px; margin-bottom: 0px; padding: 2px 0px 10px 5px; border: solid 0px #bbbbbb; width: 252px; height: 30px; color: #666666; font-weight: bolder; background: #ffffff url('images/textfield.jpg') no-repeat; } .EDITDATA3 .EDITDATA2 { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 13px; margin-bottom: 0px; padding: 6px 0px 0px 5px; border: solid 0px #bbbbbb; width: 253px; height: 29px; color: #666666; font-weight: bolder; background: #ffffff url('images/textfield.jpg') no-repeat; } .EDITDATA3 .EDITDATA4 { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 13px; margin: 0px 0px 0px 5px; padding: 6px 0px 0px 5px; height: 27px; border: solid 0px #bbbbbb; width: 42px; color: #666666; font-weight: bolder; vertical-align: 0px; background: #ffffff url('images/40textfield.jpg') no-repeat; } .EDITDATA3 .EDITDATA5 { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 13px; margin: 0px 0px 0px 5px; padding: 6px 0px 0px 5px; height: 27px; border: solid 0px #bbbbbb; width: 102px; color: #666666; font-weight: bolder; vertical-align: 0px; background: #ffffff url('images/100textfield.jpg') no-repeat; } .EDITDATA3 { border-style:solid; border-width:0px; font-size: 13px; color: #555555; } .EDITDATA33 { border-style:solid; border-width:0px; padding: 3px; font-size: 11px; color: #555555; } /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- BID PACK CSS BELOW -----------------*/ .BID_PACK_BOX { background: transparent url('images/bid_pack_background.jpg') no-repeat 0 0; text-align: center; width:180px; height: 300px; position: relative; float: left; left:0px; padding: 0px 0px 0px 0px; margin: 19px 19px 10px 19px; } .BID_PACK_TITLE_TEXT { width:180px; height: 18px; position: relative; float: left; left:0px; border-style:solid; border-width:0px; padding: 0px 0px 0px 0px; margin-left:0px; margin-right:0px; margin-top: 10px; margin-bottom: 0px; font-size: 16px; font-weight: bold; color:#1E5A8C; text-align: center; } .BID_PACK_NOTE1_TEXT { width:180px; height: 130px; position: relative; float: left; left:0px; border-style:solid; border-width:0px; padding: 0px; margin-left:0px; margin-right:0px; margin-top: 0px; margin-bottom: 0px; font-size: 14px; font-weight: bold; text-align: center; clear: left; } .BID_PACK_NOTE2_TEXT { width:180px; height: 20px; position: relative; float: left; margin: 6px 0px 0px 0px; left:0px; border-style:solid; border-width:0px; padding:6px 2px 2px 2px; font-size: 14px; font-weight: bold; color: #555555; text-align: center; font-style:italic; clear: left; } .BID_PACK_BID_TEXT { text-decoration: underline; width:180px; height: 20px; position: relative; float: left; left:0px; border-style:solid; border-width:0px; padding: 2px 2px 2px 2px; margin-left:0px; margin-right:0px; margin-top: 2px; margin-bottom: 0px; font-size: 20px; font-weight: bold; text-align: center; clear: left; } .BID_PACK_PRICE_TEXT { width:180px; height: 20px; text-decoration: underline; position: relative; float: left; left:0px; border-style:solid; border-width:0px; padding: 2px 2px 2px 2px; margin-left:0px; margin-right:0px; margin-top: 2px; margin-bottom: 0px; font-size: 20px; font-weight: bold; text-align: center; clear: left; } /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- DROP DOWN MENU CSS BELOW -----------------*/ .menu { font-family: arial, verdana, sans-serif; border:0px solid black; position:relative; font-size:1.0em; font-weight:bold; z-index:120; margin-left:10px; float:left; } .menu ul li a, .menu ul li a:visited { border:0px solid black; display:block; text-decoration:none; width:190px; height:25px; text-align:left; padding-left:3px; line-height:18px; color:#ffffff; overflow:hidden; z-index:120; } .menu ul {padding:0; margin:0; list-style: none;} .menu ul li {float:left; position:relative; } .menu ul li ul {display: none;} /* specific to non IE browsers */ .menu ul li:hover a {color:#ffffff;} .menu ul li:hover ul {display:block; position:absolute; top:30px; left:-12px; width:190px;} .menu ul li:hover ul li ul {display: none;} .menu ul li:hover ul li a {display:block; background-color: rgb(88,130,2); color:#ffffff; height: 25px;} .menu ul li:hover ul li#ddf a {display:block; background-color: rgb(88,130,2); color:#ffffff; background-repeat:no-repeat;} .menu ul li:hover ul li a:hover {background-color: rgb(196,196,196); color:#434343;} .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:200px; top:0;} .menu ul li:hover ul li:hover ul.left {left:-200px;} #all_cate_btn { background: transparent url(images/btn_categories.png) no-repeat 0 0 !important; width:190px; height:25px; float:left; margin-left: 10px; margin-top: 8px; z-index:120; } /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- AUTOBIDDER CSS BELOW -----------------*/ .ITEM_AUTOBIDDER_BOX{ background-image: url('images/item_page_autobidder.jpg'); background-repeat:no-repeat; font-family: tahoma, verdana, sans-serif; border-style: dotted; border-width: 0px 0px 0px 0px; font-size: 11px; font-family: tahoma, verdana, sans-serif; font-weight: lighter; color: #5B8902; border-color:#888888; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 5px 0px 0px 0px; top:0px; left:6px; width:422px; height: 60px; float: left; text-align: left; line-height: 0px; } .ITEM_AUTOBIDDER_MAXPRICE_TEXT{ font-family: tahoma, verdana, sans-serif; border-style: dotted; border-width: 0px 0px 0px 0px; font-size: 11px; font-family: tahoma, verdana, sans-serif; font-weight: lighter; color: #5B8902; border-color:#888888; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 23px 0px 0px 5px; top:0px; left:0px; width:50px; height: 30px; float: left; text-align: right; line-height: 12px; } .ITEM_AUTOBIDDER_LIMIT_TEXT{ font-family: tahoma, verdana, sans-serif; border-style: dotted; border-width: 0px 0px 0px 0px; font-size: 11px; font-family: tahoma, verdana, sans-serif; font-weight: lighter; color: #5B8902; border-color:#888888; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 30px 0px 0px 5px; top:0px; left:0px; width:410px; height: 15px; float: left; text-align: center; line-height: 12px; } .ITEM_AUTOBIDDER_MAXPRICE_INPUT{ font-family: tahoma, verdana, sans-serif; border-style: dotted; border-width: 0px 0px 0px 0px; font-size: 11px; font-family: tahoma, verdana, sans-serif; font-weight: lighter; color: #5B8902; border-color:#888888; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 27px 0px 0px 5px; top:0px; left:0px; width:35px; height: 20px; float: left; text-align: left; line-height: 0px; } .ITEM_AUTOBIDDER_MAXBIDS_TEXT{ font-family: tahoma, verdana, sans-serif; border-style: dotted; border-width: 0px 0px 0px 0px; font-size: 11px; font-family: tahoma, verdana, sans-serif; font-weight: lighter; color: #5B8902; border-color:#888888; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 23px 0px 0px 10px; top:0px; left:0px; width:60px; height: 30px; float: left; text-align: right; line-height: 12px; } .ITEM_AUTOBIDDER_MAXBIDS_INPUT { font-family: tahoma, verdana, sans-serif; border-style: dotted; border-width: 0px 0px 0px 0px; font-size: 11px; font-family: tahoma, verdana, sans-serif; font-weight: lighter; color: #5B8902; border-color:#888888; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 27px 0px 0px 5px; top:0px; left:0px; width:35px; height: 20px; float: left; text-align: left; line-height: 0px; } .ITEM_AUTOBIDDER_HELP_TEXT{ font-family: tahoma, verdana, sans-serif; border-style: dotted; border-width: 0px 0px 0px 0px; font-size: 11px; font-family: tahoma, verdana, sans-serif; font-weight: lighter; color: #5B8902; border-color:#888888; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 22px 0px 0px 20px; top:0px; left:0px; width:85px; height: 30px; float: left; text-align: center; line-height: 12px; } .ITEM_AUTOBIDDER_BUTTON { font-family: tahoma, verdana, sans-serif; border-style: dotted; border-width: 0px 0px 0px 0px; font-size: 11px; font-family: tahoma, verdana, sans-serif; font-weight: lighter; color: #5B8902; border-color:#888888; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 24px 0px 0px 15px; top:0px; left:0px; width:70px; height: 30px; float: left; text-align: left; line-height: 0px; } .EDITDATA3 .EDITDATA44 { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 11px; margin-bottom: 0px; padding: 2px; border: solid 1px #bbbbbb; width: 30px; color: #666666; font-weight: bolder; } /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- ITEM PAGE CSS BELOW -----------------*/ .ITEM_CATEGORY_LABEL_TEXT {} .ITEM_CATEGORY_TEXT {} .ITEM_MAIN_PICTURE_BOX { border-style:solid; border-width:0px; font-size: 12px; color: #aaaaaa; border-color:#aaaaaa; position: relative; padding: 0px; background-color:#ffffff; margin: 5px 5px 0px 10px; top:0px; left:0px; width:309px; height: 340px; /* 272px*/ float: left; text-align: left; } .ITEM_MAIN_PICTURE { background-image: url('images/background_pgmain.jpg'); background-repeat:no-repeat; border-style:solid; border-width:0px; font-size: 12px; color: #aaaaaa; border-color:#aaaaaa; position: relative; padding: 5px 0px 0px 0px; background-color:#ffffff; margin: 0px 0px 0px 0px; top:0px; left:0px; width:303px; height: 201px; float: left; text-align: center; vertical-align: middle; } .ITEM_MAIN_PICTURE IMG {margin: auto;} .PICTURE_GALLERY_SMALL_1 { /* this tag is located in the item.php file */ background-image: url('images/background_pgpic.jpg'); background-repeat:no-repeat; border-style:solid; border-width:0px; font-size: 12px; color: #aaaaaa; border-color:#aaaaaa; position: relative; padding: 3px 0px 0px 0px; background-color:#ffffff; margin: 0px 2px 0px 0px; top:0px; left:0px; width:100px; height: 65px; float: left; text-align: center; } .PICTURE_GALLERY_SMALL_2 { /* this tag is located in the item.php file */ border-style:solid; border-width:0px; font-size: 12px; color: #aaaaaa; border-color:#aaaaaa; position: relative; padding: 0px 0px 0px 0px; /* background-color:#ffffff;*/ margin: 0px 0px 0px 0px; top:0px; left:-3px; width:100px; height: 65px; float: left; text-align: center; } .ITEM_TITLE_TEXT { font-size: 18px; font-weight: bold; color: #5B8902; border-color:#aaaaaa; position: relative; padding: 0px; background-color:#ffffff; margin: 0px 0px 0px 0px; width:650px; height: 20px; float: left; text-align: center; } .ITEM_TITLE_LINE { border-style: dotted; border-width: 2px 0px 0px 0px; font-size: 16px; font-weight: bold; color: #5B8902; border-color:#5B8902; position: relative; padding: 0px; background-color:#ffffff; margin: 7px 0px 0px 0px; top:0px; left:0px; width:650px; height: 0px; float: left; text-align: center; } .ITEM_AUCTION_ID_TEXT { border-style: solid; border-width: 0px 0px 0px 0px; font-size: 12px; font-weight: lighter; color: #888888; border-color:#5B8902; position: relative; padding: 0px; background-color:; margin: 7px 0px 0px 0px; top:0px; left:0px; width: 162px; height: 20px; float: left; text-align: left; } .ITEM_TELL_A_FRIEND_LINK { border-style: solid; border-width: 0px 0px 0px 0px; font-size: 12px; font-weight: lighter; color: #888888; border-color:#5B8902; position: relative; padding: 0px; background-color:#ffffff; margin: 7px 0px 0px 0px; top:0px; left:0px; width:162px; height: 20px; float: left; text-align: center; } .ITEM_ADD_TO_WATCH_LINK { border-style: solid; border-width: 0px 0px 0px 0px; font-size: 12px; font-weight: lighter; color: #888888; border-color:#5B8902; position: relative; padding: 0px; background-color:#ffffff; margin: 7px 0px 0px 0px; top:0px; left:0px; width:162px; height: 20px; float: left; text-align: center; } .ITEM_RETAIL_PRICE_TEXT { border-style: solid; border-width: 0px 0px 0px 0px; font-size: 12px; font-weight: lighter; color: #888888; border-color:#5B8902; position: relative; padding: 0px; background-color:#ffffff; margin: 7px 0px 0px 0px; top:0px; left:0px; width:162px; height: 20px; float: left; text-align: right; } .ITEM_BOX { /* background-image: url('images/item_page_current_bid.jpg'); */ background-repeat:no-repeat; font-weight: lighter; border-style: solid; border-width: 0px 0px 0px 0px; font-size: 24px; color: #5B8902; border-color:#5B8902; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 0px 0px 0px 0px; top:0px; left:0px; width:435px; height:; float: left; text-align: center; } .ITEM_CURRENT_BID_BOX { background-image: url('images/item_page_current_bid.jpg'); background-repeat:no-repeat; border-style: solid; border-width: 0px 0px 0px 0px; font-size: 36px; color: #5B8902; border-color:#5B8902; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 7px 7px 0px 5px; top:0px; left:0px; width:154px; height: 56px; float: left; text-align: center; } .ITEM_CURRENT_BID2_TEXT { border-style: solid; border-width: 0px 0px 0px 0px; font-size: 24px; font-family: tahoma, verdana, sans-serif; font-weight: BOLD; color: #5B8902; border-color:#5B8902; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 13px 0px 0px 0px; top:0px; left:4px; width:144px; height: 27px; float: left; text-align: center; } .ITEM_CURRENT_BIDDER_TEXT { border-style: solid; border-width: 0px 0px 0px 0px; font-size: 11px; font-weight: lighter; color: #888888; border-color:#5B8902; position: relative; padding: 0x 0px 0px 0px ; background-color:#ffffff; margin: 4px 0px 0px 0px; top:0px; left:15px; width: 120px; height: 20px; float: left; text-align: center; } .ITEM_CURRENT_TIME_BOX { background-image: url('images/item_page_current_time.jpg'); background-repeat:no-repeat; font-family: tahoma, verdana, sans-serif; border-style: solid; border-width: 0px 0px 0px 0px; font-size: 24px; font-weight: BOLD; color: #5B8902; border-color:#5B8902; position: relative; padding: 21px 0px 0px 0px ; background-color:#ffffff; margin: 7px 0px 0px 15px; top:-5px; left:0px; width:248px; height: 54px; float: left; text-align: center; } .ITEM_BID_BUTTON_BOX { background-image: url('images/item_page_bid_button.jpg'); background-repeat:no-repeat; border-style: solid; border-width: 0px 0px 0px 0px; color: #5B8902; border-color:#5B8902; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 16px 6px 0px 5px; top:0px; left:0px; width:153px; height: 135px; float: left; text-align: center; } .ITEM_BID_BUTTON_GRAPHIC { border-style: solid; border-width: 0px 0px 0px 0px; letter-spacing: -1px; font-size: 10px; font-weight: lighter; border-color:#5B8902; position: relative; padding: 0px 0px 0px 7px ; margin: 0px 0px 0px 2px; top:-15px; left:0px; width:135px; height: 90px; float: left; text-align: center; } ITEM_BID_INCREMENT_TEXT { top:-2px; } .ITEM_BUY_BIDS_LINK { border-style: dotted; border-width: 0px 0px 2px 0px; font-size: 16px; font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, sans-serif; font-weight: BOLD; color: #101078; border-color:#888888; position: relative; padding: 0px 0px 5px 0px ; background-color:#ffffff; margin: 0px 0px 0px 10px; top:-12px; left:0px; width:130px; height: 20px; float: left; text-align: center; } .ITEM_BID_HISTORY_BOX { background-image: url('images/item_page_bid_history.jpg'); background-repeat:no-repeat; border-style: solid; border-width: 0px 0px 0px 0px; font-family: tahoma, verdana, sans-serif; color: #5B8902; border-color:#5B8902; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 0px 7px 0px 15px; top:-5px; left:0px; width:249px; height: 154px; float: left; text-align: right; } .ITEM_BID_HISTORY_HEADINGS_TEXT { font-family: tahoma, verdana, sans-serif; border-style: dotted; border-width: 0px 0px 2px 0px; font-size: 11px; font-family: tahoma, verdana, sans-serif; font-weight: BOLD; color: #888888; border-color:#888888; position: relative; padding: 0px 0px 0px 1px ; background-color:#ffffff; margin: 20px 0px 0px 0px; top:0px; left:6px; width:233px; height: 15px; float: left; text-align: left; } .ITEM_BID_HISTORY_AMOUNT_TEXT { font-family: tahoma, verdana, sans-serif; border-style: dotted; border-width: 0px 0px 0px 0px; font-size: 11px; font-family: tahoma, verdana, sans-serif; font-weight: lighter; color: #5B8902; border-color:#888888; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 5px 0px 0px 0px; top:0px; left:6px; width:60px; height: 85px; float: left; text-align: left; line-height: 17px; } .ITEM_BID_HISTORY_BIDDER_TEXT { font-family: tahoma, verdana, sans-serif; border-style: dotted; border-width: 0px 0px 0px 0px; font-size: 11px; font-family: tahoma, verdana, sans-serif; font-weight: lighter; color: #5B8902; border-color:#888888; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 5px 0px 0px 0px; top:0px; left:6px; width:65px; height: 85px; float: left; text-align: left; line-height: 17px; } .ITEM_BID_HISTORY_TIME_TEXT{ font-family: tahoma, verdana, sans-serif; border-style: dotted; border-width: 0px 0px 0px 0px; font-size: 11px; font-family: tahoma, verdana, sans-serif; font-weight: lighter; color: #5B8902; border-color:#888888; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 5px 0px 0px 0px; top:0px; left:6px; width:109px; height: 85px; float: left; text-align: left; line-height: 17px; } .ITEM_BID_HISTORY_NUMBER_OF_BIDS_TEXT { font-family: tahoma, verdana, sans-serif; border-style: solid; border-width: 0px 0px 0px 0px; font-size: 11px; font-weight: lighter; color: #888888; border-color:#5B8902; position: relative; padding: 0px; background-color:transparent; margin: 7px 0px 0px 0px; top:0px; left:3px; width:118px; height: 15px; float: left; text-align: center; } .ITEM_BID_HISTORY_LINK_TEXT { border-style: solid; border-width: 0px 0px 0px 0px; font-size: 11px; font-weight: lighter; color: #888888; border-color:#5B8902; position: relative; padding: 0px; background-color:transparent; margin: 7px 0px 0px 0px; top:0px; left:3px; width:118px; height: 15px; float: left; text-align: center; } .INFO_TEXT { border-style: dotted; border-width: 0px 0px 0px 0px; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: -25px 0px 10px 0px; top:0px; left:5px; width:730px; height: 60px; float: left; text-align: left; } .ITEM_PAYMENT_TEXT { border-style: dotted; border-width: 0px 2px 0px 0px; font-size: 12px; font-weight: lighter; color: #888888; border-color:#888888; position: relative; padding: 0px 10px 0px 0px ; background-color:#ffffff; margin: 0px 10px 0px 0px; top:0px; left:5px; width:225px; height: 60px; float: left; text-align: left; } .ITEM_SHIPPING_TEXT { border-style: dotted; border-width: 0px 2px 0px 0px; font-size: 12px; color: #888888; border-color:#888888; position: relative; padding: 0px 10px 0px 0px ; background-color:#ffffff; margin: 0px 10px 0px 0px; top:0px; left:5px; width:225px; height: 60px; float: left; text-align: left; } .ITEM_RETURN_POLICY_TEXT { border-style: dotted; border-width: 0px 0px 0px 0px; font-size: 12px; color: #888888; border-color:#888888; position: relative; padding: 0px 10px 0px 0px ; background-color:#ffffff; margin: 0px 0px px 0px; top:0px; left:5px; width:225px; height: 60px; float: left; text-align: left; } .ITEM_DESCRIPTION_HEADER_TEXT { border-style:solid; border-width:0px; font-size: 22px; font-weight: bold; color: #5B8902; border-color:#aaaaaa; position: relative; padding: 0px; background-color:#ffffff; margin: 10px 0px 0px 10px; top:0px; left:0px; width:390px; height: 20px; float: left; text-align: left; clear: left; } .ITEM_DESCRIPTION_LINE { border-style: dotted; border-width: 2px 0px 0px 0px; font-size: 16px; font-weight: bold; color: #5B8902; border-color:#5B8902; position: relative; padding: 0px; background-color:#ffffff; margin: 3px 0px 5px 10px; top:0px; left:0px; width:960px; height: 0px; float: left; text-align: center; } .ITEM_DESCRIPTION_TEXT { font-family: tahoma, verdana, sans-serif; border-style:solid; border-width:0px; font-size: 14px; font-weight: lighter; color: #333333; border-color:#aaaaaa; position: relative; padding: 10px; background-color:#ffffff; margin: 0px 0px 5px 15px; top:0px; left:0px; width:940px; float: left; text-align: left; } .ITEM_COUNTER_TEXT { border-style:solid; border-width:0px; font-size: 12px; font-weight: bold; color: #5B8902; border-color:#aaaaaa; position: relative; padding: 4px 0px 0px 0px; background-color:#ffffff; margin: 10px 0px 0px 0px; top:0px; left:0px; width:565px; height: 20px; float: left; text-align: right; } /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- CLOSED AUCTIONS CSS BELOW -----------------*/ .CLOSED_AUCTIONS_BOX_ON { /* display: none; */ /* REMOVE THE *//* TO HIDE TABS */ border:0px solid #; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 983px; /* auto, length (ex. 100px), %, inherit */ float: left; background: transparent url('images/blockbody-bg.png') no-repeat 0px 50px; } .CLOSED_AUCTIONS_BOX_OFF { display: none; } .CLOSED_AUCTIONS_BOX_TOP { background: url('images/blockheader-bg.png') no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:983px; height: 44px; clear:left; color: #ffffff; } .CLOSED_AUCTIONS_BOX_MIDDLE { background: url('images/content_middle_background_title_bar2.jpg') repeat-y; width:983px; height: 300px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 7px } .CLOSED_AUCTIONS_BOX_BOTTOM { width:983px; height: 10px; clear:left; margin: 0px 0px 10px 4px; } .CLOSED_AUCTION_NOTE { width:983px; font-size: 24px; font-weight: bold; color: rgb(88,130,2); text-align: center; } .CLOSED_AUCTION_ACTIVEBOX { border-style: dotted; border-width: 0px 0px 0px 0px; font-size: 16px; font-weight: bold; color: #5B8902; border-color:#5B8902; margin: 15px 0px 5px 0px; padding: 0px 0px 0px 0px; text-align: center; width:151px; height: 190px; float: left; } .CLOSED_AUCTION_VERTICAL_LINE { border-style: dotted; border-width: 0px 1px 0px 0px; font-size: 16px; font-weight: bold; color: #5B8902; border-color:#5B8902; margin: 15px 5px 5px 5px; padding: 0px 0px 0px 0px; text-align: center; width:1px; height: 180px; float: left; } .CLOSED_AUCTION_WINNER { width:150px; height: 18px; text-align: center; font-size: 14px; } .CLOSED_AUCTION_HIGHBIDDER { height:17px; font-size: 13px; clear: left; position: relative; color: #444444; text-align: center; } .CLOSED_AUCTION_SAVINGS { color:#ff0000; font-size: 14px; width:150px; height: 18px; margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; } .CLOSED_AUCTION_ITEMPIC { border-width:0px; height: 80px;. position: relative; } .CLOSED_AUCTION_TITLE { padding: 0px 0px 0px 0px; height: 30px; width:145px; text-align: center; position: relative; margin: 0px 0px 0px 3px; font-size: 12px; font-weight: normal; } /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- PAGE PAGINATION CSS BELOW -----------------*/ .PAGE_PAGINATION_BOX_ON { margin: 5px 0px 5px 20px; padding: 0px 0px 0px 0px; width: 950px; /* auto, length (ex. 100px), %, inherit */ float: left; text-align: center; } .PAGE_CURRENT { background: transparent; border-style:solid; padding: 3px 3px 3px 3px; border-width:0px; border-color:#cccccc; height: 20px; width:20px; text-align: center; position: relative; margin: 5px 0px 5px 5px; font-size: 12px; font-weight: bold; } .PAGE { background: transparent; border-style:solid; padding: 3px 3px 3px 3px; border-color:#cccccc; border-width:0px; height: 20px; width:20px; text-align: center; position: relative; margin: 5px 0px 5px 5px; font-size: 12px; font-weight: bold; } .PREVIOUS_PAGE { background: transparent; border-style:solid; padding: 3px 3px 3px 3px; border-color:#cccccc; border-width:0px; height: 20px; width:60px; text-align: center; position: relative; margin: 5px 0px 5px 5px; font-size: 12px; font-weight: bold; padding-left: 13px; background: transparent url(images/btn_prev.png) no-repeat left 5px; } .NEXT_PAGE { background: transparent; border-style:solid; padding: 3px 3px 3px 3px; border-color:#cccccc; border-width:0px; height: 20px; width:40px; text-align: center; position: relative; margin: 5px 0px 5px 5px; font-size: 12px; font-weight: bold; padding-right: 13px; background: transparent url(images/btn_next.png) no-repeat right 5px; } .PAGE_PAGINATION_BOX_ON a {color: #505050; text-decoration: none;} .PAGE_CURRENT a {color: #000000; text-decoration: underline;} /* ----------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- --------- SAVINGS / BUY NOW BOXES ON ITEM PAGE--------*/ .ITEM_SAVINGS_BOX { border-style: dotted; border-width: 0px 0px 0px 0px; position: relative; padding: 0px 0px 5px 0px ; background-color:#ffffff; margin: 0px 0px 5px 0px; top:0px; left:5px; width:205px; height: 155px; float: left; text-align: left; } .ITEM_SAVINGS_BUYNOW_HEADER { border-style: dotted; border-width: 0px 0px 0px 0px; font-size: 15px; font-weight: bold; color: #000055; border-color:#888888; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 10px 0px 0px 0px; top:0px; left:5px; width:205px; height: 18px; float: left; text-align: left; } .ITEM_SAVINGS_BUYNOW_TEXT { border-style: dotted; border-width: 0px 0px 0px 0px; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 7px 0px 0px 0px; top:0px; left:5px; width:155px; height: 15px; float: left; text-align: left; } .ITEM_SAVINGS_BUYNOW_DATA { border-style: dotted; border-width: 0px 0px 0px 0px; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 7px 0px 0px 0px; top:0px; left:5px; width:50px; height: 15px; float: left; text-align: right; } .ITEM_SAVINGS_TEXT_TOTAL { border-style: dotted; border-width: 0px 0px 0px 0px; font-size: 12px; font-weight: bold; color: #000055; border-color:#888888; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 5px 0px 0px 0px; top:0px; left:5px; width:95px; height: 18px; float: left; text-align: left; } .ITEM_SAVINGS_DATA_TOTAL { border-style: dotted; border-width: 0px 0px 0px 0px; font-size: 12px; font-weight: bold; color: #000055; border-color:#888888; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 5px 0px 0px 0px; top:0px; left:5px; width:110px; height: 18px; float: left; text-align: right; } .ITEM_SAVINGS_BUYNOW_LINE { border-style: dotted; border-width: 0px 0px 2px 0px; font-size: 12px; font-weight: bold; color: #000055; border-color:#888888; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 4px 0px 0px 0px; top:0px; left:5px; width:205px; height: 2px; float: left; text-align: right; } .ITEM_BUYNOW_BOX { border-style: dotted; border-width: 0px 0px 0px 0px; position: relative; padding: 0px 0px 5px 0px ; background-color:#ffffff; margin: 0px 0px 5px 0px; top:0px; left:5px; width:205px; height: 165px; float: left; text-align: left; } .ITEM_BUYNOW_LIMIT_TEXT { border-style: dotted; border-width: 0px 0px 0px 0px; position: relative; padding: 0px 0px 0px 0px ; background-color:#ffffff; margin: 5px 0px 5px 0px; top:0px; left:5px; width:205px; height: 20px; float: left; text-align: left; } .ITEM_BUYNOW_BUTTON { border-style: dotted; border-width: 0px 0px 0px 0px; padding: 0px 0px 0px 0px ; margin: 0px 0px 5px 0px; top:0px; width:205px; height: 20px; float: left; text-align: right; } .PROMO { border-style: dotted; border-width: 0px 0px 0px 0px; width:56px; height:56px; right: 0px; margin-top: -95px; /* auto, length (ex. 100px), %, inherit */ margin-bottom: auto; /* auto, length (ex. 100px), %, inherit */ margin-left: -10px; /* auto, length (ex. 100px), %, inherit */ margin-right: auto; /* auto, length (ex. 100px), %, inherit */ }