﻿body
{
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url('images/background.jpg');
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #000000;
    color: #FFFFFF;
}

h1
{
    font-size: 20px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffa800;
}

h2
{
    font-size: 15px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
}

hr
{
    color: #808080;
    background-color: #808080;
    height: 1px;
}


.showHand
{
    color: #CC3300;
    text-decoration: none;
 }
 
 .showHand:hover  
{
    cursor:hand;
    text-decoration: underline;
    color: #FFCC66; 
 }



.small_text
{
    font-size: 0.588em;
    line-height: 1.182em;
    color: #FFFFFF;
    vertical-align: top;
    text-align: justify;
}

.medium_text
{
    font-size: 0.788em;
    line-height: 1.182em;
    color: #FFFFFF;
    vertical-align: top;
    text-align: justify;
    width: 262px;
}




.text
{
    padding: 10px 10px 0 10px;
    font-size: 0.888em;
    line-height: 1.182em;
    color: #FFFFFF;
    vertical-align: top;
    text-align: justify;
}
.text a
{
    color: #CC3300;
    text-decoration: none;
}
.text a:hover
{
    text-decoration: underline;
    color: #FFCC66;
}
.text span {font-size:0.818em;}

.text2
{
    padding: 10px 10px 0 10px;
    font-size: 0.888em;
    line-height: 1.182em;
    color: #FFFFFF;
    vertical-align: top;
    text-align: justify;
}
.text2 a
{
    color: #CC3300;
    text-decoration: none;
}
.text2 a:hover
{
    text-decoration: underline;
    color: #000000;
}
.text2 span {font-size:0.818em;}



.cart_head
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #982700;
    text-align: center;
    vertical-align: middle;
}


.cart_text
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

/*footer*/
.footer { height:60px;  font-size:0.688em; line-height:1.182em; color:#583e30;}
.footer .indent {padding:10px 0 0 0; text-align:center; background:url(images/footer_bg.gif) top repeat-x;}
.footer a {color:#583e30; text-decoration:none;}
.footer a:hover {text-decoration:underline; color:white}
.footer span {font-size:0.818em;}

/*==============================
	CONTENT-WRAPPER
===============================*/
.counterdown-wrapper
{
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    font-family: 'Arial Black';
    font-weight: bolder;
    color: #FFFFFF;
    font-size: 39px;
    text-align: center;
}
.rservice-wrapper
{
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    float: left;
}
.cng-wrapper
{  
	float:right; 
	width:199px;
	margin-right:5px; 
}
.category-wrapper
{
    float:right; 
	width:220px;
	height:250px;
	margin-right:5px;
}
.product-wrapper
{
   float: left;
   width: 452px;
   padding-left: 40px;
   padding-top: 40px;
    
}

.cart-wrapper
{
    background-position: center top;
    float: right;
    width: 521px;
    height: 815px;
    background-image: url(  './images/cart_panel.png' );
    padding-top: 20px;
    background-repeat: no-repeat;
}
/*==============================
		PANEL CONTENT
===============================*/
.panel
{ 
	margin-bottom:5px;
	border:solid 1px #402b09;
	background:#1d1304;
}

/*The panel content */
.panel_content
{
    padding:2px; 
    float:none;
}

/* The panel title */
.panel_title
{
    height: 27px;
    font-size: 15px;
    color: #000000;
    padding: 0px;
    padding-left: 0px;
    background: url(images/title_bar.png);
    background-repeat: no-repeat;
    background-position: center center;
    font-weight: bold;
    width: 199px;
    vertical-align: middle;
}






.input {
	font-size: 10px;
}

.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:white;
}

.t1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:white;
}
/*==================regular service====================*/
a.rs:link { 
    background: url('./images/Buy_up.png');
}
a.rs:visited { 
color: white; 
background-color: black;
text-decoration: none;

}
a.rs:hover
{
    color: red;
    text-decoration: none;
    display: block;
    width: auto;
    height: auto;
    background-repeat: no-repeat;
    background-color: #333333;
}

/*==================update cart====================*/
.updatecart:link {     background: url('./images/update_up.png');}
.updatecart:hover{ background: url('./images/update_over.png');}

 

/*==================buy product button====================*/
a.rs:link { 
color: white; 
background-color: black;
text-decoration: none;

}
a.rs:visited { 
color: white; 
background-color: black;
text-decoration: none;

}
a.rs:hover
{
    color: red;
    text-decoration: none;
    display: block;
    width: auto;
    height: auto;
    background-repeat: no-repeat;
    background-color: #333333;
}

/*==================read more====================*/
a.rm:link { 
color:#982700;
font-size: 12px;
text-decoration: none;
font-weight:bold;

}
a.rm:visited { 
color:#982700;
font-size: 12px;
text-decoration: none;
font-weight:bold;

}
a.rm:hover
{
    color:#ffa800;
    text-decoration:underline;
    font-size: 12px;
    font-weight:bold;
}

/*==================cart tabel====================*/
.cart_table:link { 
color:#982700;
font-size: 12px;
text-decoration: none;
font-weight:bold;

}
.cart_table:visited { 
color:#982700;
font-size: 12px;
text-decoration: none;
font-weight:bold;

}
.cart_table:hover
{
    color:#ffa800;
    text-decoration:underline;
    font-size: 12px;
    font-weight:bold;
}

/*==================related articles====================*/

