/*  * Amazium V1.3 * Copyright 2012, Mike Ballan * www.amazium.co.uk */ /***** Reset & Basics *****/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; } body { line-height: 1; } ol,ul { list-style: none; } blockquote,q { quotes: none; } blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /***** Basic Styles *****/ html { overflow-y: scroll; overflow: 0; } body { margin: 20px 0 0; padding: 0; background-color: #fff; font: 13px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif; color: #333; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; } /***** Typography *****/ h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: 400; } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { font-weight: inherit; } h1 { margin: 0 0 10px; padding: 0; font-size: 36px; line-height: 40px; color: #333; } h2 { margin: 0 0 10px; padding: 0; font-size: 30px; line-height: 34px; color: #333; } h3 { margin: 0 0 10px; padding: 0; font-size: 24px; line-height: 28px; color: #333; } h4 { margin: 0 0 10px; padding: 0; font-size: 18px; line-height: 22px; color: #333; } h5 { margin: 0 0 10px; padding: 0; font-size: 14px; line-height: 16px; color: #333; } h6 { margin: 0 0 10px; padding: 0; font-size: 12px; line-height: 16px; color: #333; } p { margin: 0; padding: 0 0 10px; line-height: 20px; } strong { font-weight: 700; color: #333; } em { font-style: italic; color: #666; } small { font-size: 80%; } sup,sub { height: 0; line-height: 5px; vertical-align: baseline; _vertical-align: bottom; position: relative; font-size: 80%; } sup { bottom: 5px; } sub { top: 5px; } code,pre { padding: 0 3px 2px; color: #333; font-size: 11px; } code { padding: 0 4px 2px; background-color: #000; border: 1px solid #000; color: #f1f1f1; } /***** Lists *****/ ul,ol { margin-bottom: 20px; } ul { list-style: none outside; } ul li { margin: 0 0 5px; padding: 0 0 0 18px; line-height: 18px; background: transparent url(../images/bullet.png) no-repeat 0 3px; } ul ul,ul ol { margin: 5px 0; } ol ol,ol ul { margin: 5px 0 5px 20px; } ul ul li,ul ol li,ol ol li,ol ul li { margin: 0 0 6px; } ul.square,ul.square ul { list-style: square outside; } ul.circle,ul.circle ul { list-style: circle outside; } ul.disc,ul.disc ul { list-style: disc outside; } ul.square li,ul.circle li,ul.disc li { margin: 0 0 5px 15px; padding: 0; line-height: 18px; background: none; } ol { margin: 0 0 20px 20px; list-style: decimal; } ol li { margin: 0 0 5px; padding: 0; line-height: 18px; } /***** Blockquotes *****/ blockquote,blockquote p { font-size: 12px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 10px 0 15px; padding: 0 0 0 5px; border-left: 1px solid #747474; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a,blockquote cite a:visited,blockquote cite a:visited { color: #555; } blockquote span { width: 15px; display: inline-block; } hr { margin: 20px 0; border: 0; border-top: 1px solid #999; height: 2px; width: 100%; text-align: left; } /***** Links *****/ a:link { color: #333; text-decoration: none; outline: 0; transition-property: color .1s linear 0; -moz-transition: color .1s linear 0; -webkit-transition: color .1s linear 0; -o-transition: color .1s linear 0; } a:visited { color: #333; text-decoration: none; outline: 0; } a:active { color: #333; text-decoration: none; outline: 0; } a:hover { color: #999; text-decoration: underline; outline: 0; } a:focus { -moz-outline-style: none; } /***** Images iFrames & Videos  *****/ img { border: 0; -ms-interpolation-mode: bicubic; } .max-img { width: 100%; height: auto; } .media { position: relative; margin: 0 0 15px; padding-bottom: 51%; padding-top: 30px; height: 0; overflow: hidden; border: 1px solid #ccc; } .media iframe,.media object,.media embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /***** Buttons  *****/ /* a.btn,.btn { margin: 5px 0; padding: 4px 25px 4px 10px; display: inline-block; color: #fff; border: 1px solid #000; background: #000 url(../images/btn-arrow.png) no-repeat right; cursor: pointer; } a:hover.btn { text-decoration: none; border: 1px solid #000; color: #666; background: #000 url(../images/btn-arrow.png) no-repeat right; } */ /***** Forms *****/ #stylized-form { margin: 10px 0 20px; padding: 20px; background-color: #f4f4f4; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .wrapper-block label { padding: 0; display: block; font-weight: 700; text-align: right; width: 140px; float: left; } .wrapper-block [type=text] { font-size: 12px; padding: 4px 2px; border: solid 1px #bbb; width: 200px; margin: 2px 0 15px 10px; } .wrapper-block select { font-size: 12px; padding: 2px; border: solid 1px #bbb; margin: 2px 0 15px 10px; } .wrapper-block [type=radio] { line-height: 16px; margin: 0 2px 15px 10px; } .wrapper-block [type=checkbox] { line-height: 16px; margin: 0 2px 15px 10px; } .wrapper-block textarea { padding: 4px 2px; border: solid 1px #bbb; width: 200px; margin: 2px 0 15px 10px; font: 12px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif; } .wrapper-inline label { padding: 0; display: block; font-weight: 700; text-align: right; width: 140px; float: left; } .wrapper-inline [type=text] { font-size: 12px; padding: 4px 2px; border: solid 1px #bbb; width: 200px; margin: 2px 0 15px 10px; float: left; } .wrapper-inline select { font-size: 12px; padding: 4px 2px; border: solid 1px #bbb; margin: 2px 0 15px 10px; float: left; } .wrapper-inline [type=radio] { line-height: 16px; margin: 0 2px 15px 10px; float: left; } .wrapper-inline [type=checkbox] { line-height: 16px; margin: 0 2px 15px 10px; float: left; } .wrapper-inline textarea { padding: 4px 2px; border: solid 1px #bbb; width: 140px; margin: 2px 0 15px 10px; font: 12px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif; float: left; } a.btn-form,input.btn-form { margin: 5px 0 5px 150px; padding: 4px 28px 4px 8px; display: inline-block; font-size: 11px; color: #fff; border: 1px solid #444; background: #333 url(../images/btn-arrow.png) no-repeat right; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; } .small-label { display: block; font-size: 10px; font-weight: 400; color: #666; text-align: right; width: 140px; } /***** Tables  *****/ table { margin: 0 0 20px; width: 100%; } table th { padding: 10px 8px; background-color: #e2e2e2; color: #333; font-weight: 700; border: 1px solid #999; } table td { padding: 10px 8px; /* background-color: #e2e2e2; border: 1px solid #999; */ } table tr.even td { background-color: #fff; } table tr.odd td { background-color: #f3f3f3; } table td.highlight { color: #FFF; font-weight: 700; } table tr td.highlight { background-color: #333; } /***** Global Classes *****/ .img-left { float: left; margin: 0 30px 30px 0; border: none; } .img-right { float: right; margin: 0 0 30px 30px; border: none; } .clear { clear: both; } .float-left { float: left; } .float-right { float: right; } .text-big { color: #a2bd30; font-weight: 700; line-height: 26px; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .normal { font-weight: 400; } .bold { font-weight: 700; } .italic { font-style: italic; } .underline { border-bottom: 1px solid; } .highlight { padding: 0 3px 2px; color: #333; font-size: 11px; background: #00deff; font-weight: 700; } .intro { font-size: 130%; line-height: 130%; } .nopadding { padding: 0; } .noindent { margin-left: 0; padding-left: 0; } .nobullet { list-style: none; list-style-image: none; } .block { display: block; } .hidden { display: none; } .hide { display: none; } /***** Back to Top *****/ #toTop { display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; width: 51px; height: 51px; border: none; text-indent: -999px; background: url(../images/ui.totop.png) no-repeat left top; } #toTopHover { background: url(../images/ui.totop.png) no-repeat left -51px; width: 51px; height: 51px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } #toTop:active,#toTop:focus { outline: none; } .attribute-list table tr td { margin:0; padding:0; }