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

*{margin:0; padding:0; font-size:13px;}

body { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; line-height:18px;
	padding:0; margin:0; background:#F1F1F8 url(../images/body_bg.jpg) top left no-repeat; color:#1E4662;
}
a { text-decoration:none; outline:none; }
a img{border:none;}
#pagerContainer { width:100%; height:100%; padding:0; margin:0; float:left; display:block; overflow:hidden; }


/*== Custom CLasses ==*/
.left{float:left; margin-right:5px;}
.right{float:right}
.clear{clear:both;}
.first{margin-left:0;}
.last{margin-right:0;}
.alert{display:block; position:absolute; width:100%; padding:10px; text-align:center;}
.fail{background:#fcc;  border:1px red solid; }
.success{background:#6F9; border:1px green solid;}
.delete{background:#FF9; border:1px orange solid;}


.hozMenu{list-style:none; display:block; padding:0;}
.hozMenu li{float:left; margin-right:5px;}

/* === Buttons === */
.button{background:#036; color:#6FF; padding:5px; border:none;}
.button:hover{background:#36C; color:#FFF; cursor:pointer;}

#addProduct{background:#036 url(../images/icons/addProduct.png) no-repeat 5px 7px; padding-left:25px; margin-left:10px;}
#addCategory{background:#036 url(../images/icons/addCategory.png) no-repeat 5px 7px; padding-left:25px;}

/* == Forms ==*/
.addForm{background:#BDDCEF; border:1px solid #69C; padding:10px;}


#prodUpdateForm input[type=text],#prodUpdateForm select{margin:3px 5px 5px 3px; background:#C2E5F7;  border:none;}
#prodUpdateForm option{background:#C2E5F7; padding:3px;}
#prodUpdateForm input[type=text]{border-bottom:2px dashed #069; padding:3px;}
#prodUpdateForm input[type=text]:focus{background:#AADEF7;}
#prodUpdateForm textarea{background:#AADEF7; border:none; padding:3px;}

/*== Tables ==*/
table.list th{padding:3px; background:#333; color:#fff;}
table.list td{margin-bottom:10px; padding:3px; background:#C3DBEA; border-top:1px #A3C9E4 solid; border-right:1px #A3C9E4 solid;}
table.list td:hover{background:#A3C9E4;}

#imgGallery{display:block; clear:both;}
#imgGallery li{float:left; margin-right:5px; border:1px #069 solid; padding:3px; position:relative;}

/* =============================================== LOGIN SECTION =============================================== */
#loginContainer { 
	width:400px; height:auto; padding:0 10px; margin:50px auto 20px auto; display:block; overflow:hidden;
	background:url(../images/login/background_shadow.png) no-repeat; 
}
#loginHeader { 
	width:350px; height:26px; padding:15px 25px 10px 25px; margin:0; float:left; display:block;
	background:url(../images/login/header_image.png) no-repeat;
}
#loginHeader h1 { padding:0; margin:0; font-size:20px; font-weight:bold; line-height:25px; color:#1E4662; }
.loginContent { width:350px; height:auto; padding:25px; margin:0; float:left; display:block; background:#E5F1F7; }
.loginRow { width:350px; height:auto; padding:0 0 10px 0; margin:0; float:left; display:block; }
.loginRow label { 
	width:90px; height:auto; padding:5px 0; margin:0; float:left; display:block; color:#1E4662; font-weight:bold;
}
.loginRow input { 
	width:238px; height:18px; padding:5px; margin:0; float:right; display:block; border-top:1px solid #99C4E4;
	border-right:1px solid #99C4E4; border-bottom:1px solid #CADEF0; border-left:1px solid #CADEF0; font-size:13px;
}

.loginContent p { width:350px; height:auto; color:#939598; padding:0; margin:0 0 15px 0; float:left; display:block; }
.loginContent p.blueText { color:#2F89C9; margin:0 0 5px 0; font-weight:bold; }
#alignRight { text-align:right; }
#alignRight input { 
	background:none; border:none; cursor:pointer; padding:0; margin:0; color:#2F89C9; font-size:13px; border:none;
	width:120px;
}
#alignRight input:hover { color:#1E4662; }

.breakLine { 
	width:400px; height:2px; padding:0; margin:0; float:left; display:block;
	background:url(../images/login/underline.gif) repeat-x;
} 

#loginFooter { 
	width:400px; padding:0 0 20px 0; margin:0; float:left; display:block;
	background:url(../images/login/footer_shadow.png) no-repeat bottom;
}
#leftLoginFooter { width:200px; height:auto; padding:0; margin:0; float:left; display:block; }
.leftFooterInput { 
	padding:31px 44px; margin:0; float:left; display:block; color:#1E4662; font-size:15px;
	background:url(../images/login/left_footer.png) no-repeat; font-weight:bold; border:none; cursor:pointer; text-transform:uppercase;
}
.leftFooterInput:hover { color:#F15A29; }
#rightLoginFooter { width:200px; height:auto; padding:0; margin:0; float:left; display:block; }
.rightFooterInput { 
	padding:31px 75px; margin:0; float:left; display:block; color:#1E4662; font-size:15px; text-transform:uppercase;
	background:url(../images/login/right_footer.png) no-repeat; font-weight:bold; border:none; cursor:pointer;
}
.rightFooterInput:hover { color:#F15A29; }
/* =============================================== LOGIN SECTION =============================================== */

/* =============================================== MAIN SECTION =============================================== */
#contentContainer {
	width:960px; height:auto; padding:0 10px; margin:50px auto 20px auto; display:block; overflow:hidden;
	background:url(../images/body_shadow.png) no-repeat; 
}
#headerContainer { 
	width:860px; height:51px; padding:0 75px 0 25px; margin:0; float:left; display:block;
	background:url(../images/main_header.png) no-repeat;
}
#headerContainer h1 { 
	padding:15px 0 10px 0; margin:0; font-size:20px; font-weight:bold; line-height:25px; color:#1E4662; 
	width:350px; float:left; 
}

#navigationContainer { 
	float:right; display:block; padding:0; margin:2px 0 0 0; height:47px; 
	background:url(../images/navigation_line.gif) repeat-y; 
}
#navigationContainer li { 
	display:block; float:left; list-style:none; padding:0; margin:0; position:relative;
}
#navigationContainer li a { 
	display:block; float:left; padding:14px 20px; margin:0; color:#1E4662; height:19px;
	background:url(../images/navigation_line.gif) right repeat-y; position:relative;
}
#navigationContainer li a:hover { color:#F15A29; }

ul#navigationContainer li ul { position:absolute; left:-1px; top:47px; display:none; margin:0; padding:2px 0 0 0; }
ul#navigationContainer li ul li { position:relative; float:left; clear:left; list-style-type:none; display:block; }
ul#navigationContainer li ul li a { 
	float:left; display:block; color:#6AA0C5; padding:7px 15px; width:200px; font-size:13px;
	background:#C0DCED url(../images/navigation_horizontal_line.gif) bottom repeat-x;
}
ul#navigationContainer li ul li a:hover { 
	float:left; display:block; color:#FFF; padding:7px 15px; width:200px; text-decoration:none;
	background:#8FBCDB url(../images/navigation_horizontal_line.gif) bottom repeat-x;
}

ul#navigationContainer li:hover ul, ul#navigationContainer li.over ul { display: block; } /* The magic */

#mainContentContainer { 
	width:960px; height:auto; padding:0; margin:0; float:left; display:block; background:#E5F1F7;
	background:#E5F1F7 url(../images/main_content_background.gif) repeat-y;
}

#leftContent { 
	width:250px; height:100%; padding:25px 0 ; margin:0; display:block; float:left;
	vertical-align:text-top;
}
#sideNavigation { 
	float:right; display:block; padding:2px 0 0 0; margin:0; width:250px; position:relative;
	background:url(../images/side_list_line.gif) top repeat-x;
}
#sideNavigation li { 
	float:left; display:block; padding:0; margin:0; width:250px; list-style:none; position:relative;
	background:url(../images/side_list_bg.gif) repeat-y;
}
#sideNavigation li a { 
	padding:10px 25px; margin:0; width:200px; float:left; display:block; color:#1E4662; font-weight:bold;
	background:url(../images/side_list_line.gif) bottom repeat-x;
}
#sideNavigation li a:hover { 
	background:#E5F1F7 url(../images/side_list_line.gif) bottom repeat-x; text-decoration:none; 
	cursor:pointer; color:#F15A29;
}
#sideNavigation li a.active { 
	background:#E5F1F7 url(../images/side_list_line.gif) bottom repeat-x; text-decoration:none; 
	cursor:pointer; color:#F15A29;
}
#sideNavigation li ul { 
	position:absolute; left:250px; top:-2px; display:none; margin:0; padding:2px 0 0 0;
	background:url(../images/side_list_line.gif) top repeat-x; border-right:1px solid #256695;
	border-bottom:1px solid #1E4662;
}
#sideNavigation li ul li { 
	position:relative; float:left; clear:left; list-style-type:none; display:block; background:#E5F1F7;
}
#sideNavigation li ul li a { 
	float:left; display:block; color:#6AA0C5; padding:10px 25px; width:199px; font-size:13px;
	background:#C0DCED url(../images/side_list_line.gif) bottom repeat-x;border-right:1px solid #FFF; 
}
ul#sideNavigation li ul li a:hover { 
	float:left; display:block; color:#FFF; padding:10px 25px; width:199px; text-decoration:none;
	background:#8FBCDB url(../images/side_list_line.gif) bottom repeat-x;
}
ul#sideNavigation li:hover ul, ul#sideNavigation li.over ul { display: block; } /* The magic */

