/* Appearance consistent with Wicket's default error pages. */


.nav, .nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

.nav a {
	display: block;
}

.nav li { /* all list items */
	float: left;
}

.nav li ul { /* second-level lists */
	position: absolute;
	background: orange;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

.nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
	left: -999em;
}

.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* Used to add a down arrow icon if there are children. If necessary, change /app to match the name of your context. */
.nav li span.menu-has-submenu {
	background-image:url(menu_has_submenu.gif);
	background-position: 100% 50%;
    background-repeat: no-repeat;
}
/* Used to add a right arrow icon if there are children. If necessary, change /app to match the name of your context. */
.nav li li span.menu-has-submenu {
	background-image:url(submenu_has_submenu.gif);
	background-position: 100% 50%;
    background-repeat: no-repeat;
}

.addButton {
	width: 22px; height: 22px; background-image: url(edit_add.png);
}



body {
	font-family: 'Lucida Grande', 'Lucida Sans', 'Helvetica', sans-serif;
	font-size: 9pt;
	line-height: 1.3em;
	color: black;
	background-color: #002d57;
	padding: 0 .5em;
}
h1,h2,h3,h4,h5,h6,h7,h8 {
	color: #002d57;
	margin-top: 10px;
	margin-bottom: 3px;
}
h1 {
	font-size : 1.5em;
}
h2 {
	font-size : 1.4em;
}
h3 {
	font-size : 1.3em;
}
h4 {
	font-size : 1.2em;
}
p {
	/* width: 35em; */
}
/*pre, table, td { 
	font-family : 'MS Trebuchet', 'Verdana', Arial, Helvetica; font-size : 10pt; line-height:1.2em;
}*/
form.labelAbove label {
	display: block;
}
form.labelAbove div.row {
	margin: .75em 0;
}
/*.feedback ul {
	background: #FFD39F;
	padding: .5em;
	margin: 0 0 .5em 0;
	list-style-type: none;
	border: dashed 1px #E9601A;
	width: 35em;
	color: black;
}*/

tr.a, tr.even {
	background: #E6E6E5;
}

tr.b, tr.odd {
	background: #F5F5F5;
}

a img {
	border: none;
}

/* DataView */

tr.navigation div {
	height: 2em; /* for IE 6 */
}

tr.navigation a, tr.navigation em {
	font-size: 125%;
	padding: .2em;
}

tr.navigation a {
	text-decoration: none;
}

tr.navigation a:hover {
	background-color: #DFDFFF;
}

tr.navigation em span {
	font-size: 150%;
}

tr.navigation td {
	margin: 3em;
}

tr.headers th {
	background-position: right; 
	background-repeat: no-repeat;
	padding: .2em 13px;
}

tr.headers th.wicket_orderDown 
{
	background-color: #DFDFFF;
	background-image: url(arrow_up.png); 
}

tr.headers th.wicket_orderUp 
{
	background-color: #DFDFFF;
	background-image: url(arrow_down.png); 
}

/* Modal Windows */

div.wicket-modal div.w_content_2 div.w_content_3 {
	border: none;
	padding: 0 1.5em;
}

#footer {
	text-align: center;
	color: black;
	padding-top: 5px;
}

.main {
	width: 800px;
	margin: 0px auto;
	padding: 10px;
	/*border: 1px solid #AAAAAA;*/
	background-color: white;
}

.mainmenu {
	padding: 0px;
	margin: 0px;
	border: none;
	clear: both;
}

.mainbody {
	padding: 0px;
	padding-top: 10px;
	margin: 0px;
	clear: both;
	background-color: white;
}

.mainbreadcrumb {
	padding: 5px;
	margin: 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #DFDDFF;
}

.maincontent {
	margin: 0px;
	padding: 0px;
	border: none;
}

/* pagecontent */
.pagecontent {
	padding: 5px;
	padding-top: 0px;
}

/* Navigation */
ul.navigation {
	background-color: #1B75BC;
	margin: 0;
	padding: .2em;
	list-style-type: none;
}

ul.navigation li {
	display: inline;
}

ul.navigation a {
	color: #FFF;
	background-color: #1B75BC;
	padding: .2em .8em;
}

ul.navigation a:hover
{
	background-color: #369;
	color: #FFF;
}

ul.navigation span.navItemDisabled {
	color: #58B;
	background-color: #FFF;
	padding: .2em .8em;
}

/* articles */
.articles {
	padding: 5px;
}

.articlemeta {
	font-size: smaller;
	color: gray;
}
.articledescription {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid gray;
}

/* home page */
.homepageboxtable {
	border: 1px solid gray;
	padding: 5px;
}

/* tabs */

.tab-row ul {
	border: 1px solid gray;
	padding:0px;
	margin:0px;
	margin-bottom: 3px;
	list-style-type: none;
}

.tab-row li {
	/*display:inline;*/
	border-right: 1px solid white;
	padding:3px;
	float:left;
	color: #FFF;
	background-color: #1B75BC;
}

.tab-row li.last {
	border-right: none;
	float:none;
}

.tab-row li.selected {
	background-color: #69B;
}

.tab-row li:hover {
	background-color: #369;
	color: #FFF;
}

.tab-row a {
	text-decoration: none;
	color: #FFF;
/*	background-color: #1B75BC;*/
}

.tab-row a:hover {
/*	background-color: #369;
	color: #FFF;*/
}

/* user feedback panel */
.feedback ul {
	list-style-type: none;
	padding: 2px;
}

li.feedbackPanelINFO {
	border: 1px solid #009900;
	background-color: #BBFFBB;
	color:black;
	list-style:none;
	padding:5px;
}

