@charset "utf-8";
/* CSS Document *




/******** CSS Reset *********/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#444;
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}





/******** Text Formating *********/


h1{
	font-size: 15px;
	padding-bottom: 15px;
}
h2{
}
h3{
}
h4{
}
.heading1{
	background:url(../images/bg-heading.png) repeat-x;
	line-height:35px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	text-transform:capitalize;
}
.heading2{
}
.heading3{
}
.heading4{
}
.para1{
}
.para2{
}
.para3{
}






/******** DIV Styling *********/


#main{
	width:1400px;
	margin:0px auto;
}
#loginScreen{
	width:360px;
	margin:0px auto;
}
#container{
	width:100%;
}
#header{
	width: 1400px;
	background:#13161d;
}

/**** CSS for menu ******/

table {
	border-spacing: 2px;
}
#menu {
	float: right;
	vertical-align: baseline;
	margin-top: 87px;
}

#menu .menuitem {
	float: right;
	padding: 10px;
}

#menu .menuitem a {
	color: #FFF;
	text-decoration: none;
}

#content{
	width:1380px;
	padding:10px;
	background:#eaeaea;
	min-height:350px;
	float: right;
}
#contentWrapper{
	width:920px;
	
}
#contentArea{
	background:#FFF;
	width:710px;
	margin-left:210px;
}
#categories{
	width:690px;
	margin:0px auto;
	padding:10px 0px;
}
#items{
	width:690px;
	margin:0px auto;
	padding:10px 0px;
}

.elements {
	height: 40px;
}

.elements .label {
	width: 170px;
	float: left;
}

.elements .error {
	color: #F00F00;
}

#success {
	color: #393;
	line-height: 30px;
	text-align: center;
}

#error {
	color: #F00F00;
	line-height: 30px;
	text-align: center;
}



/******** Top Navigation *********/


#navigation{
	background:url(../images/bg-menu.png) repeat-x 0 0;
	height:35px;
}
#navigation ul{
	list-style:none;
	text-align:left;
	margin:0px 0px 0px 10px;
}
#navigation li{
	display:inline;
}
#navigation li a{
	background:url(../images/bg-menu.png) repeat-x 0 0;
	line-height:35px;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	padding:11px 20px;
	text-decoration:none;
	text-transform:capitalize;
}
#navigation li a:hover, #navigation li a.active{
	background:url(../images/bg-menu-hover.png) repeat-x 0 0;
	line-height:35px;
	font-size:11px;
	font-weight:bold;
	color:#222;
	padding:11px 20px;
	text-decoration:none;
	text-transform:capitalize;
}


/********* Body **************/
#body {
	background-color: #eaeaea;
	width: 1400px;
}



/******** Left Menu *********/



#submenu{
	margin:10px 0px;
	z-index:100;
}

#submenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	z-index:100;
}

#submenu ul li {
	position: relative;
	z-index:100;
}

/* Top level menu links style */
#submenu ul li a {
	overflow: auto; /*force hasLayout in IE7 */
	width:170px;
	display:block;
	background:url(../images/bg-left-menu.png) no-repeat;
	line-height:31px;
	padding:0px 0px 0px 30px;
	text-decoration:none;
	text-transform:capitalize;
	font-size:11px;
	color:#444;
	border-bottom:1px solid #eaeaea;
	z-index:100;
}

#submenu ul li a:link, #submenu ul li a:visited {
	background:url(../images/bg-left-menu.png) no-repeat; /*background of tabs (default state)*/
	z-index:100;
}
#submenu ul li a.active {
	overflow: auto; /*force hasLayout in IE7 */
	width:170px;
	display:block;
	background:url(../images/bg-left-menu-active.png) no-repeat;
	line-height:31px;
	padding:0px 0px 0px 30px;
	text-decoration:none;
	text-transform:capitalize;
	font-size:11px;
	color:#fff;
	border-bottom:1px solid #eaeaea;
	z-index:100;
}


#submenu ul li a:hover {
	width:170px;
	display:block;
	background:url(../images/bg-left-menu-hover.png) no-repeat;
	line-height:31px;
	padding:0px 0px 0px 30px;
	text-decoration:none;
	text-transform:capitalize;
	font-size:11px;
	color:#111;
	border-bottom:1px solid #eaeaea;
	z-index:100;
}

/*Sub level menu items */
#submenu ul li ul {
	position: absolute;
	width: 170px; /*Sub Menu Items width */
	top: 0;
	visibility: hidden;
	z-index:100;
	border-left:1px solid #eaeaea;
}
#submenu ul li ul.level1 {
	position: absolute;
	width: 170px; /*Sub Menu Items width */
	top: 0;
	margin-left:-10px;
	visibility: hidden;
	z-index:100;
	border-left:1px solid #eaeaea;
}

/* Holly Hack for IE \*/
* html #submenu ul li {
	float: left;
	height: 1%;
	z-index:100;
}

* html #submenu ul li a {
	height: 1%;
	z-index:100;
}
/* End */




/******** Classes *********/

.bold{
	font-weight:bold;
}
.italic{
	font-style:italic;
}
.underline{
	text-decoration:underline;
}
.align-center{
	text-align:center;
}

