@charset "UTF-8";

/*****************************/
/* main page structure start */
/*****************************/

html {
height: 100%;
}

* {
margin: 0;
padding: 0;
}

body {
padding:0px;
font-family: Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
background: url('../image/bg_gatefoot.jpg');
height: 100%;
background-color: #000;
}

.header {
background-color: #000;
position: relative;
background: #000 url('../image/banner_detail.jpg') 500px -40px no-repeat;
height: 120px;
/*background: url('../image/banner_06.jpg');*/
width: 737px;
margin: 0 auto;
}

.banner {
/*height: 260px;*/
/*background-color: #FF0000;*/
/*background:#fff url('../image/globe.jpg') center no-repeat;*/
border-bottom: 19px solid #000;
width: 737px;
margin: 0 auto;

}

.banner img {

}

.wrapper {
width:767px;
margin: 0 auto;
background: url('../image/drop_shadow.png') center repeat-y;

}

.inner_wrapper {

width: 737px;
margin: 0 auto;
padding-top: 20px;
background: #eee url('../image/bg_wrapper.jpg')  bottom repeat-x;

}

.leftcol {
float: right; 
width: 440px;
margin: 0px 25px 0px 15px;
}

.rightcol {
width: 228px;
margin: 0px 0px 0px 15px;
}


.clear {
clear: both;
}

.lClear {
clear: left;
}

.rClear {
clear: right;
}

/***************************/
/* main page structure end */
/***************************/



/**********************************/
/* secondary page structure start */
/**********************************/

.bodyimage {
height: 200px;
background-color:#666666;
}

p {
font-size:12px;
text-align:justify;
}



.header h1 {
font: 2.2em 'Trebuchet MS', Verdana, sans-serif;
margin-left: 20px;
color: #fff;
margin-top: 10px;
}

.header h2 {
font: 1.0em 'Trebuchet MS', Verdana, sans-serif;
line-height: 12px;
margin-left: 23px;
color: #fff;
}

.header h1 span {
color:#9c0;
}

.header .title {
position: relative;
width: 400px;
height: 60px;
float: left;
}

.header .title h1 {
background: url('../image/logo.jpg') 0px 0px no-repeat;
height: 60px;
}

.pnumber {
text-indent: 34px;
position:absolute;
right:30px;
top:6px;
color: #fff;
font-size: 24px;
background: url('../image/phoneicon.png') 0px 0px no-repeat;
}


.leftcol .post {
margin: 0px 0px 20px 10px;
clear: both;
}

.leftcol .post p {
margin: 0px 0px 12px 0px;
}

.leftcol .admin {
margin: 0px 0px 20px 10px;
padding: 10px 0px 0px 0px;
background-color: #fff;
}

.leftcol .admin p {
margin: 0px 0px 20px 10px;


}

.leftcol .map {
border: 2px solid #fff;
}

.leftcol .post .title h3 {
font-size: 18px;
color: #eeeeee;
letter-spacing: -1px;
background: url('../image/header_b.jpg') -60px 0px no-repeat;
padding: 0px 0px 0px 0px;
margin: 0px 0px 4px 0px;
text-indent: 26px;
line-height: 26px;
background-color: #fff;
}

.leftcol .post .content {
padding: 10px 20px 20px 20px;
background: url('../image/a33.gif') bottom repeat-x;
background-color: #fff;
line-height: 22px;
}

.leftcol .post .content .product select {
color: #fff!important;
width: auto!important;
}

.leftcol .post .content .product img {
float: left;
margin: 0px 10px 0px 0px;
}

.leftcol .post .content .product {
text-indent: 0px;
line-height: 18px!important;
}

.leftcol .post .content .product p {
}


.leftcol .post .content .product h4 {
font-size: 12px;
background-color: #eee;
padding: 2px 0px 2px 6px;
margin-bottom: 4px;
margin-top: 0px;
}

.leftcol .post .content .product p {
margin-bottom: 8px;
margin-top: 0px!important;
}


.leftcol .post .content .product .prodcol {
width: 180px;
margin:  0px 0px 0px 190px;
}



