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

	Template Name : VectorLover

	Template Code : S-0026

	Version : 1.0   

	Author : Erwin Aligam

	Author URI : https://www.styleshout.com/    

	Last Date Modified : July 31, 2008	

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

 

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

   LAYOUT

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

#wrap {

	position: relative;

	width: 952px;

	background: #FFF url(../../images/wrap.gif) repeat-y center top;

	background: #FFF url(../../images/wrap_noright.gif) repeat-y center top;

	margin: 40px auto 30px auto;

	text-align: left;	

}

#content, #botcontent, #subcontent {

	clear: both;	

	float: left;	

	width: 952px;						

	padding: 25px 0 10px 0; 	

	

}



#botcontent {						

	text-align:center;	

	height: 40px;

	float:none;

	margin: 5px auto;

	padding: 10px 0 10px 0; 	

	

}



#header {

	position: relative;

	width: 952px;

	height: 245px;

	background: #8AB84B url(../../images/header.jpg) no-repeat;	

	color: #fff;	

	padding: 0;	

	margin: 0;	

}


#header h1#logo-text a {

	position: absolute;

	margin: 0; padding: 0;

	font: bold 66px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;

	letter-spacing: -5px;

	text-decoration: none;

	color: #332616;

	

	/* change the values of top and left to adjust the position of the logo*/

	top: 75px; left: 55px;	

}

#usflag
{
	position:absolute;
	top:100px;
	left:30px;
	/*border: 1px solid #000;*/	
}

#ustobonaship, #bonashiptodests {
	position:absolute;
	top: 120px;
	left:175px;
	left:270px;
	/*border: 1px solid #000;	*/
}
#bonaship {
	position:absolute;
	top: 75px;
	left:285px;
	left:405px;
	/*border: 1px solid #000;	*/
}

#bonashiptodests {

	left:435px;
	left:470px;
	left:650px;
}

#logodiv {
	clear:both;
	height: 40px;
	position:absolute; top:20px; left:25px;
}

#datetimer {
	
	/* clear:both;margin: 0 auto 10px auto;
	text-align:right;
	/*border: 1px solid #ff0000;
	width: 860px;*/
	height: 25px;
	position:absolute; top:215px; right:30px;
}

#shipto
{
	position:absolute;
	width: 400px;
	height: 216px;
	/*margin-bottom: 15px;*/
	padding: 0;
	top: 35px;
	left:480px;
	top: 80px;
	left:785px;
}

#header p#slogan {

	position: absolute;

	margin: 0; padding: 0;

	font: bold 12pt Arial, Helvetica, Sans-serif;

	color: #000000;

	letter-spacing: -0.5px;

	

	/* change the values of top and left to adjust the position of the slogan*/

	top: 155px; left: 0px;		

}

#datetimer { width: 50%; }

 .banner {
	position: absolute;
	margin: 0;
	padding: 0;
	font: bold 15px  Arial, Helvetica, Sans-serif;
	color: #fff;
	/* letter-spacing: 0.2px; */
	top: 225px;
	width: 580px;
	height: 153px;
}
#timediv{
	color: #fff;
	
	 width: 100px; /*margin-top:15px;border: 1px solid #ff0;height: 20px; height: 20px;
	top: 15px	*/
	
	 
	 /*left:300px; ; 	*/
	 font: normal 13pt  Arial, Helvetica, Sans-serif;
	
	 float:right;
}
#datediv{

	 color: #fff;
	 font: normal 13pt   Arial, Helvetica, Sans-serif;
	 display: inline-block;
	 float:right;
	 
	  /*margin-top:15px; margin-left:10px;width: 275px; 
	  text-align:right; 
	border: 1px solid #000;	 left: 20px;
	 
	 top: 15px; 
	 height: 20px;*/
}



.banner { top: 100px; left: 347px; }



