/* Oto.bg Style CSS */
html {
background-color: #FFFFFF;
}
body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0;
	padding:0;}
img{
	border: 0px;
	vertical-align: middle;}
form {
	margin: 0;
	padding: 0;}
h1 {
	font-size: 13px;
	font-weight: bold;
	color: #7e0d0c;
	border-bottom: 1px solid #566268;
	padding: 0px 0 5px 0px;
	margin: 0px 0px 0px 0px;
}
h2 {
	font-size:13px; 
	font-weight:bold; 
	color:#7e0d0c; 
	margin: 0; 
	padding:0;}
h3 {
	font-size: 12px;
	font-weight: bold;
	color: #7e0d0c;
	padding: 0;
	margin: 0;}
h4{
	font-size: 13px;
	font-weight: bold;
	color: #7e0d0c;
	border-bottom: 1px solid #566268;
	padding: 0;
	margin: 0;	
}
h5{
	font-size: 13px;
	font-weight: bold;
	color: #7e0d0c;
	padding: 0;
	margin: 0;	
}
p {
	padding: 0;
	margin: 3px 0 3px 0;
}
input, checkbox, textarea, select {
	border: solid 1px #d2d6db;
	font-size: 11px;}
	
.butt_blue {
	width: 90px;
	height: 17px;
	padding: 2px 0 0 0;
	background-color: #0084bd;
	color:#FFFFFF;
	font-size:87%;
	font-weight:bold;
	text-align:center;
	border: 1px solid #FFFFFF;
}
.butt_blue a:link, .butt_blue a:hover, .butt_blue a:visited {
	color:#FFFFFF;
}
.butt_green {
	width: 90px;
	height: 17px;
	padding: 2px 0 0 0;
	background-color: #90be00;
	color:#FFFFFF;
	font-size:87%;
	font-weight:bold;
	text-align:center;
	border: 1px solid #FFFFFF;
}
.butt_green a:link, .butt_green a:hover, .butt_green a:visited {
	color:#FFFFFF;
}
.butt_tab0 {
	width: 90px;
	height: 20px;
	padding: 2px 0 0 0;
	margin: 0 5px -1px 7px;
	background-color: #ebebeb;
	color:#000000;
	font-size:87%;
	font-weight:bold;
	text-align:center;
	border: 1px solid #000000;
}
.butt_tab0 a:link, .butt_tab0 a:hover, .butt_tab0 a:visited {
	color:#000000;
}
.butt_tab1 {
	width: 90px;
	height: 20px;
	padding: 2px 0 0 0;
	margin: 0 5px -1px 7px;
	background-color: #bcbcbc;
	color:#000000;
	font-size:87%;
	font-weight:bold;
	text-align:center;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #bcbcbc;
}
.butt_tab1 a:link, .butt_tab1 a:hover, .butt_tab1 a:visited {
	color:#000000;
}
.shop_header {
width:580px;
height:15px;
padding: 3px 0 3px 0;
background-color:#7e0d0c;
color:#FFFFFF;
font-weight:bold;
}
.shop_row {
width:580px;
padding: 5px 0 3px 0;
border-bottom: 1px solid #000000;
text-align:right;
}


/* Product */
.product_box {
width: 265px;
border: 1px solid #7e0d0c;
background-color: #FFFFFF;
float: left;
margin: 5px;
}
.product_box1 {
width: 265px;
border: 1px solid #015992;
background-color: #FFFFFF;
float: left;
margin: 5px;
}
.prod_moreinfo, .prod_moreinfo a, .prod_moreinfo a:visited  {
background-image: url(../images/back_moreinfo.gif);
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
height: 15px;
width:110px;
padding: 3px 0 0 0;
text-align: center;
text-decoration: none;
}
.prod_moreinfo a:hover {
text-decoration: underline;
color: #667177;
}
.prod_addcart, .prod_addcart a, .prod_addcart a:visited {
background-image: url(../images/back_addcart.gif);
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
height: 15px;
width:145px;
padding: 3px 10px 0 0;
text-align: right;
text-decoration: none;
}
.prod_addcart a:hover {
text-decoration: underline;
color: #FFFFFF;
}
.prod_addcart1, .prod_addcart1 a, .prod_addcart1 a:visited {
background-image: url(../images/back_addcart1.gif);
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
height: 15px;
width:145px;
padding: 3px 10px 0 0;
text-align: right;
text-decoration: none;
}
.prod_addcart1 a:hover {
text-decoration: underline;
color: #FFFFFF;
}
.prod_name   {
height: 50px;
width: 149px;
padding: 3px;
text-align: left;
color: #58646a;
overflow: hidden;
}
.prod_name a, .prod_name a:visited  {
	text-decoration: none;
}
.prod_name a:hover {
text-decoration: underline;
}
.prod_price, .prod_price a, .prod_price a:visited {	
color: #640103;
font-size: 15px;
font-weight: bold;
margin: 5px 0 5px 0;
width: 145px;
text-align: right;
text-decoration: none;
}
.prod_manufacture, .prod_manufacture a, .prod_manufacture a:visited  {	
font-size: 13px;
font-weight: bold;
color: #4a6692;
padding: 0;
margin: 0;
}

