/* 
  BASE LAYOUT
*/

body,
div,
p,
h1, h2, h3, h4, h5, h6,
span,
img,
table, td,
ul, li,
fieldset, label
{
  margin: 0;
  padding: 0;
  border: 0;
}

*
{
  font-family: Tahoma, Verdana, Geneva, Arial,Helvetica ,sans-serif;
  color: #000000;
}

body
{
  font-size: 62.5%;
  font-family: Tahoma, Verdana, Geneva, Arial,Helvetica ,sans-serif;
  background-color: #FFFFFF;
}

/* FONT ELEMENTS */

h1 
{
  color: #196C97;
  width: 48.93em;
  font-size: 1.4em;
  line-height: 1.93em;
  background: url('images/bg_h1.gif') no-repeat;
  padding: 0 0 0 1em;
  margin: 0 0 1em 0;
}

h2 
{
  color: #196C97;
  font-size: 1.4em;
  font-weight: bold;
  margin: 1.5em 0 0.8em 0;
}

p 
{
  color: #333333;
  font-size: 1.3em;
  margin: 0 0 1em 0;
}

table
{
  font-size: 1em;
}

td 
{
  font-size: 1.3em;
  color: #333333;
  padding: 0 1em 0 0;
}

input.submit 
{
  background: #5BAEDA;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0.2em 0.5em;
  border: 1px solid #C2C1C1;
  font-size: 1.1em;
}


.right 
{
  float: right;
}

a 
{
  color: #5DAED9;
  text-decoration: underlined;
}

/* LAYOUT */

div#container 
{
  width: 100%;
  text-align: center;
}

div#container-inner 
{
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

/* HEADER */


div#header 
{
  width: 100%;
  margin: 0 auto;
  margin: 1em 0 0 0;
}

div#logo {
  float: left;
}

/* USERBAR */

div#user 
{
  float: right;
  color: #6A6A6A;
  font-size: 1.3em;
}

div#user ul 
{
  list-style-type: none;
}

div#user ul li
{
  text-align: right;
  color: #6A6A6A;
}

div#user ul li a
{
  color: #6A6A6A;
}

/* NAVIGATION */

div#navigation 
{
  clear: left;
}

div#navigation ul 
{
  list-style-type: none;
  background: url('images/bg_menu.gif') repeat-x;
  border: 1px solid #dbdbdb;
  border-width: 0 1px;
  width: 100%;
  height: 3em;
}

div#navigation ul li 
{
  display: inline-block;
  padding: 0.7em 1.5em;
  background: url('images/menu_devider.gif') no-repeat transparent;
  float: left;
}

div#navigation ul li:first-child 
{
  background: none;
}

div#navigation ul li a 
{
  text-decoration: none;
  color: #000000;
  font-size: 1.3em;
}

div#navigation ul li a:hover 
{
  color: #196C97;
}

div#navigation ul li.selected a 
{
  font-weight: bold;
  border-bottom: 2px solid #5AAFD4
}


/* SIDE NAVIGATION */

div#side-navigation
{
  width: 25.5em;
  float: left;
}

div.side-navigation-block 
{
  margin: 0 0 1em 0;
}

div.side-navigation-block h3 
{
  font-size: 1.2em;
  padding: 0 0 0 1em;
  background: #7BCEFA;
  color: #FFFFFF;
  line-height: 2em;
}

div.side-navigation-block h3.cart 
{
  padding: 0 0 0 2.8em;  
  background: url('images/cart.gif') no-repeat 0.7em 0.2em #7BCEFA;
}

div.side-navigation-block ul
{
  list-style-type: none;
  font-size: 1em;
}

div.side-navigation-block > ul
{
  margin: 0 0 1em 0;
}

div.side-navigation-block ul li 
{
  width: 24.5em;
  padding: 0 0 0 0;
  margin: 0;
}

div.side-navigation-block ul li a:hover 
{
  background: #DDDDDD;
}

div.side-navigation-block ul li a 
{
  font-size: 1.1em;
  padding: 0 0 0 1em;
  color: #606162;
  text-decoration: none;
  line-height: 2em;
  width: 22.2em;
  display:block;
}

div.side-navigation-block ul li li a 
{
  padding: 0 0 0 2em;
  width: 21.2em; /* IE: 23.1em */
}

div.side-navigation-block ul li a:hover 
{
  /* background-color: #e9e9e9; */
}

div.side-navigation-block ul li.selected a
{
  color: #000000;
  font-weight: bold;
}

div.side-navigation-block div.content 
{
  font-size: 1.1em;
  padding: 1em 0 1em 1em;
  line-height: 2em; 
}

div.side-navigation-block div.content a {
  color: #000000;
}

div.side-navigation-block div.content a.selected {
  font-weight: bold;
}

.clear
{
  width: 100%;
  height: 0px;
  font-size: 0px;
  clear: both;
}

/* CONTENT */

div#content-wrapper
{
  margin: 2em 0 1em 0;
  clear: both;
}

div#content
{
  width: 68.5em;
  float: right;
}

