/* ====================================================
   General styles
   ==================================================== */

body {
background: #F0F1F5;
line-height: 1.6;
}

a { 
outline: none;
color: #08487f;
} 
	a:hover,
	a:focus {
	color: #2987d8;
	}

h1 {
font-size: 14px;
display: block;
border-bottom: 1px solid #338dd6;
margin-bottom: 10px;
color: #338dd6;
padding-bottom: 7px;
}

h2 {
font-size: 11px;
margin-bottom: 10px;
margin-top: 5px;
font-style: italic;
}
h3 {
font-size: 11px;
border-bottom: 1px solid #cb3239;
margin-bottom: 10px;
color: #a70109;
padding-bottom: 5px;
font-style: italic;
}
.clear {
clear: both;
height: 1px;
}
.fl_right {
float: right;
}
.fl_left {
float: left;
}


/* ================================================== 
   Styles for index.php
   ================================================== */

#wrapper {
width: 1480px;
margin: 0 auto;
}
#mainbody {
background: #fff url(../images/bg_footer.png) left bottom repeat-x;
min-height: 350px;
border: 1px solid #13354D;
text-align: center;
padding-bottom: 40px;
}
#header {
background: url(../images/bg.png) left top repeat-x;
min-height: 48px;
margin-bottom: 7px;
}
ul#navigation {
margin: 0 0 0 20px;
}
	ul#navigation li {
	margin: 0;
	float: left;
	list-style-type: none;
	}
	ul#navigation li a {
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 10px 25px;
	}
	ul#navigation li a:hover,
	ul#navigation li a:focus {
	color: #57b3fe;
	}

table.data {
background-color: #CFD9E3;
text-align: center;
margin: 0 auto 10px auto;
}
	#homepage table.data {
	margin-top: 30px;
	}
	#homepage input {
	background-color: #F2F5F7;
	border: 1px solid #98afc4;
	font-size: 12px;
	font-weight: bold;
	width: 120px;
	padding: 2px;
	}
	
table.data tr th {
background: #bfcdda url(../images/bg_sub.png) left top repeat-x;
padding: 8px;
}
table.data tr td {
padding: 5px 5px;
}
	#homepage table.data tr td {
	background-color: #F9FAFB;
	}

table.data input,
table.data select,
table.data textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#mainbody form {
clear: both
}

/* ================================================== 
   Styles for list_prod.php
   ================================================== */
   
table.pages {
float :right;
margin-right: 50px;
}
.button a,
.button2 a {
background: #1a4263 url(../images/bg_btn.png) left top repeat-x;
border: 1px solid #000;
color: #fff;
font-weight: bold;
text-decoration: none;
padding: 3px 10px 3px 10px;
float: left;
margin-bottom: 10px;
}
	.button a:hover,
	.button2 a:hover {
	color: #7bc9ff;
	}
	#list_prod .button a {
	margin-left: 49px;
	}

.button_rouge a,
.button2_rouge a {
background: #FF0000 url(../images/bg_btn_rouge.png) left top repeat-x;
border: 1px solid #000;
color: #fff;
font-weight: bold;
text-decoration: none;
padding: 3px 15px 3px 10px;
float: left;
margin-bottom: 10px;
}
	.button_rouge a:hover,
	.button2_rouge a:hover {
	color: #7bc9ff;
	}
	#update_product .button_rouge a {
	margin-left: 400px;
	}

.pagination a {
font-size: 14px;
font-weight: bold;
padding: 3px 5px;
background-color: #0c2535;
color: #fff;
text-decoration: none;
}
.pagination a.active,
.pagination a:hover,
.pagination a:focus {
background-color: #CAD6E0;
color: #0c2535;
}
#list_prod table.data tr td {
padding: 3px 5px;
}
	
/* ================================================== 
   Styles for list_cat.php
   ================================================== */	
   
#list_cat .button a {
margin-left: 299px;
}	
#list_cat table.data tr td {
padding: 5px 10px;
}

