/* CSS Document */
@import "960.css";
@import "wow.css";

body{
font-family:Arial, Helvetica, sans-serif; font-size:12px;
background-image:url(../images/background.jpg); background-attachment:fixed; background-repeat:no-repeat; background-color:#000000;}

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

.grid_4,.grid_5,.grid_6,.grid_7,.grid_8{
margin:3px; padding:0;}

.clear{ clear:both;}

#container{
height:auto;
border:0px solid red;
background-image:url(../images/containerbackground.png);
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;}

/* ------------------------  header  ----------------------------------------------------------------- */

#header{ height:215px; border:0px solid blue; background-image:url(../images/containerbackground.png);}

#logo{
width:226px;
height:139px;
float:left;
margin:41px 0 0 10px;
background-image:url(../images/logo.png);}

#banner{
width:573px;
height:210px;
float:right;
margin:0px 0 0 0px;
background-image:url(../images/banner.png);}

/* ---------------------------------------------------------------- */

/* menu */

#menuplace{
height:46px;
border:0px solid red;
margin:0px 0px 0px 0px;
}


#menuplace ul
{
list-style: none;
padding: 0;
margin: 5px 0 0 6px;
} 

#menuplace li
{
float: left;
margin: 0 2px;
}

#menuplace li a
{
background: url(../images/tab.png);
background-repeat:no-repeat;
height: 40px;
line-height:31px;
float: left;
width: 99px;
display: block;
color: #FFFFFF;
font-size:14px;
text-decoration: none;
text-align: center;
}

#menuplace li a:hover
{
background: url(../images/tabbw.png);
background-repeat:no-repeat;
height: 40px;
line-height:31px;
float: left;
width: 99px;
display: block;
color: #FFFFFF;
font-size:14px;
text-decoration: none;
text-align: center;
}

/* ---------------------------------------------------------------- */

/* Splash */

#tsplash{}

/* ------------------------------------------------------------------- */

/* Content */

#content{ width:915px; border:0px dotted #CCCCCC; margin:5px 0 0px 12px;}

#address{ width:270px; height:267px; border-top:0px solid #CCCCCC; float:left; margin:0px 0 0 5px;}
#addressdepan{ width:385px; height:412px; background-image:url(../images/bgcontact.jpg); background-position:center; border-top:0px solid #CCCCCC; float:left; margin:10px 0 0 5px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;}

#client{ width:905px; height:137px; border:0px solid #FF3300; float:left; margin:0px 0 0 4px; }

/* ------------------------------------------------------------------- */

/* Category product */

#tcategory{ width:170px; border:1px solid #6a6a6a; 
background: #010100;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#010100', endColorstr='#393939');
background: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#010100));
background: -moz-linear-gradient(top, #393939, #010100);
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
float:left;
margin:5px 0 5px 0;}

#titleproduct{
background: url(../images/tab.png);
background-repeat:no-repeat;
height: 40px;
line-height:31px;
float: left;
width: 99px;
display: block;
color: #FFFFFF;
font-size:14px;
text-decoration: none;
text-align: center;
margin:10px 0 0 35px;}

#catname{ color:#CCCCCC; text-align:left; margin:5px; padding:0; font-size:14px;}

#tcategory ul {
list-style-type: none;
padding: 0px;
margin: 60px 0 10px 20px;}

#tcategory li a{
background: url(../images/nav.png) no-repeat scroll left center transparent;
background-repeat: no-repeat;
padding: 0px 10px 2px 19px;
color:#e5e5e5;
font-size:14px;
font-family:Tahoma;
line-height:23px;}

#tcategory li a:hover{
background: url(../images/blacknav.png) no-repeat scroll left center transparent;
background-repeat: no-repeat;
background-color:#FF3300;
}

/*---------------------------------------------------------------------*/

/* Gallery product */

#tgallery{ width:720px; border:0px solid #CCCCCC; float:left; background-image:url(../images/bgpro.jpg); background-repeat:no-repeat;
margin:5px 0 5px 15px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;}

.boxgrid{ 
	float:left;
	font-family:Tahoma;
	width:226px;
	height:196px;
	margin:5px; 
	overflow: hidden; 
	position: relative; 
}

.boxgrid img{
margin:2px;
padding:2px 2px 2px 2px;
border: 2px solid #6a6a6a;  }

.boxgrid a{ text-align:center; color:#CCCCCC; font-size:13px;}

.boxgrid a:hover{ color:#FF3300;}

/* Details product */

#proimg{ 
	float:left;
	width:340px;
	height:420px;
	margin:10px; 
	overflow: hidden; 
	position: relative;
	border:0px solid blue; 
	border: 2px solid #6a6a6a;
}

#proimg img{
border: 0px solid #6a6a6a;  }

#prodesc{ 
	float:left;
	width:340px;
	height:424px;
	border:0px solid red;
	margin:10px 0 10px 15px;
}

#prodesc td{ font-size:12px;}

#prodesc p{ color:#CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

/*---------------------------------------------------------------------*/

/* paging */

#tpaging{
    border: 0px solid #CCCCCC;
	background-color:#000000;
    text-align: center;
	margin:7px 0 0 0;
	color:#CCCCCC;
}

