body 
{
    background-color:#fcfcfc;
}

.TopHeaderLinks
{
    color:#7d7d7d;
    text-decoration:none;
    background: url("../images/login.gif") repeat-x scroll left bottom transparent;
}
.TopHeaderLinks:hover
{
    background: url("../images/login.gif") repeat-x scroll left bottom transparent;
    color:#000000;
    text-decoration:underline;
}

.topheaderbox
{
    /*background: url("../Images/footerbg.jpg") repeat-x scroll left bottom transparent;*/
    background-color: #c0c0c0;
    margin-left:270px;
    position:absolute;
    width:200px;
    height:50px;
    top:1px;
    
}

.GeneralTextBox
{
    background: white;
    border: 1px solid #DDD;
    -border-radius: 5px;
    -box-shadow: 0 0 5px #DDD inset;
    color: #666;
    padding: 3px 3px;
    outline: none;
    }
    
    
    .WaterMark
    {
         background: white;
    border: 1px solid #DDD;
    -border-radius: 5px;
    -box-shadow: 0 0 5px #DDD inset;
    color: #666;
    padding: 3px 3px;
    outline: none;
    }
    
    
.placedate
{
    background: url("../ADMIN/images/date-place-bg.png") repeat-x scroll left bottom transparent;
    color: #7B7B7B;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    margin-right: 16px;
    padding: 0px 23px 0;
    text-align: center;
    text-decoration: none;
    width: 124px;
}
.LabelPlace
{
    padding-left:28px;
}







 .box300 {
    width: 250px;
}

.box {
    float: left;
    margin: 0 50px 15px;
    text-align: left;
}

.box .heading {
    float: left;
    width: 100%;
    height:35px;
}

.heading {
    font-size: 16px;
    line-height: 1.3em;
}
.box .heading .leftcorners {
    background: url("../ADMIN/images/boxleftcorners.png") no-repeat scroll left top transparent;
    float: left;
    width: 100%;
}
.box .heading .rightcorners {
    background: url("../ADMIN/images/boxrightcorners.png") no-repeat scroll right top transparent;
    float: left;
    width: 100%;
}
.box .heading .bg {
    background: url("../ADMIN/images/boxbg.png") repeat-x scroll left top transparent;
    float: left;
    margin: 0 10px;
    
}

.box300 .heading .bg, .box300 .content .bg {
    width: 230px;
    height:220px;
}

.box .heading h3 {
    float: left;
    margin: 0;
    text-shadow: 1px 1px 1px white;
}

.box300 .heading h3 {
    color: #1E64C8;
    font-size: 14px;
    height: 18px;
    padding: 11px 10px;
}
h3 {
    color: #66F0FF;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.2em;
    
}
.box .content {
    float: left;
    padding: 0;
    width: 100%;
}

.content {
    float: left;
    padding: 10px 0;
    width: 100%;
}
.box .content .leftcorners {
    background: url("../images/boxleftcorners1.png") no-repeat scroll left bottom transparent;
    float: left;
    width: 100%;
}
.box .content .rightcorners {
    background: url("../images/boxrightcorners1.png") no-repeat scroll right bottom transparent;
    float: left;
    width: 100%;
}
.box .content .bg {
    background: url("../images/boxbg1.png") repeat-x scroll left bottom transparent;
    float: left;
    margin: 0 10px;
}

.box .content .insider {
    float: left;
    height: 95px;
    margin: 0;
    padding: 0px 10px 5px 9px;
}
.box .content .insider h4 {
    margin: 0;
}
.box .content ul {
    margin: 10px 0;
    padding-left: 20px;
}
p, li {
    line-height: 1.5em;
    font-size:11px;
}
.box .content ul {
    margin: 10px 0;
    padding-left: 20px;
} 


.menu
{
     float:left;
}

.footer
{
    background: url("../images/footerbg.jpg") repeat-x scroll left bottom transparent;
    vertical-align:top; 
    height:200px; 
    width:100%;
}



