/*
dark: #003366; light: #95adb5; div { border: 1px solid red; } */ .adminEdit a { color:red } .ads { width: 470px; float: left; font-size: 10px; padding-right: 10px; margin: 10px 0 0 10px; } .ads img { border: 1px; border-style: solid; } .arial12white { color: #393939; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; } .banner { clear: both; height: 130px; position: relative; top: 30px; } .bottomCornerB { bottom: 0px; right: 0px; background-image: url(../gfx/corner-blue-bottom.gif); } .bottomCornerG { bottom: 0px; right: 0px; background-image: url(../gfx/corner-gray-bottom.gif); } .button { color: white; font-size: 10px; background-color: #003366; border: 1px solid #FFF; background-image: url(/gfx/bg-button-blue.gif); background-position: center center; } .button a { color: white; text-decoration: none; } .button a:hover { color: white; text-decoration: underline; } .buttonGo { color: white; font-size: 12px; background-image: url(../gfx/button-go.png); background-repeat: no-repeat; padding: 5px 5px 5px 15px; margin-bottom: 0px; border: 0; } .buttonRed { color: white; font-size: 12px; background-image: url(../gfx/button-general-red.png); background-repeat: no-repeat; padding: 5px 5px 5px 15px; margin-bottom: 0px; border: 0; } .buttonSmall { color: white; font-size: 10px; background-image: url(../gfx/button-general.png); background-repeat: no-repeat; padding: 3px 3px 3px 15px; margin-bottom: 0px; border: 0; } .buttonSmallRed { color: white; font-size: 10px; background-image: url(../gfx/button-general-red.png); background-repeat: no-repeat; padding: 3px 3px 3px 15px; margin-bottom: 0px; border: 0; } .center img { vertical-align: middle; margin-right: 50px; display: inline; } .clear img { border:0px } .clear, .center { clear: both; position: relative; width: 1000px; padding: 0; } .clearBlue { position: relative; background-color: #003366; overflow: auto; font-size: 12px; line-height: 18px; } .clearDarkGray { position: relative; background-color: #666666; overflow: auto; font-size: 12px; line-height: 18px; } .clearGray .row a:hover, .clearGray .row b { color: black; } .clearGray { font-size: 12px; clear: both; color: #43565e; padding: 10px 10px 30px 10px; background-color: #003366; background-image: url(/gfx/bg-form.jpg); } .clearGray a, .clearGray b { color: #43565e; font-size: 10px; } .clearGray a:hover, .clearGray b { color: #D9DDE0; } .clearGray, .clearGray b, .clearGray h1, .clearGray h2, .clearGray input, .clearGray textarea { color: #43565e; } .clearGray input, .clearGray textarea { background-color: #e7f9ff; } .clearGray .button, .clearGray input[type=submit] { color: white; font-size: 12px; } .clearGray select { color: #43565e; background-color: #e7f9ff; border: 0px; } .clearHead { clear: both; margin-top:10px; font-size: 12px; line-height: 20px; vertical-align: center; color: black; } .close a { color: white; position: absolute; width: 50px; height: 15px; z-index: 17; top: 10px; right: 0px; } .contribute { width: 300px; float: right; margin-top: 70px} .description { width: 685px; } .downloads { font-size: 12px; line-height: 14px; width: 245px; height: 130px; float: left; display: inline; vertical-align: middle; } .downloads a { font-size: 10px; } .downloads img { width: 140px; border:0; float: left; margin: 0 10px 10px; } .flipbook { width: 310px; margin-right: 10px; } .flipbookCustom { width: 435px; float: left; margin-right:10px; } .float2 { width: 490px; float: left; padding-right: 10px; } .footer .highlight { padding: 4px 5px 4px 5px; border: 1px solid #95adb5; } .footer { text-align: center; clear: both; margin-top: 30px; height: 26px; } .footer a, .footer a:hover { text-decoration: none; } .footer li { color: #002156; display: inline; padding: 5px 10px 5px 10px; float: left; } .footer li:hover, .footer .sel { background-image: url(/gfx/bg-button-blue.gif); background-position: center center; color: white; } .footer ul { text-align: center; font-size: 13px; clear: both; list-style: none; background-color: white; padding: 0px; position: relative; } .header { background-color: transparent; border:0; height: 230px; background-image: url(../gfx/header.jpg); background-repeat: no-repeat; background-position: top right; clear: both; } .key { font-size: 12px; color: white; padding: 5px; background-image: url(../gfx/bg-lineart-grey.png); } .largeWheel { float: left; z-index:1; width: 410px; height: 440px; } .leftContent, .rightContent { position: relative; width: 485px; } .leftHome, .rightHome { position: relative; width: 485px; margin: 0; background-color: #003366; } .list { border-left: 1px solid #D9DDE0; padding-left: 5px } .list { width: 300px; } .listLong { width: 300px; overflow: scroll; } .listTitle { clear: both; color: white; background-color: #95adb5; padding: 5px; font-size: 14px; line-height: 18px; } .listTitle a { font-size: 10px; color: white; text-decoration: underline; } .listTitle a:hover { color: white; text-decoration: underline; } .listWheel .button { margin: 10px; } .listWheel .digit { float: left; font-size: 30px; padding: 5px; color: white; background-color: #849098; } .listWheel .gray { color: #95adb5; } .listWheel { width: 300px; height: 440px; overflow: hidden; float: left; z-index: 0; background-color: #003366; list-style: none; margin: 30px 30px 0px 0px; padding: 0px; font-size: 10px; line-height: 14px; } .listWheel a { text-decoration: none; } .mediumLBlue { color: #95adb5; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px } .mediumWhite { color: #FFF; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 12px } .mediumWhiteCell { color: gray; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; padding: 0 10px 10px 10px } .otherStories a, .otherStoriesSelected a { color: black; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px } .otherStories a:hover, .otherStoriesSelected a:hover { color: #8098a8 } .otherStories img, .otherStoriesSelected img { float: left; margin: 0 10px 10px 0; } .otherStories, .otherStoriesSelected { clear: both } .otherStories, .otherStoriesSelected { color: gray; height: 50px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; clear: both; } .otherStoriesSelected { background-color: #dfe3e9; } .pad10 { color: white; padding: 10px; } .pagetitle { color: #002156; font-size: 18px; font-family: Arial, Helvetica, sans-serif; } .panel { position: relative; top: 0px; left: 180px; color: white; width: 230px; padding: 13px 5px 0px 70px; margin: 0; height: 200px} .panel a, .panelNews a, .wheelInfo a { text-decoration: none; } .panel li, .panelNews li, .wheelInfo li { background-image: url(../gfx/bg-button.gif); background-repeat: repeat-x; color: white; padding: 5px; } .panel li:hover, .panelNews li:hover,.wheelInfo li:hover { color: #002156; background-color: #95adb5; background-image: none; } .panel ul, .panelNews ul, .wheelInfo ul { font-size: 11px; list-style: none; padding: 0px; margin: 0px; } .panelFooter { position: relative; background-image: url(../gfx/bg-bluebox.gif); background-position: bottom right; height: 28px; padding: 0px; /* border:1px solid red;*/} .panelNews { position: relative; top: 0px; left: 180px; color: white; width: 270px; padding: 13px 5px 3px 30px; margin: 0px; } .quote { font-size: 10px; color: #D9DDE0; margin: 0 10px 5px; text-align: right; } .rightContent, .rightHome { float: right } .row { font-size: 12px; color: black; border-left: solid 1px white; border-bottom: solid 1px silver; padding: 5px 5px 2px 5px; background-color: white; } .selectStyle { margin-top: 5px; color: #2c353a; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; background-color: #fff } .selectStyleButton { color: #2c353a; font-size: 10px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; background-color: #fff } .sizesFront, .sizesRear { font-size: 10px; margin-right: 10px } .sk8Profile .smaller { font-size: 10px; line-height: 14px; } .sk8Profile { width: 190px; float: left; padding-right: 10px; margin-bottom: 30px; } .sk8Profile img { clear: both; padding: 10px 0 10px; border:0; } .smallLeft { float: left; width: 100px } .space { height: 30px; } .storeHeader .message { color: white; font-size: 14px; font-family: Arial, Helvetica, sans-serif; float: left; width: 200px; text-align: left; padding: 5px 10px 5px 0px; font-weight: bold; } .storeHeader { color: white; font-size: 14px; font-family: Arial, Helvetica, sans-serif; background-color: #849098; background-image: url(../gfx/bg-lineart-grey.png); padding: 5px; clear: both; text-align: right; } .storeItem { float: left; width: 230px; padding: 10px; } .storeItem { float: left; width: 235px; padding: 10px 0 10px 10px; border-right: 1px solid #D9DDE0; background-image: url(../gfx/bg-lineart-grey.png); margin: 10px 0 10px 0 } .storeItem a { } .storeItem a { color: white; text-decoration: none; font-size: 10px; } .storeItem a:hover { color: #D9DDE0; } .storeItem b { font-size: 16px; } .storeItem b a { font-size: 14px; } .storeMenu { margin: 50px 0 10px 0; background-color: red; } .storeOther { clear: both; margin-top:10px; position: relative; width: 1000px; background-color: #333; } .title { color: #002156; font-size: 14px; font-weight: bold } .titleBlue { color: #002156; font-size: 14px; font-weight: bold } .titleBlue18, h2 { color: #95adb5; font-size: 25px; font-weight: bold; line-height: 40px } .titleImg { margin: 5px 0 5px 0; } .topCornerB { top: 0px; right: 0px; background-image: url(../gfx/corner-blue-top.gif); } .topCornerB, .bottomCornerB, .topCornerG, .bottomCornerG { position: absolute; background-repeat: no-repeat; width: 28px; height: 29px; z-index: 15; } .topCornerG { top: 0px; right: 0px; background-image: url(../gfx/corner-gray-top.gif); } .video { width: 350px; float: left; margin-right: 10px; } .wheelInfo .finish { font-size: 18px; color: #95adb5; text-shadow: #001b36 3px 2px 2px; } .wheelInfo .name { font-size: 30px; line-height: 35px; text-shadow: #001b36 3px 2px 2px; font-family: Gill Sans, Gill Sans MT, Arial; } .wheelInfo .optionalFinishes { font-size: 12px; } .wheelInfo .relatedLinks { margin-top: 10px; border-top: 1px; border-top-color: #95adb5; border-top-style: solid; padding-top: 5px; } .wheelInfo .sizes { margin-top: 10px; font-size: 12px; line-height: 16px; } .wheelInfo { float: right; color: white; width: 220px; background-position: middle; padding: 10px 10px 0 0; z-index:0; } .wheelInfo a { color: white; } .wheelInfo a:hover { color: #D9DDE0; } .wheelInfo b { color: #D9DDE0; } .wheelInfo h3 { margin: 0px; } .wheelInfo li b { color: #D9DDE0; } .wheelLink .wheelImage { width: 90px; height: 90px; margin: -5px 10px 5px 5px; float: left; } .wheelLink { font-size: 12px; color: white; height: 85px; clear: both; overflow: hidden; background-image: url(../gfx/bg-button.gif); background-repeat: repeat-x; padding: 8px 4px 0px 0px; margin-bottom: 1px; vertical-align: middle; } .wheelLink a { color: white; } .wheelLinkSelected .wheelImage { width: 90px; height: 90px; margin-right: 10px; float: left; } .wheelLinkSelected { color: white; height: 28px; clear: both; overflow: hidden; } .wheelPanel { position: relative; margin: 30px 0px 30px 0px; width: 670px; float: left; background-color: #003366; background-image: url(/gfx/bg-shadow.jpg); } .wheelRight { float:right; width:410px; height: 410px; clear:both; margin-left: 10px; margin-top: 30px; } .wheelTitle { color: #849098; font-weight: bold; text-decoration: none; padding-top:10px; } .wheelTitle a { color: white; font-weight: bold; text-decoration: none; padding-top:10px; } .wheelTitle a:hover { color: #849098; } .widgetImage { position: absolute; top: 0px; left: 0px; width: 242px; z-index: 5; } #adminMode { width: 100px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: white; background-color: #2AA9E1; padding: 3px; position: absolute; } #banner { clear: both; } #connect img, #connect input, #connect select { display: inline; font-size: 12px } #connectB img, #connectB input, #connectB select { display: inline; font-size: 12px } #connectB, #connect { position: relative; } #controller .logo { } #controller { position: relative; color: #FFF; background-color: #003366; background-image: url(/gfx/bg-vg-controller.jpg); clear: both; } #controller b { } #controller img, #contoller select { display: inline; vertical-align: top; } #controller select { color: #FFF; background-color: red; margin: 3px 0 0 0px; border: 2px solid #FFF; font-size: 15px; } #wheelGrid { z-index: 10; position: relative; overflow: scroll; padding: 0; height: 100px; } #wheelGrid .size { color: white; font-size: 10px; padding: 1px; border: 0; background-color: #003366; background-image: url(/gfx/bg-button-blue.gif); background-position: center center; margin-top: 1px; } #wheelGrid .size:hover { background-color: #95adb5; } #wheelGrid .singleSize { font-size: 11px; color: #003366; } #wheelGrid .thumbnail{ float: left; margin-right: 5px; position: relative; } #wheelGrid .title { font-size:13px; line-height: 17px; color: white; font-weight: bold; text-shadow: #003366 1px 1px 3px } #wheelGrid li { color: #003366; width: 90px; height: 90px; overflow: hidden; position: relative; display: table-cell; font-size: 10px; line-height: 14px; float: left; padding: 5px; } #wheelGrid li table { border: 0; } #wheelGrid li:hover { width: 210px; overflow: visible; background-image: url(/gfx/bg-vg-controller-hover.jpg); } #wheelGrid ul { list-style: none; position: relative; } #error { color: white; font-size: 16px; font-family: Arial, Helvetica, sans-serif; background-color: #003366; padding: 5px 10px 5px 15px; clear: both } #error a { color: white; } #errorSmall { clear: both; color: white; font-size: 9px; background-color: #95adb5; margin-top: 10px; padding: 5px 10px 5px 10px; } #legal { color: #95adb5; font-size: 10px; top: 10px; position: relative; } #message { color: black; font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding: 5px 10px 5px 10px; } #message a { color: #8198a8; font-size: 12px; } #page { text-align: left; width: 1000px; padding:30px 0 30px 0; background-color: #FFF; } #paulWallLogo { background: url(../gfx/logos/zenetti-paulwall-logo.gif); margin-top: -10px; margin-right: 10px; float: left; width: 160px; height: 150px; background-repeat: no-repeat; } #sk8TeamLogo { background: url(../gfx/logos/zenetti-skateteam-logo2.gif); margin-top: -10px; margin-right: 10px; float: left; width: 160px; height: 150px; background-repeat: no-repeat; } #slideshowRight { float:right; width:310px; height: 310px; clear:both; margin-left: 10px } #thumbnail { float: left; margin-right: 10px; } a { color: #95adb5; text-decoration: underline; cursor: hand; } a:hover { color: #FFF; } body { color: white; font-family: Arial, Helvetica, sans-serif; line-height: 16px; background-color: #95adb5; background-image: url(/gfx/bg-large.jpg); background-position: center top; background-repeat: no-repeat; margin: 0; padding: 0; font-size: 14px; } embed { padding: 0; margin: 0; border: 0; } form { margin: 0; display: inline; } h1 { font-size: 18px; } H2 { color: white; font-size: 14px; line-height: 30px; margin: 0; padding: 0; display: inline } select, .selectStyle { color: white; font-size: 10px; background-color: #003366; border: 1px solid #FFF; } pre { color: black; } img { border: 0; } .kwicks { list-style: none; position: relative; margin: 0; padding: 0 0 10px 0; margin-bottom: -10px; overflow: hidden; } .kwicks li{ display: block; padding: 0; float: left; width: 125px; height: auto; margin-left: -5px; } .kwicks a{ display:block; text-indent:-9999px; outline:none; }