.classicGreyColor{
	background:#eaeaea;
}
.darkGreyColor{
	background:#636363;
}
.mediumGreyColor{
	background:#777777;
}
.mediumLightGreyColor{
	background:#b2b2b2;
}
.lightGreyColor{
	background:#cfcfcf;
}
.veryLightGreyColor{
	background:#f6f6f6;
}
.borderBottom{
	border-bottom:1px dotted #aaa;
}
#loginScreen .aiLogo{
	text-align:center;
	margin:25px 0px;
}
#header .aiLogo{
	text-align:center;
	margin:25px 0px;
}
#header .search-box{
	position:absolute;
	height:25px;	
	top:60px;
	left:909px;
}
.loginCred{
	width:340px;
	background:#FFF;
	border:1px solid #b8b8b8;
	margin:10px 10px;
}
.loginBoxField{
	width:187px;
	background:#f5f5f5;
	border:1px solid #b8b8b8;
	height:22px;
	line-height:30px;
	vertical-align:text-bottom;
	color:#444;
	margin:0px 0px 0px 15px;
	padding:6px 5px 0px 30px;
}
.itemsField{
	width:180px;
	background:#eaeaea;
	border:1px solid #b8b8b8;
	height:20px;
	line-height:22px;
	vertical-align:text-bottom;
	color:#444;
	margin:10px 0px 10px 10px;
	padding:2px 5px 0px 5px;
}

.itemsTextAreaField{
	width:180px;
	background:#eaeaea;
	border:1px solid #b8b8b8;
	
	line-height:22px;
	vertical-align:text-bottom;
	color:#444;
	margin:10px 0px 10px 10px;
	padding:2px 5px 0px 5px;
}

.searchBoxField{
	width:168px;
	background:#3b3b3b;
	border:none;
	height:18px;
	line-height:30px;
	vertical-align:text-bottom;
	color:#CCC;
	padding:0px 0px 0px 5px;
	margin-left:1px;
}
.searchByNameField{
	width:145px;
	background:#8e8e8e;
	border:none;
	height:16px;
	line-height:30px;
	vertical-align:text-bottom;
	color:#eee;
	font-size:11px;
	padding-top:2px;
	line-height:18px;
}

.login-lock{
	position:absolute;
	margin:1px 0px 0px 16px;
}
.login-key{
	position:absolute;
	margin:1px 0px 0px 16px;
}
.businessName{
	font-size:15px;
	color:#dadada;
	text-transform:capitalize;
	text-align:left;
	line-height:35px;
	padding-left:10px;
}
.loggedIn{
	font-size:11px;
	text-transform:capitalize;
	color:#FFF;
	line-height:30px;
	padding-left:10px;
}
.logOut a{
	font-size:11px;
	text-transform:capitalize;
	color:#dadada;
	line-height:30px;
	padding-left:10px;
	text-decoration:none;
}
.logOut a:hover{
	font-size:11px;
	text-transform:capitalize;
	color:#fff;
	line-height:30px;
	padding-left:10px;
	text-decoration:none;
}
.searchByName{
	background:url(../images/search-by-name.png) no-repeat;
	height:20px;
}
.categoriesHeading a,.categoriesHeading {
	font-size:11px;
	font-weight:bold;
	color:#222;
	text-transform:capitalize;
	padding:0px 0px 0px 3px;
	line-height:30px;
	text-decoration: none;
}
.categoriesListing, .categoriesListing a{
	font-size:11px;
	color:#444;
	text-transform:capitalize;
	padding:0px 0px 0px 3px;
	line-height:30px;
	text-decoration:none;
}
.categoriesListing a:hover{
	font-size:11px;
	color:#137da3;
	text-transform:capitalize;
	padding:0px 0px 0px 3px;
	line-height:30px;
	text-decoration:underline;
}
.itemsHeading{
	font-size:11px;
	font-weight:bold;
	color:#e6e6e6;
	text-transform:capitalize;
	padding:0px 0px 0px 3px;
	line-height:30px;
}
.itemListings{
	font-size:11px;
	color:#444;
	text-transform:capitalize;
	line-height:30px;
	text-decoration:none;
}

.breadcrumbs{
	height:10px;
	border:1px #eaeaea solid;
	background:#f5f5f5;
	padding:10px;
	margin-bottom:10px;
	font-size:10px;
	font-style:italic;
	text-transform:capitalize;
	color:#888;
}
.breadcrumbs a{
	color:#888;
	text-decoration:none;
}
.breadcrumbs a:hover{
	color:#444;
	text-decoration:underline;
}

.pageNav{
	list-style:none;
}

.pageNav li{
	display:inline;
}
.pageNav li a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	background:#7e7e7e;
	padding:2px 5px;
	color:#f5f5f5;
	text-decoration:none;
}
.pageNav li a:hover, .pageNav li a.active{
	background:#13799f;
	padding:2px 5px;
	color:#f5f5f5;
	text-decoration:none;
}
.unpublished{
	color:#a00404;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-transform:capitalize;
	padding-left:5px;
}
/******** Links *********/


.link-style-1{
	font-size:11px;
	color:#1da0d0;
	text-decoration:none;
}
.link-style-1:hover{
	text-decoration:underline;
}

/******** Footer *********/

#footer{
	clear:both;
	height:30px;
	background:#636363;
}