#rightContent { 
	width:660px; height:auto; padding:25px; margin:0; float:right; display:block; vertical-align:text-top; 
}
#mainContent { width:660px; float:left; display:block; padding:0 0 20px 0; margin:0; }
#mainContent p { width:640px; float:left; display:block; padding:0 10px; margin:0 0 15px 0; }

.mainContentTitle { 
	width:659px; padding:0; margin:0; float:left; display:block; text-align:right; height:40px;  
	border-left:1px solid #1E4662; background:url(../images/main_content_title_bg.gif) repeat-x;
}
.secondNavigation { 
	float:right; display:block; padding:0 0 0 2px; margin:1px 0 0 0; height:39px; 
	background:url(../images/vertical_list_line.gif) repeat-y; 
}
.secondNavigation li { 
	float:left; display:block; list-style:none; padding:0; margin:0; height:39px;
	background:url(../images/second_list_bg.gif) repeat-x; 
}
.secondNavigation li a { 
	float:left; display:block; list-style:none; padding:10px; margin:0; height:19px;
	background:url(../images/vertical_list_line.gif) right repeat-y; color:#FFF; 
}
.secondNavigation li a:hover { 
	text-decoration:none; background:#87B3D1 url(../images/vertical_list_line.gif) right repeat-y; color:#1E4662; 
}