.ModalPopup
        {
            background-color: #f0f0f0;
            border: solid 5px #797979;
            float: right;
            margin-top: 10px;
            margin-right: 10px;
            font-family: Arial, helvetica, Sans-Serif;
            font-size: 14px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -khtml-border-radius: 10px;
            border-radius: 10px;
        }
        .modalBackground
        {
            background-position: center;
            filter: alpha(opacity=80);
            background-color: #000000;
            opacity: 0.8;
            z-index: 10000;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -khtml-border-radius: 10px;
            border-radius: 10px;
        }
        
        .button
    {
     background-image: url("../images/button-large.png");
     background-repeat:repeat-x;
     border:solid 1px Transparent;
     font-family: Verdana;
     font-size: 8pt;
     font-weight: bold;
     height: 23px;
     width: 90px;
     color:#ffffff;
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    }
    
    .button:hover
    {
     background-image: url("../images/button-largeh.png");
     background-repeat:repeat-x;
     border:solid 1px Transparent;
     font-family: Verdana;
     font-size: 8pt;
     font-weight: bold;
     height: 23px;
     width: 90px;
     color:#ffffff;
    }
    
    
    
    
    .menu-bg {
	position:relative;
	top:96px;
	left:0px;
	width:100%;
	background:url(../images/main-menu-bg.gif) repeat-x #ff4606;
	border-radius:6px 0 0 0;
	z-index:1;
}
    
    
    
    
    
    
    
    #menu {
	background: url(../images/tail-menu.gif) left top repeat-x;
	height: 35px;
	margin-bottom:0px;
	position:absolute;
	left:27px;
	width:94%;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
}
#menu > ul {
	background:url(../images/menu-ul.gif) left bottom repeat-x;
	padding-bottom:0px;
	float:left;
	width:100%;
}
#menu > ul > li.last{}
#menu > ul > li {
	float: left;
	z-index: 20;
	background: url(../images/border-menu.gif) right top no-repeat;
	padding:1px 2px 0px 0px;
	position:relative;
}

#menu > ul > li > a {
	font-size: 11px;
	color: #000;
	line-height: 18px;
	text-decoration: none;
	display: block;
	padding: 12px 18px 6px 20px;
	z-index: 6;
	position: relative;
	font-family:helvetica;
	font-weight:bold;
}
#menu > ul > li > a:hover, #menu > ul > li.sfHover > a, #menu > ul > li.active > a   { color:#37a5d4;font-family:helvetica; font-weight:bold; background-color:White; height:12px;}
#menu > ul > li > ul {
	display: none;
	position: absolute; 
	z-index: 5;
	padding:0;
	background:#2d2d2d;
	left:0px;
	top:49px;
	width:168px;
	margin:0 !important;
	border-radius:0 0 4px 4px;
}
#menu > ul > li:hover > div {
	display: table;
}
#menu > ul > li ul + ul {
	padding-left: 0px;
	min-height:162px;
}
#menu > ul  li.last { border:none;}
#menu > ul > li ul > li > a {
	text-decoration: none;
	padding:0px 0px 0px 19px;
	color: #9f9e9e;
	display: block;
	white-space: nowrap;
}
#menu > ul > li ul > li.last > a{ border:none;}
#menu > ul > li ul > li > a:hover, #menu > ul > li ul > li.active > a, #menu > ul > li ul > li.sfHover > a {
	color:#fff;
}
#menu > ul > li > ul > ul > li:last-child > a { border:none}
#menu > ul > li > ul > ul > li {
	border-bottom:1px solid #000;
}
#menu > ul > li > ul > ul > li:hover, #menu > ul > li > ul > ul > li.active { background-position:0 0;}
#menu > ul > li > ul > ul  li { border-bottom:1px solid #000; position:relative;}
#menu > ul > li > ul > ul > li.last { border:none;}  
#menu > ul > li > ul > ul > li > a {
	color: #9f9e9e;
	font-size:12px;
	text-transform:none;
	line-height:25px;
}
#menu ul > ul > li ul  { position:absolute; left:168px; top:0px; background:#2D2D2D; width:168px;} 
#menu ul > ul > li ul li a {
	color: #9f9e9e;
	font-size:12px;
	text-transform:none;
	line-height:25px;
}
#menu ul > ul > li ul li a:hover, #menu ul > ul > li ul li a.active { color:#FFFFFF;}
#menu  ul li img {
 position:absolute;
 background:#fff;
 display:none;
 color:#ddd;
 border-left:1px solid #000;
 width:161px;
 height:161px;
 z-index:99;
 right:1px; top:1px;
 
}
#menu  ul li li:hover img { display:none;} 
.box-product.spec-box ul li{ position:relative;}
.bg-spec{background:url(../images/bg-spec.png) left 0px no-repeat; width:62px; height:118px; position:absolute; left:-1px; top:20px;}
.box-product.spec-box ul li .name a{ text-decoration:underline; color:#2fa1bc; line-height:17px;}
.box-product.spec-box ul li .name a:hover{ text-decoration:underline; color:#f83b01;}
.box-product.spec-box ul li .name{ text-align:center;}
.box-product.spec-box ul li{ float:left; width:170px; margin-right:10px; border:1px solid #dfe1e4; border-radius:5px; padding:16px 9px 6px 9px;}
.box-product.spec-box ul li .description{ font-size:11px; color:#414141; line-height:17px;}
.box-product.spec-box ul li.last{ margin-right:0;}
.breadcrumb a.last{ font-weight:bold;}
.breadcrumb a{ font-size:12px; color:#191919; text-decoration:none;}
.breadcrumb {
	background: url(../images/box-heading.jpg) left top repeat-x #D6D3CC;
	color:#000;
	padding:6px 5px 5px 10px;
	border-radius:3px;
	font-size:12px;
	border-bottom:1px solid #CBCBCB;
	margin-bottom:10px;
}