@import url("reset.css");
/* COMMON
------------------------------------*/

*{}
body,html{
    height:100%;
}
body,td,th,input,select,textarea {
    font-family: Tahoma,Arial;
    font-size: 12px;
}
body {
    margin: 0px;
    background-position:center;
    background-attachment:fixed;
}
h1,h2,h3,h4,h5,h6,p{
    margin:0 0 10px 0;
    padding:0;
}
h1{
    font-size:36px;
    font-family:Arial;
    font-weight:normal;
    color:#0060A9;
}
h2{
    font-size:24px;
    font-family: Arial;
    font-weight:normal;
}
h3{
    font-size:19px;
    font-family: Arial;
    font-weight:normal;
}
h3.underlined{
    padding:0 0 5px 0;
    margin:0 0 10px 0;
    border-bottom:1px dotted #990000;
}
h4,h5,h6{
    font-size:16px;
    font-family: Arial;
    font-weight:normal;
}
p{
    line-height:18px;
}
a:link, a:visited{
    font-weight: bold;
    color:#0060A9;
    text-decoration:underline;
}
h1 a:link,h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link,
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited{
    text-decoration:none;
}
a:hover{
    color:#ccc;
}
a img{
    border:none;
}
table{
    margin-bottom:10px;
}
ul,ol{
    padding: 0 0 0 10px;
    margin: 0 0 10px 10px;
    line-height:18px;
}
ul{
    list-style-type:square;
}
ol li,
ul li{
    padding:0 0 5px 0;
}
strong{
    /*color:white;*/
}
hr{
    height:1px;
    border:none;
    border-top:1px dotted #ccc;
    padding:0;
    margin:15px 0 10px;
    /*#margin:0 0 -6px 0;*/
}
label{
    cursor:pointer;
}

/* EXTAS
------------------------------------*/

.clear{clear:both;}
.off{display:none;}
.on{}
.f-left{float:left;}
.f-right{float:right;}
:focus{outline:none;}
.white{color:white;}

/* TABLES
------------------------------------*/

.table{}

/* CUSTOM
------------------------------------*/

.fineprint{
    font-size:9px;
    line-height:13px;
}


body
{
    background-color: #181818;
    color:#181818;
    font-family:  Arial,Helvetica,sans-serif;
    font-size:0.8em;
}

/* Menu
--------------------------------------*/
#topnav a
{
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    display: block;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

#topnav a:hover, #topnav li.selected a
{
    background-color: #ffffff;
    color: #4C4C92;
}

#content ul#submenu
{
    margin: 20px 0 0 0 !important;
    padding: 0;
    list-style:none;
}

#content ul#submenu li a
{

    padding: 5px 5px;
    background: transparent url(../images/sub_nav_back.gif) no-repeat top left;
    font-size: 10px;
    padding-left: 10px;
    display: block;
    color: #fff;
    text-decoration: none;
}

#content ul#submenu li a:hover
{
    background-position:bottom left;
}

#content ul#submenu li
{
    height: 24px;
    margin-bottom: 4px;
    width: 200px;
}


/* Content
------------------------------------------*/

#content
{
    font-size: 12px;
}

#content h1
{
    border-bottom: 1px solid #DDD;
    font-size: 18px;
    font-weight: bold;
    height: 160%;
    text-align: left;
    white-space: nowrap;
}

#content strong
{
    font-weight: bold;
}
#content h3
{
    font-weight: bold;
    margin: 10px 0 5px 0;
}

#content p
{
    margin-bottom: 10px !important;
}

#content ul, #content ol
{
    -webkit-padding-start: 40px;
    display: block;
    list-style-type: disc;
    margin: 1em 0px;
}

#content ul li
{
    margin: 0;
}
#content ol
{
    list-style-type:decimal !important;
}

#content table tr td
{
    padding: 5px;
}

#content table
{
    margin: 20px auto !important;
}

#content table tbody tr td
{
    border-bottom: 1px solid #ccc;
}
/* Footer
----------------------------------------------*/

#footer
{
    font-size: 12px;
    color:#FFFFFF;
    background-color: #181818;
}

#footer a
{
    color:#FFFFFF;
    text-decoration: none;
    font-weight: normal;
}

#footer a:hover
{
    text-decoration: underline;
}


#footer strong
{
    font-weight: bold;
}

#footer .f-right
{
    line-height: 14px;
    margin-top: 11px;
    margin-right: 30px;
}

#footer .f-left
{
    padding: 20px 30px;
    line-height: 14px;
}

#search
{
    display: none;
}

/* Products
----------------------------------------------*/

.products table
{
    width: 100%;
}

#content #components.products table thead tr th, #content #components.products table tbody tr td
{
    width: 17%;
    border: 0;
    padding: 15px;
}

#content #components.products .product
{
    position: relative;
    clear:both;
    border: 5px solid #ccc;

    min-height: 100px;
    margin-bottom: 20px;

    -moz-border-radius: 10px; -webkit-border-radius: 10px;

}

#content #components.products table tbody tr td
{
    border-bottom: 1px solid #efefef;
}

#content #components.products table thead th
{
    font-size: 1.2em;
}


#content #components.products .product h2
{
    color: #4c4c92;
    font-weight: bold;
    margin: 13px 0;
}

#content #components.products .product h2 a:hover
{
    color: #4c4c92;
}
#content #components.products .product kbd
{
    float: left;
    border:20px solid #ccc;
    width: 151px;
    height: 101px;

    margin: 0 20px 0 -5px;

    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    
   -webkit-border-bottom-left-radius: 10px;
   -webkit-border-top-left-radius: 10px;
}


#content #components.products .product.highlight kbd, #content #components.products .product.highlight 
{
    border-color: #ccccff !important;
}
#content #components.products .product kbd img.hero
{
    width: 150px;
    height: 100px;
    border: 1px solid #222;
}



#content #components.products .product span
{
    display: inline-block;
    width: 280px;
}

#content #components.products .product span ul
{
    list-style-position: inside;
}

#content #components.products  button, #content #components input[type=submit]
{
    clear: both;
    color: #fff;
    background: transparent url(../images/sub_nav_back.gif) no-repeat top right;
    font-size: 10px;
    padding: 5px 20px 5px 5px;
    height: 28px;
    border:0;
    cursor:pointer;
    -moz-border-radius: 10px; -webkit-border-radius: 10px;
}

#content #components.products button:hover,  #content #components.products input[type=submit]:hover{

    background-position:bottom right;
 
}

