body {
/*	background-image: url(file://D:/image_file/bg-pattern.jpg);*/
        background-image: url(/public/images/bg-pattern.jpg);
	font: 14px 'trebuchet ms', arial, sans-serif;
        margin: 0;
}

/** Structure */
#header,#content,#footer{
    margin: auto;
    width: 1024px;
    /*height: auto;*/
    overflow: auto;
}
#header {
    position: relative;z-index: 100;
    top: -165px;
    /*background-color: #12407F;*/
    color: #fff;height: 7em;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 4px solid #436fac;*/
   overflow:hidden;
}
#headMenu{
    position: absolute;
    right: 3.0em;top: 2.5em;
    display: inline-block;
}
#mainPageHeadTexture{
    position: relative;
    background-image: url("/public/images/top-header-bg.png");
    background-repeat: repeat-x;
    height: 165px;z-index: -100;
    min-width: 1064px;
}

#content {
    top: -70px;position: relative;
    background: #fff;
    padding:10px 0 20px;
    width: 1024px;min-height:500px;
    overflow: auto;
    border-radius: 10px;
}

#footer {
	background: #12407f;
	color: #fff;
	padding: 20px;
	border-top: 4px solid #436fac;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

/* Links */
a.headerMenu {
	color: #524a3e;
/*	background: #436fac;
	padding: 4px 15px;*/
	text-decoration: none;
	font-size: 16px;
        font-family: Times New Roman;
}

a.headerMenu:hover {
	color: #e17c70;
/*        font-weight: bold;*/
}
a.underlineSelMenu{
    text-decoration: underline;
    text-decoration-color: #e17c70;
    color: #e17c70;
    font-size: 16px;
    font-family: Times New Roman;
}

a.noDecor{
color:black;
text-decoration:none;
}

a.noDecor:hover{
cursor:pointer;
}

/** Forms */
form {
	font: 100% verdana,arial,sans-serif;
}

form label { 
	display: block;
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 9px 0 0;
	text-align: right; 
}

form input, form select {
	width: auto;
	margin: 5px 0 0 10px;
	border: 1px solid gray;
	padding: 4px;
}

form input[type=submit]:hover {
	cursor: pointer;
	background: silver;
}


form br {clear: left;}

#brandShop{
    display: inline-block;
    margin: 1.2em 0 0 2em;
}

span.dotHeaderMenu{
margin:0px 5px;
font-size: 18px;
font-weight: bold;
color: #524a3e;
}

#showContentPicture{
    width: 939px;height: 592px;
    margin:auto;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    display: none;
}

#loginContent{
    width: 500px;height: 450px;
    margin: auto;
}

/** Admin page */
div.statusBar{
    width: 100%;height: 28px;
    background-color: #5f454d;
    margin: 0.5em 0 1em;
    text-align: center;padding-top: 5px;
    color: #CDCDCD;font-size: 1.5em;
}

div.backOffice{
    width: auto;height: auto;
    overflow: auto;display: table;
}

div.sideBar_adminPage{
    display: inline-block;
/*    border: 1px solid black;*/
    width: 200px;height: 450px;
    float: left;
}

div.categoryPage,
div.editProfilePage{
/*    border: 1px solid black;*/
    display: inline-block;
    float: left;overflow: auto;
    width: 736px;height: auto;
    font-family: Tahoma;
    padding-left: 2.5em;
}

ul.listMenuSideBar{
    color:#3fb8af;
    line-height: 2.5em;
    font-size: 1em;
    font-family: sans-serif;
    margin: 0 1.2em;
}

dd.listSubmenuSideBar{
    margin-left: 0px;
}

li.menuSideBar{
    line-height: 1.2em;
    margin-bottom: 1em;
    margin-top: 0.7em;
}

/** Menu side bar **/
a.uiLinkTab{
    text-decoration: none;
    color: #3fb8af;
}
a.uiLinkTab:hover{
    color: #1E635A;
}

a.uiSubLinkTab{
    text-decoration: none;
    color: #ff9e9d;
}
a.uiSubLinkTab:hover{
    color: red;
}

/** Content Admin  **/
div.tabContentAdmin{
    height: 35px;width: 100%;
    background-color: #5F454D;
/*    position: absolute;top:5px;*/
}

div.inTabBarContent{
    vertical-align: middle;color:#CDCDCD;
    display: table-cell;height: 35px;
    padding-left: 0.5em;
}

div.addNewCategory{
    height: 45px;width: 100%;
    background-color: #BCAEB2;
    float: left;
}

div.inaddNewCategory,
div.circleButton{
    display: inline-block;height: 42px;
    padding-left: 0.5em;
}

div.categoryPage,
div.editProfilePage{
    display: none;
}

div.addCategory{
    vertical-align: middle;color:#F1F1F1;
    display: table-cell;height: 45px;
}

div.inCircleButton{
    vertical-align: middle;
    display: table-cell;
/*    border-radius: 5px;*/
}

