﻿ /* Main CSS */

/* #Basic Styles
================================================== */
html{height: 100%;}
body{padding:0px; margin:0px; background:url("images/bg.jpg") repeat; }
.wrap{position:relative; display:block; width: 100%; margin:0; padding: 0 15px;}
.full{margin:0px 25px;}
.row{margin: 0 auto; min-width: 960px;}

/* #Header
================================================== */
#header{min-height:135px;}
#header.wrap{background:url("images/header-bg.jpg") repeat-x top #ffffff;}
#contact{padding-top:15px; font-size:10px; }
#contact p{color:#283f7a; font-weight: bold; text-transform:uppercase;}
#contact a{color:#283f7a; font-weight: bold; text-transform:uppercase; text-decoration:none;}
#contact a:hover{color:#FF6400; text-decoration:none;}
#logo{}

/* Navigation
================================================== */
#navigation{float:right; margin-top:30px; margin-right:-10px; font-size:9px;}
#navigation a{display:block; padding:2px 10px; color:#2A4079; font-weight: bold; text-transform:uppercase; text-decoration: none; font-style: normal;}
#navigation a:hover{color:#FF6400; }
#navigation ul>li.nav-selected>a{color:#FF6400;}
.nav-selected.order.order-highlight > a { color: #fff !important; }

#navigation ul{padding:0; list-style:none; float:right;}
#navigation ul>li{float:left; position:relative;}
#navigation ul>li>a{ margin-left: 3px; }
#navigation ul>li:hover>a{}
#navigation ul>li:hover{padding-bottom:0px; padding-top:0px; }
#navigation ul>li.nav-first a{}
#navigation ul>li +li:before{content:" | "; position:absolute; color:#AEBCDF; top:1px; left:0px;}
#navigation ul>li>ul>li +li:before{content:'';}

#navigation ul>li:hover>ul{display:block; }
#navigation ul>li>ul{
	background:url("images/dropdown-bg.jpg") repeat-x #ffffff;
    background-position:0px 0px;
	z-index:11;
	display:none;
	position:absolute;
	padding:0px;
	padding-top:28px;
}
#navigation ul>li>ul>li{width:150px; float:left; list-style-type:none; height:auto !important; line-height:1.85em;}
#navigation ul>li>ul>li:hover{}
#navigation ul>li>ul>li a{padding:5px 10px 5px 10px;}

#navigation ul>li>ul>li:hover>ul{display:block;}
#navigation ul>li>ul>li>ul{display:none; list-style:none; margin:0; padding:0; position:absolute; top:0px; left:-150px; width:150px;  background-color:#ffffff;}


#navigation li.order-highlight>a {
	color: white;
	font-size: 10px;
	font-weight:bold;
	background: url("images/blue-menu-highlight-bg.png") repeat-x #ffffff 0px 50%;
}

#navigation li.order-highlight>a span.order-cnt {
	color: #DDE0E9;
}

/* #Content
=============================================== */
#content-wrap{margin-top:50px; margin-bottom:100px;  }
#content{}
#content .catalog{position:relative; z-index:1; left:-15px;}

/* #Slideshow*/
#slideshow-wrap{margin:0; }
#slideshow-container{vertical-align:middle;}
.feature{ margin:20px 0px;}
.feature img{margin-top:15px; border:5px solid #353129;}

/* #Page Header Image */
#page-header.no-image{background:url("images/page-header.jpg") repeat-x top; height:89px;}
#page-header.has-image{background:url("images/has-image-bg.png") repeat-x top; height:244px;}
#bg-image.no-image{height:89px;}
#bg-image.has-image{height:244px; padding-top:155px;}
#page-name{line-height: 90px;}

/* #Header Image */
#img-header{background:url("images/blue-header-bg.jpg") repeat-x; height:244px; }
#page-heading{color:#ffffff; vertical-align: middle; text-transform: uppercase; padding-top:150px;}

/* #Sidebar */
#sidebar{}
#sidebar ul.nav li a{display:block; }
#sidebar ul.nav li{padding:0px;}
#sidebar ul.nav{list-style:none; padding:0px; margin:0 0px 0 -15px;}
#sidebar ul.nav>li a{color:#7A797E; text-decoration: none; padding:10px 20px; }
#sidebar ul.nav>li>a:hover{color:#FF6400;}
#sidebar ul.nav>li>a.nav-selected{color:#FF6400;}
#sidebar ul.nav>li{list-style:none; background:url("images/sidebar-border.png") no-repeat bottom left;}


/* #Footer
================================================== */

#footer {width: 100%; height: 174px; font-size:10px; line-height:1.75em;}
#footer.wrap{height:174px; padding-top:50px; color:#666666; background:url("images/footer-bg.jpg") repeat-x center bottom #fff;}
center
#footer hr{background-color:#d1d1d2; margin:0 0 8px 0; padding:0;}
#footer a{color:#8A8A8A; text-decoration: none;}
#footer a:hover{color:#FF6400; text-decoration:none;}
#footer ul{list-style: none; float:right; padding:0;}
#footer ul>li{display:inline;  margin:5px;}

/* Copyright */
.copyright{}
.copyright p{color:#8A8A8A; text-decoration: none;}



.prettyImage-wrap img {
  width: 100%;
  height: auto;
}

input, textarea { outline: none; }

.easy_table input[type="text"] {
  border: medium none;
  color: #444444;
  font-size: 11px;
  height: 15px;
  line-height: 15px;
  margin: 0;
  padding: 0 2px;
  vertical-align: top;
  width: 30px;
}

.table-input {
  margin: 3px 2px 3px 0 !important;
}

.table-input-desc {
  position: relative;
  top: 2px;
}

/*

.input-label {
  background: none repeat scroll 0 0 #666666;
  color: #FFFFFF;
  float: left;
  font-size: 8px;
  text-transform: uppercase;
  margin: 0 0 0 3px;
  padding: 0 5px;
}

.orderForm {
  float: right;
}

td.ordercol input[type="text"] { float: left; }

td.ordercol input[type="submit"] {
  float: left;
}

*/