/*\ +-----------------------------------------------+ styling >> cityshowcase.co.uk version >> 04/03/2010 author >> Kostis Sakkas +-----------------------------------------------+ \*/ /* THE HTML ____________________________________________________________*/ * { margin:0; padding:0; } body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#252525; } body { background-image:url("../images/bg.jpg"); background-color:#000; background-position:center top; background-repeat:no-repeat;} p { color:#252525; line-height:140%; } img { border:0} .strike { text-decoration:line-through;} .st_title { padding:10px 0 20px; color:#31B3B5; font-size:13px; font-weight:bold;} .st_small { font-size:10px;} a { text-decoration:none; color:#31B2B1} a:hover { text-decoration:none; color:#000;} a:active { outline: none;} a:focus { -moz-outline-style: none;} code { padding:5px; float:left; border:1px solid #ff0; background-color:#fff; width:100%;} .hidden { display:none;} .visible{ display:block;} .rf { float:right} .lf { float:left} label { cursor:pointer} /* THE WRAP ____________________________________________________________*/ .sitewrap { margin:0 auto; width:995px;} /* THE HEADER ____________________________________________________________*/ .header { float:left; width:995px; height:150px; background-color:#000} .header h1 { width:400px; height:150px; float:left; background-color:#000} .header h1 a span{ position: absolute; width: 400px; height:150px; background-position: 0 0; cursor:pointer;} .header h1 a span{ background:transparent url("../images/logo.jpg") no-repeat top left} .headerTop { padding:10px 0 0; float:right; height:115px; width:490px; position: relative; } .headerTop ul { margin:0 0 20px; float:left; width:530px; list-style:none } .headerTop ul li.hello { position: absolute; left: -80px; color: #ccc; } .headerTop ul li { float:left; width:160px; color:#F3F3F3; } .headerTop ul li a, .headerTop ul li { color:#F3F3F3; font-size:11px;} .headerTop ul li a:hover { color:#C0F00C; font-size:11px;} .headerTop .bnr468x60 { padding:0 23px; float:left; width:470px; height:60px; } .headerTop .bnr468x60 img { width:468px; height:60px; } .headerNav { float:right; height:25px; width:530px; font-weight:bold; } .headerNav ul { float:right; width:450px; height:25px; list-style:none; background:transparent url("../images/topmenuunselected.png") no-repeat top right; } .headerNav ul.selfirst { background:transparent url("../images/topmenusel1.png") no-repeat top right; } .headerNav ul.selsecond { background:transparent url("../images/topmenusel2.png") no-repeat top right; } .headerNav ul.selthird { background:transparent url("../images/topmenusel3.png") no-repeat top right; } .headerNav ul li { float:left;width:150px; height:25px;} .headerNav ul li a { padding:6px 0 0 10px;color:#000; font-size:12px; float:left; height:19px; width:150px; text-align:center; line-height:100%;} .headerNav ul ul { position:relative; float:left; width:140px; background:transparent } .headerNav ul ul li { margin-top: 0; margin-left: 10px; padding:3px 0; float:left; width:140px; background-color:#C0F00C } .headerNav ul ul li.sel { background-color:#31B2B1 } .headerNav ul ul li a { padding:5px 0 0 0;color:#000; font-size:12px; float:left; height:10px; width:140px; text-align:center; line-height:100%;} .subHeader { float:left; width:995px; height:35px;} .subHeader .search { padding:8px 0 0; float:left; width:205px; height:27px;} .subHeader .search fieldset { padding:0 0 0 10px; background-color:#636363; float:left; width:195px;} .subHeader .breadcrump { padding:12px 0 0 25px; float:left; width:765px;} .subHeader .breadcrump p { font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:10px;} .subHeader .breadcrump p a { color:#fff; font-size:10px;} .subHeader .breadcrump p a:hover { color:#000; } /* THE MAIN ____________________________________________________________*/ .main { margin:0; float:left; width:995px; background:transparent url("../images/bkg-main.png") no-repeat top right;} /* THE CONTENTBOX ____________________________________________________________*/ .contentBox { margin:10px 0 0;padding:0 10px; float:right; width:760px; background-color:#F3F3F3;} /* THE TOP HIGHLIGHTS ____________________________________________________________*/ .tophighlights { margin:0 0 10px; float:left; width:760px; height:290px; background-color:#000; } .tophighlight { float:left; width:555px; height:290px; } .tophighlight dl { float:left; width:555px; height:290px; background-color:#000; background-position:top left; background-repeat:no-repeat; background-image:url("../images/highlight-default.jpg"); } .tophighlight dl dt{ padding:10px; background-color:#C0F00C; float:left; width:auto; color:#000; font-size:15px;} .tophighlight dl dd{ padding:10px; background-color:#31B2B1; float:left; width:auto; clear:left; color:#000; font-size:13px;} .tophighlight dl dd.link{ position:relative; top:181px; background-color:#C0F00C; } .tophighlight dl dd.link.nosub{ top:217px; } .tophighlight dl dd.link a{ color:#000; } .tophighlight dl dd.link a:hover{ color:#31B2B1; } .tophighlightsNav { float:right; width:205px; height:290px;} .tophighlightsNav h2 { padding:12px 0 0 10px; float:left; width:195px; color:#F3F3F3; font-size:15px; height:38px; font-weight:normal;} .tophighlightsNav ul { float:left; width:205px; height:240px; list-style:none;} .tophighlightsNav ul li { float:left; width:205px; height:60px; } .tophighlightsNav ul li a { padding:12px 0 0 10px; float:left; width:195px; height:48px; font-size:11px; color:#31B2B1} .tophighlightsNav ul li a span { float:left; width:195px; font-size:11px; color:#fff} .tophighlightsNav ul li a:hover { text-decoration:none;} .tophighlightsNav ul li.selected { background-color:#fff} .tophighlightsNav ul li.selected a { color:#252525; } .tophighlightsNav ul li.selected a span { color:#31B2B1; } /* THE HIGHLIGHTS ____________________________________________________________*/ .highlights { margin:0 0 10px; float:left; width:550px; height:290px; background-color:#000; } .highlight { float:left; width:345px; height:290px; } .highlight dl { float:left; width:345px; height:290px; background-color:#000; background-position:top left; background-repeat:no-repeat; background-image:url("../images/highlight-default.jpg"); } .highlight dl dt{ padding:10px; background-color:#C0F00C; float:left; width:auto; color:#000; font-size:15px;} .highlight dl dd{ padding:10px; background-color:#31B2B1; float:left; width:auto; clear:left; color:#000; font-size:13px;} .highlight dl dd.link{ position:relative; top:181px; background-color:#C0F00C; } .highlight dl dd.link.nosub{ top:217px; } .highlight dl dd.link a{ color:#000; } .highlight dl dd.link a:hover{ color:#31B2B1; } .highlightsNav { float:right; width:205px; height:290px;} .highlightsNav h2 { padding:12px 0 0 10px; float:left; width:195px; color:#F3F3F3; font-size:15px; height:38px; font-weight:normal;} .highlightsNav ul { float:left; width:205px; height:180px; list-style:none;} .highlightsNav ul li { float:left; width:205px; height:60px; } .highlightsNav ul li a { padding:12px 0 0 10px; float:left; width:195px; height:48px; font-size:11px; color:#31B2B1} .highlightsNav ul li a span { float:left; width:195px; font-size:11px; color:#fff} .highlightsNav ul li a:hover { text-decoration:none;} .highlightsNav ul li.selected { background-color:#fff} .highlightsNav ul li.selected a { color:#252525; } .highlightsNav ul li.selected a span { color:#31B2B1; } .highlightsMore { float:right; width:160px; height:60px; } .highlightsMore p { text-align:center; width:160px; height:60px; float:left; } .highlightsMore p a{ padding:25px 0 0;float:left; color:#000; font-size:14px; text-align:center;background-color:#C1F00C; width:160px; height:35px; } .highlightsMore p a:hover{background-color:#fff; } /* THE CONTENT ____________________________________________________________*/ .csccontent { float:left; width:760px; background:#F3F3F3 url("../images/contentbkg.png") repeat-y 0 0;} .csccontentnowhite { float:left; width:760px; background:#F3F3F3;} .mainContent { float:left; width:560px; background-color:#F3F3F3;} .mainContent h3 { margin:0 0 5px; padding:10px; float:left; width:530px; height:13px; line-height:100%; font-size:14px; font-weight:bold; text-align:center; color:#fff;} .homebox { margin:0 10px 10px 0; padding:5px; float:left; width:260px; background-color:#fff;} .homebox h3 { margin:0 0 5px; padding:10px; float:left; width:240px; height:13px; line-height:100%; background:#31B2B1 url("../images/bkg-homebox-title.jpg") repeat-x 0 0; font-size:14px; font-weight:bold; text-align:center; color:#fff;} .homebox img{ float:left; width:260px; height:130px;} .homebox dl { padding:10px; float:left; width:240px; height:100px;} .homebox dl dt { padding:0 0 5px; width:240px; font-weight:bold;} .homebox dl dd { padding:0 0 5px; width:240px; line-height:140%; height:50px;} .homebox dl dd.more { padding:10px 0 0; width:240px; } .homebox dl dd.more a { padding:0 0 0 20px; width:200px; line-height:100%; font-size:11px; font-weight:bold; background:#fff url("../images/ico-info.png") no-repeat 0 0;} .twitterBox { padding:5px; float:left; width:540px; background-color:#fff;} .twitterBox dl { padding:10px; float:left; width:520px; border-top:1px dotted #C0F00C;} .twitterBox dl dt { float:left; width:48px; height:48px; } .twitterBox dl dd { float:right; width:460px; } .sideContent { float:right; width:200px; height:1150px; background-color:#fff; } .sideBanner { margin:0 0 5px; padding:5px; float:left; width:190px; } .sideBanner img { margin:0 0 1px; float:left; width:190px; height: 105px; } .sideBanner dl { padding:10px; float:left; width:170px; height:90px; background:#3A3A3A url("../images/bkg-sidebar.jpg") 0 0; } .sideBanner dl dt a { padding: 0 0 5px; float:left; width:170px; color:#C0F00C; font-weight:bold; font-size:11px;} .sideBanner dl dt a:hover { color:#31B2B1} .sideBanner dl dd { padding: 0 0 5px; float:left; width:170px; color:#fff; font-weight:bold; font-size:11px;} .sideBanner dl dd.more { padding:10px 0 0; width:170px; } .sideBanner dl dd.more a { padding:0 0 0 20px; float:left; width:150px; line-height:100%; font-size:11px; font-weight:bold; background: url("../images/ico-info-green.png") no-repeat 0 0; color:#C0F00C;} .sideBanner dl dt a:hover, .sideBanner dl dd.more a:hover { color:#31B2B1} .contentfooter { padding:10px 0 20px; float:right; width:780px; background:transparent url("../images/bkg-footer.png") no-repeat top right;} /* THE PAGE CONTENT ____________________________________________________________*/ .titleBox{ padding:5px; margin:0 0 0; float:left; width:540px; background-color:#fff;} .titleBox h3.pageTitle { margin:0 0 0px; padding:10px; float:left; width:520px; height:13px; line-height:100%; background:#31B2B1 url("../images/bkg-homebox-title.jpg") repeat-x 0 0; font-size:14px; font-weight:bold; text-align:center; color:#fff;} .titleBox h3.shopTitle { margin:0 0 5px; padding:10px; float:left; width:520px; height:13px; line-height:100%; background:#B4DA2F url("../images/bkg-green-title.jpg") repeat-x 0 0; font-size:14px; font-weight:bold; text-align:center; color:#000;} .pageBox{ padding:5px; margin:5px 0 0; float:left; width:540px; background-color:#fff;} .shopBox a { color:#99BC08} .shopBox a:hover { color:#000} .stdpageimg1, .stdpageimg1 img{ width:520px;} .stdcontent h1, .stdcontent h2, .stdcontent h3, .stdcontent h4, .stdcontent h5 { padding:10px 0 20px; color:#31B3B5; font-size:13px; font-weight:bold;} .stdcontent h6 { padding:10px 0 20px; font-size:13px; font-weight:bold;} .stdcontent p { padding:0 0 10px; width:530px;} .stdcontent ul,.stdcontent ol { padding:10px 0 10px 30px; width:500px;} .pageBox ul,.pageBox ol { padding:10px 0 10px 30px; width:500px;} .pageBoxHeader { padding:10px 10px 0; float:left; width:530px; background-color:#fff;} .pageBoxHeader h4 { font-size:14px;} .pageBox ul.pageBoxPaging { padding:20px 0 5px; list-style:none; float:right; width:auto; } .pageBox ul.pageBoxPaging li { padding:0 10px 0 0;float:left; font-weight:bold; } /* THE SIDEBAR ____________________________________________________________*/ .sidebar { margin:8px 0 10px ; float:left; width:205px; } .mainNav { padding:0 8px 8px; float:right; width:189px; background:#62A8A1 url("../images/sidebar.png") no-repeat bottom left;} .mainNav ul { list-style:none; background-color:#000; width:189px; } .mainNav ul li { float:left; width:189px; color:#F3F3F3; background-color:#000; } .mainNav ul li a { padding:10px 0 0 10px; float:left; width:179px; color:#F3F3F3; height:26px; background:#000 url("../images/navLevel01.jpg") no-repeat 0 0;} .mainNav ul li.selected a { background-position:0 -36px; color:#C0F00C; } .mainNav ul li a:hover { text-decoration:none; background-position:0 -36px; color:#C0F00C;} .mainNav ul ul li { float:left; width:189px; } .mainNav ul ul li a { padding:10px 0 0 25px; float:left; width:164px; color:#F3F3F3; height:26px; background:#000 url("../images/navLevel01.jpg") no-repeat 0 0;} .mainNav ul li.selected li a { background-position:0 0; color:#F3F3F3; } .mainNav ul li.selected li a:hover { text-decoration:none; background-position:0 -36px; color:#C0F00C;} .mainNav ul li.selected ul li.selected a { background-position:0 -36px; color:#C0F00C; } .mainNav ul li.selected ul li.selected a:hover { text-decoration:none; background-position:0 -36px; color:#C0F00C;} .social { padding:50px 12px 10px; float:right; width:181px; height:auto; background:transparent url("../images/social.png") no-repeat bottom left;} .social h3 { padding:10px 0; float:left; width:180px; color:#fff; font-size:14px; font-weight:normal;} .social ul { padding:10px 0 0; list-style:none; float:left; width:180px; height:39px;} .social ul li { float:left; width:45px; height:39px;} .social ul li img { float:left; width:39px; height:39px;} /* THE FOOTER ____________________________________________________________*/ .footer { padding:10px 0 20px; float:right; width:780px; background:transparent;} .footer a.footerLogo { padding:10px; width:760px; height:50px; float:left;} .footerContent { float:left; width:780px; border-left:1px solid #252525; border-right:1px solid #252525;} .footerContent ul { padding:10px 15px; float:left; width:250px; list-style:none;border-right:1px solid #252525; } .footerContent ul li { padding:0 0 5px; float:left; width:250px;} .footerContent ul li a { color:#898989; float:left; width:250px; font-size:11px;} .footerContent ul li a:hover { color:#C0F00C; } .credits { float:right; width:200px; height:auto; } .credits p { padding:10px 15px 0; font-size:11px; color:#898989; } /* THE ADMIN SIDEBAR ____________________________________________________________*/ .adminNav { padding:0 8px 8px; float:right; width:189px; background:#62A8A1 url("../images/sidebar.png") no-repeat bottom left;} .adminNav ul { list-style:none; background-color:#000; width:189px; } .adminNav ul li { float:left; width:189px; color:#F3F3F3; background-color:#000; } .adminNav ul li a { padding:10px 0 0 10px; float:left; width:179px; color:#F3F3F3; height:16px; background:#000 url("../images/navLevel01.jpg") no-repeat 0 0;} .adminNav ul li.selected a { background-position:0 -36px; color:#C0F00C; } .adminNav ul li a:hover { text-decoration:none; background-position:0 -36px; color:#C0F00C;} .adminNav ul ul li { float:left; width:189px; } .adminNav ul ul li a { padding:10px 0 0 25px; float:left; width:164px; color:#F3F3F3; height:16px; background:#000 url("../images/navLevel01.jpg") no-repeat 0 0;} .adminNav ul li.selected li a { background-position:0 0; color:#F3F3F3; } .adminNav ul li.selected li a:hover { text-decoration:none; background-position:0 -36px; color:#C0F00C;} .adminNav ul li.selected ul li.selected a { background-position:0 -36px; color:#C0F00C; } .adminNav ul li.selected ul li.selected a:hover { text-decoration:none; background-position:0 -36px; color:#C0F00C;} /* THE FORM ELEMENTS ____________________________________________________________*/ fieldset { border:0;} input.inputSearch { border:0; padding:2px 0 0 0; width:120px; height:16px; background-color:#636363; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:100%; float:left;} input.submitSearch { border:1px solid #636363; width:63px; height:18px; background-color:#000; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:100%; float:right;} input.submitSearch:hover{background-color:#C0F00C; color:#000; } .bringdownie6 { margin:0; padding:0; width:100%; background-color:#f8e368} .bringdownie6 h2 { margin:0 auto; padding:10px 0; width:780px; text-align:center; color:#333; font-weight:bold} .bringdownie6 p { margin:0 auto; padding:10px 0; width:780px; text-align:center; color:#333} .bringdownie6 p a { color:#333; text-decoration:underline; font-weight:bold;} .bringdownie6 p a:hover { color:#333; text-decoration:underline; font-weight:bold;} /* THE FILTER TABLE ____________________________________________________________*/ table.listFilterTable { padding:0 5px; float:left;width:540px;} table.listFilterTable tr th { padding:5px 0 10px; text-align:left; font-weight:bold;} table.listFilterTable tr th.last { padding:5px 0 10px; text-align:right; font-weight:bold;} table.listFilterTable tr.paging td ul { padding:20px 0 5px; list-style:none; float:right; } table.listFilterTable tr.paging td ul li { padding:0 10px 0 0;float:left; font-weight:bold;} /* THE LISTS ____________________________________________________________*/ .alleventlistcontainer { padding:0 10px; float:left; width:530px;} .alleventlistcontainer dl { padding:10px 0 0; float:left; width:520px;} .alleventlistcontainer dl dt { float:left; width:380px; font-weight:bold; color:#32B2B1; font-size:14px;} .alleventlistcontainer dl dd.more { float:right; width:140px; text-align:right; } .alleventlistcontainer dl dd.more a { padding:0 0 0 20px; width:120px; line-height:100%; font-size:11px; font-weight:bold; background:#fff url("../images/ico-info.png") no-repeat 0 0;} .alleventlistcontainer p { padding:2px 0 0; float:left; width:520px; font-weight:bold;} .alleventlistcontainer p.date { font-size:14px; font-weight:normal;} .alleventlistcontainer p.nbold { font-weight:normal;} /* THE SHOWS (EVENTS & GIGS) AND THE ARTISTS ____________________________________________________________*/ .pageDescr, .gigDescr, .pageBoxList, .artistPage { padding:10px; width:530px;} .pageDescr p { padding:0 0 10px;} .pageDescr h4 { padding:0 0 10px; font-weight:bold; font-size:14px; } .gigDescr { padding:10px 10px 30px;} .gigDescr h4 { padding:0 0 10px; float:left; width:530px; font-weight:bold; color:#32B2B1; font-size:14px;} .gigDescr h5 { padding:0 0 10px; float:left; width:530px; font-weight:bold; font-size:14px;} .gigDescr p { padding:0 0 10px} .gigDescr .descr { padding:15px 0 0;} .gigDescr .buy { margin:15px 0 0; float:left; width:120px; height:45px; } .gigDescr .buy span { text-align:center; width:120px; height:45px; float:left; } .gigDescr .buy span a { padding:5px 0 0;float:left; color:#000; font-size:14px; font-weight:bold; text-align:center;background-color:#C1F00C; width:120px; height:20px; line-height:100%;} .gigDescr .buy span a:hover {background-color:#000; color:#fff; } .pageBoxList dl { float:left; width:300px;} .pageBoxList dl dt { padding:0 0 10px; float:left; width:300px; font-weight:bold; color:#32B2B1; font-size:14px;} .pageBoxList dl dd { padding:0 0 10px; float:left; width:300px; } .pageBoxList dl dd.more { float:left; width:140px; } .pageBoxList dl dd.more a { padding:0 0 0 20px; width:120px; line-height:100%; font-size:11px; font-weight:bold; } .pageBoxList dl dd.more a { background:#fff url("../images/ico-info.png") no-repeat 0 0;} .pageBoxList dl dd.more-green a { padding:0 0 0 20px; width:120px; line-height:100%; font-size:11px; font-weight:bold; } .pageBoxList dl dd.more-green a { background:#fff url("../images/ico-info-green.png") no-repeat 0 0;} .pageBoxList img { width:190px; float:right; } .pageBoxList span.more { float:left; width:140px; height:30px; } .pageBoxList span.more { padding:10px 0 0 40px; width:120px; line-height:100%; font-size:11px; font-weight:bold; } .artistBio { float:left; width:300px; } .artistBio h2 { padding:0 0 10px; font-weight:bold; color:#32B2B1; font-size:14px;} .artistBio h4 { padding:0 0 5px; } .artistBio p.link { padding:0 0 5px; } .artistBio p { padding:0 0 10px; line-height:150%; } .artistDetails { float:right; width: 200px;} .artistDetailsBox { margin:0 0 5px; padding:5px; float:left; width: 190px; background-color:#F3F3F3;} .artistGalleryBox img { width:190px; } .artistGalleryBox p { padding:5px 0; width:190px; } .artistFeatured, .artistFeaturedList { padding:10px; width:180px;} .artistFeatured h4, .artistFeaturedList h4 { padding:0 0 10px; font-weight:bold; font-size:14px;} .artistFeatured dl { float:left; width:180px;} .artistFeatured dl dt { padding:0 0 5px; float:left; width:180px; font-weight:bold; color:#32B2B1; font-size:14px;} .artistFeatured dl dd { padding:0 0 5px; float:left; width:180px;color:#32B2B1; } .artistFeatured dl dd.date { font-weight:bold; color:#252525; } .artistFeatured dl dd.more { padding:10px 0 0; } .artistFeatured dl dd.more a { padding:0 0 0 20px; width:160px; line-height:100%; font-size:11px; font-weight:bold; background:#F3F3F3 url("../images/ico-info.png") no-repeat 0 0;} .artistFeaturedList dl { padding:0 0 20px; float:left; width:180px;} .artistFeaturedList dl dt { padding:0 0 5px; float:left; width:180px; font-weight:bold; color:#32B2B1; font-size:14px;} .artistFeaturedList dl dd { padding:0 0 5px; float:left; width:180px;color:#32B2B1; } .artistVideo dl { float:left; width:190px;} .artistVideo dl dt { padding:0 0 10px; float:left; width:190px; font-weight:bold; color:#32B2B1; font-size:14px;} .artistVideo dl dd { padding:0 0 5px; float:left; width:190px; } .artistVideo dl dd.more { padding:10px 0;} /* THE ARTICLE ____________________________________________________________*/ .singlePostHead { padding:10px; float:left;} .singlePostHead dl { float:left; width:330px;} .singlePostHead dl dt { padding:0 0 5px; float:left; width:300px; font-weight:bold; color:#32B2B1; font-size:14px;} .shopBox .singlePostHead dl dt { color:#99BC08;} .singlePostHead dl dd { padding:0 0 5px; float:left; width:300px; font-weight:bold; } .singlePostHead dl dd.buy { padding:20px 0 0; width:200px; height:45px; } .singlePostHead dl dd.buy span { text-align:center; width:100px; height:45px; float:left; } .singlePostHead dl dd.buy span a { padding:5px 0 0;float:left; color:#000; font-size:14px; font-weight:bold; text-align:center;background-color:#C1F00C; width:100px; height:20px; line-height:100%;} .singlePostHead dl dd.buy span a:hover {background-color:#000; color:#fff; } .singlePostHead img { float:right; width:190px;} .singlePostHead ul { padding:0; float:right; list-style:none; width:190px; } .singlePostHead ul li { padding:0 0 5px; float:left; width:190px; } .singleArticleBody { width:520px; padding:10px; float:left;} .singleArticleBody p { padding:0 0 10px;} .eventshowcontainer { paddingfloat:left;width:540px;} .eventshowcontainer p {margin:0;padding:0; float:left; width:550px; list-style:none;} .eventshowcontainer p.title {padding:10px 0 0; float:left; width:550px; text-decoration:none; color:#31B2B1;} .eventshowcontainer p.buy { padding:10px; background-color:#C0F00C; float:left; width:auto; color:#000; font-size:15px; font-weight:bold; } .eventshowcontainer p.buy a { padding:0 20px 0 0;text-align:right; width:200px; line-height:100%; font-size:15px; font-weight:bold; color:#000; background:#C0F00C url("../images/ico-buy.png") no-repeat center right;} .artistshowcontainer {margin:0;padding:0; float:left;width:550px;} .artistshowcontainer ul {margin:0;padding:0; float:left;width:550px;list-style:none;} .artistshowcontainer ul li {padding:10px 0 0; float:left;width:550px; text-decoration:none;} .artistshowcontainer ul ul li {padding:10px 0 0; float:left; width:280px;text-decoration:none;} .artistshowcontainer ul ul li.artistshowcontainerright {padding:10px 10px 0; float:left; width:250px;text-decoration:none;} .artistshowcontainer ul ul li p.artistshowtitle {color:#31B2B1;} /* THE GALLERY ____________________________________________________________*/ .galleryList { padding:10px; width:530px;} .galleryList dl { padding:0 0 10px; float:left; width:500px;} .galleryList dl dt { padding:0 0 5px; float:left; width:500px; font-weight:bold; color:#32B2B1; font-size:14px;} .galleryList dl dd { padding:0 0 5px; float:left; width:500px; } .galleryList img { padding:0 5px 5px 0;float:left; width:150px;} .galleryList span.more { padding:10px 0; width:500px; float:left;} /* THE SPONSORS ____________________________________________________________*/ .sponsorsList { padding:10px; width:530px;} .sponsorsList h4 { padding:0 0 10px; font-weight:bold; font-size:14px;} .sponsorsList dl { margin:0 20px 20px 0; width:150px; float:left; } .sponsorsList dl dt { width:150px; float:left; } .sponsorsList dl dt img { width:150px;} .sponsorsList dl dd { width:150px; float:left; } /* THE expand ____________________________________________________________*/ .expandBox { padding:10px; width:530px;} .expandBox .expand h4 { float:left; font-weight:bold; font-size:12px; color:#252525; width:520px;} .expandBox .expand h4 a { padding:10px 0; border-bottom:1px dotted #BFF009; float:left; width:520px;} .expandBox .expandItem { display:none; padding:20px 0 20px; float:left; width:520px; border-bottom:1px dotted #BFF009; } /* THE FORMS ____________________________________________________________*/ .formPageBox { padding:10px; width:530px;} .formPageBox h4 { padding:0 0 10px; font-weight:bold; font-size:14px;color:#32B2B1;} .formPageBox p { padding:0 0 10px; } .formPageBox form { float:left; width:500px; } .formPageBox fieldset { padding:10px 0 20px; } .formPageBox form dl { padding:0 0 10px; float:left; width:500px; } .formPageBox form dl dt { padding:2px 0; float:left; width:150px; font-weight:bold; } .formPageBox form dl dd { float:left; width:340px; } .formPageBox form dl dd input { padding:2px; width:280px; } .formPageBox form dl dd textarea { padding:2px; width:340px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} .formPageBox form dl.cb { padding:10px 0 0; float:left; width:500px; } .formPageBox form dl.cb dt { padding:2px 0; float:left; width:25px; } .formPageBox form dl.cb dd { float:left; width:440px; font-weight:bold; } .formPageBox .submitForm { float:right; width:350px; height:45px; } .formPageBox .submitForm span { text-align:center; width:120px; height:45px; float:left; } .formPageBox .submitForm span a { padding:5px 0 0;float:left; color:#000; font-size:14px; font-weight:bold; text-align:center;background-color:#C1F00C; width:120px; height:20px; line-height:100%;} .formPageBox .submitForm span a:hover {background-color:#000; color:#fff; } /* THE CHECKOUT ____________________________________________________________*/ .checkoutBox { padding:10px; width:530px;} .checkoutBox h4 { padding:0 0 10px; font-weight:bold; font-size:16px;} .checkoutItem dl { float:right; width:530px;} .checkoutItem dl dt { padding:0 0 5px; float:left; width:530px; font-weight:bold; color:#32B2B1; font-size:14px;} .checkoutItem dl dd { padding:0 0 5px; float:left; width:530px; } .checkoutItem dl dd.date{ font-size:14px; font-weight:normal; font-weight:bold;} .checkoutItem img { float:left; } .checkoutItemDetails { padding:10px 0; float:left; width:530px; border-bottom:1px solid #E6E6E6} .checkoutItemDetails h4 { padding:0 0 10px; font-weight:bold; font-size:14px;} .checkoutItemButton { padding:10px 0; float:left; width:530px; } .checkoutItemButton ul { list-style:none; float:right;width:530px;} .checkoutItemButton ul li { padding:0 0 10px; float:right; width:350px; height:25px; } .checkoutItemButton ul li span { text-align:center; height:25px; float:right; } .checkoutItemButton ul li span a { padding:5px 30px 0;float:left; color:#000; font-size:14px; font-weight:bold; text-align:center;background-color:#C1F00C; height:20px; line-height:100%;} .checkoutItemButton ul li span a:hover {background-color:#000; color:#fff; } table.checkoutCart { padding:10px 0; float:left; width:530px; } table.checkoutCart tr th { padding:5px; border-bottom:1px solid #E6E6E6; color:#A2A2A2; text-align:left;} table.checkoutCart tr td { padding:5px; border-bottom:1px solid #E6E6E6; color:#252525; text-align:left;} table.cart { padding:10px 0; float:left; width:530px; } table.cart tr th { padding:5px; border-bottom:1px solid #E6E6E6; text-align:left; font-size:14px} table.cart tr td { padding:5px 5px 15px; border-bottom:1px solid #E6E6E6; color:#252525; text-align:left; font-size:12px; font-weight:bold;} table.cart tr td select { width:50px;} table.cart tr th.del { width:50px;} table.cart tr td span {font-weight:normal;} table.cart tr.subtotal td { padding:15px 5px; } table.cart tr.code td { padding:15px 5px; color:#6C6C6C } table.cart tr.code td input { padding:2px; width:150px;} table.cart tr.code td p { padding:4px 0; } table.cart tr.code td span { padding:5px 5px 0; float:left; color:#6C6C6C; font-weight:bold;} table.cart tr.total td { padding:15px 5px; font-size:14px; } .checkoutSelect { padding:10px; width:530px;} .checkoutSelect h4 { padding:0 0 10px; font-weight:bold; font-size:16px;border-bottom:1px solid #E6E6E6} .checkoutSelect dl { padding:10px 0; border-bottom:1px solid #E6E6E6; float:left; width:530px;} .checkoutSelect dl dt { float:left; width:25px;} .checkoutSelect dl dd { padding:0 0 4px; float:right; width:500px;} .checkoutSelect dl dd label { font-weight:bold;} /* THE SHOP ____________________________________________________________*/ .shophomebox { margin:0 10px 10px 0; padding:5px; float:left; width:260px; background-color:#fff;} .shophomebox h3 { margin:0 0 5px; padding:10px; float:left; width:240px; height:13px; line-height:100%; background:#31B2B1 url("../images/bkg-shop-title.jpg") repeat-x 0 0; font-size:14px; font-weight:bold; text-align:center; color:#fff;} .shophomebox img{ float:left; width:260px; height:130px;} .shophomebox dl { padding:10px; float:left; width:240px; height:100px;} .shophomebox dl dt { padding:0 0 5px; width:240px; font-weight:bold;} .shophomebox dl dd { padding:0 0 5px; width:240px; line-height:140%; height:50px;} .shophomebox dl dd.more { padding:10px 0 0; width:240px; } .shophomebox dl dd.more a { padding:0 0 0 20px; width:200px; line-height:100%; font-size:11px; font-weight:bold; background:#fff url("../images/ico-info.png") no-repeat 0 0;} .shophighlights { margin:0 0 10px; float:left; width:550px; height:290px; background-color:#000; } .shophighlight { float:left; width:345px; height:290px; } .shophighlight dl { float:left; width:345px; height:290px; background-color:#000; background-position:top left; background-repeat:no-repeat; background-image:url("../images/highlight-default.jpg"); } .shophighlight dl dt{ padding:10px; background-color:#C0F00C; float:left; width:auto; color:#000; font-size:15px; font-weight:bold;} .shophighlight dl dd{ padding:10px; background-color:#31B2B1; float:left; width:auto; clear:left; color:#000; font-size:13px; font-weight:bold;} .shophighlight dl dd.link{ position:relative; top:180px; background-color:#C0F00C; } .shophighlight dl dd.link a{ color:#000; } .shophighlight dl dd.link a:hover{ color:#31B2B1; } .shophighlightsNav { float:right; width:205px; height:290px;} .shophighlightsNav h2 { padding:12px 0 0 10px; float:left; width:195px; color:#F3F3F3; font-size:15px; height:38px;} .shophighlightsNav ul { float:left; width:205px; height:60px; list-style:none;} .shophighlightsNav ul li { float:left; width:205px; height:60px; } .shophighlightsNav ul li a { padding:12px 0 0 10px; float:left; width:195px; height:48px; font-weight:bold; font-size:11px; color:#31B2B1} .shophighlightsNav ul li a span { float:left; width:195px; font-weight:bold; font-size:11px; color:#fff} .shophighlightsNav ul li a:hover { text-decoration:none;} .shophighlightsNav ul li.selected { background-color:#fff} .shophighlightsNav ul li.selected a { color:#252525; } .shophighlightsNav ul li.selected a span { color:#31B2B1; } a.logout { display: inline-block; padding:5px 0 0; color:#000; font-size:14px; font-weight:bold; text-align:center; background-color:#C1F00C; width:120px; height:20px; line-height:100%; } a.logout:hover { background-color:#000; color:#C1F00C; }