/*GENERAL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ body, input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } body#background { margin-left: 1px; height: 100%; } html { background: url(../img/background/background-general.gif) repeat-x; height: 100% } * { outline: none } .c1 { width: 200px } .clear { clear:both } .checkbox { margin: 4px 2px 0px 5px } .radio { margin: 2px 0px 0px 5px } .radiolabel { margin: 0px 10px 0px 2px; display: inline } /*TABLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ table { border-collapse:collapse; vertical-align: middle} td { text-align: left; } th { text-align: left; height: 20px; color: #000000; font-weight: bold; } #links tr:hover { background: url(../img/table_bg.gif); cursor: pointer} #links .height { height: 25px; } #links .nolink:hover { background: none; cursor:default} .lastcol { text-align: right } .c1 { width: 150px; } .c1_divider { width: 150px; } .c2_divider { width: 250px; } table.overview { width: 100%; border-collapse: collapse; margin-bottom: 10px; font-size: 11px } table.overview .c1 { font-variant: small-caps; font-weight: bold; width: 150px; } table.overview .c2 { font-variant: small-caps; font-weight: bold; width: 250px; } table.overview .c3 { font-variant: small-caps; font-weight: bold; } table.overview tr.content { height: 20px } table.overview tr.mainstripes { border-bottom: 1px solid #CDCDCD; height: 30px; padding-bottom: 20px } table.overview tr.substripes { border-bottom: 1px dotted #CDCDCD; height: 10px } /* TEXT ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ h1 { font-size: 20px; font-weight: bold; } h2 { font-size: 14px; font-weight: bold } h3 { font-size: 18px; font-weight: bold; color: #000; font-size: 24px } h4 { background: url(../img/special_background.gif) no-repeat; color: #FFF; height: 26px; margin: -2px 0px -6px 0px; padding: 6px 0px 0px 10px; font-size: 10px; font-weight: bold } #mistext { width: 435px; line-height: 150% } /* HYPERLINKS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ a:link { color: #787878; font-weight: bold; text-decoration: none; outline: none } a:visited { color: #787878; font-weight: bold; text-decoration: none } a:active { color: #679c1f; } a:hover { color: #679c1f; text-decoration: underline } a.active, a:visited.active { color: #679c1f; font-weight: bold; text-decoration: none; outline: none } #button a { font-size: 10px; color: #FFF; } #button.type1 a { display: block; width: 74px; height: 20px; background: url(../img/buttons/button_80_white.gif) no-repeat; margin-top: 5px; padding: 3px 0px 0px 6px } #button.type2 a { display: block; width: 74px; height: 20px; background: url(../img/buttons/button_80_blue.gif) no-repeat; margin-top: 5px; padding: 4px 0px 0px 6px } #button.type3 a { display: block; width: 62px; height: 20px; background: url(../img/buttons/button_68_white.gif) no-repeat; margin-left: 4px; padding: 5px 0px 0px 6px } #button.type4 a { display: block; width: 62px; height: 20px; background: url(../img/buttons/button_68_white.gif) no-repeat; margin-top: 5px; padding: 5px 0px 0px 6px } a.buttonlink1 { display: block; width: 76px; height: 23px; padding: 5px 0px 0px 7px; background: url(../img/link_button1.gif) no-repeat; font-weight: bold; text-decoration: none; margin-top: 10px } a.buttonlink2 { display: block; width: 62px; height: 23px; padding: 2px 0px 0px 7px; background: url(../img/link_button2.gif) no-repeat; font-size: 10px; color: #FFF; font-weight: bold; text-decoration: none; margin-top: 10px } a.buttonlink3 { display: block; width: 68px; height: 23px; padding: 4px 0px 0px 8px; background: url(../img/link_button3.gif) no-repeat; font-size: 10px; color: #FFF; font-weight: bold; text-decoration: none; margin-left: 8px; } #order .submit { background: url(../img/buttons/button-search.png) no-repeat; height: 21px; width: 69px; font-size: 10px; color: #FFF; font-weight: bold; cursor: pointer; text-align: left; padding-left: 6px; margin: -2px 0px 0px 10px } #button a.login { display: block; background: url(../img/buttons/button-login.png) no-repeat; height: 18px; width: 93px; font-size: 10px; color: #FFF; font-weight: bold; cursor: pointer; text-align: left; padding: 5px 0px 0px 6px; margin: 4px 0px 0px 0px } /*MAINLAYOUT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #container { width: 948px; position: absolute; left: 50%; margin: 0px 0px 0px -490px; } #top { border: 0px solid red; height: 101px; width: 982px; } #header { margin: 10px 0px 10px 0px } #content { width: 946px; min-height: 550px; _height: 550px; background: #FFF; padding: 0px 16px 16px 16px; overflow: auto; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb } #footer { width: 980px; height: 21px; background: url(../img/footer.gif); color: #FFF; font-weight: bold; padding-top: 6px } #sidebar { width: 180px; float: left } #maincontent { width: 745px; float: left; margin-left: 15px } /*MAINCONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #maincontent .left { float: left; width: 362px } #maincontent .right { float: left; margin-left: 19px; width: 363px } /*TOP ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #top .link { border: 0px solid red; width: 190px; height: 44px; position: absolute; left: 20px; top: 15px; cursor: pointer } /*MENU'S ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #mainmenu_1 .mainhome a { width: 52px; } #mainmenu_1 .mainsearch a { width: 111px; } #mainmenu_1 .mainyourpp a { width: 100px; } #mainmenu_1 .mainselection a { width: 102px; } #mainmenu_1 .mainabout a { width: 75px; } #mainmenu_1 .mainschedule a { width: 64px; } #mainmenu_2 .mainhome a { width: 52px; } #mainmenu_2 .mainsearch a { width: 110px; } #mainmenu_2 .mainyourpp a { width: 110px; } #mainmenu_2 .mainselection a { width: 109px; } #mainmenu_2 .mainabout a { width: 76px; } #mainmenu_2 .mainschedule a { width: 73px; } #submenu { border: 0px solid red; height: 20px; width: 968px; position: relative; top: 52px; padding: 3px 0px 0px 0px; } #submenu ul { float: right } #submenu li { float: left } #submenu a { color: #787878; font-size: 11px; font-weight: normal; } #submenu a:hover, #submenu a.active { color: #679c1f; text-decoration: none } .options a { background: url(../img/link_button_small.gif) no-repeat 0px 1px; padding-left: 20px; line-height: 17px; } .options a:hover { background: url(../img/link_button_small_hover.gif) no-repeat 0px 1px; padding-left: 20px } #selectionmenu p { margin-top: 10px; } #specials .background { border: 0px solid red; background: url(../img/menuitems_loop_large.gif) repeat-y; padding: 5px 10px 0px 10px; margin: -2px 0px -6px 0px; overflow: auto } #specials a { text-decoration: none; } #menu .background { border: 0px solid red; background: url(../img/menuitems_loop.gif) repeat-y; padding: 5px 10px 0px 10px; margin: -2px 0px -5px 0px; } #menu .background_cart { border: 0px solid red; background: url(../img/menuitems_loop.gif) repeat-y; padding: 5px 10px 6px 10px; margin: -2px 0px -5px 0px; } /*HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #header .left { width: 577px; height: 151px; background: url(../img/header_image.png); float: left } #header .right { width: 343px; height: 131px; background: url(../img/header_background.png); float: left; color: #FFF; padding: 10px } /*FORMS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ input.hidden { border: none; height: 0px; width: 0px } #login .input { border: 1px solid #edeeef; width: 149px; background: #edeeef; height: 16px; padding: 2px 5px 2px 5px; color: #000; margin-top: 10px} .input { height: 15px; padding: 2px 0px 0px 2px; margin: 0px 0px 2px 0px } .register .select { height: 20px; padding: 2px 0px 0px 2px; margin: 0px 0px 2px 0px; width: 261px } .register td { vertical-align: middle } .forgotpassword .input { height: 23px; width: 300px; float: left; } .forgotpassword .submit { float: left; background: url(../img/buttons/button-login.png) no-repeat; border: none; height: 22px; width: 100px; font-size: 10px; color: #FFF; font-weight: bold; cursor: pointer; text-align: left; padding-left: 6px; margin: 2px 0px 0px 10px } .forgotpassword form { margin: 0px; padding: 0px} /*SEARCHFORMS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #alternativekeywords { overflow: auto; } #alternativekeyword { display: block; height: 20px; width: 240px; float: left } #search { width: 940px; margin: 15px 0px 15px 0px } #search .header { background: url(../img/search/form-search-top.gif) no-repeat; height: 3px } #search .topimage { height: 37px; width: 938px; position: absolute; z-index: 1; } #search .content { position: relative; z-index: 2; min-height: 27px; padding: 5px 9px; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1 } #search .footer { background: url(../img/search/form-search-bottom.gif) no-repeat; height: 3px } #search .AutoComplete { display:none; float:left; position:absolute; border: 1px solid #012368; } #search select.AutoComplete { height: 150px; width: 200px } #search select.AutoComplete option { height: 20px } #search .contexts { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px } #search .context { width: 165px; float: left; margin: 0px 18px 10px 0px } #search .submit { background: url(../img/buttons/button-search.png) no-repeat; height: 21px; width: 69px; font-size: 10px; color: #FFF; font-weight: bold; cursor: pointer; text-align: left; padding-left: 6px; margin: -2px 0px 0px 17px } #search .context input { width: 100%; background: url(../img/search/form-search-select-background.gif) repeat-x; border: none; height: 16px; width: 160px; border: 1px solid #cecece; padding: 2px 0px 0px 2px } #search .input { border: 1px solid #cecece; width: 335px; font-size: 18px; height: 22px; padding: 2px 5px 2px 5px; color: #000; } #search .input:focus, #search .context input:focus { border: 1px solid #49A800; } #search select { width: 100%; background: url(../img/search/form-search-select-background.gif) repeat-x; border: 1px solid #cecece; height: 20px; } #search select option { background: #FFFFFF} /*SPECIALS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #specials-homepage { margin: 18px 0px 0px 10px } #specials-homepage td { height: 122px; width: 130px; text-align: center} #specials-homepage td.spacer { width: 11px } #special-homepage img { max-width: 110px; max-height: 110px } #special { float: left; margin: 0px 10px 10px 0px } #specials .header { height: 20px; width: 736px; margin-bottom: 10px; text-align: right; padding: 8px 14px 0px 0px } #specials .header a { color: #FFF; background: url(../img/special_link.gif) no-repeat 0px 1px; padding-left: 25px } #specials .header a:hover { text-decoration: underline } #specials .special_header { background: url(../img/special_header.jpg) no-repeat; height: 35px; width: 164px; padding: 7px 0px 0px 11px } #specials .special_header a { color: #FFF; font-weight: bold } #specials .special_header a:hover { text-decoration: underline } #specials .special_image { border: 0px solid red; background: url(../img/special_content.gif) no-repeat; height: 174px; width: 175px; text-align: center } #specials .special_image img { margin-top: 5px } /*RECENT IMAGES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #recent-matches {margin: 0px 0px 20px 0px; height: 130px; overflow: hidden} #recent-matches img { height: 90px } #recent-matches .header { height: 20px; width: 736px; margin-bottom: 10px; text-align: right; padding: 8px 14px 0px 0px } #recent-matches .header a { color: #FFF; background: url(../img/special_link.gif) no-repeat 0px 1px; padding-left: 25px } #recent-matches .header a:hover { text-decoration: underline } /*matches ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #match { float: left; margin: 0px 10px 10px 0px } #matches .header { height: 20px; width: 736px; margin-bottom: 10px; text-align: right; padding: 8px 14px 0px 0px } #matches .header a { color: #FFF; background: url(../img/special_link.gif) no-repeat 0px 1px; padding-left: 25px } #matches .header a:hover { text-decoration: underline } #matches .match_header { background: url(../img/special_header.jpg) no-repeat; height: 38px; width: 153px; color: #FFFFFF; padding: 4px 11px 0px 11px; text-align: center; font-size: 10px } #matches .match_header a { color: #FFF; font-weight: bold } #matches .match_header a:hover { text-decoration: underline } #matches .match_image { border: 0px solid red; background: url(../img/special_content.gif) no-repeat; height: 174px; width: 175px; text-align: center } #matches .match_image img { margin-top: 5px } #schedule .header { height: 20px; width: 736px; margin-bottom: 10px; text-align: right; padding: 8px 14px 0px 0px } #schedule .header a { color: #FFF; background: url(../img/special_link.gif) no-repeat 0px 1px; padding-left: 25px } #schedule .header a:hover { text-decoration: underline } #schedule .date { background: url(../img/date.gif) no-repeat 0px 3px; width: 72px; color: #FFF; padding-left: 7px } #schedule tr { height: 17px; } #schedule .hover:hover { background: #f1f1f1 } /*THUMBNAILS AND PREVIEW ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .thumbnail { width: 180px; float: left; text-align: center; margin-right: 6px } .thumbnail .image { height: 160px; } .thumbnail .background { background: url(../img/menuitems_loop_thumb.gif) repeat-y top center; height: 200px; margin: -2px 0px -7px 0px; padding: 15px 0px 0px 0px } .thumbnail .text { text-align: left; } #preview a { } #preview a:hover { text-decoration: underline } #preview img { border: 1px solid #A2ACB5 } #preview #optionmenu { height: 93px; width: 170px; float: right; padding: 30px 0px 0px 10px } #preview #optionmenu img { border: none } /*PERSONAL PAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #overview { margin-bottom: 20px } /*NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #navigation { margin-top: 10px } #navigation a { } #navigation table { border: 0px solid red; width: 100%; } #navigation td { vertical-align: middle } #footer a { color: #FFF }