#content #components.products button:active,  #content #components.products input[type=submit]:active 
{
    
}

/* Products Search
-------------------------------*/

#content #components #searchproducts
{
    border: 5px solid #ccc;

    position: relative;

    padding-top: 10px;
    padding-left: 10px;
    margin-bottom: 10px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

#content #components #searchproducts select, #content #components #searchproducts input[type=text]
{
    width: 200px;
}
#content #components #searchproducts dl
{
    width: 250px;
    float: left;
}

#content #components #searchproducts.form input[type=submit]
{
    margin: 11px 20px;
    width: 100px;
}
#content #components.products .shoppingform
{
    position: absolute;
    bottom: 0;
    right: 0;
   
    width: 150px;
}
#content #components.products .shoppingform dl dd
{
    margin:0; padding: 0 0 3px 0;
}



.sidebar-left p
{
    margin: 40px 10px;
}

.sidebar-left a.request
{
    margin: 10px;
}


#content #components.products .shoppingform form{ opacity: 0.3}
#content #components.products .shoppingform:hover form, #content #components.products .shoppingform form.show{ opacity: 1}

#content ul.cart
{
    list-style: none;
    width: 210px;
    -webkit-padding-start: 10px;
}

ul.cart li dl{
display: inline-block;
font-size:10px;
line-height: 13px;
font-weight:bold;
margin:0;
padding:0 0 5px;
text-transform:uppercase;
width: 200px;
}
 ul.cart li dt
{
    float: left; width: 100px;
}
ul.cart a.ajax
{
    font-size: 16px;
    color: red;
    font-weight: bold;
    text-decoration: none;

   float:right;
}
ul.cart li span
{
    color: #bbb;
}
ul.cart li
{ border-top: 1px solid #efefef; padding: 5px 0;}

#components.quoteform ul.cart
{ width: 500px; padding: 0; margin: 50px 0;}

#components.quoteform ul.cart li a
{
    display: block;
}
#components.quoteform ul.cart li a.ajax
{ display:inline;}

#components.quoteform ul.cart li dl  { width: 400px;}
#components.quoteform ul.cart li dl dt { width: 200px;}

#components.quoteform p+form.form
{
    padding-top: 10px;
    border-top: 1px solid #eee;
}
/*

#content #components.products input[type=submit]
{

}

#content #components.products #searchproducts dl dt
{
    float: left;
    width: 80px;
    line-height: 14px;
    padding: 10px 0;
    height: 24px;
    font-size: 14px;
}
#content #components.products #searchproducts dl
{
    float: left;
    width: 300px;
}

#content #components.products #searchproducts select, #content #components.products #searchproducts input[type=text]
{
    padding: 5px;
    width: 150px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
}*/