.leftcol .post .content .product .liveProdcol {
width: 180px;
margin:  0px 0px 0px 208px;
}




.leftcol .post a
{
color: #666;
font-weight: normal;
text-decoration: underline;
}

.leftcol .post a:hover {
text-decoration: underline;
background-color:#eee;
border-right: 0px solid #000;
}

.leftcol .postAdmin {
margin: 0px 0px 20px 10px;
clear: both;
background-color:#fff;
}

.leftcol .postimg {
margin: 0px 0px 20px 10px;

}

.leftcol .postimg .content {
margin: 0px 0px 0px 0px;

}


img.picA {
/*background: url('../image/a47.gif') no-repeat;*/
border: 0px solid #666;
padding: 10px 4px 16px 4px;

}

img.product-image {
margin-bottom: 10px!important;
}

img.picB {
position: relative;
top: -2px;
background: url('images/a26.gif') no-repeat;
width: 146px;
height: 75px;
padding: 7px;
}

img.floatleft {
float: left;
margin: 0px 14px 3px 0px;
}

.rightcol .post {
font-size: 14px;
line-height: 22px;
margin: 0px 0px 20px 10px;
background-color: #fff;
}



.rightcol .post .title h3 {
color: #fff;
letter-spacing: 0px;
background: url('../image/header_a.jpg') 0px 0px no-repeat;
padding: 0px 0px 0px 15px;
margin: 0px 0px 4px 0px;
text-indent: 0px;
line-height: 26px;
font-weight: bold;
/*background: url('../image/a22.gif') bottom repeat-x;*/
border-bottom: 4px solid #efefef;
}

.rightcol .post .content {
padding: 10px 12px 20px 12px;
/*background: url('../image/a34.gif') bottom repeat-x;*/
background: url('../image/a33.gif') bottom repeat-x;

}

.rightcol .post a
{
color: #666;
text-decoration: underline;
line-height: 22px;
}

.rightcol .post a:hover
{
text-decoration: underline;
background-color:#eee;
line-height: 22px;
}

form p {
margin: 10px;
}

.rightcol .post img {
margin: 0px 0px 7px 0px;
}

.rightcol .postAdmin {
background-color:#fff;
padding: 10px 0px 10px 10px;
margin: 0px 0px 10px 0px;
}

.rightcol .postimg {
margin: 0px 0px 10px 10px;
}

.rightcol .postimg .content {
margin: 0px 0px 0px 0px;
}



.addform p {
margin-bottom: 4px;
color: #000;
}

img.single {
position: relative;
float: left;
margin: 0.5em 1.4em 1.4em 20px;
}

.gallery {
line-height: 22px;
}

.gallery p {
margin: 0.5em 0em 1.4em 0px;
}

.gallery h4 {
font-size: 18px;
color: #656551;
letter-spacing: -1px;
/*background: url('../image/compass_01.jpg') -1px 0px no-repeat;*/
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
/*text-indent: 26px;*/
line-height: 26px;
background-color: #fff;
text-indent: 10px;
}

.leftcol .post .contentDetail {
clear: both;
}

.post .contentDetail p {
text-indent: 20px;
line-height: 24px;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 20px;

}

.post .address p {
line-height: 24px;
background-color: #fff;
}

.post .img {
line-height: 24px;
}

.post .title h4 {
font-size: 18px;
color: #656551;
letter-spacing: -1px;
background: url('../image/header_d.jpg') 0px 0px no-repeat;
padding: 0px 0px 0px 15px;
margin: 0px 0px 4px 0px;
/*text-indent: 26px;*/
line-height: 30px;
background-color: #fff;
color: #fff;
}


.post .contactbody .address h2 {
font: 1.2em 'Trebuchet MS', Verdana, sans-serif;
line-height: 24px;
margin-left: 23px;
color: #656551;
}

.post .contactbody {
background-color: #fff;
padding: 12px 0px 0px 0px;
background: #fff url('../image/a33.gif') bottom repeat-x;
margin: 0px 0px 0px 0px;
}

.rightcol .subnav {
font-size: 16px;
line-height: 22px;
margin: 0px 0px 20px 10px;
/*background-color: #cdd5c5;*/
}