/* top-menu */

 #top-menu {

 	position: absolute;

	margin: 0;

	padding: 30px 15px 8px 15px;

	background: #74A838 url(../../images/top-menu.gif) repeat-x;

	font-family: 'Trebuchet MS', Arial, Sans-serif;

	color: #FFF;	

	top: 0;	right: 21px;

	margin-right: 10px;

 }

 #top-menu p { 	

	margin: 0; padding: 0;;

 }

 #top-menu a {

 	font-weight: bold;

	color: #fff;

 }



/* Navigation */

#nav {

	position:relative;
	clear: both;	

	padding: 0;	margin: 0;

	width: 952px;
	
	height: 50px;

	height: 40px;

	background:  url(../../images/nav.gif) no-repeat;		

}

#nav ul {

	float: left;	

	list-style: none;	

	margin: 10px 0 0 0;

	margin: 5px 0 0 0;

	height: 45px;

	height: 35px;

	/*padding: 0 0 0 40px;					*/
	padding: 0 0 0 30px;			
}

#nav ul li {

	float: left;

	margin: 0; padding: 0 0 0 10px;		

}

#nav ul li a {

	float: left;

	margin: 0;

	padding: 0 15px 0 5px;
	padding: 0 10px 0 0;
	
	color: #000000;

	font: bold 16px/40px 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;

	text-decoration: none;		

}

#nav ul li a:hover, 

#nav ul li a:active {

	color: #ffffff;	

}

#nav ul li#current {

	background: transparent url(../../images/left-tab.gif) no-repeat;	

}

#nav ul li#current a {	

	color: #000000;

	background: transparent url(../../images/right-tab.gif) no-repeat right top;	

}

#nav p { 
	position: absolute;
	right: 40px;
	right: 25px;
	top: 5px;
	margin: 0 0 0 0;
	height: 30px;
	padding: 0 0 0 40px;	
	padding: 0 0 0 20px;		
}
/* Main Column */

#main, #submain {

	float: left;

	width: 610px;

	padding: 0; margin: 0 0 0 40px;

	display: inline;	

}

#main h2 {

	font: bold 2.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;

	color: #51432F; 

	padding: 10px 0 5px 5px; 	

	margin-left: 5px;		

	letter-spacing: -2px;

	border-bottom: 1px solid #E4F2C8; 	

}

#main h2 a {

	color: #51432f;

	text-decoration: none;		

}

#main ul li {

	list-style-image:   url(../../images/bullet.gif);

}



#sidebar {

	float: right;

	width: 235px;

	padding: 0; 

	margin: 0 45px 0 0;

margin: 0 35px 0 0;

	display: inline;	

}

#sidebar h3 {

	color: #51432F; 

	font: bold 1.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;

	text-transform: none;

	letter-spacing: -0.5px;

	padding: 5px 0 5px 7px; 

	margin: 10px 0 5px 10px; 	

	border-bottom: 1px solid #E4F2C8;	

}



/* sidebar menu */

#sidebar .sidemenu {

	margin: 10px 10px 5px 7px; padding: 0;

	text-decoration: none;			

}

#sidebar .sidemenu li {

	list-style: none;

	margin: 0;

	padding: 8px 10px; 		

	border-bottom: 1px solid #E8E8E8;	

}

* html body #sidebar .sidemenu li {

	height: 1%;

}

#sidebar .sidemenu li a {

	text-decoration: none;	

	color: #739A23;

	background: none;

	font-weight: normal;

}

#sidebar .sidemenu li a span {

	color: #7F7F7F;	

	font-size: .9em;

	

	font-family: Georgia, 'Times New Roman', Times, serif;

	font-style: italic;

	font-weight: normal;

	}

#sidebar .sidemenu li a:hover {	

	color: #000;	

	background: none;	

}

#sidebar .sidemenu ul { margin: 0 0 0 5px; padding: 0; }

#sidebar .sidemenu ul li { border: none; }



/* header quick search */

#sidebar form#qsearch {

	padding: 0; margin: 20px 0 20px 10px; 

	border: none;

	width: 270px; height: 33px;

width: 225px; height: 33px;

	background: #F2F0F0 url(../../images/qsearch.gif) no-repeat;		

}

#sidebar form#qsearch p {

	margin: 0; padding: 0;		

}