.ra_text 
{
    font-size: smaller;
    padding: 10px 10px 0 10px;
    
}
.ra_text  a { color:#ffa800; text-decoration:none;  display:block; padding:5px 0 5px 0px; line-height:1em;}
.ra_text  a:hover { color:white;} 


.ra_big_text 
{
    font-size: big;
    padding: 5px 5px 5px 0px;
}
.ra_big_text a
{
    color: #ffa800;
    text-decoration: none;
    display: block;
    padding: 2px 2px 2px 0px;
    line-height: 1em;
}
.ra_big_text  a:hover { color:white;} 


/*==================list====================*/
ul#tr { list-style:none;}
ul#tr li
{
    margin-left: -29px;
    font-size: 1em;
    background: url(images/list_bg.gif) bottom repeat-x;
    padding-top: 0px;
    height: 25px;
}
ul#tr li a { color:#982700; text-decoration:none; font-weight:bold; text-transform:uppercase; display:block; padding:1px 0 2px 0px; line-height:1em;}
ul#tr li a:hover { color:#ffa800;} 

/*==================list====================*/
ul#tr2 { list-style:none;}
ul#tr2 li
{
    margin-left: 2px;
    font-size: smaller;
    background: url(images/list_bg.gif) bottom repeat-x;
    padding-top: 0px;
    height: 25px;
    text-indent: 1px;
}
ul#tr2 li a { color:#982700; text-decoration:none; font-weight:bold; text-transform:uppercase; display:block; padding:1px 0 1px 0px; line-height:1em;}
ul#tr2 li a:hover { color:#ffa800;} 



/*==================list====================*/
img#divider
{
    width: 650px;
    height: 5px;
}


/*==================content====================*/

.content
{
    color: white;
    text-decoration: none;
    font-size: 13px;
}


 
 
 .price-tagged
 {
    color:white;
    font-size: 25px;
    text-decoration: none;
 }
 
 
 .product-title
{
    color: #FF3300;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}
 
 
 .product-detail
 {
    color:white;
    font-size: 12px;
    text-decoration: none;
 }
 
 .side-menu
{
    
    background: url(   './images/side_bar.png' ) no-repeat bottom;
    padding-top: 0px;
    width: 197px;
    height: 980px;
}



/*----form ----*/
.cart_input
{
    font-family: Arial, Helvetica, sans-serif;
    background: transparent scroll 0 0;
    font-size: 1.0em;
    color: #ffffff;
    padding: 3px 10px 3px 10px;
    width: 50px;
    float: left;
    font-weight: bold;
}




.small_input
{
    font-family: Verdana;
    background: transparent url(images/textbox_medium.jpg) no-repeat scroll 0 0;
    border: none;
    font-size: 0.8em;
    color:  #000000;
    padding: 6px 10px 8px 10px;
    width: 160px;
    float: left;
    font-weight: bold;
}

.medium_input
{
    font-family: Verdana;
    background: transparent url(images/textbox_medium.jpg) no-repeat scroll 0 0;
    border: none;
    font-size: 1.0em;
    color: #000000;
    padding: 6px 10px 8px 10px;
    width: 160px;
    float: left;
    font-weight: bold;
}


.long_input
{
    font-family: Verdana;
    background: transparent url(images/textbox_long.jpg) no-repeat scroll 0 0;
    border: none;
    font-size: 1.0em;
    color:  #000000;
    padding: 6px 10px 8px 10px;
    width: 350px;
    float: left;
    font-weight: bold;
}


.sign_medium_input
{
    background-position: bottom;
    font-family: Verdana;
    background: transparent url(images/textbox_medium_sign.jpg) no-repeat scroll 0 0;
    border: none;
    font-size: 1.1em;
    color: #000000;
    padding: 2px 10px 2px 10px;
    width: 160px;
    float: left;
    font-weight: bold;
    vertical-align: top;
}


.sign_long_input
{
    font-family: Verdana;
    background: transparent url(images/textbox_long_sign.jpg) no-repeat scroll 0 0;
    border: none;
    font-size: 1.1em;
    color:  #000000;
    padding: 2px 10px 2px 10px;
    width: 350px;
    float: left;
    font-weight: bold;
    vertical-align: top;
}
.form_input
{
    font-family: Arial, Helvetica, sans-serif;
    background: transparent  no-repeat scroll 0 0;
	border:none;
    font-size: 1.0em;
    color: #000000;
    padding: 3px 10px 3px 10px;
    float: left;
    font-weight: bold;
}

/* Dark theme */
input.demo {
    border:1px solid #999;
    background:#ccc;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    font-size: 0.8em;
    width:58px;
    text-align:center;
    color:#666;
    font-weight:bold;
}
input.demo:focus {
    border-color:#fff;
    color:#333;
}
.dark li.ui-timepickr span {
    background:#333 url('./images/btn.png') repeat-x!important;
    font-family:monospace;
    font-size: 0.8em;
    font-weight:bold;
    color:#ccc!important;
}
.dark li.ui-timepickr.hover span {
    background:#3679AE url('./images/btn-hover.png') repeat-x!important;
    color:#fff!important;
}

a.pushbut { 
color:#26a; 
display:block; 
border:1px solid;
border-color:#aaa #000 #000 #aaa; 
text-decoration:none;
width:8em; text-align:center; 
height:2em; line-height:2em; 
background:#fc0; font-weight:bold


} 

a.pushbut:hover 
{ 
color:#26a;
background:#ffd633; 
position:relative; 
top:1px; 
left:1px; 
border-color:#000 #aaa #aaa #000
}


