/*--------------------------------------------------------------------------------------- --- RESETS ---------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe,p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; text-decoration:none; text-align: left; } body {line-height: 20px;} ol, ul {list-style: none; text-decoration:none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} /* Class below is responsible for rounding in nonIE browser, if you want css to validate, remove line below --------- */ .rounded {-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari */} .roundedr {-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari */ float:right;} .sm {font-size:.8em; margin:0px 10px; line-height:12px} .sm td { font-size:.8em; line-height:12px; border: 1px solid #000; padding:5px;} .frame { background:url(../images/descbg1.jpg) bottom repeat-x #fff; border:1px solid #CCC; -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari */ -moz-box-shadow: 3px 3px 10px #666;-webkit-box-shadow: 3px 3px 10px #666;-khtml-box-shadow: 3px 3px 10px #666;box-shadow: 3px 3px 10px #666; margin-right:20px;padding-left:20px;padding-right:20px;padding-bottom:10px;} .paypalbut { float:right; border:0px; background:url(https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif) no-repeat; width:155px; height:35px; margin-bottom:10px;} /*--------------------------------------------------------------------------------------- --- BASICS ---------------------------------------------------------------------------------------*/ html { min-height:101%;} body {color:#666;background:url(../images/bg_bottom.jpg) repeat; font-size:11px;font-family: Verdana, Helvetica, sans-serif;} a {color:#67B2DD;} a:hover {text-decoration:underline;} a:active {color:#000;text-decoration: underline;} a:visited {color:#0F56A2;} .left {float:left;} .right {float:right;} .rightord {float:right; line-height:20px;} .center {margin-left:auto; margin-right:auto;} .clear {clear:both;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} /* for IE/Mac */ .padd10 {padding-right:10px;} hr1 {border-bottom:1px dashed #F00 ; display:inline;} h1 {font-size:20px;margin:0px;} h2 {font-size:17px;margin:5px 0px;} h3 {font-size:14px;margin:0px;} /* ------------------------------------------------------------------------------------ STRUCTURE */ /* Top --------- */ #container_top {background:url(../images/bg_topline.jpg) repeat-x bottom #fff;width:100%;} #content_top {background:url(../images/bg_topline.jpg) repeat-x bottom #fff;width:960px;margin: 0px auto;height:128px;position:relative;} #content {width:960px;margin:0px auto;background:#fff;border-left:1px solid #DDD;border-right:1px solid #DDD;text-align:left;-moz-box-shadow: 5px 5px 50px #666;-webkit-box-shadow: 5px 5px 50px #666;-khtml-box-shadow: 5px 5px 50px #666;box-shadow: 5px 5px 50px #666; } #top_menu {background:url(../images/menu_top.jpg) no-repeat top center #323232;width:960px;margin-top:2px;height:36px;} #top_menu ul {margin:0px;padding:0px;list-style:none;font-size:13px;padding-left:5px;margin-left:5px;} #top_menu ul li {float:left;display:block;} #top_menu ul li a {text-decoration:none;color:#fff;display:block;padding:10px 15px 10px 15px;border-right:1px solid #606060; height:16px;} #top_menu ul li a:hover {background:url(../images/hover.jpg) top repeat-x #606060;} /* Footer --------- */ #footer {background:#323232;width:960px;margin-top:10px;} #footer a {text-decoration:none;} #footer {background:#eee;} /* Content --------- */ .section { padding:20px; text-align: center; } .section img {} .section p { padding:5px 0px; text-align: left; } .section h1,h2,h3 {color:#000;} .section ul { list-style: inside;} .section_indexes {padding:20px 50px; } .section_indexes h1 {padding:0 20px; } .section_indexes h2 a {color:#000; } .section_indexes td {padding:20px; } .section_indexes table { text-align:center; } .section_indexes ul {padding:0px 30px; list-style:circle; } .section1 td {padding:5px; border:1px solid #000; border-collapse:collapse; vertical-align:top; } .section1 {padding:20px 20px 0px 20px; color:#000; } .section_sample {padding:20px 150px; } .section_sample ul {padding:0px 30px; list-style:circle; } table#basic {width:100%;margin:10px 0px; border:1px solid #000;} table#basic td {background:url(../images/tabletdprices.jpg) repeat-x top;text-align:center; } table#basic1 {width:75%;border:1px solid #000;text-align:center;} table#basic td {border:1px solid #000;text-align:left;} table#basic td.even {border:1px solid #000;text-align:center;} #col290 {width:295px;} /* ------------------------------------------------------------------------------------ Header */login /* LOGO --------- */ div#logo h1 {margin:0px;margin-left:0px;} div#logo h1 a {display:block;background:url(../images/logo.png) no-repeat left bottom;width:243px;height:88px;text-indent:-9999px;} #logo {display:block;background:url(../images/logo.png) no-repeat left bottom;width:255px;height:89px;top: 0px;left:0px;} /* RE-seller LOGO --------- */ #mdlogo {position:absolute;background-image: url(../images/cplogo.png);height: 60px;width: 150px;top:25px;right:0px;} /* Login form --------- */ div#clientarea {position:absolute;top:-66px;right:0px;background:url(../images/client.png) no-repeat bottom;width:263px;padding-bottom:30px;padding-top:2px;} #login {color: #fff;font-size: 10px;text-align: right;margin: 2px;} #login input#submit {margin-top:30px;margin-right:10px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;} #login div {width:190px;float:left} #login label {display:block; padding:0px;width:190px;border:0px;} #login input {padding:0px; float:none; margin:0px;} #login submit {margin-top:30px;margin-right:10px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;} input#client_login {margin-right: 5px;border:1px solid #606060;background:transparent;width:100px;margin-bottom:5px;color:#fff;padding:3px;} input#client_pswd {margin-right: 5px;border:1px solid #606060;background:transparent;width:100px;color:#fff;padding:3px;} /* Homepage Slider --------- */ div#promodesc {width:860px;padding:10px;padding-left:30px;padding-top:20px;font-size:12px;} div#promodesc h1 {font-size:23px;font-family: ""Arial Black", Gadget, sans-serif", sans-serif;font-style: normal;font-weight: bold;text-transform: uppercase;letter-spacing: 0px;} div#promodesc h2 {font-size:16px;margin-top:10px;font-family: "Tahoma", sans-serif;font-style: normal;font-weight: bold;text-transform:uppercase;letter-spacing: 0px;} div#promodesc p {margin-top:20px;width:400px;background:#f4f4f4;padding:7px;border:1px solid #666;line-height:18px;font-size:14px;} div#promoimg {width:920px;padding:5px 20px 0px 20px;height:310px; margin-bottom:10px;} div#promo {background: url(../images/contentbg.jpg) bottom repeat-x #4993c9; color:#000;} /* Buttons: Sign-up, Learn more, View in Action, Download PDF --------- */ div#buttons {width:370px;margin: 0px 0px 15px 295px;float:left;} a#tour {display:block;width:169px;height:43px;background:url(../images/tour.png) top;text-indent:-9999px;} a:hover#tour {display:block;width:169px;height:43px;background:url(../images/tour.png) 0px 43px;} a#test {display:block;width:169px;height:43px;background:url(../images/test.png) top;text-indent:-9999px;} a:hover#test {display:block;width:169px;height:43px;background:url(../images/test.png) 0px 43px;} div#signupbutton {width:169px; margin-top:10px; margin-bottom:3px;} a#signup {display:block;width:169px;height:43px;background:url(../images/test.png) top;text-indent:-9999px;} a:hover#signup {display:block;width:169px;height:43px;background:url(../images/test.png) 0px 43px;} #viewtp { float:right; margin-right:30px; margin-bottom:20px; width:245px; height:60px;} a#viewtp {background:url(../images/view_reg.png);} a:hover#viewtp {background:url(../images/view.png);} #userman { float:right; margin-bottom:20px; width:245px; height:60px;} a#userman {background:url(../images/userman_reg.png);} a:hover#userman {background:url(../images/userman.png);} /* Features on Homepage --------- */ div#features {background:url(../images/descbg.jpg) repeat-x top #fff;width:960px;padding-bottom:10px;} div#features h2 {margin:0px;padding:20px 20px;} div#features a {color:#000;text-decoration:none;} div#features a:visited {color:#000;} div#features a:hover {color:#666;} div#features a:active {color:#666;} ul#feat {width:600px;margin-top:0px;margin-left:10px;text-decoration: none;} ul#feat li {float:left;display:block;width:200px;padding-left:75px;margin:10px;margin-bottom:20px; text-decoration:none;} ul#feat li h3 {margin:0px;text-transform:uppercase;} #f_clock {background:url(../images/fico_clock.jpg) top left no-repeat;} /* From the blog box --------- */ div#recentonblog h2 {padding-left:0px;} div#recentonblog h3 a {color:#999;text-decoration:none;} div#recentonblog ul li {margin:0px 0px 10px 0px;padding:5px 0px;border-bottom:1px dashed #eee;} div#recentonblog ul li p {padding:10px 0px;} div#recentonblog {width:340px;border-left:0px solid #eee;border-bottom:0px solid #eee;} span.date {color:#999;padding-left:20px; background:url(../images/date.jpg) no-repeat left top;display:block;height:15px;margin-top:5px;font-size:9px;} a.more {color:#999;padding-right:10px; background:url(../images/more.jpg) no-repeat right center;text-decoration:none;} /* Testimonials --------- */ div#testimonials h2 {margin:0px;padding:0px 0px 10px 12px;} div#testimonials {color: #323232;background:url(../images/descbg.jpg) repeat-x top;margin:0 0 24px;padding:15px 10px 10px;width:940px;height:80px;} div.avatar {background:url(../images/avatar_bg.jpg) no-repeat; width:46px; height:44px;float:right;} div.avatar img {padding-left:6px;padding-top:4px;} blockquote {color:#868686;font-family: "Trebuchet MS", serif;font-size: 20px;letter-spacing: normal;padding:0px 0px 0px 25px;line-height:22px;background:url(../images/quotetop.jpg) no-repeat top left #fff;} blockquote span {background:url(../images/quotebottom.jpg) no-repeat top right;padding-right:25px;} div#testimonialslist p {margin-right:30px;margin-top:5px;color:#6a6a6a;font-family: Verdana, serif;font-size: 13px;margin-left:10px;background:#fff;} div#testimonialslist {margin-top:10px;} .tstm_author {background-image:none;background-color:#fff;font-size:12px;font-weight:normal} .pics_container {overflow:hidden;height:300px;width:900px;padding: 0px 0px 5px 0px; margin: 0px auto;} .pics img {top:10;left:100;position:relative;z-index:1} .pics {position:relative;z-index:1;margin-right: auto;margin-left: auto;} /* Footers boxes --------- */ .column {width:280px;padding:10px 20px;} #tweet p {padding:10px;border:1px solid #5e5e5e;font-size:13px;line-height:18px;background:#474747;} #tweet p a {color:#fff} #quickcontact img {padding:5px; border:1px solid #808080;background:#474747;margin-right:20px;} #quickcontact a {color:#67B2DD;} #aboutcompany a {color:#67B2DD;} #aboutcompany a:hover { text-decoration:underline;} table#sitemap { padding:0px; margin:0px; border:none;} table#sitemap td { padding:0px; margin:0px; border:none;} #bottom {background:url(../images/bottombg.jpg) repeat-x top #323232;width:960px;color:#fff;} #bottomline {background:url(../images/bottom.jpg) repeat-x bottom #323232;width:940px; padding:8px 10px;color:#6a6a6a;border-top:1px dashed #6e6e6e;} #bottomline a {color:#67B2DD;text-decoration:none} #bottomline a:hover {text-decoration:underline;} #bottom h2 {color:#fff;margin-bottom:10px;} /* BLOG --------- */ #blog {width:960px;} #head {background:url(../images/contentbg.jpg) top repeat-x;color:#fff;border-bottom:1px solid #666;} #head h2 {padding:10px;margin:0px;} #posts {width:650px;padding:10px;padding-top:20px;padding-right:10px;} .post_content {width:600px;min-height:100px;} .post_content .entry {padding:20px 10px 20px 15px;} .post_content h2 {padding-left:10px;color:#58b8bd;} .post_content h2 a {text-decoration:none;color:#58b8bd;} .post {background:url(../images/post_bottom.jpg) no-repeat bottom center;padding-bottom:40px;} .post_meta {background:url(../images/whitedot.jpg) top repeat-x #eee;padding:2px 5px;border:1px solid #ddd;color:#a1a1a1;margin:5px 0px;} .post_meta a.categorylink {background:#fff;text-decoration:none;} .post_meta a {text-decoration:none;color:#323232;} .entry blockquote{font-size:13px;padding:0px 5px 0px 20px;margin:15px;} .post_date {margin-top:40px;background:url(../images/datebg.jpg) no-repeat;width:49px;height:54px;padding-top:8px;color:#868686;line-height:16px;} .post_date .day {font-family: Georgia, "Times New Roman", Times, serif;font-size:28px;text-align:center} .post_date .month {font-family: Georgia, "Times New Roman", Times, serif;font-size:12px;text-align:center} .post_date .hour {font-family: Georgia, "Times New Roman", Times, serif;font-size:14px;text-align:center;margin-top:-5px;} .pagination{margin-top:0px;} .pagination a, .pagination span{background: #fff;padding:5px;margin:2px;border:1px solid #d9d9d9;text-decoration:none;} .entry img {padding:5px; border:1px solid #eee;margin:5px;} .entry cite a {color:#999;text-decoration:none;} .entry a {color:#666;} .entry ul, .entry ol {margin: 3px 12px; list-style:circle} .entry h2.title a {text-decoration:none;color:#58b8bd;font-size:28px;} .entry h2.title {margin-bottom:5px;} /* Blog sidebar --------- */ #sidebar {padding-top:20px;padding-left:20px;margin-left:20px;border-left:1px solid #eee;background:url(../images/sidebar_bg.jpg) repeat-y left;width:240px;border-bottom:1px solid #eee} #sidebar1 {padding-top:20px;padding-left:20px;margin-left:20px;border-left:1px solid #eee;background:url(../images/sidebar_bg.jpg) repeat-y left;width:380px;border-bottom:1px solid #eee} #sidebar .widget {padding-bottom:10px;} #sidebar h2 {padding-bottom:5px;} #sidebar ul {margin-left:10px;list-style:circle;} #sidebar ul li {padding:2px;} #sidebar ul ul {margin-left:10px;} #sidebar .widget img {float:left;padding:4px 4px 4px 4px;border:1px solid #ddd;margin:4px 8px 4px 0px} #sidebar #baner {margin:10px 0px} #sidebar a {text-decoration:none;color:#666} /* Price page and table --------- */ #pricefaq li {display:block;float:left;width:240px;padding:20px;border:1px solid #eee;margin:5px;} #pricefaqs li {float:left;width:610px;padding:20px;border:1px solid #eee;margin:0px 5px 20px 5px; background-color:#F8F8F8; } #pricefaqs ol li {float:left;width:610px;padding:20px; } #helpres li {float:left;width:610px;padding:20px;border:1px solid #eee;margin:0px 5px 20px 5px; background-color:#F8F8F8; } /* Company Board/Managment --------- */ #board li { float:left; width:520px; padding:0px; padding-left:100px; margin:20px; text-align: left; } .andrew {background:url(../images/andrew_sukow.jpg) top left no-repeat;margin:5px;} .anthony {background:url(../images/anthony_sukow.jpg) top left no-repeat;} .denise {background:url(../images/denise_houge.jpg) top left no-repeat;} .jord {background:url(../images/Jord_Tanner.jpg) top left no-repeat;} .fred {background:url(../images/fred_speckeen.png) top left no-repeat;} .micah {background:url(../images/micah.jpg) top left no-repeat;} .yoshi {background:url(../images/yoshi.jpg) top left no-repeat;} .kazza {background:url(../images/kazza.jpg) top left no-repeat;} /* Price page and table --------- */ table#prices {width:100%;margin:20px 40px; border:1px solid #000;} table#prices td {background:url(../images/tabletdprices.jpg) repeat-x top;text-align:center; border-left:1px solid #000; border-bottom:1px solid #333;vertical-align:middle;} table#prices td.tdname {background:url(../images/tdname.jpg) top left no-repeat #323232;padding:5px 0px 5px 5px;width:190px;vertical-align:middle;color:#fff;text-align:left;} table#prices td.tdname img {padding-right:10px;margin:0px;border:0px; float:right;} table#prices th.side { border-left:1px solid #fff;font-size:13px;text-align:center;background:url(../images/thbg.jpg) bottom repeat-x;color:#fff;height:25px;vertical-align:bottom;padding-bottom:3px;} table#prices th {border-left: none;font-size:13px;text-align:center;background:url(../images/thbg.jpg) bottom repeat-x;color:#fff;height:25px;vertical-align:bottom;padding-bottom:3px;} span.yes {display:block;background:url(../images/tick.png) no-repeat;width:16px;height:16px;text-indent:-9999px;margin-left:50%;;margin-top:4px;vertical-align:middle;} span.no {display:block;background:url(../images/cross.png) no-repeat;width:16px;height:16px;text-indent:-9999px;margin-left:50%;vertical-align:middle;} span.option {display:block;background:url(../images/option.jpg) no-repeat;width:16px;height:16px;text-indent:-9999px;margin-left:50%;} table#prices td.totalprice {color:#000;font-size:18px;background:url(../images/tabletdprices1.jpg) repeat-x top;height:50px;vertical-align:middle;} table#prices td.totalpricem {color:#000;font-size:24px;background:url(../images/tabletdprices.jpg) repeat-x top;height:65px;vertical-align:middle;} /* Help page --------- */ #content_help li {float:left;width:610px; padding-bottom:30px; padding-top:10px; padding-left:20px; padding-right:20px; border:1px solid #eee;margin:0px 5px 20px 5px;background:url(../images/descbg1.jpg) bottom repeat-x;-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari */ -moz-box-shadow: 3px 3px 10px #666;-webkit-box-shadow: 3px 3px 10px #666;-khtml-box-shadow: 3px 3px 10px #666;box-shadow: 3px 3px 10px #666; } #content_help {margin-left:30px;padding-top:20px;width:650px;padding-bottom:30px;} #content_help h1{ padding-bottom:10px; padding-top:10px;} #content_help a {color:#000;text-decoration:none;} #content_help a:visited {color:#000;} #content_help a:hover {color:#666; text-decoration:underline;} #content_help a:active {color:#666;} /* Sidebar:Features, Company, Help pages--------- */ #tour {background:url(../images/toursidebar.jpg) repeat-y left} #sidebar_tour {width:235px;padding-top:20px;} #sidebar_tour li.current {background:#fff;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:10px 0px 10px 10px; font-size:0.9em; color:#666;} /* Use this class for hover --------- */ #sidebar_tour li.current h2 {font-size:2.1em; color:#666;} #sidebar_tour li {padding:5px 0px 5px 10px;border-bottom:1px solid #ddd; font-size:10px; line-height:16px;} #sidebar_tour a {color:#000;text-decoration:none;} #sidebar_tour a:visited {color:#000;} #sidebar_tour a:hover {color:#666; text-decoration:underline;} #sidebar_tour a:active {color:#666;} /* Features page --------- */ #tour_content {margin-left:30px;padding-top:20px;width:650px;padding-bottom:30px;} #tour_contentvid { float:right; padding:0px 0px 15px 15px;} #tour_content ul#count {margin-top:20px;} #tour_content ul#count li {font-size:25px;padding:10px;padding-left:45px;height:20px;padding-top:5px; margin-top:15px;color:#67B2DD;} .one {background:url(../images/1.jpg) top left no-repeat;} .two {background:url(../images/2.jpg) top left no-repeat;} .three {background:url(../images/3.jpg) top left no-repeat;} .four {background:url(../images/4.jpg) top left no-repeat;} .five {background:url(../images/5.jpg) top left no-repeat;} .six {background:url(../images/6.jpg) top left no-repeat;} /* Contact Form --------- */ .message {display:none;} .contact {text-align:right; width:400px;} .contact ul {list-style-type:none;} .contact li {list-style-type:none;margin:5px 0px;} .contact li.special {display:none;} .contact label {float:left;padding-top:4px;} .contact input {width:260px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;} .contact textarea {width:260px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;} input#send {margin-top:0px;margin-right:10px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;} #alert {margin-top:5px;width:390px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px 5px 5px 5px;} #contact_info {text-align:center;width:630px;margin-top:5px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px 5px 5px 5px; margin-top:50px;} /* Genreal Form --------- */ .form { margin-left:50px; margin-top:20px; width:500px; line-height:40px; text-align:right;} .form ul {list-style-type:none;} .form li {list-style-type:none;margin:5px 0px;} .form li.special {display:none;} .form label {float:left;padding-top:4px;} .form input {border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;} .form textarea {width:360px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;} .form checkbox {width:16px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;} .form radio {width:16px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee; margin-left:50px;} .form select {width:80px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;} .checkbox{border: #000000 solid 1px;font-family: verdana;font-size: 12px;color: #000000; margin-left:10px; vertical-align:top;} .radioStyle { margin-left:10px; line-height:30px; width:16px; float:left;} .radioStyle1 { margin-left:10px; line-height:30px; width:16px; float:left; } /* Sign-up Forms table --------- */ /* Header --------- */ table#pick th {font-size:16px;text-align:left;background:url(../images/thbg.jpg) bottom repeat-x;color:#fff;height:25px;padding-bottom:3px;border:0px; padding-left:15px;vertical-align:middle;} /* Styles --------- */ table#pick {width:610px;margin-bottom:20px;margin-top:0px;vertical-align:middle; color:#000;} table#pick h3 {display:inline; vertical-align:middle; color:#FFF; } table#pick td {background:url(../images/tabletdbg.jpg) repeat-y left #67B2DD;border-bottom:1px solid #333;vertical-align:middle; width:200px;} table#pick tr { } /* ebay Sites --------- */ table#pick td.sitesmno {background:url(../images/tabletdprices.jpg) repeat-x top;height:55px;vertical-align:middle; border-right:1px #CCC solid; border-left:1px #CCC solid;} table#pick td.totalprice {font-size:18px;background:url(../images/tabletdprices1.jpg) repeat-x top;height:50px;vertical-align:middle; border-right:1px #CCC solid; } table#pick td.totalpricem {font-size:24px;background:url(../images/tabletdprices1.jpg) repeat-x top;height:55px;vertical-align:middle; border-right:1px #CCC solid; border-left:1px #CCC solid;} table#pick td.tdname {background:url(../images/tabletdprices1.jpg) repeat-x top;padding:5px 20px 5px 25px;width:275px;vertical-align:middle;text-align:left; border-left:1px #CCC solid;} table#pick td.tdsites {background:url(../images/tabletdprices.jpg) repeat-x top;padding:5px 0px 5px 5px;width:275px; border-left:1px #CCC solid;;text-align:left; } /* Motors --------- */ table#pick td.mot {font-size:18px;background:url(../images/tabletdprices.jpg) repeat-x top;height:50px;vertical-align:middle; border-right:1px #CCC solid; } table#pick td.motm {font-size:24px;background:url(../images/tabletdprices.jpg) repeat-x top;height:55px;vertical-align:middle; border-right:1px #CCC solid; border-left:1px #CCC solid;} /* Hotpackage --------- */ table#pick td.tdnamehot {background:url(../images/descbghot.jpg) top repeat-x #ffe5e6;padding:5px 0px 5px 5px;width:275px;vertical-align:middle;text-align:left; border-left:1px #CCC solid;} table#pick td.totalpricehot {font-size:18px;background:url(../images/descbghot.jpg) top repeat-x #ffe5e6;height:50px;vertical-align:middle; border-right:1px #CCC solid; } table#pick td.totalpricemhot {font-size:24px;background:url(../images/descbghot.jpg) top repeat-x #ffe5e6;height:55px;vertical-align:middle; border-right:1px #CCC solid; border-left:1px #CCC solid;} /* Genreal Form --------- */ .formpick { padding-bottom:20px; margin-top:0px; width:550px;} .formpick1 {width:610px; padding-top:0px;} .formpick ul {list-style-type:none;} .formpick li {list-style-type:none;margin:5px 0px;} .formpick li.special {display:none;} .formpick label {float:left;padding-top:4px; line-height:20px;} .formpick input {border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;} .formpick textarea {width:360px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;} .formpick checkbox {width:16px;border:1px solid #ddd;padding:5px;margin-left:5px;} .formpick radio {width:16px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee; margin-left:50px;} .formpick select {width:100px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;} /* Containers --------- */ #container { font-size:14px; padding:20px; background:#F8F8F8; width:610px; border:1px solid #CCC; -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari */ } #container_picktop {color:#fff; margin-left:20PX; font-size:12px; padding-top:5px; background:url(../images/thbg.jpg) bottom repeat-x; width:652px; height:30px; -moz-border-radius-topleft: 10px;-webkit-border-top-left-radius: 10px;-moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px; } #container_picktop h2{ margin-left:10px; color:#FFF;} #container_pick { margin-left:20PX; padding:20px; background:url(../images/descbg1.jpg) bottom repeat-x; width:610px; height:375px; border:1px solid #CCC; -moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius: 10px; -moz-box-shadow: 3px 3px 10px #666;-webkit-box-shadow: 3px 3px 10px #666;-khtml-box-shadow: 3px 3px 10px #666;box-shadow: 3px 3px 10px #666; } #container_signup { margin-left:20PX; font-size:12px; padding:20px; background:url(../images/descbg1.jpg) bottom repeat-x #fff; width:610px; height:325px; border:1px solid #CCC; -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari */ -moz-box-shadow: 3px 3px 10px #666;-webkit-box-shadow: 3px 3px 10px #666;-khtml-box-shadow: 3px 3px 10px #666;box-shadow: 3px 3px 10px #666; } #container_order { margin-left:20PX; font-size:12px; padding:20px; background:url(../images/descbg1.jpg) bottom repeat-x #fff; width:610px; min-height:895px; border:1px solid #CCC; -moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius: 10px; -moz-box-shadow: 3px 3px 10px #666;-webkit-box-shadow: 3px 3px 10px #666;-khtml-box-shadow: 3px 3px 10px #666;box-shadow: 3px 3px 10px #666; } #container_sidebar { font-size:.8em; line-height:2em;padding:20px 20px 40px; margin-right:10px; background:url(../images/descbg1.jpg) bottom repeat-x #fff; width:175px; border:1px solid #CCC; -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari */ -moz-box-shadow: 3px 3px 10px #666;-webkit-box-shadow: 3px 3px 10px #666;-khtml-box-shadow: 3px 3px 10px #666;box-shadow: 3px 3px 10px #666; } #container_sidebar li{ margin-top:5px;} #container_sidebar h3{ color:#000;} #container_sidebarord { color:#000; font-size:13px; line-height:16px; padding:15px 15px 20px; margin-right:10px; background:url(../images/descbgord.jpg) top repeat-x #D0FFCE; width:185px; border:1px solid #009933; -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari */ -moz-box-shadow: 3px 3px 10px #009933;-webkit-box-shadow: 3px 3px 10px #009933;-khtml-box-shadow: 3px 3px 10px #009933; box-shadow: 3px 3px 10px #009933; } #container_sidebarord h2{ color:#000;} #container_sample {margin-left:0PX; padding:20px; background:url(../images/descbg1.jpg) bottom repeat-x; width:250px; border:1px solid #CCC; -moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius: 10px; -moz-box-shadow: 3px 3px 10px #666;-webkit-box-shadow: 3px 3px 10px #666;-khtml-box-shadow: 3px 3px 10px #666;box-shadow: 3px 3px 10px #666; } #container_sampletop { color:#fff; margin-left:0PX; margin-top:20px; font-size:12px; padding-top:0px; background:url(../images/thbg.jpg) bottom repeat-x; width:292px; -moz-border-radius-topleft: 10px;-webkit-border-top-left-radius: 10px;-moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px; } #container_sampletopr { color:#fff; margin-left:0PX; margin-top:20px; font-size:12px; padding-top:0px; background:url(../images/thbg.jpg) bottom repeat-x; width:292px; -moz-border-radius-topleft: 10px;-webkit-border-top-left-radius: 10px;-moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px; } #container_sampletop h2,#container_sampletopr h2{ color:#fff; padding:8px 5px; }