.dataicons {
padding: 0px 0px 0px 24px;
}

.adminthumbs {
background: #fff url('../image/a33.gif') bottom repeat-x;
margin: 0px 0px 5px 0px;
}

/********************************/
/* secondary page structure end */
/********************************/



/********************/
/* navigation start */
/********************/

#menu
{
/*background: #fff url('../images/menubg.gif') repeat-x top left;
height: 3.5em;*/
margin-bottom: 2px;
width: 740px;
margin: 0 auto;
text-align: right;
border-bottom: 0px solid #86a745;
height: 60px;
float: right;
}

#menu ul
{
/*position: absolute;
top: 0.9em;
height: 100px;*/
float:right;
}

#menu ul li
{
/*position: relative;*/
display: inline;
height: 50px;
float:left;
/*text-align:center;*/
}

#menu ul li a
{
color: #999;
font-weight: normal;
text-decoration: none;
display:block;
height:60px;
line-height:50px;
text-align:center;
border-left: 0px solid #333;
/*background:  url('../image/menu.png') repeat-x;*/
padding: 0px 10px 0px 10px;
}

#menu ul li a:hover
{
text-decoration: none;
background-color:transparent;
border-right: 0px solid #000;
color: #eeeeee;
}

#menu ul li a.active
{
color: #fff;
font-weight: normal;
background-color:transparent;
border-right: 0px solid #333;
text-decoration: none;
background:  url('../image/menu_active.jpg') 6px 3px repeat-x;
/*background: #7F8400 url('../images/menuactive.gif') repeat-x top left;*/
}

.rightcol .subnav ul  {
list-style-type: none;
border: 0px solid #fff;
}

.rightcol .subnav ul li {
background-color: #000;
border-bottom: 1px solid #ccc;
}

.rightcol .subnav ul li a {
color: #ccc;
font-weight: normal;
text-decoration: none;
display:block;
line-height:26px;
text-align:left;
border-bottom: 0px solid #333;
background: url('../image/dot.png') 8px 6px no-repeat;
/*background-color:#ccc;*/
text-indent: 24px;
font-weight: normal;
}

.rightcol .subnav ul li a:hover
{
text-decoration: none;
background-color:transparent;
border-right: 0px solid #000;
background:  url('../image/dot_hover.png') 8px 6px no-repeat;
}

.rightcol .subnav ul li a.active {
color: #fff;
font-weight: bold;
/*border-left: 1px solid #333;*/
background: url('../image/active_sub.jpg') bottom no-repeat;
}

.rightcol .subnav ul li a span {
color: #fff;
text-decoration: none;
display:block;
line-height:25px;
text-align:left;
border-bottom: 0px solid #333;
background: url('../image/dot_hover.png') 8px 6px no-repeat;
/*background-color:#ccc;*/
text-indent: 26px;
}



a {
font-size: 10pt;
color: #d25916;
text-decoration: underline;
letter-spacing: 0px;
}


a:hover
{
text-decoration: none;
}


.update {
height: 26px;
background-color:#333;
padding: 2px 0px 0px 0px;
text-indent: 12px;
line-height:22px;
color: #000;
}

.update a {
font-size: 10pt;
color: #ccc;
text-decoration: underline;
letter-spacing: 0px;
}

.update a:hover {
background-color: transparent;
color: #fff;
}

.leftcol .update a {
font-size: 10pt;
color: #ccc;
text-decoration: underline;
letter-spacing: 0px;
}

.leftcol .update a:hover {
background-color: transparent;
color: #fff;
}


.rightcol .update a {
font-size: 10pt;
color: #ccc;
text-decoration: underline;
letter-spacing: 0px;
}

.rightcol .update a:hover {
background-color: transparent;
color: #fff;
}





/******************/
/* navigation end */
/******************/



/******************/
/* form start     */
/******************/


.contactform fieldset {
background-color:#fff;
margin: 10px 0px 0px 0px;
padding: 12px;
font-family: "ariel", sans-serif;
border:0;
}


.contactform fieldset p {
margin: 4px 4px;

}

.contactform legend {
font-weight: bold;
font-size:12px;
background-color: #cdd5c5;
padding: 0px 10px 0px 10px;
color: #666;
}

