body {background:url(../images/bg.jpg) repeat-x top #e9e9e9; margin:0; font-family:Arial}
.fltrt{ float:right}
h1, h2, h3, h4, h5, h6, ul, li  {margin:0; padding:0}
h1 {color:#333; font-size:34px; margin:15px; font-family:"Century Gothic"}
h4 {color:#333; font-size:20px; margin:15px; font-family:"Century Gothic"}
h6 {color:#248dd1; font-weight:lighter; font-size:14px}
a {color:#248dd1; font-weight:lighter; font-size:13px}
.clear {clear:both; background:#FFF}
img {border:none;}
center {color:#09C; font-size:12px; clear:both; padding-top:10px}
#wrapper {width:99%;}

#container {width:940px; margin:auto;  border:1px solid #ececec; }

#banner { height:178px; position:relative;   }
#banner .logo {position:absolute}
#banner .bnrimg {
	position:absolute;
	right:0px;
	bottom:0px;
}
#banner .bnrbg {
	position:absolute;
	left:0px;
	bottom:0px;
}

ul.thepet li {
	
	height:15px;
	left: 0px;width: 159px;
	
	width: 151px; background:#007bde;  list-style:none; display:block; position:relative;
}ul.thepet li a{
	color:#FFF;width: 159px;
}
#content { padding:5px 15px 10px 15px; background:#FFF}
#lt { float:left ; width:228px}
#privatetemp {margin:0; padding:0; font-family:Georgia; color:#5e5e5e; }
#privatetemp strong {font-size:16px}
#category { background:url(../images/category-bg.jpg) no-repeat top left; width:229px; height:338px; float:left; padding:10px 0 6px 0}
#privatetemp ul {list-style:inside; font-size:13px}
#mainctnt {background:#FFF; width:651px; float:left; padding-left:16px; position:relative; z-index:0}
#mainctnt p { clear:both}
.box { padding:4px; font-size:13px; margin:20px 20px 0 20px; clear:both }
.box li {float:left; width:137px; font-weight:bold; text-align:center; list-style:none; margin:0 5px}
.box li a {color:#FFF; font-weight:bold; padding:7px 7px 9px 7px; display:block;background:url(../images/ncr-sb-link-bg.jpg) no-repeat top left ;  text-decoration:none }
.box li a:hover, .box li a.active { text-decoration:underline;background:url(../images/ncr-sb-link-bghover.jpg) no-repeat top left ;  }


.leaftletbox { padding:4px; font-size:13px; margin:10px 30px 0 30px; clear:both }
.leaftletbox li {float:left; width:182px; font-weight:bold; text-align:center; list-style:none; margin:0 5px}
.leaftletbox li a {color:#FFF; font-weight:bold; padding:7px 0px 9px 0px; display:block;background:url(../images/leaflet-sublink-bg.jpg) no-repeat top left ;  text-decoration:none }
.leaftletbox li a:hover, .leaftletbox li a.active { text-decoration:underline;background:url(../images/leaflet-sublink-bghover.jpg) no-repeat top left ;  }

.bizcardbox { padding:4px; font-size:13px; margin:20px 30px 0 30px; clear:both }
.bizcardbox li {float:left; width:182px; font-weight:bold; text-align:center; list-style:none; margin:0 5px}
.bizcardbox li a {color:#FFF; font-weight:bold; padding:7px 0px 9px 0px; display:block;background:url(../images/bizcard-sbpage-link-bg.jpg) no-repeat top left ;  text-decoration:none }
.bizcardbox li a:hover, .bizcardbox li a.active { text-decoration:underline;background:url(../images/bizcard-sbpage-link-bghover.jpg) no-repeat top left ;  }
iframe {margin-bottom:10px}
.posterbox { padding:4px; font-size:13px; margin:20px 30px 0 30px; clear:both }
.posterbox li {float:left; width:182px; font-weight:bold; text-align:center; list-style:none; margin:0 5px}
.posterbox li a {color:#FFF; font-weight:bold; padding:7px 0px 9px 0px; display:block;background:url(../images/poster-sb-link-bg.jpg) no-repeat top left ;  text-decoration:none }
.posterbox li a:hover, .posterbox li a.active { text-decoration:underline;background:url(../images/poster-sb-link-bghover.jpg) no-repeat top left ;  }

#mainctnt .map {
	position:absolute;
	left: 129px;
	top: 187px;
}
ul.flyer {width:625px; position:relative; margin:auto; padding:0 }
ul.flyer li {float:left; width:103px; background:#6ab4e8; margin:2px; list-style:none; padding:7px 4px; font-size:18px; color:#FFF; text-align:center; font-weight:bold }
ul.flyer li.alt { background:#589acb; }
ul.flyer li.e {background:#FFF}
ul.flyer li.m {background:#246dc3}

ul.letter {width:625px; position:relative; margin:auto; padding:0  }
ul.letter li {float:left; width:103px; background:#039; margin:2px; list-style:none; padding:7px 4px; font-size:18px; color:#FFF; text-align:center; font-weight:bold }
ul.letter li.alt { background:#06C; }
ul.letter li.e {background:#FFF}

ul.biz {width:580px; position:relative; margin:auto; padding:0 ; clear:both  }
ul.biz li {float:left; width:103px; background:#F93; margin:2px; list-style:none; padding:7px 4px; font-size:18px; color:#FFF; text-align:center; font-weight:bold }
ul.biz li.alt { background:#F96; }
ul.biz li.e {background:#FFF}
ul.biz li.m {background:#cf5700}

ul.bizd {width:450px; position:relative; margin:auto; padding:0; clear:both   }
ul.bizd li {float:left; width:203px; background:#F93; margin:2px; list-style:none; padding:7px 4px; font-size:18px; color:#FFF; text-align:center; font-weight:bold }
ul.bizd li.alt { background:#F96; }
ul.bizd li.e {background:#FFF}
ul.bizd li.m {background:#cf5700}


ul.brochure {width:625px; position:relative; margin:auto; padding:0 ; clear:both  }
ul.brochure li.grey { color:#000; background:#FFF} 
ul.brochure li {float:left; width:68px; background:#898700; margin:2px; list-style:none; padding:7px 2px; font-size:18px; color:#FFF; text-align:center; color:#FFF; font-weight:bold }
ul.brochure li.alt { background:#adb600; color:#FFF }
ul.brochure li.e {background:#FFF; color:#FFF }


ul.posters {width:595px; position:relative; margin:auto; padding:0 ; clear:both  }
ul.posters li.grey { color:#000; background:#FFF} 
ul.posters li {float:left; width:110px; background:#dcaf73; margin:2px; list-style:none; padding:7px 2px; font-size:18px; color:#FFF; text-align:center; color:#FFF; font-weight:bold }
ul.posters li.alt { background:#e5c392; color:#FFF }
ul.posters li.m{ background:#cc903e; color:#FFF }
ul.posters li.e {background:#FFF; color:#FFF }

ul.leaflet {width:595px; position:relative; margin:auto; padding:0 ; clear:both  }
ul.leaflet li.grey { color:#000; background:#FFF} 
ul.leaflet li {float:left; width:110px; background:#F6C; margin:2px; list-style:none; padding:7px 2px; font-size:18px; color:#FFF; text-align:center; color:#FFF; font-weight:bold }
ul.leaflet li.alt { background:#F9C; color:#FFF }
ul.leaflet li.m{ background:#F6C; color:#FFF }
ul.leaflet li.e {background:#FFF; color:#FFF }


ul.comp  {width:625px; position:relative; margin:auto; padding:0; clear:both   }
ul.comp  li.grey { color:#000; background:#FFF} 
ul.comp  li {float:left; width:110px; background:#F03; margin:2px; list-style:none; padding:7px 2px; font-size:18px; color:#FFF; text-align:center; color:#FFF; font-weight:bold }
ul.comp  li.alt { background:#C66; color:#FFF }
ul.comp  li.m{ background:#C33; color:#FFF }
ul.comp  li.e {background:#FFF; color:#FFF }


ul.ncr {width:475px; position:relative; margin:auto; padding:0 ; clear:both  }
ul.ncr li.grey { color:#000; background:#FFF} 
ul.ncr li {float:left; width:110px; background:#a3d38c; margin:2px; list-style:none; padding:7px 2px; font-size:18px; color:#FFF; text-align:center; color:#FFF; font-weight:bold }
ul.ncr li.alt { background:#14af49; color:#FFF }
ul.ncr li.m{ background:#2d8a3f; color:#FFF }
ul.ncr li.e {background:#FFF; color:#FFF }


ul.env {width:525px; position:relative; margin:auto; padding:0; clear:both   }
ul.env li.grey { color:#000; background:#FFF} 
ul.env li {float:left; width:110px; background:#F90; margin:2px; list-style:none; padding:7px 2px; font-size:18px; color:#FFF; text-align:center; color:#FFF; font-weight:bold }
ul.env li.alt { background:#FCCA03; color:#FFF }
ul.env li.m{ background:#D54500; color:#FFF }
ul.env li.e {background:#FFF; color:#FFF }


#mainctnt form {}

#mainctnt form  input{
	border:#CCC 1px solid;
	padding:6px 0 2px 2px; width:190px}
	#mainctnt form  select { width:190px}
#mainctnt form  input.check {border:#FFF 1px solid; width:15px}
#mainctnt form  textarea{ border:#CCC 1px solid; width:190px}
#mainctnt form .btn {width:103px; height:26px; border:#FFF;padding:0}
p {font-size:13px; color:#4c4b4b; text-align:justify; line-height:1.5em ; padding-left:10px}
b {color:#248dd1; font-weight:lighter}
#sliderpanel {background: url(../images/scroll-bg.jpg) repeat-x top left; height:235px; position:relative}
#sliderpanel .lt {float:left}
#sliderpanel .rt {float:right}
#sliderpanel .mid {float:left; height:235px; overflow:hidden}
#sliderpanel  .a {  margin-top:7px; cursor:pointer}
#sliderpanel form.fd {	display:none;
	position: absolute;
	z-index: 1000;
	width: 280px;
	background-color: #FFF;
	list-style: none;
	top:-2px;
	left: 595px;
	padding: 2px 16px;
	color:#333;
	height: 350px;
	border:2px solid #e3e0e0;
	font-size:14px
}
#sliderpanel form.fd input {border:1px #e9e9e9 solid; width:190px; padding:3px}
#sliderpanel form.fd textarea {border:1px #e9e9e9 solid; width:240px}\
#sliderpanel  form.fd   input.btnfd {width:103px; height:26px; border:none}
#sliderpanel  .a:hover form {display:block}
#sliderpanel  form.fd  .diva {padding-top:10px; }
#slider_bt2 {
		color:#000; position:relative; height:186px; display:block; width:870px;  margin:0px 0px; font-size:12px; top:0px; left:5px
		  
}

#slider_holder2 {width:870px;position:absolute}

.stepcarousel2{
position: relative; left:0px; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 870px; /*Width of Carousel Viewer itself*/
height:186px; /*Height should enough to fit largest content's height*/

}


.stepcarousel2 .featurebelt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0px;
}

.stepcarousel2 .featurepanel{
	height:180px;
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width:210px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	margin:0px; line-height:1.5em; top:0; border-right:#b3bcc1 1px dotted; padding:4px; text-align:center
}

.stepcarousel2 .featurepanel p {font-style:italic; margin:10px 8px}
.stepcarousel2 .featurepanel span {color:#999}

/*end slider */	
a.sample_attach, a.sample_attach:visited, div.sample_attach
{
  display: block;
  width:   100px;

  border:  1px solid black;
  padding: 2px 5px;

  background: #FFFFEE;

  text-decoration: none;
  font-family: Verdana, Sans-Sherif;
  font-weight: 900;
  font-size: 1.0em;
  color:   #008000;
}

a.sample_attach, a.sample_attach:visited { border-bottom: none; }
div#sample_attach_menu_child             { border-bottom: 1px solid black; }

form.sample_attach
{
	position: absolute;
	visibility: hidden;
	border:  1px solid black;
	padding: 0px 5px 2px 5px;
	left:400px;
	top: -500px;
	width:200px;
	height:250px;
	z-index:1000;
	background:#FFF
}

form.sample_attach b
{
  font-family: Verdana, Sans-Sherif;
  font-weight: 900;
  font-size: 1.1em;
}

input.sample_attach { margin: 1px 0px; width: 170px; }


#btmbox {background:#f2f7fb; border:#bdd8e9 1px solid; margin:10px 0 10px 0; padding:10px}
#btmbox td{
height:60px;
}


#footer {background:#177cc0; height:100px; padding:10px; font-size:13px;  position:relative; top:-10px; line-height:30px;}
#footer  span {margin:20px 0 0 0; position:relative; float:left; color:#FFF ; height:50px ;}
#footer  span a {color:#FFF; text-decoration:none; padding:0px 5px;}
.mmm {margin:0 50px 0 25px}
#footer  span img {
margin-left: 12px;
}


.chromestyle{
width: 100%; margin:0; padding:0; height:75px

}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 

height: 0; 
clear: both; 
visibility: hidden;
}

  
.chromestyle ul{

list-style:none; background:url(../images/btn-bg.jpg) repeat-x top #FFF; height:75px; margin:0; padding:0
}
.chromestyle ul li.lt { margin-left:0px; position:relative; padding:0; float:left; width:34px; left:-13px}
.chromestyle ul li.rt { margin-right:-12px; float:right; position:relative; padding:0; width:34px}
.chromestyle ul li{
 padding:0; margin:0; width:auto; float:left; 
}

.chromestyle ul li a{
padding:0; width:auto; margin:0
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
/*THEME CHANGE HERE*/ text-decoration:none; width:auto
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top:0;
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
	background-color: #007bde;
	width: 200px;
	visibility: hidden;
	left:5px
}
.dropmenudiv ul {list-style:none; margin:0; padding:10px}
.dropmenudiv li {list-style:none; display:block; padding:2px 0; margin:0}
 
.dropmenudiv a{
background-color: #007bde;  list-style: none; top:50px; left: 0px; padding: 2px; color:#FFF; text-decoration:none; display:block
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%; text-decoration:none
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/ background:#09C

}