.product_table {
	border-collapse:collapse;
	color:#000000;
	margin: 0;
	padding: 0;
}
.product_table td {
	border:1px solid #003366;
	color:#000000;
	white-space:nowrap;
	padding:3px;
	cursor: hand;
}
.product_table td a, .product_table td a:visited {
	text-decoration: none;
}
.product_table td a:hover {
	text-decoration: underline;
	color:#000000;
}
.product_table th {
	border:1px solid #30425f;
	background-color: #821514;
	white-space:nowrap;
	padding:3px;
	font-weight: bold;
}
.product_table th a, .product_table th a:visited {
	color:#FFFFFF;
}
.product_table th a:hover {
	color:#FFFFFF;
}
.row0 {
	background-color: #e7e7e7;
}
.row1 {
	background-color: #fefefe;
}




/* Text CSS */	
.textwhite {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;}
.textorange, .textorange a:link, .textorange a:hover, .textorange a:visited {
	color: #f47925;
	font-weight: bold;
	font-size: 11px;}

/* Navigation Bar */
.textnavigationbar{
	text-decoration: none;
	font-weight: bold;
	color: #000000;}

/* Link Css */	
a {
color: #000000;}

a:hover {
color: #858585;}

a.green:link, a.green:visited {
font-style: normal;
color: #96BD02;}

a.green:hover {
color: #96BD02;}

a.orange:link, a.orange:visited {
font-style: normal;
color: #FA7822;}

a.orange:hover {
color: #FA7822;}

a.mainbutton:link, a.mainbutton:visited {
text-decoration: none;
font-weight: bold;
font-size: 13px;
color: #FFFFFF;
}
a.mainbutton:hover {
color: #d6d6d6;
text-decoration: underline;
}

.buttonlist {
list-style-type: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.buttonlist li {
margin:0;
padding: 6px 0px 6px 32px;
background-image:url(../images/back_button_list.gif);
background-repeat:repeat-x;
background-position:bottom;
}

.red_txt {
	color: #baa8a8;
	font-weight:bold;
	padding: 0px 2px 0 5px;
	background: url(../images/red_txt_right.jpg) no-repeat;
	height:24px;
	text-align:right;
	vertical-align:bottom;
	line-height: 16pt;
}
.red_txt_left {
	color: #baa8a8;
	font-weight:bold;
	padding: 0px 2px 0 5px;
	background: url(../images/red_txt_left.jpg) no-repeat;
	height:24px;
	text-align:left;
	vertical-align:bottom;
	line-height: 16pt;
}
.navigation_bar, .navigation_bar a, .navigation_bar a:visited {
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
padding: 0 0 0 12px;
}

/* Div Style */
.container {
width: 100%;
margin : 0px auto;
background-color: #FFFFFF;
}

.css_table {
display: table;
width: 100%;
vertical-align: middle;
}

.row {
float:left;
display: table-row;
width: auto;}

.cell {
float: left;
}

/* Menu */
.menu_list_left {
list-style-image: url(../images/icon_arrow_0.gif);	
padding: 0px 0px 0px 15px;
margin: 2px;
vertical-align: middle;
}
.menu_list_left li {
border-bottom: 1px solid #bbbbbb;
padding: 1px 0px 6px 0px;
vertical-align: middle;
}

a.menu_list:link, a.menu_list:visited {
text-decoration: none;
color: #000000;
}
a.menu_list:hover {
color: #d6d6d6;
text-decoration: underline;
}

	
/* Box */
.box {
width:190px; 
margin: 0; 
padding:0; 
display:block;}

.t1{background: url(../images/t1.jpg) no-repeat top left; width:30px; height:36px; float:left;}
.t2{background: url(../images/t2.jpg) repeat-x; width:156px; height:28px; float:left; padding: 8px 0 0 0;}
.t3{background: url(../images/t3.jpg) no-repeat top right; width:4px; height:36px; float:left;}

.boxmain{
clear: both; 
padding:0; 
}

.b1{background: url(../images/b1.jpg) no-repeat top left; width:4px; height:4px; float:left;}
.b2{background: url(../images/b2.jpg) repeat-x; width:182px; height:4px; float:left;}
.b3{background: url(../images/b3.jpg) no-repeat top right; width:4px; height:4px; float:left;}

.space_line {
clear: both; 
margin: 0; 
padding: 0px; 
width: auto;}	

/* Product CSS */	
.index_product_box {
	width: 240px;
	background-color: #FFFFFF;
	float: left;
	margin: 5px;}

.product_info_box{
float: left;
width: 520px;
padding-left: 5px;}

.product_title{
font-size: 12px;
font-weight: bold;
color: #000000;}

.product_description{
font-size: 10px;
color: #000000;}

.product_price{
font-size: 14px;
font-weight: bold;
color: #285c8e;}

.navigationText{
font-size: 10px;
color: #000000;}


/* Button CSS Style */

.butt {
	background-color: #7e0d0c;
	border: 1px solid #000000;
	color: #FFFFFF;
	width: 80px;
	height: 21px;
	padding: 0px 0 0 0;
	font-size:87%;
	font-weight:bold;
}

.user_ul ul {
	width: 100%;
	margin: 0;
	padding: 0;	
}
.user_ul li {
	list-style-type: none;	
	margin : 0 0 0 0;
	padding : 4px 0 4px 20px;
	background: url(../images/icon_arrow_0.gif) no-repeat;
	background-position: 7px 10px;
}
.user_msg_ok {
	color: #00A801;
	font-weight: bold;
	margin: 0px 0 10px 0px;
	padding: 5px;
	background-color: #F2F2F2;
	border: 1px dashed #566268;
	text-align: justify;
}
.user_msg_err {
	color: #ff0000;
	font-weight: bold;
	margin: 0px 0 10px 0px;
	padding: 5px;
	background-color: #F2F2F2;
	border: 1px dashed #566268;
	text-align: justify;
}

/* Shopping cart css style */
.shopping_table {
	border: 1px solid #cecece;
	margin: 10px 0 0 0;
	text-align: left;
	background-color: #F4F4F4;
}
.shopping_table_header td {	
	border-bottom: 2px solid #566268;
	padding: 5px;
	font-weight: bold;
}
.shopping_table_item td {	
	border-bottom: 1px dotted #566268;
	padding: 5px 3px 5px 3px;
	text-align: left;
}
.shopping_table_foter td {	
	font-weight: bold;
	padding: 10px 3px 10px 3px;
}
.shopping_table_action td {
	padding: 10px 3px 15px 3px;
}
.shopping_info {
	padding: 5px;
}

/* Configure css style */
.loading {
	width:150px; 
	height:50px; 
	position:absolute; 
	background-color:#FFFFFF; 
	border: solid #006a92 2px;
	vertical-align:middle; 
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	display:none;
	position: absolute;
}
.alert-msg {
	color: #FF0000;
	padding-left: 7px;
	font-size: 14px;
}

.important_text {
	color: #fc830d;
	font-weight: bold;
	margin: 3px;
}
.important_text a, .important_text a:visited {
	color: #fc830d;
	font-weight: bold;
}
.important_text a:hover {
	color: #4574c0;
}

.document_list
{
padding-left: 0;
margin-left: 0;
}
.document_list li
{
list-style: none;
margin: 0;
padding: 0.25em;
}

/* Other Css */
.copyright, .copyright a:link, .copyright a:visited{
font-size: 11px;
color: #ab8769;}

.textfield {
padding: 0;
margin: 0;
}

table#epay_view {
background-color:#e9e9f9;
border-collapse:collapse;
color:#000000;
width:350px;
font-size:11px;
}
table#epay_view th {
background-color:#7e0d0c;
color:#FFFFFF;
font-weight:bold;
text-align:left;
white-space:nowrap;
border:1px solid #440706;
padding:5px;
}
table#epay_view td {
white-space:nowrap;
border:1px solid #440706;
padding:7px;
}
.epay-button {
	background-color: #7e0d0c;
	border: 1px solid #000000;
	color: #FFFFFF;
	height: 25px;
	padding: 0px 0 0 0;
	font-size:87%;
	font-weight:bold;
}

.paid_0 {
	color:#FF0000;
	font-weight:bold;
}
.paid_1 {
	color:#009900;
	font-weight:bold;
}

.domian_form {
    background: white;
    padding: 10px;
    border: solid #006a92 1px;
    display: none;  /* hidden */
    position: absolute;    
    left: 50%;
    margin-left: -100px;
    top: 25%;
    width: 200px;
    font-weight: bold;
}