.customCatego a {
	float: right;
	margin-right: 20px;
	font-size: 14px;
  display: block;
  color: #338dd6;
}

/* ================================================== 
   Styles for billing.php
   ================================================== */	

#billing h1 {
margin-bottom: 15px;
}
.search {
font-weight: bold;
background-color: #163B57;
padding: 7px 0;
color: #fff;
margin-bottom: 15px;
width: 390px;
float: left;
margin-left: 20px;
margin-right: 20px;
}
.search span {
padding-left: 20px;
padding-right: 5px;
}
.search input {
width: 150px;
margin-left: 5px;
}
.search table {
margin: 0 auto;
}
#billing table.data tr th {
padding: 8px 5px;
}
#billing table.pages {
margin: 10px auto 0 auto;
float: none;
}

/* ================================================== 
   Styles for list_shipping.php
   ================================================== */	

#list_shipping .button a {
margin-left: 249px;
}

/* ================================================== 
   Styles for update_product.php
   ================================================== */	

#update_product h1 {
margin-bottom: 20px;
}
#update_product table.data tr td {
text-align: left;
font-weight: bold;
}
#update_product table.data tr td a {
font-weight: normal;
font-size: 11px;
}
#update_product table.data input {
width: 360px;
}
	#update_product table.data input[type=checkbox] {
	width: 15px;
	}

#update_product table.data select {
width: 200px;
}
#update_product table.data textarea {
width:670px;
height:140px;
}
#update_product table.data span {
color: #C00;
}
#update_product .button a {
float: right;
margin: 5px 250px 0 0;
padding: 3px 25px 3px 25px;
}
#update_product .button2 a {
float: left;
margin: 5px 0 0 250px;
padding: 3px 25px 3px 25px;
}

#update_product input[type=button] {
	
  background: #1a4263 url(../images/bg_btn.png) left top repeat-x;
  border: 1px solid #000;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 3px 15px 3px 10px;
  /*float: right;*/
  margin-bottom: 10px;
  height: 25x;
  }
  
  /*#update_product input[type=button] a:hover {
		color: #7bc9ff;
	}*/

/* ================================================== 
   Styles for view_billing.php
   ================================================== */	

#view_billing h1 {
margin-bottom: 20px;
}
#view_billing table.data {
margin-bottom: 20px;
}
#view_billing table.data tr td {
text-align: left;
font-weight: bold;
}
#view_billing table.data span {
font-size: 14px;
}
#view_billing .button a {
float: right;
padding: 4px 30px 4px 30px;
margin-right: 150px;
}
#view_billing .button2 a {
margin-left: 150px;
padding: 4px 30px 4px 30px;
}

.error {
	color: #C00;
	text-decoration: bold;
}

/* ================================================== 
   Generic styles
   ================================================== */	

 .newButton a {
	background: #1a4263 url(../images/bg_btn.png) left top repeat-x;
	border: 1px solid #000;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 6px 25px 6px 25px;
}

.newButton a:hover {
	color: #7bc9ff;
}

.newButton_rouge a {
background: #FF0000 url(../images/bg_btn_rouge.png) left top repeat-x;
border: 1px solid #000;
color: #fff;
font-weight: bold;
text-decoration: none;
padding: 6px 15px 6px 10px;
}

.newButton_rouge a:hover {
	color: #7bc9ff;
}

.newButton_vert a {
background: #FF0000 url(../images/bg_btn_vert.png) left top repeat-x;
border: 1px solid #000;
color: #fff;
font-weight: bold;
text-decoration: none;
padding: 6px 15px 6px 10px;
}

.newButton_vert a:hover {
	color: #7bc9ff;
}

input[readonly],
textarea[readonly],
.selectDisabled{
	background-color: #EEE;
	border: 1px solid #ccc;
	padding: 1px;
}

.ui-dialog .ui-dialog-titlebar-close span {
	display: block;
	margin: -8px 0 0 -8px !important;
}

/* ================================================== 
   Datatables
   ================================================== */

   table.dataTable th {
	background-color: #CAD6E1 !important;
	color: #08487f !important;
}