/* CREDITS * ---------------------------------------------------------- * Title: Sportix Sportvoeding - Screen Stylesheet * Author: Dieter Verjans * Date: 15/12/09 * ---------------------------------------------------------- * Inventis - Web Architects - We design the Web! * www.inventis.be */ /* Reset ---------------------------------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; } table{ border-collapse:collapse; border-spacing:0; } fieldset,img{ border:0; } address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; } ol,ul{ list-style:none; } caption,th{ text-align:left; } h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; } strong,b{ font-weight:bold; } em{ font-style:italic; } em strong,strong em { font-weight: bold; font-style: italic; } abbr,acronym{ border-bottom:1px dotted; cursor:help; } button{ cursor:pointer; border:0; } input{ border:0; } /* General elements ---------------------------------------------------------- */ html, body {height: 100%;} html, body, input, textarea, button {font-family:Arial, Helvetica, sans-serif; font-size:12px;} a:hover{ text-decoration:none; } a:focus{ outline:none; } .clear{clear:both;} /* Container ---------------------------------------------------------- */ div#container{ width:910px; padding:0 5px; /*min-height: 100%; height: auto !important; height: 100%; margin:0 auto -120px;*/ margin:0 auto; } /* Header ---------------------------------------------------------- */ div#header {clear:both; position:relative; width:100%; height:30px; padding-top:60px;} div#header h1 a{width:186px; height:78px; background:url(../images/layout/sportix-sportvoeding.png) no-repeat 0 0; display:block; position:absolute; top:7px; left:15px; text-indent:-9000px;} div#header div#subh {position:absolute; top:12px; right:0; text-align:right;} div#header div#subh img {padding-left:20px; vertical-align:middle;} div#header div#shoppingcart {height:30px; width:908px; clear:both; overflow:hidden; border:1px solid;} div#header div#shoppingcart ul {width:560px; float:right; height:30px;} div#header div#shoppingcart ul li {float:right; padding:0 10px; line-height:30px;} div#header div#shoppingcart ul li h4 {font-size:20px; height:24px; line-height:24px; padding-top:4px} /* Breadcrumbs ---------------------------------------------------------- */ div#breadcrumbs {clear:both; overflow:hidden; padding:5px 10px 5px 15px; border:1px solid; border-width: 0 1px 1px 1px; width:883px;} div#breadcrumbs ol li {float:left; padding-right:5px;} div#breadcrumbs a#faqLink {float:right; text-decoration:none; color:#000; background:url(../images/layout/help.png) no-repeat 0 0; padding-left:18px;} div#breadcrumbs a#faqLink span {text-decoration:underline;} div#breadcrumbs a#faqLink:hover span {text-decoration:none;} /* Content ---------------------------------------------------------- */ div#content {clear:both; width:100%; overflow:hidden; padding-bottom:15px;} div#content h2 {border:1px solid; border-width:0 1px 1px 1px; padding:10px 15px; font-size:22px; margin-bottom:15px;} div#content div.col {float:left; margin-right:15px; padding-bottom:15px; overflow:hidden; display: inline;} div#content div.w_80 {width:721px;} div#content div.w_20 {width:174px;} div#content div.w_80 div.textcontent {padding:0 15px;} div#content div.w_80 div.textcontent ul {margin:0 0 15px 15px;} div#content div.w_80 div.textcontent ul li {background:url(../images/layout/arrow-black.png) no-repeat 0 5px; padding-left:20px; line-height:20px;} div#content div.w_80 div.textcontent ol {margin:0 0 15px 15px;} div#content div.w_80 div.textcontent ol li { list-style-type:decimal; margin-left:20px; line-height:20px;} div#content div.w_80 div.textcontent ol li ul li {list-style-type:none; margin:0;} div#content div.w_80 div.textborder { margin-left:15px; padding:15px; border:1px solid;} div#content div.w_80 h3.subtitle {padding:5px 0; font-size:20px; border-bottom:1px solid; margin:15px 0 10px 15px;} div#content div.w_80 div.small_boxed {font-size:10px; border:1px solid; padding:10px; margin-top:500px; } div#content div#recommendProduct {clear:both;} div#content div#recommendProduct span.title {font-size:24px} div#content div.w_80 div#promoCodeBox {position:relative; font-size:12px; float:right; text-align:left; overflow:visible} div#content div.w_80 div#promoCodeBox div#promoError {text-align:right; clear:both; padding-top:15px;} div#content div.w_80 div#promoCodeBox div#promoError strong {color:#C10000} div#content div.product {float:left; border:1px solid; padding:15px; width:321px; min-height:287px; margin:0 15px 15px 0; overflow:hidden;} div#content div.product div.image {float:left; width:150px;} div#content div.product div.image img {width:140px;} div#content div.product div.info {float:left; width:171px;} div#content div.product div.info h3 {font-size:17px; font-weight:bold; margin-bottom:10px;} div#content div.product div.info h3 span {font-size:14px;} div#content div.product div.info strong.price {font-size:24px; line-height:30px; padding-right:5px;} div#content div.product div.info span.price {text-decoration:line-through; font-size:14px; line-height:30px; vertical-align:middle;} div#content div.product div.info ul {margin:5px 0 0 0;} div#content div.product div.info ul li {background:url(../images/layout/arrow-black.png) no-repeat 0 5px; padding-left:20px; line-height:20px;} div#content div.product div.info ol {margin:5px 0 0 0;} div#content div.product div.info ol li {list-style-type:decimal; margin-left:20px; line-height:20px;} div#content div.product div.info a.button {margin:15px 0 0 45px; background:url(../images/layout/btn-left.png) no-repeat 0 0; text-decoration:none; font-weight:bold; line-height:34px; display:block; width:auto; height:34px; padding-left:15px;} div#content div.product div.info a.button span {background:url(../images/layout/btn-right.png) no-repeat 100% 0; padding-right: 15px; cursor:pointer; line-height:34px; float:left;} div#content div.product div.info a.button:hover {background-position: 0 -34px;} div#content div.product div.info a.button:hover span {background-position: 100% -34px;} div#content div.page {/*margin:0 0 15px;*/margin:0 15px 15px 0; border:1px solid; padding:15px; overflow:hidden; height:auto; min-height:10px;} div#content div.page h3 {font-size:18px; font-weight:bold; margin-bottom:10px;} div#content div.page h3 span {font-size:14px;} div#content div.page a.button {margin:15px 0 0 0; background:url(../images/layout/btn-left.png) no-repeat 0 0; text-decoration:none; font-weight:bold; line-height:34px; display:block; width:auto; height:34px; padding-left:15px;} div#content div.page a.button span {background:url(../images/layout/btn-right.png) no-repeat 100% 0; padding-right: 15px; cursor:pointer; line-height:34px; float:left;} div#content div.page a.button:hover {background-position: 0 -34px;} div#content div.page a.button:hover span {background-position: 100% -34px;} div.detail {border:1px solid; padding:15px; width:689px; margin-bottom:15px; overflow:hidden;} div.detail div.image {float:left; width:291px;} div.detail div.image img {width:280px;} div.detail div.image div.testimonialllink {width:280px; text-align:center; color:#89A515; background:url(../images/layout/testimonial-arrow.png) no-repeat 50% 0; padding-top:35px; margin-bottom:15px;} div.detail div.image div.testimonialllink a {color:#89A515;} div.detail div.info {float:left; width:398px;} div.detail div.info span.eyecatcher {font-size:14px; font-weight:bold; color:#ff6600;} div.detail div.extra {clear:both; padding-top:15px;} div.detail div.info h3 {font-size:24px; font-weight:bold; margin-bottom:10px;} div.detail div.info h3 span {font-size:14px} div.detail div.info strong.price {font-size:24px; line-height:30px; padding-right:5px;} div.detail div.info span.price {text-decoration:line-through; font-size:14px; line-height:30px; vertical-align:middle;} div.detail div.info ul {margin:15px 0;} div.detail div.info ul li {background:url(../images/layout/arrow-black.png) no-repeat 0 5px; padding-left:20px; line-height:20px;} div.detail div.extra ul {clear:both;} div.detail div.extra ul li {background:url(../images/layout/arrow-black.png) no-repeat 0 5px; padding-left:20px; line-height:20px;} div.detail div.info ol{margin:15px 0;} div.detail div.info ol li{list-style-type:decimal; margin-left:20px; line-height:20px;} div.detail div.extra ol{clear:both;} div.detail div.extra ol li {list-style-type:decimal; margin-left:20px; line-height:20px;} div.detail div.info a.testimonial {float:right; padding-top:8px;} div.detail div.info a.buy{background:url(../images/layout/btn-buy-left.png) no-repeat 0 0; text-decoration:none; font-weight:bold; line-height:36px; display:block; width:auto; height:36px; padding-left:34px;} div.detail div.info a.buy span {background:url(../images/layout/btn-buy-right.png) no-repeat 100% 0; padding-right: 15px; cursor:pointer; line-height:30px; height:36px; float:left; text-shadow:1px 1px 1px #000;} div.detail div.info a.buy:hover {background-position: 0 -36px;} div.detail div.info a.buy:hover span {background-position: 100% -36px;} div#content div.extra div#gwo_content a.buy{background:url(../images/layout/btn-buy-left.png) no-repeat 0 0; text-decoration:none; font-weight:bold; line-height:36px; display:block; width:auto; height:36px; padding-left:34px;} div#content div.extra div#gwo_content a.buy span {background:url(../images/layout/btn-buy-right.png) no-repeat 100% 0; padding-right: 15px; cursor:pointer; line-height:30px; height:36px; float:left; text-shadow:1px 1px 1px #000;} div#content div.extra div#gwo_content a.buy:hover {background-position: 0 -36px;} div#content div.extra div#gwo_content a.buy:hover span {background-position: 100% -36px;} div.detail div.extra h4 { font-size:18px; } div.detail div.testimonials {clear:both; padding-top:15px;} div.detail div.testimonials h4 { font-size:18px; } div.detail div.testimonials ul li {padding:5px 0;} div.detail div.testimonials ul li div {padding:10px; clear:both; border:1px solid;} div.detail div.testimonials ul li div div{padding:5px 0 0 0; border:0;} div.detail div.testimonials ul li div span.date { font-weight:bold; float:right; } div.detail div.info div.price {margin-bottom:15px;} div.detail div.info div.why {margin-top:15px; border:1px solid; padding:10px;} div.detail div.info div.why h5 {font-size:15px;} div.detail div.info div.why h3 {font-size:16px;} div#content div.last {margin-right: 0;} div#content div.last div.twitter {width:172px; margin-bottom:15px; height:auto;} div#content div.last div.twitter a {background:url(../images/layout/twitter.png) no-repeat 0 0; display:block; width:172px; height:172px; text-indent:-9000px;} div#content div.last div.unizo {width:172px; margin-bottom:15px; height:auto;} div#content div.last div.unizo a {background:url(../images/layout/unizo.png) no-repeat 0 0; display:block; width:172px; height:180px; text-indent:-9000px;} div#content div.last div.privacy h4 {font-size:14px; margin:0;} div#content div.last div.privacy em{ float:left; text-align:left; font-style:italic;} div#content div#sportix {height:210px; padding-left:342px; margin-left:-2px; border:1px solid; border-width:0 1px 1px 0; position:relative;} div#content div#sportix h2.title {display:none;} div#content div#sportix span.sub {display:none;} div#content div#sportix ol li {font-weight:bold; font-size:16px; background:url(../images/layout/arrow-red.png) no-repeat 0 7px; padding:7px 0 5px 25px;} div#content div#sportix ol li h3 {font-weight:bold;} div#content div#sportix ol li h3 span {padding-right:5px;} div#content div#sportix ol li p {font-weight:normal; font-size:12px; padding:2px 5px 0 23px;} div#content div#sportix a.button {margin:0; background:url(../images/layout/btn-left-green.png) no-repeat 0 0; text-decoration:none; font-weight:bold; line-height:34px; display:block; width:auto; height:34px; padding-left:15px; position:absolute; margin:165px 0 0 -120px; } div#content div#sportix a.button span {background:url(../images/layout/btn-right-green.png) no-repeat 100% 0; padding-right: 15px; cursor:pointer; line-height:32px; float:left;} div#content div#sportix a.button:hover {background-position: 0 -34px;} div#content div#sportix a.button:hover span {background-position: 100% -34px;} div#content div#sportix div#testimonialsBox {width:268px; height:145px; position:absolute; top:55px; left:65px; font-size:13px; overflow:hidden;} div#content div#sportix div#testimonialsBox em {color:#000; font-weight:bold;} div#content div#sportix div#testimonialsBox strong {color:#fff; text-transform:uppercase;} div#content form#searchform {float:right; padding:10px 10px 0 0;} div#content form#searchform input {height:15px; font-size:12px; padding:3px; background:#FBFFE8; border:1px solid #D3DDD5; width:200px; color:#89A515; float:left; margin:0; border-right:0;} div#content form#searchform button {height:23px; display:block; padding:3px; border:1px solid #D3DDD5; border-left:0; float:left; text-indent:-9000px; background:#fbffe8 url('/design/images/layout/search.png') no-repeat 0 3px; width:20px;} div#content form#searchform button:hover {background-position:0 -17px;} /* Boxes ---------------------------------------------------------- */ div#content div.w_20 div.box {border:1px solid; width:152px; padding:10px; margin-bottom:15px; min-height:130px; overflow:hidden;} div#content div.w_20 div.box ul li {background:url(../images/layout/arrow-black.png) no-repeat 0 5px; padding:3px 0 6px 20px; line-height:14px;} div#content div.w_20 div.box ol li {list-style-type:decimal; padding:3px 0 6px 0; margin-left:20px; line-height:14px;} div#content div.w_20 div.box h4 {font-size:16px; margin-bottom:10px; font-weight:bold} div#content div.w_20 div.box h4 strong {font-size:13px;} div#content div.w_20 div.box h4.center {text-align:center; font-size:30px;} div#content div.w_20 div.box h4.center strong {font-size:28px;} div#content div.left div.box {height:auto;} div#content div.border {width:689px !important; border:1px solid; padding:15px;} div#content div.border ul li a.faq {font-weight:bold;} div#content div.border ul {margin:5px 0 0 0;} div#content div.border ul li {background:url(../images/layout/arrow-black.png) no-repeat 0 5px; padding-left:20px;} div#content div.border ol {margin:5px 0 0 0;} div#content div.border ol li {list-style-type:decimal; margin-left:20px;} div#content div.border h3 {font-size:24px; font-weight:bold; margin-bottom:10px;} div#content div.border div.images {float:right; width:160px;} div#content div.border div.images a {float:right; margin-bottom:5px;} div#content div.border div.images a img {border:1px solid; padding:3px;} div#content div.border h4 { font-size:16px; margin: 10px 15px 10px 15px; font-weight:bold; clear: both; } div#content div.border p { margin: 15px; } div#content div.faq p { margin: 0; } div#content div.border ul.related {overflow:hidden; width:710px; float:none; clear:both; margin:0} div#content div.border ul.related li { background:0; padding:0; padding-bottom:15px; line-height:normal; margin: 0 15px 0 0; width: 217px; text-align: center; height: 175px; overflow: hidden; float: left; display:block;} div#content div.border ul.related li.last { margin-right: 0;} div#content div.border ul.related li a { width: 217px; display: block; overflow: hidden; position:relative; float:left; text-decoration: none; } div#content div.border ul.related li a img {border:1px solid;} div#content div.border ul.related li a:hover { text-decoration: none; } div#content div.border ul.related li span { margin: 5px 0 0 0; display: block; font-weight: bold; } div#content div.border ul.related li span.play {background:url(../images/layout/play.png) no-repeat 0 0; width:70px; height:70px; position:absolute; top:25px; left:75px; z-index:2;} div#content div.border ul.extra {overflow:hidden; width:710px; float:none; clear:both; margin:0} div#content div.border ul.extra li { display:block; clear:both; padding-bottom:15px;} div#content div.border ul.extra li a.title {font-weight:bold;} div#content div.border ul.extra li a.link {font-weight:normal;} div#content div.border ul.extra li span { margin: 5px 0 0 0; display: block; } div#content div.extra h4 {margin:0 0 10px 0;} div#content div.extra p {margin:0 0 10px 0;} div#content div.extra a.download {font-weight:bold;} div#content div.border div#player { width: 500px; margin:0 auto; border:1px solid; } div#content div.videoalone {width:878px!important;} div#content div.videoalone h4 {width:470px; margin:0 auto; padding-bottom:5px; } div#content div.videoalone div#video_content{width:470px; margin:0 auto; padding-top:15px;} div#content div.border ul.tags { margin: 15px 15px 20px; display: block; width: 689px; line-height: 22px; overflow: hidden; } div#content div.border ul.tags li { margin: 0 7px 0 0; float: left; background:none; padding:0; } div#content div.border ul.tags li span { font-weight: bold; padding-left: 14px; background: url(../images/layout/tag_icon.gif) no-repeat left center; } div#content div.border ul.tags li a { border: 1px solid; padding: 2px 5px; text-decoration: none; } div#content div.border.center ul { width: 217px; text-align: center; margin: 15px auto; } div#content div.center div.login_required { border: 1px solid; width: 390px; margin: 10px auto; clear: both; } div#content div.center div.login_required h4 { margin: 15px 15px 5px; } div#content div.center div.login_info { width: 390px; margin: 10px auto; clear: both; } div#content div.center div.login_info h4 { margin: 15px; } div#content div.center form.niceform { margin: 0 !important; } div#content div.center form.niceform div.entry { width: 360px; padding: 5px 15px; display: block; overflow: hidden; } div#content div.center form.niceform div.entry label { width: 100%; display: block; overflow: hidden; } div#content div.center form.niceform div.entry input { padding: 6px 2px; width: 350px !important; } div#content div.center form.niceform div.entry span.error { padding: 7px 0 0 24px; height: 20px; display: block; } div#content div.center form.niceform div.entry.buttons { padding-top: 0; margin-top: 5px; } div#content div.center div.sc_footer a { margin-right: 18px; } /* NiceForm ---------------------------------------------------------- */ div#content form.niceform {clear:both;} div#content form.niceform div.entry {clear:both; width:100%; overflow:hidden; padding-bottom:10px;} div#content form.niceform div.entry label {display:block;} div#content form.niceform div.text, div#content form.niceform div.textarea, div#content form.niceform div.select, div#content form.niceform div.checkbox {padding:5px 15px;} div#content form.niceform div.text input {width:327px; border:1px solid; line-height:16px; padding:3px;} div#content form.niceform div.textarea textarea {width:327px; border:1px solid; height:100px; line-height:16px; padding:3px;} div#content form.niceform div.big textarea {width:698px; height:150px; margin-top:5px;} div#content form.niceform div.select select {width:335px; border:1px solid; line-height:16px; padding:3px;} div#content form.niceform div.checkbox input {width:20px;} div#content form.niceform div.buttons {padding-top:15px;} div#content form.niceform div.buttons button {background:none; padding:0; margin:0; text-align:center;} div#content form.niceform div.buttons button span { float:left; background:url(../images/layout/btn-left.png) no-repeat 0 0; text-decoration:none; font-weight:bold; line-height:34px; height:34px; padding-left:8px; white-space:nowrap} div#content form.niceform div.buttons button span span {background:url(../images/layout/btn-right.png) no-repeat 100% 0; padding-right: 16px; cursor:pointer; line-height:34px; float:left;} div#content form.niceform div.buttons button:hover span {background-position: 0 -34px;} div#content form.niceform div.buttons button:hover span span {background-position: 100% -34px;} div#content form.niceform div.bf {width:355px;} div#content form.niceform div.bf button {float:right;} div#content form.niceform div.entry span.icon{ font-style:italic; line-height:18px; height:18px; padding:7px 0 5px 23px; vertical-align:top;} div#content form.niceform div.entry span.required{background:url(../images/layout/validator/required.png) no-repeat 2px 7px; } div#content form.niceform div.entry span.correct{ background:url(../images/layout/validator/correct.png) no-repeat 2px 7px; } div#content form.niceform div.entry span.error{ background:url(../images/layout/validator/error.png) no-repeat 2px 7px; } div#content form.niceform div#formErrors {padding:5px 15px;} div#content form.niceform div#formErrors a { text-decoration:underline;} div#content form.niceform div#formErrors a:hover {text-decoration:none;} div#content form.niceform input.search{border:1px solid; line-height:16px; padding:3px; width:140px;} div.rel {position:relative; overflow:hidden;} div#content form#loginform {width:335px; position:absolute; right:0px; background:url(../images/layout/loginform.png) no-repeat 0 50%; padding-left:10px; top:35px;} div#content form#loginform fieldset {border:1px solid; padding:10px; border-left:0;} div#content form#loginform h3 {font-size:16px; font-weight:bold; margin-bottom:5px;} div#content form#loginform div.entry {padding:5px 0 0 0;} div#content form#loginform div.text, div#content form#loginform div.textarea, div#content form#loginform div.select, div#content form#loginform div.checkbox {padding:5px 0;} div#content form#loginform div.text label {width:80px; float:left; line-height:22px;} div#content form#loginform div.text input {width:220px; float:right;} div#content form#loginform div.sc_footer {margin:0;} div#content form#loginform span.error {clear:both; display:block; width:205px; float:right;} /* Shoppingcart ---------------------------------------------------------- */ div#content table.shoppingcart_products {margin:15px 0; width:721px; border-collapse:collapse;} div#content table.shoppingcart_products tr.header th {font-weight:bold; padding: 5px;} div#content table.shoppingcart_products thead {border-bottom:1px solid; margin:1px 0;} div#content table.shoppingcart_products tbody {border:1px solid; } div#content table.shoppingcart_products tfoot {border-top:1px solid; margin:1px 0;} div#content table.shoppingcart_products tr.product td {padding:5px; line-height:20px;} div#content table.shoppingcart_products tr.product td div.image {padding-left:10px; height:110px; vertical-align:middle;} div#content table.shoppingcart_products tr.product td div.image img {border:2px solid; vertical-align:middle; max-width:75px; max-height:110px;} div#content table.shoppingcart_products tr.spacer td {height:1px;} div#content table.shoppingcart_products tr.sx td {height:15px;} div#content table.shoppingcart_products tr.product td.del {padding:0;} div#content table.shoppingcart_products tr.product td.del a {display:block; width:23px; height:120px; overflow:hidden; text-indent:-9000px; background:url(../images/layout/delete.png) no-repeat 5px 100px;} div#content table.shoppingcart_products tr.subdisc td {font-weight:bold; font-size:14px; padding:2px 10px; line-height:18px;} div#content table.shoppingcart_products tr.unv{display:none;} div#content table.shoppingcart_products tr.footer td {font-weight:bold; font-size:18px; padding:5px 10px;} div#content table.shoppingcart_products tr.footer td.ogone {text-align:right; font-size:11px; line-height:24px; padding-right:15px} div#content table.shoppingcart_products tr.footer td.ogone img {vertical-align:middle; padding-left:2px;} div#content table.shoppingcart_products tr.footer td.privacy {text-align:left; font-size:11px; line-height:24px; padding:0 15px 0 0;} div#content table.shoppingcart_products tr.footer td.privacy div { border:1px solid; padding:10px; font-weight:normal; line-height:16px;} div#content table.shoppingcart_products tr.footer td.privacy div h4 {font-weight:bold; font-size:14px; margin-bottom:5px;} div#content table.shoppingcart_products tr.footer td.privacy div img {vertical-align:middle; float:left;} div#content table.shoppingcart_products div.actions input {width:30px; float:left; border:1px solid; height:19px; padding:5px 5px 0 5px; text-align:right;} div#content table.shoppingcart_products div.actions div.handlers {float:left; overflow:hidden; padding-left:5px;} div#content table.shoppingcart_products div.actions div.handlers a.btn {display:block; width:10px; height:10px; text-indent:-9000px; margin-bottom:5px; overflow:hidden;} div#content table.shoppingcart_products div.actions div.handlers a.del {background-position:0 -13px!important;} div#content table.shoppingcart_products div.actions div.handlers a.add:hover {background-position:-10px 0!important;} div#content table.shoppingcart_products div.actions div.handlers a.del:hover {background-position:-10px -13px!important;} div#content div.sc_footer {margin:15px 0; clear:both; overflow:hidden; width:100%;} div#content div.sc_footer span {text-align:right; float:right; margin-bottom:30px; clear:both;} div#content div.sc_footer span img {vertical-align:top; padding-left:2px;} div#content div.sc_footer a.button {background:url(../images/layout/btn-left.png) no-repeat 0 0; text-decoration:none; font-weight:bold; line-height:34px; display:block; width:auto; height:34px; padding-left:15px; float:left;} div#content div.sc_footer a.button span {background:url(../images/layout/btn-right.png) no-repeat 100% 0; padding-right: 15px; cursor:pointer; line-height:34px; float:left;} div#content div.sc_footer a.button:hover {background-position: 0 -34px;} div#content div.sc_footer a.button:hover span {background-position: 100% -34px;} div#content div.sc_footer .right, div#content div.sc_footer a.right {float:right; clear:right;} div#content div.sc_footer a span, div#content div.sc_footer button span {margin:0;} div#content div.sc_footer div.right button{float:right;} div#content div.sc_footer div.right h4{float:right; font-size:14px; font-weight:bold; line-height:34px; padding:0 5px;} div#content div.sc_footer div.right a{float:right;} /* Ogone template ---------------------------------------------------------- */ div#content div#ogone_template {width:690px;} div#content div#ogone_template table td {padding:5px 10px; vertical-align:top;} div#content div#ogone_template table td, div#ogone_template table td small{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } div#content div#ogone_template table td small small {font-weight:normal;} div#content div#ogone_template table td.ncoltxtr, div#ogone_template table td.ncoltxtr small, div#ogone_template table td.ncoltxtr b {font-weight:normal;} div#content div#ogone_template table td.ncoltxtr {padding-left:15px;} div#content div#ogone_template table td.ncolinput a {margin-left:5px;} div#content div#ogone_template table.ncoltable3 {margin:15px 0;} div#content div#ogone_template input{ margin:0 5px ; clear:both; width:250px; border:1px solid; line-height:16px; padding:3px; } div#content div#ogone_template input.NCOLINIM {width:auto;} div#content div#ogone_template input.ncol {cursor:pointer; background:url(../images/layout/button.png) no-repeat 0 0!important; width:200px; display:block; font-weight:bold; height:34px; line-height:34px; padding:0 13px; border:0; text-align:center;} div#content div#ogone_template input.ncol:hover {background-position:0 -34px;} div#content div#ogone_template .ncollogoc input.ncol {cursor:pointer; background:url(../images/layout/button-small.png) no-repeat 0 0!important; width:100px; display:block; font-weight:bold; height:34px; line-height:34px; padding:0 13px; border:0; text-align:center;} div#content div#ogone_template .ncollogoc input.ncol:hover {background-position:0 -34px;} div#content div#ogone_template a.midncol {clear:both; float:left;} div#content div#ogone_template select{ margin:0 5px ; padding:3px; border:1px solid; } div#content div#ogone_template div.WaitMsgClass, div#ogone_template div#WaitMsgId {top:40%!important; left:30%!important; border:5px solid !important; padding:10px !important;} div#content div#ogone_template div.WaitMsgClass img, div#ogone_template div#WaitMsgId img {vertical-align:middle; padding-right:5px;} /* Recommend product overlay ---------------------------------------------------------- */ div#sc_recommendProduct {position:absolute; z-index:9999; top:25px; left:50%; margin-left:-380px; width:720px; background:#fff; padding:15px; border:5px solid #819F06; overflow:hidden;} div#sc_recommendProduct div#recommendProduct {clear:both;} div#sc_recommendProduct div#recommendProduct div.detail {margin:0;} div#sc_recommendProduct div#recommendProduct span.title {font-size:24px; color:#819F06;} div#sc_recommendProduct div#recommendProduct a.info {color:#819F06;} div#sc_recommendProduct a.button {background:url(../images/layout/btn-left.png) no-repeat 0 0; text-decoration:none; font-weight:bold; line-height:34px; display:block; width:auto; height:34px; padding-left:15px; float:left;} div#sc_recommendProduct a.button span {background:url(../images/layout/btn-right.png) no-repeat 100% 0; padding-right: 15px; cursor:pointer; line-height:34px; float:left; color:#C10000;} div#sc_recommendProduct a.button:hover {background-position: 0 -34px;} div#sc_recommendProduct a.button:hover span {background-position: 100% -34px;} /* Footer ---------------------------------------------------------- */ div#push {/*height:120px;*/ display:none;} div#footer {clear:both; height:120px; width:910px; margin:0 auto; text-align:right;} div#footer img {margin:10px 0 0 0;} div#footer ul {width:100%; overflow:hidden; clear:both; margin-bottom:5px;} div#footer ul li {float:left; width:400px; line-height:30px; padding:0 15px; text-align:center;} div#footer ul li.contact {text-align:left; width:330px;} div#footer ul li.credits {float:right; text-align:left; width:90px;} div#footer ul li.credits a {width:90px; height:30px; float:right; background:url(../images/layout/credits.png) no-repeat 0 0; text-indent:-9000px; margin-top:-2px;} div#footer ul li.credits a:hover {background-position:0 -30px;} /* Shoppingcart overlay ---------------------------------------------------------- */ div#sc_overlay {height:100%; left:0; position:absolute; top:0; width:100%; z-index:5040} div#sc_overlay div#sc_bg { height:100%; left:0; position:absolute; top:0; width:100%; z-index:5050;} /*div#sc_overlay*/ div#sc_balloon {background:transparent url(../images/layout/shoppingcart/balloon.png) no-repeat 0 0; height:146px; left:55%; position:absolute; top:88px; width:360px; z-index:5060; padding:24px 10px 10px 10px} /*div#sc_overlay*/div#sc_balloon div#sc_text {clear:both; overflow:hidden; width:100%; height:113px;} /*div#sc_overlay*/ div#sc_balloon div#sc_text div.image {border:3px solid; height:75px; width:75px; line-height:95px; text-align:center; float:left; margin:0 10px 18px 0;} /*div#sc_overlay*/ div#sc_balloon a {background:url(../images/layout/btn-left.png) no-repeat 0 0; text-decoration:none; font-weight:bold; line-height:34px; display:block; width:auto; height:34px; padding-left:15px; float:left;} /*div#sc_overlay*/ div#sc_balloon a span {background:url(../images/layout/btn-right.png) no-repeat 100% 0; padding-right: 15px; cursor:pointer; line-height:34px; float:left;} /*div#sc_overlay*/ div#sc_balloon a:hover {background-position: 0 -34px;} /*div#sc_overlay*/ div#sc_balloon a:hover span {background-position: 100% -34px;} /*div#sc_overlay*/ div#sc_balloon a#sc_paybutton {float:right;} /*div#sc_overlay*/ div#sc_balloon .text span {float:none!important; clear:none!important; margin:0!important; text-align:left!important;} /*a#promoCode {background:#EFF9C5; padding:3px 5px; border:2px solid #819F06; font-weight:bold; color:#819F06; text-decoration:none;} a#promoCode:hover {background:#819F06; color:#fff;}*/ div.noscript_warning {padding:5px 5px 5px 30px; border-bottom:2px solid #333; color:#000; margin-bottom:10px; background: #FFFFE1 url(../images/webadmin/icons/exclamation.gif) no-repeat 10px 5px;} span#creditsTotal{font-size:16px; clear:both; display:block; margin-bottom:10px;} a.fb {background:url(../images/layout/fb.gif) no-repeat 100% 0; line-height:16px; height:14px; display:inline-block; color:#3b5998; padding:1px 20px 1px 3px; border:1px solid #6d84b4; text-decoration:none; font-size:10px;} a.fb:hover {background-color:#3b5998; color:#fff;} /* Green ---------------------------------------------------------- */ body.green {color:#000;} body.green a{ color:#000; } body.green a#promoCode{ color:#89A515; } body.green div#header div#shoppingcart {background:#96b908; border-color:#d3ddd5;} body.green div#header div#shoppingcart ul {background:#819f06 } body.green div#header div#shoppingcart ul li h4 {color:#fff;} body.green div#header div#shoppingcart ul li a {color:#fff;} body.green div#header div#shoppingcart ul li.price {color:#fff;} body.green div#breadcrumbs {background:#e9f4ec; color:#a7b9ac; border-color:#d3ddd5;} body.green div#breadcrumbs a {color:#a7b9ac;} body.green div#breadcrumbs a:hover {color:#000;} body.green div#content h2 {background:#e9f4ec; border-color:#d3ddd5;} body.green div#content div.page { border-color:#d3ddd5;} body.green div#content div.page a.button {color:#c10000;} body.green div#content div.product { border-color:#d3ddd5;} body.green div#content div.product div.info a.button {color:#c10000;} body.green div#content div.product div.info strong.price {color:#819f06;} body.green div#content div.product div.info span.price {color:#707070;} body.green div.detail { border-color:#d3ddd5;} body.green div.detail div.info h3 span {color:#819f06;} body.green div.detail div.info strong.price {color:#819f06;} body.green div.detail div.info span.price {color:#707070;} body.green div.detail div.info div.price span {color:#707070;} body.green div.detail div.info a.testimonial {color:#819f06; font-weight:bold;} body.green div.detail div.info a.buy {color:#fff;} body.green div#content div.extra div#gwo_content a.buy {color:#fff;} body.green div.detail div.info div.why {background:#fbffe8; border-color:#d3ddd5;} body.green div.detail div.info div.why h5 {color:#819f06;} body.green div#content div.w_80 div.small_boxed { border-color:#d3ddd5; color:#333;} body.green div#content div.w_80 div.textborder { border-color:#d3ddd5; } body.green div#content div.w_20 div.box { background:#fbffe8; border-color:#d3ddd5;} body.green div#content div.w_20 div.box h4 strong {color:#89a515;} body.green div#content div.w_20 div.box a {color:#89a515;} body.green div#content div.border { border-color:#d3ddd5;} body.green div#content div.border ul li a.faq {color:#89a515;} body.green div#content div.border div.images a img { border-color:#d3ddd5;} body.green div#content div.border div.images a:hover {border-color:#000;} body.green div#content div.border ul.tags li a { border-color: #D3DDD5; background: #feffee; color: #849e07; } body.green div#content div.border ul.tags li a:hover { border-color: #849e07; } body.green div#content div.border div#player {border-color:#E9F4EC; } body.green div#content div.border ul.related li a img {border-color: #D3DDD5;} body.green div#content div.border ul.related li a:hover img {border-color: #849e07;} body.green div#content div.border ul.related li a:hover span {color: #849e07;} body.green div#content div.border ul.extra li a.title {color: #849e07} body.green div#content div.extra a.download {color: #849e07} body.green div#content div.center div.login_required { border-color: #e7ebd2; background: #fbffe8; } body.green div#content div#sportix {background:#fbffe8 url(../images/layout/sportix-green-testimonial.png) no-repeat 0 0; border-color:#d3ddd5;} body.green div#content div#sportix strong {color:#c10000;} body.green div#content div#sportix a.button {color:#c10000;} body.green div#content div.last div.privacy {background:#E9F4EC;} body.green div#content div.last div.privacy em {color:#000;} body.green div#content table.shoppingcart_products tr.footer td.privacy div {background:#E9F4EC; border-color:#d3ddd5;} body.green div#content form.niceform {margin-top:15px;} body.green div#content form.niceform fieldset legend {display:none;} body.green div#content form.niceform div.text input {background:#fbffe8; border-color:#96b908;} body.green div#content form.niceform div.textarea textarea {background:#fbffe8; border-color:#96b908;} body.green div#content form.niceform div.select select {background:#fbffe8; border-color:#96b908;} body.green div#content form.niceform div.text input.error {background:#ffe8e8!important; border-color:#c10000;} body.green div#content form.niceform div.textarea textarea.error {background:#ffe8e8!important; border-color:#c10000;} body.green div#content form.niceform div.select select.error {background:#ffe8e8!important; border-color:#c10000;} body.green div#content form.niceform input.search {background:#E9F4EC; border-color:#D3DDD5;} body.green div#content form.niceform div.buttons button span {color:#c10000;} body.green div#content form.niceform div.entry span.error{color:#c10000;} body.green div#content form.niceform div.entry span.correct {color:#85c97a;} body.green div#content div.center form.niceform div.entry span.error {color:#c10000;} body.green div#content div.center form.niceform div.entry input {background:#fff;} body.green div#content form.niceform div#formErrors {color:#c10000;} body.green div#content form.niceform div#formErrors a {color:#c10000;} body.green div#content form#loginform fieldset {background-color:#fbffe8; border-color:#96b908;} body.green div#content form#loginform div.text input {background:#fff;} body.green div#content form#loginform div.text input.error {background:#ffe8e8;} body.green div#content form#loginform span.info {color:#96b908;} body.green div#content div#ogone_template input {background:#fbffe8; border-color:#96b908;} body.green div#content div#ogone_template select {background:#fbffe8; border-color:#96b908;} body.green div#content table.shoppingcart_products thead {border-color:#d3ddd5;} body.green div#content table.shoppingcart_products tbody {border-color:#d3ddd5;} body.green div#content table.shoppingcart_products tfoot {border-color:#d3ddd5;} body.green div#content table.shoppingcart_products tr.product td {background:#eff9c5;} body.green div#content table.shoppingcart_products tr.product td div.image img {border-color:#819f06;} body.green div#content table.shoppingcart_products div.actions input {border-color:#819f06;} body.green div#content table.shoppingcart_products div.actions div.handlers a.btn {background:url(../images/layout/addmin-green.png) no-repeat 0 0;;} body.green div#content table.shoppingcart_products tr.switch td {background:#eff6d1;} body.green div#content table.shoppingcart_products tr.product td.del a {background-color:#819f06;} body.green div#content table.shoppingcart_products tr.product td.del a:hover {background-color:#5c7203;} body.green div#content table.shoppingcart_products tr.spacer td { background:#fff;} body.green div#content table.shoppingcart_products tr.sx td { background:#fff;} body.green div#content table.shoppingcart_products tr.subdisc td.ar { color:#819f06;} body.green div#content table.shoppingcart_products tr.subdisc td.total {color:#819f06;} body.green div#content table.shoppingcart_products tr.footer td.ar {background:#819f06; color:#fff; border:2px solid #819f06;} body.green div#content table.shoppingcart_products tr.footer td.total {background:#eff9c5; color:#819f06; border:2px solid #819f06;} body.green div#content table.shoppingcart_products tr.footer td.ogone span {color:#999;} body.green div#content div.w_80 h3.subtitle {border-color:#d3ddd5;} body.green div.detail div.testimonials ul li div {border-color:#d3ddd5;} body.green div.detail div.testimonials ul li div strong {color:#96b908;} body.green div.detail div.testimonials ul li.odd div {background:#FBFFE8;} body.green div.detail div.testimonials ul li.even div {background:#E9F4EC;} body.green div#content div.sc_footer span {color:#999;} body.green div#content div.sc_footer a.button {color:#c10000;} body.green div#content div.sc_footer a.button span {color:#c10000;} body.green div#footer {color:#fff;} body.green div#footer a {color:#fff;} body.green div#footer ul{background:#96b908;} body.green div#content div#ogone_template input.ncol {color:#c10000;} body.green div#content div#ogone_template .ncollogoc input.ncol {color:#c10000;} body.green div#content div#ogone_template input.NCOLINIM:hover {background:#96B908;} body.green div#content div#ogone_template select:focus{ background:#FFF; } body.green div#content div#ogone_template div.WaitMsgClass, body.green div#ogone_template div#WaitMsgId {color:#000!important; background:#fff!important; border-color:#96B908!important;} body.green div#content div#ogone_template select{ background:#fafafa; border-color:#e1e1e1; } body.green div#sc_overlay div#sc_bg {background:#000; } body.green div#sc_balloon a {color:#c10000;} body.green div#sc_balloon div#sc_text div.image {border-color: #efefef;}