html, body {width:100%; padding:0; margin:0;}



body {background: #444444 url("../images/bgn.jpg");background-size:cover;color: #949494;font: 14px/25px Arial, Helvetica, sans-serif;}



a{color: navy;text-decoration: none;}

a:hover {color: orange; text-decoration: none;}



a.button{cursor: pointer;color: #ffffff; display: inline-block;padding: 6px 12px 6px 12px; font-size: 18px; background: #4AA9C3; font-family: Impact,Charcoal,sans-serif; font-weight: normal; text-transform: uppercase;}

a.button:hover{}



.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }



/* -------------------------------------------- */

/* ------------------Header-------------------- */

header {}

header .wrap-header{height: 30px;border-bottom:3px solid orange;}



header #logo {position:absolute; top:30px; width: 100%;background: #000000;border-bottom: 3px solid #000000;}





/* -------------------------------------------- */

/* ------------------Navigation---------------- */

nav {margin-top:0px;}

nav .wrap-nav{height: 58px;background:orange; border-top: 3px solid orange; border-bottom:3px solid orange;}



.menu ul {list-style: none;margin: 0;padding: 0;}

.menu  ul li{position: relative;float: left;padding: 17px 10px 10px 10px; border-right:1px solid orange; border-left:1px solid orange; background:navy; }

.menu ul li.first{border-left:none !important}

.menu ul li.last{border-right:none !important}

.menu  ul li:hover, .menu .current {background:orange; border-right:orange 1px solid; border-left:orange 1px solid;}

.menu  ul li a {font-size: 22px; line-height:10px;color:white;display: block;padding: 6px 10px;margin-bottom: 9px;z-index: 6;position: relative; text-transform:uppercase; font-family: Impact,Charcoal,sans-serif; font-weight: normal;}

.menu  ul li:hover a {color:navy;}



.minimenu{display:none;}

.minimenu{position: relative;margin: 0px;background:#333333; border: 1px solid #CCC;}

.minimenu div{overflow: hidden;position: relative;font: 18px/40px 'PT Sans Narrow';color: #ffffff;text-align:center;text-transform:uppercase;font-weight:bold;}

.minimenu select{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);	cursor: pointer;}



.share{ float: right;}

.share ul{list-style: none;margin: 0;padding: 0;}

.share ul li{position:relative; float:left; padding-right:5px;}



/* -------------------------------------------- */

/* ------------------Navigation---------------- */



.featured{margin:0px 0 0 0;}

.featured .wrap-featured{background:#333;}

.featured .wrap-featured .slider{}



/* -------------------------------------------- */

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

#content {}

#content .wrap-content{}


.block01 {margin:0px; padding:10px; background-color: black; border-bottom:3px solid orange;}

.block01 h2{text-align:center; font-size:30px; line-height:35px; color:orange; font-family: Impact,Charcoal,sans-serif; font-weight: normal;}

.block01 p{font-size:20px;color: #7fbae4; text-align:center; line-height:25px;margin:20px 0 0 0;}

.block01 a{color:#5FBCCD;}

.block01 img{ float:left; border: 3px solid orange; margin:20px;}





.block03 {margin:0px 0px 0px 0px;background: navy;}

.block03 h2{font-size:24px; line-height:30px; color: orange; margin: 20px 20px 10px 20px; font-family: Impact,Charcoal,sans-serif; font-weight: normal;}
.block03 h3{font-size:18px; line-height:30px; color: orange; margin: 20px 20px 10px 20px; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}


.block03 p{font:14px/25px Arial, Helvetica, sans-serif; color: white; margin: 20px 20px 10px 20px;  font-weight: normal;}
.block03 p1{font:14px/25px Arial, Helvetica, sans-serif; color: white; margin: 20px 20px 10px 20px;  font-weight: bold;}

.block03 img{float:left; margin:10px 30px 10px 20px; border: 3px solid orange;}
.block03 ol li{font:10px/15px Arial, Helvetica, sans-serif; color: #FFFFFF;   font-weight: normal;}
.list ol,li{margin-left:0px;}

.block03 ul li:hover{border-left: 3px solid #f4000a;font-color: #999999; font-weight: bold;}

.list{ width:50%;float:right; }

.list ul,li{margin:0 0 0px 0;padding:0 0 0 0px;}

.list p{font:14px/25px Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0px 20px;  font-weight: normal;}

.imglist{float: left; margin: 0 0px 20px 20px;}

.imglist ul li{list-style-type:none;display:inline-block;border:none; margin:0; padding:0;}

.block03 a{font-size: 14px;  color: orange; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.cd{width: 100%;clear:both;float: left; margin: 0px 0px 0px 0px;border-bottom:3px solid orange;}
.cdimage{width: 50%;clear:both;float: left; margin: 0px 0px 0px 0px;}
.contact p{font:14px/25px Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0px 20px;  font-weight: bold;}
.contact h3{font:18px Arial, Helvetica, sans-serif; color: Orange; margin: 20px 20px;  font-weight: bold;}
.forms{font-size: 100%;margin: 0 10px 10px 30px;}




.block{ margin:0px;}
.block {margin:0px 0px 0px 0px;background: navy;}

.block h2{font-size:24px; line-height:30px; color: orange; margin: 20px 20px 10px 20px; font-family: Impact,Charcoal,sans-serif; font-weight: normal;}

.block p{font:14px/25px Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 20px 20px 10px 20px;  font-weight: normal;}

.block img{float:left; margin:10px 30px 10px 20px; }
.block ol li{font:10px/15px Arial, Helvetica, sans-serif; color: #FFFFFF;   font-weight: normal;}
.list ol,li{margin-left:0px;}

.block ul li:hover{border-left: 3px solid #f4000a;font-color: #999999; font-weight: bold;}

.list{ margin: 0px 0px 0px 0px; }

.list ul,li{margin:0 0 0px 0;padding:0 0 0 0px;}

.list p{font:14px/25px Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0px 20px;  font-weight: normal;}

.imglist{float: left; margin: 0 0px 20px 20px;}

.imglist ul li{list-style-type:none;display:inline-block;border:none; margin:0; padding:0;}

.block a{font-size: 14px;  color: orange; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
.block .cd{width: 100%;clear:both;float: left; margin: 40px 0px 0px 0px;}
.cdimage{width: 50%;clear:both;float: left; margin: 0px 0px 0px 0px;}




#main-content{}





#sidebar{}

#sidebar .box{background:white;margin:20px;}

#sidebar .heading{}


#sidebar .content{padding:0px}

#sidebar .content img{float:left; margin:10px; border: 3px solid orange;}

#sidebar .content ul{list-style-type:none;}

#sidebar .content ul li{border-left: 3px solid #E1E1E1; margin-bottom: 5px; padding-left: 10px ; margin-left: 5px;}

#sidebar .content ul li:hover{border-left: 3px solid #4AA9C3;}

#sidebar .content .post { margin-bottom: 20px;}

#sidebar .content .post h4{ font:14px/25px; font-weight:bold;margin: 0px 20px 0px 20px;color:navy;}

#sidebar .content .post p{font:14px/18px Arial, Helvetica, sans-serif; color: navy; margin: 0px 20px 0px 20px; font-weight: normal;}



#sidebar .content .post img{ float:left; border: 3px solid orange; margin-right:10px;}



/* -------------------------------------------- */

/* ------------------Footer-------------------- */

footer {background-color:#000000;border-top: 3px solid orange;}

.wrap-footer{}



.copyright{text-align:center; background:#000000; padding:10px 0px;color:#ffffff;line-height: 15px;}

.copyright a{text-decoration:none; font-weight: bold; color:#ffffff; }






/* -------------------------------------------- */

/* ------------------Components-------------------- */

.photos{}

.photos:after{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.photos a{display: block; float:left; margin: 0px 4px 10px 4px;position: relative;}

.photos a img{display:block; border:1px solid #CCC;}


/*------------------------Form----------------------*/


fieldset  {font-family: arial, helvetica, san-serif;}


legend  {font-family:helvetica, arial, sans-serif;font-weight: bold;padding:2px;}

.formwrapper{font-size: 100%;margin: 0 10px 10px 10px;}

 


label   {font-family: arial, helvetica, san-serif;font-weight: bold;font-size: 100%;line-height: normal;text-align: left;display: block;margin-right: 20px;	position: relative;width: 120px;float: left;color:#7fbae4;}



label.fieldLabel	{

	display: inline;

	font-weight: normal;

	float: none;

}



input.formInputField  {

	border: solid 1px orange;

	background-color: white;

        text-align: left;

	margin-right: 5px;

	margin-bottom: 5px;

	padding: 2px;

	height: 15px;

font-family: arial, helvetica, san-serif;
font-size: 80%;color:silver;font-style: italic;}



input.messageInputField {

	border: solid 1px orange;

	background-color: white;

	margin-right: 5px;

	margin-bottom: 5px;

	padding: 2px;

	font-family: arial, helvetica, san-serif;

}



	

input.formInputField:hover {

	background-color: white;

	border: solid 1px #006633;

	color: #006633;

}

select.formSelectField{

	border: solid 1px orange;

	background-color: white;

        text-align: left;

	margin-right: 5px;

	margin-bottom: 0px;

	padding: 2px;

	height: 20px;

	font-family: arial, helvetica, san-serif;
	font-size: 80%;color:silver;font-style: italic;}


select.formSelect  {

	border: solid 1px orange;

	background-color: white;

	color: #006633;

	cursor: pointer;

	margin-right: 5px;

	margin-bottom: 5px;

	padding: 2px;

}

.borders {

	border: solid 1px orange;

	background-color: white;

	color: #006633;

	margin-right: 5px;

	margin-bottom: 5px;

	padding: 2px;

	height: 75px;

	font-family: arial, helvetica, san-serif;
	
	font-size: 80%;
}


select.formSelect:hover  {

	background-color: #ccffff;

	color: #006633;

	cursor: pointer;

}




table { border-collapse: collapse; }


#order-table { width: 100%; font-size: 100%;margin:0px 0px 0px 0px}

#order-table td { padding: 2px; }

#order-table th { padding: 2px; background: black; color: white; text-align: left; }

#order-table td.row-total { text-align: right;font-size: 11px;color:gray;}

#order-table td input { width: 35px; text-align: center; }

#order-table tr.even td { background: #eee; font-size:80%;}
#order-table tr.odd td { font-style:italic; font-weight:bold;color:orange; }

#order-table td.quantity {text-align: center;}


.num-pallets input { background: white; border:solid 1px orange;}

.num-pallets input.warning { background: #ffdcdc; }

input[readonly] { background-color:#ececec; color:gray;}


#order-table td .total-box, .total-box { border: 3px solid orange; width: 35px; padding: 2px; margin: 5px 0 5px 0; text-align: center; font-size: 12px; }



#order-total { font-weight: bold; font-size: 14px; width: 70px; }