#objCircleButton{
    height: 25px;width: 25px;
    background-color: #1A71F2;
    margin-top: 11px;
    border-radius: 13px;
    box-shadow: 1px 1px 1px #888888;
    cursor: pointer;
}
#objCircleButton:hover{
    box-shadow: none;cursor: pointer;
}
#lableCategory{
    color: #5F454D;margin-top: 5.5em;
    margin-bottom: 1em;
    padding-left: 1em;
}

/* slides JS */
ul.slidesjs-pagination {
    margin:5px auto 0;
    width:100px;
}

ul.slidesjs-pagination li {
    float:left;
    margin:0 1px;
    list-style:none;
}

ul.slidesjs-pagination li a{
    display:block;
    width:8px;
    height:0;
    padding-top:8px;
    /*background-image:url(../img/pagination.png);*/
    background-position:0 0;
    float:left;
    overflow:hidden;
    border: 0.15em solid #656565;
    border-radius: 6px;
}
ul.slidesjs-pagination li a:hover{
    background-color: #525252;
}

ul.slidesjs-pagination li.current a {
    background-position:0 -12px;
}
/* end slide JS */

span.jssora02l, span.jssora02r,
span.jssora02ldn, span.jssora02rdn
{
    position: absolute;
    cursor: pointer;
    display: block;
    /*background: url("../images/icon-arrowRL.png") no-repeat;*/
    background-color: #9c9c9c;
    overflow:hidden;
}
span.jssora02l { background-position: -3px -33px;max-width: 50px;max-height: 50px }
span.jssora02r { background-position: -63px -33px; }
span.jssora02l:hover { background-position: -123px -33px; }
span.jssora02r:hover { background-position: -183px -33px; }
span.jssora02ldn { background-position: -243px -33px; }
span.jssora02rdn { background-position: -303px -33px; }

table.tableCategory{
    font-family: verdana,arial,sans-serif;
    font-size:1em;
    color:#333333;
    border-width: 1px;
    border-color: #a9c6c9;
    border-collapse: collapse;
    margin: 1.5em 0 1em;
}
table.tableCategory tr{
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #a9c6c9;
}
table.tableCategory tr:not(:first-child):hover{
    background-color: #ecf5f5;
}
table.tableCategory tr:first-child{
    background-color: #abb4b4;
}
table.tableCategory td{
    text-align: center;
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #a9c6c9;
}

table.oddrowcolor{
    background-color:#d4e3e5;
}
table.evenrowcolor{
    background-color:#c3dde0;
}

/*
* Product Page 
*/
div.containTypeProduct{
    width: 100%;height: auto;
    overflow: auto;
}

div.pdType{
    border:1px solid black;
    width: 10em;height: 2.5em;
    margin: 0.3em 2.2em 0.3em;
    display: inline-block;
}
div.pdType:hover{
    border:1px solid red;
}

div.containItem{
    width: auto;height: auto;
    overflow: auto;
    background-color:gray;
    margin:1.5em 0.5em 1em 0.5em;
}

/* ---------------------------------- */
div.defaultBody{
height:auto;width:1024px;
overflow:hidden;
}

div.sectionHeader{
float:left;
height:30px;width:100%;
margin:10px auto 10px;
background-color:#5f454e;
color:white;
text-align:center;
line-height:30px;
}

/* Paging */
div.pagingControllerCon{
float:left;
height:auto;width:100%;
margin:5px auto;
overflow-x:hidden;
overflow-y:auto;
}

/* css for dynamic page controller */
div.dynPageController1{
height:30px;width:95%;
margin:6px auto;
text-align:center;
}

div.dynPageController1_inner{
display:inline-block;
height:auto;
overflow:hidden;
}

div.dynPageController1_prev,
div.dynPageController1_next{
position:relative;
float:left;
height:30px;width:30px;
}

div.dynPageController1_prev:hover,
div.dynPageController1_next:hover{
cursor:pointer;
top:-1px;left:1px;
}

div.dynPageController1_prev{
background:url('/public/images/jQueryPlugin/navImg1Trans.png') -553px -152px;
}

div.dynPageController1_next{
background:url('/public/images/jQueryPlugin/navImg1Trans.png') -482px -152px;
}

div.dynPageController1_pagesCon{
float:left;
height:auto;width:auto;
margin:5px 10px; 
}

.dynPageController1_pageText{
margin:0 5px;
}

.dynPageController1_input{
height:16px;width:40px;
line-height:16px;
text-align:center;
}

.dynPageController1_slash{
display:inline-block;
height:16px;width:auto;
margin:0px 5px;
line-height:16px;
text-align:center;
}

.dynPageController1_page,
.dynPageController1_page_activated{
margin:0 3px;
font-size:0.9em;
padding:0 3px;
text-align:center;
text-decoration:none;
color:black;
}

.dynPageController1_page:hover{
cursor:pointer;
}

.dynPageController1_page_activated{
font-weight:bold;
text-decoration:underline;
}

#searchInput{
position:absolute;
height:20px;width:200px;
top:110px;right:20px;
z-index:999;
}