.contactform label {
float:left;
width: 160px;
font-size:10px;
}

.contactform input.name, .email {
width: 300px;
}


.contactform textarea {
width: 300px;
height: 100px;
resize: none;
}


.contactform form {
border: 1px dotted #cdd5c5;
padding: 12px;
background-color: #eee;
}

.contactform input.submit {
background-color: #cdd5c5;
width: 70px;
border: 0;
height: 20px;
color: #666;
cursor: pointer;
font-weight: bold;
}




/******************/
/*    form end    */
/******************/




/******************/
/*  footer start  */
/******************/

.footer {
clear: both;
border-top: 0px solid #333;
/*background:#323232 url('../image/background_footer.jpg') center repeat-y;*/
border-top: 0px solid #fff;
background-color: #000;
height: 100px;
width: 737px;
margin: 0 auto;
background: #000 url('../image/banner_detail.jpg') 80px -20px no-repeat;
}

.footer .content {
text-align:left;
color: #eeeeee;
width: 700px;
margin:0 auto; 
border-top: 0px solid #ccc;
/*background: url('../image/a22.gif') top repeat-x;*/
padding-top: 80px;
}

.footer .content h1 {
width: 780px;
float: left;
width: 300px;
margin-left: 20px;
font-weight: normal;
font-size: 10px;
}

.footer .content h2 {
float: right;
font-size: 10px;
margin-right: 20px;
font-weight: normal;
}

.footer a {
color: #fff;
font-weight: normal;
text-decoration: underline;
color:#999;
font-size: 10px;
}

.footer a:hover {
text-decoration: none;
font-weight: normal;
font-size: 10px;
}

/**************/
/* footer end */
/**************/



/***************************/
/* visual attributes start */
/***************************/

img {

border: 0;

}

.action {
color: #FF0000;
font-weight: bold;
line-height: 30px;
}

.divider1
{
position: relative;
height: 14px;
margin: 0.5em 0em 1.4em 0em;
/*background:  url('../image/border1.gif') repeat-x;
border-bottom: solid 1px #fff;*/

background: url('../image/a22.gif') top repeat-x;
clear: both;
}

.divider2
{
/*background: #fff url('../image/border1.gif') repeat-x;*/
position: relative;
height: 7px;
border-bottom: solid 0px #eaeaea;
margin: 0.5em 0em 1.4em 0em;
clear: both;
}

.details {
font-size: 1.3em;
color: #333333;
margin: 0.5em 0em 0.5em 20px;
text-decoration: none;
font-weight: bold;
}

.tabbg {
background: #fff url('../image/a33.gif') bottom repeat-x;
}


.imgtxt {
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 20px;
background-color: #fff;
}

.imgtxt p {
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}


.heighlight {
color: #FF0000;
font-size: 12pt;
}

.status {
/*float: right;*/
color: #ff0000;
font-size: 12pt;
padding: 0px 15px 0px 0px;
font-weight: bold;
text-align: right;
}

.pagestatus {
position: absolute;
top:10px;
left: 550px;
color: #ff0000;
font-size: 10pt;
width: 200px;
}

.menustatus {
color: #ff0000;
font-size: 8pt;
padding: 0px 0px 0px 0px;

}

.rightcol .subnav .title {
color: #333;
font-weight: normal;
border-top: 2px solid #fff;
font-size: 14px;
background-image: none;
line-height: 28px;
padding: 0px 0px 0px 20px;
background-color: #eeeeee;
/*font-style: italic;*/

}

.leftcol .showheader {
background: url('../image/header_c.jpg') 0px 0px no-repeat;
color: #fff;
}


.shopNav {
clear:left;
background-color: #fff;
line-height: 26px;
text-align: center;
margin-bottom: 16px;
}

.shopNav a {
color: #000;
margin: 0px 10px 0px 0px;
padding: 0px 4px 0px 4px;
text-decoration: none;
}

.shopNav a:hover {
color: #333;
}

.shopNav a.active {
background-color: #ccc;
}


/*************************/
/* visual attributes end */
/*************************/