div#content .error {
  border: 2px solid #FF0000;
  background-color: #FFE5E5;
  padding: 1em 1em 1em 1em;
  margin: 0.5em 0 1em 0;
  font-size: 1.2em;
}
    background-color: ;

/* FOOTER */

div#footer 
{
  margin: 1em 0 2em 0;
}

div#top 
{
  float: right;
  font-size: 1.3em;
}

div#top a 
{
  color: #6A6A6A;
}

#footer-line 
{
  border-bottom: 2px solid #C3C2C2;
  clear: both;
  padding: 1em 0 0 0;
}



/* PRODUCT LIST*/

div.product 
{
  margin: 1.5em 0 1.5em 0;
}

div.product div.product-image 
{
  width: 1.1em; 
  float: left;
  margin: 0 0 1em 0;
}

div.product div.product-details 
{
  margin: 0 0 0 12em;
}

div.product div.product-details h3 
{
  color: #707172;
  font-weight: bold;
  font-size: 1.3em;
  margin: 0 0 0.6em 0;
}

div.product div.product-details a
{
  text-decoration: none;
}

div.product div.product-details p 
{
  font-size: 1.3em;
  color: #333333;
}

/* PRODUCT DETAIL */

div.product-image-large 
{
  float: right;
  margin: 1em 0 1em 1em;
}


div#content div.configurator.left
{
  display: inline-block;
  margin: 0 1em 1em 0;
  float: left;
}

div#content div.configurator.right
{
  display: inline-block;
  margin: 0 0 1em 0;
  float: right;
}

div.configurator 
{
  display: inline-block;
  margin: 0 1em 1em 0;
}

div.configurator table
{
  border-collapse: collapse;
  width: 33.5em;
}

div.configurator table th 
{
  background-color: #5BAEDA;
  text-align: left;
  font-size: 1.2em;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0 0 1em 0;
  padding: 0 0 0 0.5em;
  line-height: 1.8em;
}

div.configurator table td 
{
  line-height: 2.5em;
  width: 40%;
  padding: 0;
}

div.configurator table tr td:first-child
{
  width: 60%;
}

div.configurator select, 
div.configurator input
{
  width: 10em;
  margin: 0em;
}

div.configurator input 
{
  border: 1px solid #707172;
}

input.add-to-cart 
{
  margin: 2em 0 0 0;
  background: url('images/cart.gif') no-repeat 0.7em 0.3em #5BAEDA;
  padding: 0.3em 1em 0.3em 2.5em;
}


div.configurator input.quantity 
{
  width: 3em;
}

/* CART */

table.cart
{
  border-collapse: collapse;
}

table.cart th 
{
  background-color: #5BAEDA;
  text-align: left;
  font-size: 1.2em;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0 0 1em 0;
  padding: 0 0 0 0.5em;
  line-height: 1.8em;
}

table.cart td 
{
  line-height: 1.8em;
}

div.product table.cart td a 
{
  text-decoration: underline;
}

div.product.cart 
{
  margin: 1em 0 1.5em 0;
  border-top: 1px solid #DDDDDD;
  padding: 1em 0;
}

div#content div.product.cart:first-child 
{
  border: 0px;
}

div.product.cart.edit table input 
{
  width: 5em;
}

div.product.cart.edit td 
{
  line-height: 3em;
}

/* ORDERS */

table.orders
{
  border-collapse: collapse;
  width: 100%;
}

table.orders th 
{
  background-color: #5BAEDA;
  text-align: left;
  font-size: 1.2em;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0 0 1em 0;
  padding: 0 0 0 0.5em;
  line-height: 1.8em;
}

table.orders td
{
  font-size: 1.1em;
  color: #333333;
  padding: 0.1em 0.3em;
  line-height: 1.6em;
  border-bottom: 1px solid #DDDDDD;
  white-space: nowrap;
   vertical-align: top;
}

/*********************/
/* Page_OrderDetails */
/*********************/

#Page_OrderDetails1 *
{
    font-family:Verdana,Tahoma,sans-serif,Arial !important;
    font-size: 10pt !important;
}

#Page_OrderDetails1 * table *
{
    font-family:Verdana,Tahoma,sans-serif,Arial !important;
    font-size: 10pt !important;
    vertical-align: top !important;
    width: 100%;
    white-space: nowrap;
}

.orderdetailstable2
{
    font-family:Verdana,Tahoma,sans-serif,Arial !important;
    font-size: 10pt !important;
}

.orderdetailstable1 tbody tr th
{
    padding: 2px 4px 2px 4px !important;
    border: solid 1px #C0C0C0;
}

.orderdetailstable1 tbody tr td
{
    padding: 2px 4px 2px 4px !important;
    border: solid 1px #C0C0C0;
    font-family:Verdana,Tahoma,sans-serif,Arial !important;
    font-size: 10pt !important;
    vertical-align: top !important;
}

#orderdetailspageprint
{
    font-family:Verdana,Tahoma,sans-serif,Arial !important;
    font-size: 10pt !important;
}