#paging a{color:#CCCCCC; padding:3px 0 3px 0; font-family:verdana; font-size:11px;}

/*---------------------------------------------------------------------*/

/* Text */

#ttext{ width:610px; height:310px; border:0px solid #CCCCCC; float:left; background-image:url(../images/bgpro.jpg); background-repeat:no-repeat;
margin:5px 0 5px 0px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;}

.scroll-pane {
	width: 600px;
	margin-bottom:5px;
	height:300px;
	overflow: auto;
	float: left;
	color:#CCCCCC; padding:2px; font-family:Tahoma; sans-serif; font-size:12px; text-align:left;
}

#ttext h2 {
    border-bottom: 1px solid #CCCCCC;
    color: #FF3300;
    font-size: 24px;
    font-weight: normal;
    margin: 5px 0 10px;
    padding-bottom: 15px;
    text-shadow: 0 0 1px #26ACED;
}

.scroll-pane p{ color:#CCCCCC; padding:5px; font-family:Tahoma; sans-serif; font-size:12px; text-align:left;}
.scroll-pane img{ margin:2px; }
.scroll-pane img a{ margin:2px; border:1px solid #CCCCCC; }

/*----------------------------------------------------------------------- */

/* Contact */

#tcontact{ width:620px; border:0px solid #CCCCCC; float:left; background-image:url(../images/bgcontact.jpg); background-repeat:no-repeat;
margin:5px 0 5px 15px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;}

#tcontact label{ color:#CCCCCC;}

label.error {
    color:#FF0000;
    font-family: verdana;
    font-size: 7pt;
    padding: 2px 0 2px 5px;
}

/*-----------------------------------------------------------------------*/

/* Category */

#tcategorytext{ width:620px; border:0px solid #CCCCCC; float:left; background-repeat:no-repeat;
margin:5px 0 5px 0px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;}

#tcategorytext h2 {
    border-bottom: 1px dashed #CCCCCC;
    color: #FF3300;
    font-size: 28px;
    font-weight: normal;
    margin: 0;
    padding: 0px 0px 10px 5px;
}

.text{ border-bottom:1px solid #CCCCCC; margin:10px 0px 5px 0px;}

.text h3{ font-size:14px; color:#CCCCCC; font-family:Tahoma; font-weight:bold; margin:10px 5px 5px 5px; }

.text h3:hover{ font-size:14px; color:#FF0000; font-family:Tahoma; text-decoration:underline; font-weight:bold; margin:10px 5px 5px 5px; }

.art_date {
    color: #CCCCCC;
    display: block;
    font-size: 11px;
	padding:1px 0px 0px 5px;
}

.text p{ color:#CCCCCC; padding:5px; font-family:Tahoma; font-size:12px; text-align:left;}



/*-----------------------------------------------------------------------*/

/* Footer */

#tfooter{ height:5px; background-color:#FF3300; margin:10px 0 10px 0;}

/* ------------------------------------------------------------------- */

/* Genereal setting */
h1 {font-size:16px;line-height: 1em;font-weight: 900;}
h2 {font-size:15px;line-height: 1em;font-weight: 900;}
h3 {font-size:14px;line-height: 1em;font-weight: bold; margin:5px 0px 5px 15px; padding:0; color:#C10303;}
h4 {font-size:12pt;line-height: 1em; margin:0px 0px 0px 0px; padding:7px 0px 7px 10px; border:0px solid #000000; width:685px; background-image:url(../images/bg_content_h2.png); color:#FFFFFF;}
h5 {font-size:12px;line-height: 1em;font-weight: 900;}
h6 {font-size:11px;line-height: 1em;font-weight: 900;}
td{font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
th{font-size: 12px;}
a {color: #CCCCCC; text-decoration:none;}
a:hover {color:#CCCCCC;}
a:visited {color: #CCCCCC;}
a.image, a.image:hover  {border:0;}
p {color:#000000;
font-size:12px; margin:1px; padding:1px;
font-family:Arial, Helvetica, sans-serif;}
li {list-style-image:url(../images/li_bg.gif);}
a img {border:none;}
hr {
    -moz-box-sizing: border-box;
    -moz-float-edge: margin-box;
    border: 1px inset;
    color: #CCCCCC;
    display: block;
    height: 2px;
    margin: 0.5em auto;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

#searchplace{
border:1px solid #CCCCCC;
height:35px;
float:left;
margin:3px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
padding:3px 2px 0px 2px;
}

#searchplace p{ font-weight:bold; padding:7px 5px 0px 5px; margin:0; font-family:Verdana; font-size:11px;}


/* ajax loading */
#loading {
    background-color:#D1D4DF;
    top: 0;
	left:650px;
    position: fixed;
	color:#000000;
	font-weight:bold;
	padding:5px 5px 5px 5px;
}