li.feedbackPanelWARNING {
	border: 1px solid #997700;
	background-color: #FFEEAA;
	color:black;
	list-style:none;
	padding:5px;
}

li.feedbackPanelERROR {
	border: 1px solid #990000;
	background-color: #FFBBBB;
	color:black;
	list-style:none;
	padding:5px;
}

/* editors */
.submitbox {
	border: 1px solid #ddaa44;
	background-color: #ffdd66;
	padding: 2px;
	margin: 2px;
	
}

/* image list editor */
/* used to stack up, down buttons */
div.images div.stack {
	line-height: 0px;
}
/* disabled appearance (in modern browsers) when unlinked */
div.images div.stack img {
	padding: 2px 0;
	opacity: .4;
}
/* standard appearance when linked */
div.images div.stack a img {
	opacity: 1;
}

div.images a.delete img{
	margin-left: 15px;
	padding-top: 5px;
}

/* front page boxes */
.boxcontent {
	border: none;
	padding: 0px;
}

.boxcontent h3, .boxcontent h4 {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
}

.boxcontent h3 {
	margin-top: 0px;
	padding: 5px;
	background-color: #1B75BC;
	margin-top: 0px;
	padding-left: 10px;
	/*background-image: url(../com.mtechsystems.MtechWebSite/images/star_small.gif);*/
	/*background-position: left;
	background-repeat: no-repeat;*/
}

.boxcontent h4 {
	background-color: #1B75BC;
	padding: 5px;
	padding-left: 16px;
}

.boxcontent ul {
	list-style-type: none;
}

.boxcontent a {
	color: #DDF;
	/*text-decoration: none;*/
}

.boxcontent a:hover {
	/*border-bottom: 1px dashed white;*/
}

.boxcontent .product img {
	margin: 3px;
	margin-right: 10px;
}

.boxcontent .body {
	/*margin-top: 5px;*/ 
	padding: 5px;
	/*background-position: top right;
	background-repeat: repeat-y;*/
}

table.boxpaneltable {
	
}

table.boxpaneltable td {
	margin:0px;
}

#header {
	/*background-color: #1B75BC;*/
}

/* forms */

/* groups of fields */
fieldset {
	background-color: #EEEEEE;
	border: 1px solid #999999;
	margin: 4px;
}
/* headings for groups of fields */
fieldset legend {
	color: #445066;
	font-weight: bold;
	font-size: 10pt;
	border: none;
	padding: 2px;
	background-color: white;
}
/* text fields */
input, textarea, select {
	background:#FFFFFF none repeat scroll 0% 0%;
	border: 1px solid #999999;
	padding: 2px 5px;
}

/* product and campaign displays */

.product img {
  margin: 10px;
}

.imagePanel {
	padding: 6px;
}

.imagePanel a {
	color: white;
	
}

.imagePanel span {
	padding: 2px;
	
}

.campaign {
	padding: 5px;
	margin: 3px;
	border: 1px solid #445066;
	background-color: #DDDDFF;
}

.categories {
	padding: 5px;
	background-color: #CCCCDD;
}

.products {
	padding: 5px;
}

.product .productImage {
	padding: 5px;
	background-color: #445066;
}

.products h2 {
	border-bottom: 1px solid #445066;
}

.products h3 {
	border-bottom: 1px solid #445066;
}

.products h4 {
	border-bottom: 1px solid #445066;
}

table.categoriesMenu th {
	color: black;
	padding-bottom: 3px;
	
}

table.categoriesMenu tr.category a {
	background: #1B75BC;
	display:block;
	color: white;
	text-decoration: none;
	padding: .2em .8em;
	margin: 0px;
	border-bottom: 1px solid #555555;
}

table.categoriesMenu tr.category a:hover {
	background-color: #336699;
	text-decoration: underline;
}


table.categoriesMenu tr.categorySelected a {
	background: #5588BB;
}

/**
 * suckerfish custom CSS
 **/
.nav, .nav ul, .nav li {
	color: white;
	background-color: #002d57;
}

ul.nav {
	height: 25px;
}

.nav li {
	padding: 0.5em 0.8em;
	font-weight: bold;
}

.nav li a {
	text-decoration:none;
}

.nav li:hover, .nav li.myhover {
	background-color: #369;
	color: black;
}

.nav li a span {
	color: white;
}

.homepage_boxpanel_boxcontent1 {
	background-image: url(/images/blue_bg.png);
	color: white;
}

.homepage_boxpanel_boxcontent2 {
	background-image: url(/images/yellow_bg.png);
}

.homepage_boxpanel_boxcontent2 a, .homepage_boxpanel_boxcontent3 a {
	color: #333;
}


.homepage_boxpanel_boxcontent2 h3, .homepage_boxpanel_boxcontent2 h4 {
	background-color: #FFFF00;
	color: black;
}

.homepage_boxpanel_boxcontent3 {
	background-image: url(/images/orange_bg.png);
}

.homepage_boxpanel_boxcontent3 h3, .homepage_boxpanel_boxcontent3 h4 {
	background-color: #FF4400;
	color: black;
}

.small_products_box {
	padding-left: 10px;
	padding-right:10px;
	margin:0 3px 3px;
	border: 1px solid #000099;
	height:137px;
}

.small_products_box ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	margin-top: 0px;
}

.small_products_box ul li {
	float: left;
	padding: 2px;
	width: 250px;
}

.small_products_box img {
	vertical-align: text-top;
	float: left;
}

/**
 * Gallery
 **/
.gallery .section .file {
	float: left;
	color: black;
	text-align: center;
	padding: 6px;
}

.gallery .section {
	background: #FFFFFF url(flowers.gif) repeat scroll left top;
	border:1px solid #C6C6C6;
	padding: 5px;
}