/* CSS styles for MULTIFLIGHT SHOP www.multiflight.com/acatalog
Coded by DJENAN KOZIC ::17/07/2008
----------------------------------------------------- */
/* ------ CSS CONTENTS ------
2. RESETS
3. BASICS
4. HEADER
5. NAVIGAITON
6. MAIN CONTENT
7. FOOTER
8. FORMS
9. MISC STYLES
/*
/* ------ 2. RESETS ------ */
* {
margin: 0;
padding: 0;
scrollbar-face-color: #444;
scrollbar-highlight-color: #444;
scrollbar-3dlight-color: #333;
scrollbar-darkshadow-color: #333;
scrollbar-shadow-color: #444;
scrollbar-arrow-color: #999;
scrollbar-track-color: #333;
}
html {
overflow-y: scroll;
}
a,a:hover,a:active,a img,a,a:hover img,a:active img {
outline: none;
border: none;
}
a {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
/* ------ 3. BASICS ------ */
body {
font-size: 62.5%;
background: #2c2c2c url('bg.jpg') repeat-x top;
font-family: 'Lucida Sans',Arial,Helvetica,Tahoma,Verdana,sans-serif;
color: #fff;
}
p {
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
ol {
}
ul {
}
li {
}
a {
}
a:hover {
}
a:active {
}
a:visited {
}
/* ------ 4. HEADER ------ */
#header {
position: relative;
margin: 19px auto 0 auto;
width: 920px;
height: 210px;
background: transparent url('header-bg.jpg') no-repeat top left;
}
h1.logo {
position: absolute;
top: 11px;
left: 10px;
overflow: hidden;
}
h1.logo a {
display: block;
text-indent: -5000em;
width: 262px;
height: 189px;
background: transparent url('multiflight-logo.gif') no-repeat top left;
}
h1.logo a:hover {
background: transparent url('multiflight-logo.gif') no-repeat 0 -189px;
}
h2.extra-details {
position: absolute;
top: 25px;
right: 37px;
overflow: hidden;
font-size: 1.2em;
font-weight: normal;
text-align: right;
}
h2.extra-details strong {
color: #fed38f;
}
div.header-image {
position: absolute;
top: 54px;
right: 10px;
overflow: hidden;
width: 542px;
height: 125px;
background: transparent url('header-img-example.jpg') no-repeat top left;
}
div.header-image span {
position: absolute;
display: block;
width: 542px;
height: 125px;
top: 0;
left: 0;
background: transparent url('header-image-overlay.gif') no-repeat top;
}
/* ------ 5. NAVIGAITON ------ */
#navigation {
width: 194px;
left: 37px;
float: left;
padding: 0 0 28px 0;
}
#navigation dl {
list-style: none;
margin: 0;
padding: 0;
}
#navigation dt,#navigation li {
margin: 0;
padding: 0;
font-size: 1.15em;
line-height: 2.45em;
font-weight: bold;
color: #c7c7c7;
border-bottom: 1px dotted #4F4F4F;
}
#navigation dt:hover {
background-color: #4C4C4C;
}
#navigation dt:hover a,#navigation dt a.on {
color: #fff;
}
#navigation dt.on:hover {
background-color: transparent
}
#navigation dt a,#navigation li a {
color: #ABABAB;
text-decoration: none;
}
#navigation dt a {
padding-left: 10px;
}
#navigation li a {
padding-left: 0;
}
#navigation dd ul {
background-color: #595959;
list-style: none;
}
#navigation dd ul li {
font-size: 1em;
font-weight: bold;
border-top: 1px solid #666;
padding-left: 20px;
border-bottom: none;
}
#navigation dd ul li:hover {
background-color: #666;
}
#navigation dd ul li.bottom-level-nav {
background-color: #5E5E5E;
padding-left: 0px;
}
#navigation dd ul li.bottom-level-nav:hover {
background-color: #5E5E5E;
}
#navigation dd ul li.bottom-level-nav:hover a {
color: #ABABAB;
}
#navigation dd ul li:hover a,#navigation dd ul li a.on,#navigation dd ul li.on a {
color: #fed38f;
}
#navigation dd ul li ul.bottom-level-nav {
margin-left: 0;
padding-left: 0;
list-style: none;
padding: 0;
background-color: #5E5E5E;
}
#navigation dd ul li ul.bottom-level-nav li {
margin-left: 0;
border: none;
border-top: 1px dotted #666;
line-height: 1.7em;
padding: 2px 0 2px 20px;
}
#navigation dd ul li ul.bottom-level-nav>li:first-child {
margin-left: 0;
border: none;
}
#navigation dd ul li ul.bottom-level-nav li:hover {
background-color: #5E5E5E;
}
#navigation dd ul li ul.bottom-level-nav li a {
padding-left: 0px;
font-weight: normal;
font-size: 1.0em;
}
#navigation dd ul li ul.bottom-level-nav li a:hover,#navigation dd ul li ul.bottom-level-nav li a.on {
color: #fed38f;
}
/* ------ 6. MAIN CONTENT ------ */
#wrapper {
position: relative;
width: 846px;
padding: 0 37px;
margin: 0 auto;
background: transparent url('content-bg.gif') repeat-y left;
}
#contentwrapper {
border: 1px dotted #aaa;
width: 845px;
border-left: none;
border-right: none;
height: auto;
}
div.content {
float: right;
padding: 0 0 20px 0;
width: 624px;
border-left: 1px dotted #aaa;
background-color: #555;
}
div.content div#shopcontainer {
width: 558px;
padding: 0 0 0 25px;
font-size: 1.3em;
line-height: 1.6em;
}
div.content div#shopcontainer p {
font-size: 1em;
line-height: 1.6em;
padding: 0.4em 33px 0.4em 0;
}
div.content div#shopcontainer span.actrequired {
	padding-right:5px;
}
div.content div#shopcontainer h1 {
color: #fff;
font: normal 2.5em Georgia,Garamond,Times,serif;
line-height: 1em;
padding: 0.8em 0;
border-bottom: none;
margin-bottom: 0px;
background: transparent;
}
div.content div#shopcontainer h3.product {
line-height: 1.6em;
padding: 0em 33px 0em 0;
font: normal 1.8em Georgia,Garamond,Times,serif;
color: #fff;
text-transform: capitalize;
}
div.content div#shopcontainer div.image_product {
width: 200px;
float: right;
margin-top: 15px;
text-align: right;
margin-right: 0;
}
div.content div#shopcontainer div.image_product img {
margin: 0;
}
div.content div#shopcontainer div.product_list {
width: 516px;
}
div.content div#shopcontainer td b {
font-size: 1.3em;
line-height: 1.6em;
font-weight: normal;
color: #fff;
}
div.content div#shopcontainer span.actxxsmall {
display: block;
line-height: 1.6em;
margin-top: 0.8em;
}
div.content div#shopcontainer h3.product_price {
font-size: 2em;
}
div.content div#shopcontainer h3 span.actxxsmall {
display: block;
font-size: 0.6em;
line-height: 1.6em;
margin: 0;
}
div.content div#shopcontainer div.solid_line_blue {
border-bottom: 1px solid #666;
height: 0;
}
div.content div#shopcontainer td.solid_line_blue img {
padding: 0;
margin: 0;
}
div.content div#shopcontainer p.text_breadcrumbs {
padding: 0.2em 0 0 0;
}
div.content div#shopcontainer div.solid_line_blue img,div.content div#shopcontainer td.dotted_line_blue img {
border: none;
padding: 0;
}
div.content div#shopcontainer hr {
height: 0px;
border: none;
border-bottom: 1px solid #777;
}
div.content p {
font-size: 1.3em;
line-height: 1.6em;
padding: 0.8em 33px 0.8em 0;
color: #ddd;
}
div.content p img {
border: 1px solid #777;
}
div.content blockquote {
background-color: #606060;
margin: 10px 33px 10px 33px;
}
div.content blockquote p {
padding: 0.8em 1.6em;
}
div.content img {
margin: 0.8em 33px 0.8em 0;
padding: 4px;
border: 1px solid #777;
}
/*div.content div p,
div.content div h2,
div.content div h3,
div.content div h4,
div.content div h5,
div.content div h6 {
}
*/
div.content strong {
color: #fff;
}
div.content h1 {
color: #fff;
font: normal 2.5em Georgia,Garamond,Times,serif;
line-height: 1em;
padding: 15px 33px 15px 104px;
border-bottom: 1px dotted #aaa;
margin-bottom: 15px;
background: #666 url('multiflight-h1-logo.gif') no-repeat 30px 16px;
}
div.content h2 {
line-height: 1.6em;
padding: 0.8em 33px 0em 0;
font: normal 1.8em Georgia,Garamond,Times,serif;
color: #fff;
}
div.content h2 + p {
color: #ffffff;
padding-top: 1.4em;
font-size: 1.4em;
}
div.content h3 {
font-size: 1.3em;
line-height: 1.6em;
font-weight: normal;
text-transform: uppercase;
padding: 0em 33px 0em 0;
}
div.content h4 {
}
div.content h5 {
margin: 0.5em 33px 1em 0;
font: normal 1.05em Helvetica,Arial,Verdana,sans-serif;
color: #ddd;
line-height: 1.3em;
text-transform: uppercase;
padding-bottom: 1em;
border-bottom: 1px solid #606060;
}
div.content h6 {
font-size: 1.3em;
line-height: 1.3em;
padding: 0.1em 33px 1em 0;
color: #ddd;
font-style: italic;
font-weight: normal;
font-size: 1.15em;
}
div.content ol,div.content ul {
padding: 0.8em 33px 0.8em 16px;
}
div.content li {
padding: 0;
font-size: 1.3em;
line-height: 1.6em;
color: #ddd;
}
div.content li h3 {
line-height: 1.1em;
padding: 0.8em 33px 0em 15px;
font: normal 1.1em Georgia,Garamond,Times,serif;
font-variant: small-caps;
}
div.content li p {
padding: 0.8em 33px 0.8em 15px;
font-size: 1em;
}
div.content a {
color: #fed38f;
text-decoration: underline;
}
div.content a:hover {
text-decoration: none;
}
div.content a:active {
}
/* ------ 7. FOOTER ------ */
#footer {
position: relative;
clear: both;
width: 846px;
padding: 20px 37px 35px 37px;
margin: 0 auto;
background: transparent url('footer-bg.gif') no-repeat bottom;
}
#footer p {
font-size: 1.15em;
line-height: 1.6em;
padding: 0.4em 0 0.4em 0;
}
#footer a {
color: #9e9e9e;
text-decoration: underline;
}
#footer a:hover {
text-decoration: none;
}
#footer a:active {
}
div.footerlogos {
position: absolute;
top: 30px;
right: 38px;
text-align: right;
}
div.footerlogos img {
margin-left: 10px;
}
/* ------ 8. FORMS ------ */
form {
padding: 0 0 0 0px;
}
form div.formcolumn {
float: left;
}
fieldset {
border: none;
background-color: #515151;
border-top: 1px solid #666;
width: 260px;
padding: 10px;
margin: 0 5px 5px 0;
}
div.content form fieldset h3 {
padding: 0 0 5px 0;
margin: 0 0 15px 0;
text-align: center;
border-bottom: 1px solid #555;
}
label {
clear: both;
font-size: 1.4em;
font-variant: small-caps;
}
label.hand {
font-size: 1.4em;
font-variant: small-caps;
padding: 0;
margin: 0 0 0 0;
}
input,textarea {
/* border: 1px solid #333;*/
padding: 2px;
/*color: #fff;*/
font: normal 1em Verdana,Tahoma,sans-serif;
/*background-color: #444;*/
margin: 0 0 8px 0;
/*width: 250px;*/
}
div.product_list input {
/* border: 1px solid #333; */
padding: 1px;
/* color: #fff; */
font: normal 1em Verdana,Tahoma,sans-serif;
/* background-color: #555; */
margin: 5px 0 8px 0px;
/* width: 130px; */
}
/*div.product_list input.form_input_general {
border: 1px solid #333;
padding: 1px;
color: #fff;
font: normal 1em Verdana,Tahoma,sans-serif;
background-color: #555;
margin: 5px 0 8px 10px;
width: 30px;
}
input {
width: 250px;
}*/
input.button {
width: 150px;
background-color: #fed38f;
color: #000;
}
input.heck {
width: auto;
padding-top: 10px;
margin-right: 10px;
border: none;
background-color: transparent;
}
input.button:hover {
background-color: #ccc;
}
/* ------ 9. MISC STYLES ------ */
div.clear {
clear: both;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
/* ------ 10. staff profile styles -----
div.staffmember {
margin: 10px 0px 15px 33px;
position: relative;
padding: 10px;
width: 250px;
float: left;
height: 160px;
background-color: #666;
}
div.staffmember img {
position: absolute;
top: 10px;
right: 10px;
margin: 0;
padding: 0;
border: none;
}
div.staffmember h2 {
font: normal 1.5em Georgia,Garamond,Times,serif;
padding: 0em 0px 10px 0px;
border-bottom: 1px solid #777;
width: 107px;
}
div.staffmember h3 {
font: normal 1.0em Georgia,Garamond,Times,serif;
padding: 0.5em 0px 0em 0px;
color: #CCC;
width: 107px;
text-transform: uppercase;
}
div.staffmember p {
position: absolute;
bottom: 10px;
left: 10px;
width: 107px;
padding: 0;
}
*/
/* ------ 11. EXTRA DIV STYLES -----
div.vacancy {
margin: 0 33px 5px 33px;
position: relative;
padding: 0 10px 10px 10px;
background-color: #666;
border-left: 1px solid #777;
}
div.vacancy p {
padding: 10px 0 0 0;
}
div.vacancy em {
color: #fff;
text-transform: uppercase;
font-style: normal;
}
*/
/* ------ 12. TABLE STYLES ----- */



div.content table {
margin: 10px 0 0px 0px;
text-align: left;
border: 1px solid #777;
background-color: #666;
color: #ddd;
}
div.content table th {
padding: 0px;
background-color: #727272;
vertical-align: top;
}
div.content div#shopcontainer th.cartheading {
background-color: #666;
}
div.content div#shopcontainer td table {
border: none;
}
div.content div#shopcontainer td.cart {
	border-bottom:1px solid #777;
}
div.content div#shopcontainer td {
border: none;
padding: 5px;
}
div.content table tr th.narrowcolumn,div.content table tr td.narrowcolumn {
width: 10px;
text-align: center;
}
div.content table tr th.middlecolumn,div.content table tr td.middlecolumn {
width: 50px;
}
div.content div#shopcontainer div.product_list table {
border: none;
}
div.content div#shopcontainer div.product_list table td {
padding: 0;
width: auto;
}
div.content div#shopcontainer div.product_list table td br {
display: inline;
}
div.content div#shopcontainer div.product_list table p {
padding: 0;
}
div.content div#shopcontainer div.product_list table td span.text_options {
font-size: 1.3em;
line-height: 1.6em;
text-transform: capitalize;
display: inline;
}
div.content div#shopcontainer div.product_list table td select.form_input_general {
display: block;
/*border: 1px solid #000;
color: #000;*/
margin-left: 5px;
}
div.content table td {
vertical-align: top;
}
div.content table td ul,div.content table th ul {
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
div.content table td ul li,div.content table th ul li {
white-space: nowrap;
font-size: inherit;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
div.content p.question {
font-weight: bold;
padding-bottom: 0;
}
/* ------ 13. Styles for link types ------ */
a[href $='.pdf'] {
padding-right: 18px;
background: transparent url('icon_pdf.gif') no-repeat center right;
}
a[href $='.doc'] {
padding-right: 18px;
background: transparent url('icon_doc.gif') no-repeat center right;
}
a[href $='.xls'] {
padding-right: 18px;
background: transparent url('icon_xls.gif') no-repeat center right;
}
a[href ^='mailto:'] {
padding-right: 18px;
background: transparent url('icon_mailto.gif') no-repeat center right;
}
/* ------ 14. SIDEBAR STYLES ------
div.content div.sidebar {
float: right;
width: 200px;
border-left: 1px solid #666;
background-color: #555;
margin: 15px 33px 15px 20px;
padding-left: 15px;
}
div.sidebar h2 {
padding-left: 0;
padding-top: 0;
}
div.sidebar h3 {
}
div.sidebar p {
padding-left: 0;
}
div.sidebar ul {
padding: 0.8em 33px 0.8em 16px;
list-style: circle;
}
*/