/*************************/
/* shop attributes start */
/*************************/

.prodDetails {
width: 400px;
margin: 0px 0px 0px 0px;
}

.prodDetails span {
text-align: center;
}

.subhead {
font-weight: bold;
}

.prodDetails ul {
list-style-type: none;
display:inline;
width: 400px;
margin: 0 auto;
}

.prodDetails ul li {
text-align: center;
display:inline;
float:left;
width: 126px;
line-height: 20px;
background-color: #eee;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
padding: 4px 0px 0px 0px;
}


html>body .prodDetails ul li  {
text-align: center;
display:inline;
float:left;
width: 126px;
height: 20px;
background-color: #eee;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
padding: 4px 0px 4px 0px;
}


.leftcol .postproduct {
font-size: 14px;
line-height: 22px;
margin: 0px 0px 10px 0px;

width: 220px;
float: left;
min-height: 140px;
padding: 0px 0px 0px 0px;
}

.leftcol .postproduct .content .product img {
margin: 0px 0px 0px 0px;
padding: 10px;
border: 1px solid #ccc;
background-color: #eee;
}

.leftcol .postproduct .content .product {
text-indent: 0px;
margin: 0 auto;
width: 170px;
}

.leftcol .postproduct .content {
min-height: 92px;
background-color: #fff;
padding: 20px 0px 0px 0px;
margin: 0px 0px 0px 6px;
}

.leftcol .postproduct .content .product p {
margin: 0px;
padding: 0px;
}


.leftcol .postNine {
margin: 0px 0px 0px 0px;
min-height: 130px;
float: left;
width: 220px;
}

.leftcol .postNine p {
margin: 0px 0px 0px 0px;
}

.leftcol .postNine .content {
min-height: 112px;
background-color: #fff;
padding: 20px 0px 0px 0px;
margin: 0px 0px 6px 6px;
}

.leftcol .postNine .content .product img {
margin: 0px 0px 0px 0px;
padding: 10px;
border: 1px solid #ccc;
background-color: #eee;
}

.leftcol .postNine .content .product {
min-height: 80px;
text-indent: 0px;
margin: 0 auto;
width: 170px;
}

.leftcol .postNine .content .view {
background-color: #fff;
}

.leftcol .postNine .content .view a {
display:block;
width:210px;
height:25px;
clear:both;
background: #fff url('../image/view.jpg') no-repeat;
}

.leftcol .postNine .content .view a:hover {
background-color: #fff;
width:210px;
}

.backbtn {
display: block;
float: right;
padding: 0px 20px 0px 0px;
font-size: 14px;
font-weight: bold;
}

.leftcol .post .backbtn a {
color: #fff;
font-weight: bold;
text-decoration: underline;
font-size: 12px;
}

.leftcol .post .backbtn a:hover {
color: #000;
background-color: #fff;
font-weight: bold;
}

.slidetitle {
color: #666;
text-align: center;
margin: 0;
padding: 0;
line-height: 22px;
background-color: #ccc;
margin: 0px 0px 0px 6px;
}


/*************************/
/* shop attributes end   */
/*************************/


/***********************/
/*   PP  form start    */
/***********************/


.paypalbut p {
margin: 0px 0px 0px 10px!important;
}

.paypalblock {
width: 100%;
border: 1px solid #cc6600;
margin: 30px 0 0 0!important;

}

.paypalblock h1 {
margin: 0 0px 0 0!important;
padding: 0px 0 0px 10px!important;
line-height: 30px!important;
background: #ffa926 url('../image/pp.jpg') 295px 1px no-repeat!important;
font-size: 12px;
}

.paypalblock h4 {
padding: 0px 0 0px 10px!important;
line-height: 25px;
}

.paypalblock h5 {
font-weight: normal;
font-size: 12px;
margin: 3px 0 6px 10px!important;
}

.paypalblock select {
width: 150px!important;
}

.paypalbut {
border-top: 1px solid #cc6600;
padding: 10px 0 15px 0px!important;
}

.paypalbut .buybut {
float: right!important;
padding: 0px 0 0px 20px!important;
}





/*********************/
/*   PP  form end    */
/*********************/