#sidebar form#qsearch input {

	float: left;

	border: none;

	background: transparent;

	color: #B8B8B8;	

	margin: 0;

}

#sidebar form#qsearch .tbox {

	margin: 5px 0 0 5px; 

	width: 220px;	

width: 175px;	

	display: inline;	

	font: 1em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;	

}

#search form#qsearch .btn{

	width: 24px; height: 24px;				

}

#sidebar form#qsearch label {

	display: none;

}



#botnav_top, #botnav_bottom {

    width: 835px;

	text-align:center;

	padding: 10px 0; 

	/*margin: 0 0 0 40px;*/

	display: inline;	

	background-color: #fff;

	font-size: 1.1em;

	

	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;

}



#botcontent 

{

	border-top: 1px solid #555;

	width: 870px;

	margin-top: 50px;

}

#botnav_bottom {

	display:block;	

}

/* footer */

#footer {

	clear: both;

	width: 952px;

	margin: 0;

	padding: 15px 0 15px 0;

	background: #CCC url(../../images/footer-bottom.gif) no-repeat left top;			

	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;

	font-size: 1.15em;

	color: #777;	

	text-align: center;	

	letter-spacing: .2px;

}

#footer p {

	padding:10px 0;

}

 #botnav_top, #botnav_bottom {

	width: 835px;

	text-align: center;	

	/* border-top: 1px solid #555; */

}



#footer p#copyr {

	font-size: 0.8em;

}

#footer a:hover { 

	color: #555; 

	border-bottom: 1px dotted #555;

	text-decoration: none;

}



/* postmeta */

.post-footer {

	padding: 8px 10px;

	margin: 15px 10px 10px 10px;	

	color: #977C57;

	border: 1px solid #EEE8E1; 

	background: #FAF7F5;

}

.post-footer .date{ 

	margin: 0 10px 0 5px;	

	padding: 7px;

	background: #FAF7F5 url(../../images/clock.gif) no-repeat 0 2px;

	padding-left: 30px;

}

.post-footer a.comments { 

	margin: 0 10px 0 5px;	

	padding: 7px 5px;

	background: #FAF7F5 url(../../images/comments.gif) no-repeat 0 2px;

	padding-left: 30px;

	color: #977C57;

}

.post-footer a.readmore { 

	margin: 0 10px 0 5px;	

	padding: 7px 5px;

	background: #FAF7F5 url(../../images/doc.gif) no-repeat 0 2px;

	padding-left: 30px;

	color: #977C57;

}

.post-footer a.edit { 

	margin: 0 10px 0 5px;	

	padding: 7px 5px;

	background: #FAF7F5 url(../../images/edit-doc.gif) no-repeat 0 2px;

	padding-left: 30px;

	color: #977C57;

}



.post-info { font-size: .95em; padding: 0 10px; margin-left: 2px; color: #A98D76; }

.post-info a, .post-info a:visited { color: #333; }



/* comments list */

ol.commentlist {

	margin: 12px 10px;

	padding: 0;

	border-style: solid;	

	border-color: #EEE8E1;	

	border-width: 1px 1px 0 1px;

}

.commentlist li {

	margin: 0;

	padding: 10px;

	list-style: none;

	border-bottom: 1px solid #EEE8E1; 

}

.commentlist li cite {

	display: block;

	font-style: normal;

	font-weight: bold;

	padding: 7px;	

}

.commentlist li cite img {

	float: left;

	margin-right: 10px;	

}

.commentlist li cite .comment-data {

	font-size: .8em;

	font-weight: normal;

}

.commentlist li .comment-text {

	clear: both;

	margin: 0; padding: 0;

}

.commentlist li.alt {

	background: #FAF7F5; 

}

	

/* alignment classes */

.float-left  { float: left; }

.float-right { float: right; }

.align-left  { text-align: left; }

.align-right { text-align: right; }



/* display and additional classes */

.no-border { border: none; }

.clearer { clear: both; }

.clear {	display:inline-block; }

.clear:after {

	display:block; 

	visibility:hidden; 

	clear:both; 

	height:0; 

	content: "."; 

}