.contentCutLine { 
	width:660px; height:2px; padding:0; margin:0; float:left; display:block; 
	background:url(../images/side_list_line.gif) repeat-x;
}

.contentRow { 
	width:660px; height:auto; padding:10px 0; margin:0; float:left; display:block; overflow:hidden;
	background:url(../images/content_underline.gif) bottom repeat-x;
}
.contentRow:hover { background:#D5ECF8 url(../images/content_underline.gif) bottom repeat-x; }

.checkboxContainer { width:20px; float:left; display:block; padding:2px 0 2px 5px; margin:0; text-align:center; }
.checkboxContainer input { float:left; display:block; padding:0; margin:0; }

.titleContainer { width:370px; float:left; display:block; padding:0 5px; margin:0; }
.titleContainer a { padding:0; margin:0; color:#1E4662; font-weight:bold; float:left; display:block; }

.iconContainer { width:30px; height:22px; float:left; display:block; padding:0; margin:0; }
#live { background:url(../images/icons/live.png) no-repeat; }
#draft { background:url(../images/icons/draft.png) no-repeat; }

.dateContainer { 
	width:100px; float:left; display:block; color:#6AA0C5; font-size:12px;
	padding:1px 0; margin:0;
}
.editBoxContainer { width:50px; float:left; display:block; text-align:center; }
.editBoxContainer input { 
	width:50px; float:left; display:block; padding:0; margin:0; background:none; border:none;
	color:#F7941E; font-weight:bold; font-size:13px; cursor:pointer;
}

.editBoxContainer input:hover { color:#F15A29; }
.deleteBoxContainer { width:75px; float:left; display:block; text-align:center; }

.deleteBoxContainer input { 
	width:75px; float:left; display:block; padding:0; margin:0; background:none; border:none;
	color:#F7941E; font-weight:bold; font-size:13px; cursor:pointer;
}
.deleteBoxContainer input:hover { color:#F15A29; }




/* =============================================== MAIN SECTION =============================================== */

/* =============================================== FIELDS SECTION =============================================== */
.labelContainer { width:180px; padding:3px 10px; margin:0; float:left; display:block; color:#1E4662; }
.textContainer { width:440px; padding:0 10px; margin:0; float:left; display:block; }
.textContainer input { 
	width:430px; padding:5px; margin:0 0 10px 0; float:left; display:block; border-top:1px solid #99C4E4; font-size:13px;
	border-right:1px solid #99C4E4; border-bottom:1px solid #CADEF0; border-left:1px solid #CADEF0; 
}
.textContainer input.Input200 { width:200px; }
.textContainer input.Input100 { width:100px; }
.textContainer input.Input75 { width:75px; }
.textContainer input.Input50 { width:50px; }
.textContainer input.calendar { float:left; display:block; width:20px; border:none; background:none; padding:0; margin:5px 10px; }

.inputSideText { float:left; display:block; padding:5px 10px; margin:0; font-size:12px; color:#555; }

.textContainer textarea { 
	width:430px; padding:5px; margin:0 0 10px 0; float:left; display:block; border-top:1px solid #99C4E4; font-size:13px;
	border-right:1px solid #99C4E4; border-bottom:1px solid #CADEF0; border-left:1px solid #CADEF0; height:150px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.textContainer select { 
	width:430px; padding:5px; margin:0 0 10px 0; float:left; display:block; border-top:1px solid #99C4E4; font-size:13px;
	border-right:1px solid #99C4E4; border-bottom:1px solid #CADEF0; border-left:1px solid #CADEF0; color:#555;
}

.textareaContainer { width:640px; padding:10px; margin:0; float:left; display:block; }
.textareaTitle { width:640px; padding:5px 10px; margin:0; float:left; display:block; color:#1E4662; }

.submitContainer { text-align:right; float:left; display:block; width:640px; padding:5px 10px; margin:0; }
.submitContainer input { 
	float:right; display:block; padding:0 5px; margin:0 0 0 10px; height:30px; border:1px solid #4279A3;
	background:url(../images/second_list_bg.gif) repeat-x; color:#1E4662; font-weight:bold;
}
.submitContainer input:hover { cursor:pointer; color:#FFF; }
/* =============================================== FIELDS SECTION =============================================== */

/* =============================================== FOOTER SECTION =============================================== */
#footerContainer { 
	width:960px; height:105px; padding:0; margin:0; float:left; display:block;
	background:url(../images/footer_image.png) no-repeat;
}
#copyright { 
	width:90%; height:auto; padding:0 5%; margin:0; text-align:center; display:block;
	font-size:11px; color:#939598; float:left;
}
#copyright a { color:#58595B; }
/* =============================================== FOOTER SECTION =============================================== */