/*
Theme Name: Wesupply 
Description: The default WordPress theme for Wesupply site
Version: 1.0
Author: S.C. Software Development Partnership S.R.L.
*/


 *        { font-family: Arial,Helvetica,Sans-Serif !important; }
img       { border-style:none; }
form      { padding:0px; margin:0px; }
a:link  {/*color: #002147;*/ color: #D95E17; text-decoration: none !important;}

a:hover {text-decoration: underline !important; color: #D95E17;}
a:visited { /*color:blue; font-size:100%; text-decoration: underline; color:#666666;*/ font-size:100%; text-decoration: none;color: #D95E17;}
.strong    {font-weight: bold;}
body      { text-align: center; margin: 0 auto; padding:0px; background:#ffffff 				    url(images/body-bg.png) 0% 0% repeat-x; /*color: #002147;*/ }

small	{text-align: left !important; font-weight: normal;font-size:80%; }
address	{text-align: left;}
.strong	{font-weight: bold;}
p		{text-align: justify; font-weight: normal;font-size:80%; }
h1		{text-align: left; font-size: 120%; color: #002147;clear: both; margin: 0; padding: 0;}
h2		{text-align: left; font-size: 130%; color: #002147; clear: both; font-weight: normal; margin: 15px 0 0 0; padding: 0;}
h3 	{text-align: left; font-size: 100%; color: #002147; clear: both; font-weight: normal; margin: 0 0 15px 0; padding: 0;}
h4 	{text-align: left; font-size: 90%; color: #002147; clear: both; font-weight: normal; margin: 0 0 15px 0; padding: 0;}
h5 	{text-align: left; font-size: 80%; color: #002147; clear: both; font-weight: normal; margin: 0 0 15px 0; padding: 0;}
h6 	{text-align: left; font-size: 70%; color: #002147; clear: both; font-weight: normal; margin: 0 0 15px 0; padding: 0;}

/* {{{ */
#PageSlot { width:901px; margin:auto; }
	/* {{{ */
        #Wrapper { float:left; clear:both; width:900px; }
	     /* {{{ */
            #Header { float:left; clear:both; width:100%; height:100px; margin:4px 0px 0px 0px; height: 104px; color: #ffffff;}
/*	    #HeaderLeft img { float: left; display: block;}*/
	    #HeaderLeft		{ float: left; height: 104px;}
		 #HeaderLeft img { margin: 23px 0 0 0;}
	    #HeaderRight	{float: right; width: 330px; margin: 40px 0 0 0; font-size: 90%; text-align: right;}
	    #HeaderRight img	{border: none;}
	    #HeaderRight	#login { width: 350px; font-size: 80%;}
		#customerLogin	{float: left; width: 125px;}	
		#customerLogin	img	{ margin: 5px 29px 0 5px; padding: 0;}

	    #searchForm		{ margin: 0 23px 0 0; padding: 0; width: 188px;float: right;}
		    #searchInput        { border:1px solid #666666; float:left; height:17px; margin:1px 0 0 0; width:160px; }
		    #searchButton        { margin: 2px 0 0 0; padding: 0;}
			
	    #contactDetails	{margin: 9px 0px 10px 0; padding: 0; font-size: 16px; float: right; font-weight: normal;}		

            /* {{{ */
		/* classical top navigation with divider */

		#TopNavigation { float:left; clear:both; width:901px; margin:0px;background: transparent url(images/top-navigation-bg.png) 0% 0% no-repeat; height:39px; }

                #TopNavigation ul         { float:left; clear:both; width:901px;
                                            padding:0px; margin:0px;font-weight: bold; }
                #TopNavigation li         { float:left; clear:none; list-style-type:none; 					   height:39px;font-weight: bold;font-size:70%;}
		#TopNavigation .divider   { padding: 0 5px 0 5px;}
                #TopNavigation a:link     { font-size:130%;  color:#445770; 
                                            display:list-item; text-decoration:none;
                                            padding:8px 21px 0px 21px; }
                #TopNavigation a:visited  { font-size:130%;  color:#445770;
                                            display:list-item; text-decoration:none;
                                            padding:8px 21px 0px 21px; }
                #TopNavigation a:hover    { font-size:130%;  color:#445770;
                                            display:list-item; text-decoration:underline;
                                            padding:8px 21px 0px 21px; }
		
			
            /* }}}-TopNavigation */

		/* {{{ */

		#ContentBox	{width: 901px; float: left; margin: 0; padding: 0;}
		#ContentBoxContent	{ /*width: 670px;*/ width: 901px; float: left; margin: 0; padding: 0;}

		/* {{{ */
			#ContentBoxSidebar	{float: left; margin: 0 0 0 8px; padding: 0; width: 173px;clear: left !important;}

			/*** Sidebar Menu ***/
			
			ul.sidebar_menu, ul.section { list-style: none; margin: 0 0 0 0; padding: 0; font-size: 12px; width: 173px; background-color: #ffffff; }
			.sidebar_menu li 	{margin: 0; padding: 0;}
			ul.section li   { font-size: 12px;background-color: #f4f4f4; margin: 0 0 3px 0; /*height: 33px;*/ list-style-type: none; }
			.list_3rd	{margin: 0; padding: 0; }
			.list_item_3rd {border-top: 1px #fff solid; margin: 0; padding: 0;}
			ul.section li a { text-decoration: none; display: block; text-align: left;
				font-size: 12px; color: #002147;  padding: 4px 0 4px 14px;  background: transparent url('images/arrow_right.png') 3% 50% no-repeat;}
			ul.section li a:hover { color: #000000; font-size: 12px;}
			div.sidebar_wrap_a { width: 173px; height: 100%;font-size:12px; color: #4f4f4f; font-weight: normal; padding:0; display:block;background-color: #f4f4f4;margin: 0 0 3px 0;}
			div.sidebar_wrap_a a { color: #4f4f4f; display: block; text-decoration: none;
				text-align: left; padding: 9px 0 9px 9px;				
				font-size:12px;background-color: #f4f4f4; }
			div.sidebar_wrap_a a:hover { color: black; font-size:12px; }

			#ContentBoxText		{float: right; /*margin: 0 25px 0 0; padding: 0; width: 450px;*/ width: /*700px*/ 673px; padding: 0; margin: 0 37px 0 0;}
			#ContentBoxText h1	{margin-top: 0px;font-size: 24px; font-weight: normal;}
			#ContentBoxText p	{ margin: 19px 0 19px 0; padding: 0; /*color: #363636;*/color: #002147; font-size: 12px;}
			#ContentBoxText ul 	{ color: #002147;margin:0 0 10px 0; padding: 0 0 0 10px;/*color: #363636;*/ font-size: 90%; font-family: Arial; text-align: left !important;}
			#ContentBoxText ul li{ margin: 0 0 0 10px; padding:0; text-align: left;}
		/* }}}-ContentSidebar*/
		#ContentBoxBottom	{width: 901px; float: left; margin: 0; padding: 0;  background: transparent url(images/content-bottom-bg.png) 0% 0% no-repeat; height: 10px;}
		/* }}}-Content*/

		#BlueHeaderBox		{ width: 219px; padding: 0; float: right; margin:10px 0 0 0; }
		#BlueHeaderBox	h3	{font-size: 14px; color: #fcfcfc; margin: 6px 0 0 11px; padding: 0; float: left; font-weight: normal;}
		#BlueHeaderBox	p	{color: #434445; font-size: 70%; float: left; margin: 0; padding: 0;}
		
		#BlueHeaderBox	 a:link, 
		#BlueHeaderBox 	 a:hover,
		#BlueHeaderBox	 a:visited { color:#002147; font-size: 70%; margin: 0 10px 0 0; float: right;}
		
		#BlueHeaderBoxTop		{ width: 100%; background: transparent url(images/latest-news-up-bg.png) 0% 0% 			no-repeat; 		height: 25px;float: left;}
		#BlueHeaderBoxContent	{background: transparent url(images/small-box-gray-tile-bg.png) 0% 0% repeat-y; float: 			left; width: 100%;}
		.LatestNewsDivider	{background: transparent url(images/latest-news-divider.png) 50% 0% no-repeat; float:left; width: 100%; height: 1px; margin: 6px 0 6px 0; clear: both;}
		#BlueHeaderBoxBodyContent	{width: 194px; float: left; margin:11px 0 0 11px; padding: 0;}
		#BlueHeaderBoxBodyContent a:link, #BlueHeaderBoxBodyContent a:hover, #BlueHeaderBoxBodyContent a:visited {color:#002147;float:left;font-size:11px; background:transparent url(images/orange-arrrow.png) no-repeat center right; width: 194px; margin: 0; padding: 0; text-align: left;}
		#BlueHeaderBoxBodyContent p {margin: 0 0 10px 0; font-size: 11px;}
		#BlueHeaderBoxBottom	{background: transparent url(images/latest-news-bottom-bg.png) 0% 0% no-repeat; height: 25px;float: left; width: 100%;margin:0; padding: 0;}
		
		#BlueHeaderBoxBottom	 a:link, 
		#BlueHeaderBoxBottom 	 a:hover,
		#BlueHeaderBoxBottom	 a:visited { color:#002147; font-size: 70%; margin: 5px 28px 0 0; float: right;}

		/* }}}-BlueHeaderBox*/

  		#SitePath	{ color:#898989; float:left; font-size:11px; border-bottom: 1px #f4f4f4 solid; width: 650px; text-align: left; line-height: 27px; margin: 0 0 12px 10px; padding: 0; clear: both !important;}  

		/* }}}-SitePath*/
		#BoxesHolder	{float: right; width: 219px; margin: 0 7px 10px 0; overflow: hidden;}
		/* }}}-BoxesHolder*/

		/*  sidebar styling */
/*
		ul.MySidebarMenu { list-style: none; margin: 0 0 0 0; padding: 15px 0 0 0; font-size: 12px; width: 173px; background-color: #ffffff;}
		ul.MySection { list-style: none; margin: 0; padding: 0; font-size: 12px; width: 173px;background-color: #f4f4f4;}
		ul.MySection	{background-color: #ffffff;}
		ul.MySection li   { font-size: 12px;background-color: #f4f4f4; margin: 0 0 3px 0; height: 33px;}
		ul.MySection li a { text-decoration: none; display: block; text-align: left;
				font-size: 12px; color: #4f4f4f; padding: 4px 0 4px 14px; }
		ul.MySection li a:hover { color: #4f4f4f; }
		div.MySidebarWrapA { width: 173px; height: 100%;font-size:12px; color: #4f4f4f; font-weight: normal; padding:0; display:block;background-color: #f4f4f4;margin: 0 0 3px 0;}
		div.MySidebarWrapA a { color: #4f4f4f; display: block; text-decoration: none;
				text-align: left; padding: 9px 0 9px 9px;				
				font-size:12px;background-color: #f4f4f4;  }
		div.SidebarWrapA a:hover { color: #4f4f4f; font-size:12px; }		
		.hide	{	display: none;	}
		.show{	display: block; padding: 0 ; margin: 0 0 0 34px;}
		.submenu { display: block; padding-top:2px;font-size:12px;color: #bc749f;}
		.submenu a { color: #4f4f4f; display: block; text-decoration: none;
				text-align: left; 				
				background-position: 4px 50%; font-size:12px; }
		ul.section li a { color:#9A3737; display:block; font-size:12px; padding:6px 0 6px 15px; text-align:left; text-decoration:none;}
		ul.section li { font-size:13px; list-style-type: none;}
		ul.MySidebarMenu, ul.section { font-size:14px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; width:174px;}
*/

		



            #Footer { float: left; width:100%; margin: 13px 0 0 0; padding: 0px;  border-top: 1px #dbdbdb solid; color: #a0a0a0; font-size: 100%;}
            /* {{{ */
                #Footer ul         { float:left; clear:both; width:100%; padding: 11px 0px 0px 10px;  margin:0px; }
                #Footer li         { float:left; clear:none; list-style-type:none; 
                                     font-size:70%; font-weight:normal; color:#898989;padding:0px; }
                #Footer li.Right   { float:right; clear:none;  }
		#Footer li.Left   { float:left; clear:none; }
		#Footer .Left {float: left;}
		#Footer .Right {float: right; padding: 0px 30px 0px 0px; margin: 5px 0 0 0;}
		#Footer .Right img 	{float: right;}
		#Footer .Right ul {padding: 0; margin: 0; float: right; text-align: left;}	
		#Footer .Right ul li {padding: 0; margin: 0; float: right; clear: both !important;}
                #Footer a:link     { font-weight:normal; color:#898989; 
                                     display:list-item; text-decoration:none;
                                     padding:0px 5px 0px 5px; margin:0px; }
                #Footer a:visited  { font-weight:normal; color:#898989;
                                     display:list-item; text-decoration:none;
                                     padding:0px 5px 0px 5px; margin:0px; }
                #Footer a:hover    { font-weight:normal; color:#898989;
                                     display:list-item; text-decoration:underline;
                                     padding:0px 5px 0px 5px; margin:0px; }
		.LeftSide 	{ width: 600px; float: left;}
		.RightSide	{float: right; width: 140px; }
		
            /* }}}-Footer */



/* the default style edited */

.post	{
	text-align: left;
}

/* custom search class */


.customSearch	{
	text-align: left;
	border-bottom: 1px #f2790f dashed;
}

.customSearch small {display: none;}


/* For WordPress kitchen sink - keep old definitions */

#respond {clear: both;margin: 0; padding:0;}
		/* }}}-respond */

/* Begin Form Elements */

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

.entry {
	font-size: 90%;
/* 	float: right; */
}


select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;

	}

#commentform {
	margin: 5px 10px 0 0;
	
	}

#commentform table 	{
	float: left;
	clear: both;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
	content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: left;
	clear: both;
	}
/* End Form Elements */




/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

.commentlist li, #commentform input, #commentform textarea {
	
	}
.commentlist li ul li {
	font-size: 90%;
}

.commentlist li {
	font-weight: bold;
	font-size: 90%;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 90%;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}


.commentmetadata {
	font-weight: normal;
	}
/* end comments */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 15px;
	margin: 0 0 2px 7px;
	display: inline;
	clear:right;
	}

img.alignleft {
	padding: 0 15px 15px 0;
	margin: 0 7px 2px 0;
	display: inline;
	clear:left;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.navigationMenu {clear:both;  margin:0px auto;background: transparent url(images/top-navigation-bg.png) 0% 0% no-repeat; height:39px;width: 901px;}
/* hack to correct IE5.5 faulty box model */
* html .navigationMenu {width:901px; w\idth:901px;}
/* remove all the bullets, borders and padding from the default list styling */
.navigationMenu ul {padding:0;margin:0 auto!important; text-align: center; list-style-type:none; /* width: 690px;*/ width: 780px; }
.navigationMenu ul ul {width:80px; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.navigationMenu li {position:relative;background: transparent url(images/slide-menu-divider.png) right 55% no-repeat; z-index: 1; margin: 0; padding: 0; width: 123px; clear: none;float: left;}
/* style the links for the top level */
.navigationMenu a, .navigationMenu a:visited {display:block;font-size:90%;  color:#445770; 
                                            display:list-item; text-decoration:none;
                                            /*padding:12px 21px 0px 21px;*/padding: 10px 0 0 0; width: 125px; height: 27px; font-weight: bold; margin: 0 -4px 0 -2px;}

.navigationMenu a:hover {color:#fff; background:#445770;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .navigationMenu a, * html .navigationMenu a:visited {width:80px; w\idth:80px;}

/* style the second level background */
.navigationMenu ul ul a.drop, .navigationMenu ul ul a.drop:visited {font-size:90%;  color:#445770;
                                            display:list-item; text-decoration:none;
                                            padding:12px 21px 0px 21px; width: 80px;}
/* style the second level hover */

.navigationMenu ul ul a.drop:hover{background:#ffffff;color: #445770; border-top: 1px #fff solid;}
.navigationMenu ul ul :hover > a.drop {background:#445770; width: 80px;height: 30px;color: #445770;border-top: 1px #fff solid;}

/* style the third level background */
.navigationMenu ul ul ul a, .navigationMenu ul ul ul a:visited {background:#e2dfa8;display: none;}
/* style the third level hover */
.navigationMenu ul ul ul a:hover {background:#b2ab9b;display: none;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.navigationMenu ul ul {visibility:hidden;position:absolute !important;height:0;top:37px;left:0; width:167px;/* 149 */}
/* another hack for IE5.5 */
* html .navigationMenu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.navigationMenu ul ul ul{left:167px; /*149*/ top:-1px; width:149px;display: none;}

/* position the third level flyout menu for a left flyout */
.navigationMenu ul ul ul.left {left:-167px;/*149*/display: none;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.navigationMenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* yet another hack for IE5.5 */
* html .navigationMenu ul ul a, * html .navigationMenu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.navigationMenu a:hover, .navigationMenu ul ul a:hover{color: #fff; background:#002147 !important;}
.navigationMenu :hover > a, .navigationMenu ul ul :hover > a {color: #fff; background:#002147;}

/* make the second level visible when hover on first level list OR link */
.navigationMenu ul li:hover ul,
.navigationMenu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.navigationMenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.navigationMenu ul :hover ul :hover ul{ visibility:visible;}


/* style the second level links */
.navigationMenu ul ul a, .navigationMenu ul ul a:visited {background:#002147; height:auto; line-height:1em; padding:5px 10px 5px 30px; width:147px;/*152 147 102*/ font-weight: normal;border-top: 1px #000 solid; color: #fff; margin: 0 -4px 0 -2px; font-size: 80%; /* changed today font size (23sept) added */text-align: left;}

.navigationMenu ul ul a:hover {background-color: #34557b !important;} 


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.navigationMenu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.navigationMenu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.navigationMenu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.navigationMenu ul .current_page_item ul a:hover {
  background: gray;
}

.navigationMenu .current_page_item a:hover {
  background: white;
}


/* form style */

.iTxt3 {
	border:1px solid #637A95;
	color:#666666;
	font-size:12px;
	height:16px;
	padding:2px;
	width:200px;
}


textarea.c2 {
	border:1px solid #637A95;
	color:#666666;
	font-size:13px;
	height:124px;
	width:205px;
}

.label {
	/*color: #363636;*/
	color: #002147;
	font-size:80%;
	text-align: left;
}

#contactForm {
text-align: left;
	}

#ContactTableSubmit {
font-size:80%;
margin:0;
padding:0;
width:100px;
}


/*  for the search plugin */


.incoming ul li, .incoming ul {
	float: none !important;
	
}

.menuCrumb {font-size: 70% !important;}

.menu_item_587, .menu_item_1612  {background: none !important;}


#BlueHeaderBoxBodyContent {}

/* define styles for the management page */

.management {
	margin-top: 20px;
	border-top:1px solid #F4F4F4;
	float: left;
	width: 100%;
}

.managementText {
	/*width: 286px;*/
/*	width: 535px;*/
	width: 515px;
	float: right;
	margin: 0 0 0 0;
	padding: 0;
	
}

.managementText {

	font-size: 12px;
/*	color: #363636;*/
	color:#002147;
	text-align: justify;
}

.managementPicture {
	float: left;
	width: 144px;
	clear: left;
	margin: 0;
	padding: 0;
}


/*

.menu_item_7{
width: 190px !important;
}
.menu_item_link_7  {
width: 192px !important;
}

*/

.menu_item_3{
	background:transparent url(images/slide-menu-divider.png) no-repeat scroll right 55% !important;
}


/* news items*/

.newsItem {

		border-bottom:1px dashed #DDDDDD;
		margin-bottom: 10px;
		padding-bottom: 10px;
		
}
.newsItemDate {
	margin: 0 !important; 
	padding: 0 !important; 
	text-align: left;
	font-weight: bold;
}

.newsItem h2  {
	margin-top: 0 !important;
	font-size: 16px !important; 
	font-weight: bold !important; 	
}

.newsItem p {
	margin: 3px 0 3px !important; 
	padding: 0 !important; 

}