/* structural styles ... */

* {
padding: 0;
margin: 0;
}

body {
text-align: center;
margin: 0px;
padding: 0px;
background: #222222 url('/img/ll_bg.png');
background-position: center;
background-repeat: repeat-y;
font: 12px/18px Helvetica, Arial, sans-serif;
color: #333;

}
img {
border: none;
}

ins {
text-decoration: none;
}

/*  ... structural styles */



/* default site text ... */


p, ul, ol, h1, h2 {
margin-bottom: 18px;
}

h1 {
color: #666666;
font: normal 24px/36px Helvetica, Arial, sans-serif;
margin-bottom: 6px;
}

h1.catHead {
color: #666666;
font: normal 24px/36px Helvetica, Arial, sans-serif;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 10px solid #DDDDDD;

}

h2 {
color: #364551;
font: normal 18px/24px Helvetica, Arial, sans-serif;
margin-bottom: 6px;
}

h3 {
color: #364551;
font: bold 12px/18px Helvetica, Arial, sans-serif;
}


ul {
position: relative;
z-index: 0;
padding-left: 12px;
margin-left: 0px;
}

ol {
padding-left: 24px;
margin-left: 36px;
}

li {
margin-left: 8px;
padding: 0px;
}

a {
color: #BA9;
text-decoration:underline;
}

a.completed {
color: #E4D7B6;
text-decoration:none;
}

a:hover {
color: #999;
text-decoration:none;
}

a.white:hover {
color: #FFF;
text-decoration: none;
}

label {
display: block;
}



/* ... default site text */



/* form element styles ... */

.addform input, .addform select.fullwidth, .addform textarea {
width: 400px;
}

.addform label {
margin-top: 6px;
}

.halfpage input, .halfpage select.fullwidth, .halfpage textarea {
width: 300px;
}

.addform label {
margin-bottom: 0;
}

.addform .chckbx {
width: 20px;
}

.addform .datetime {
width: auto;
}

.addform .savebtn {
margin-top: 6px;
}

.formselect {
border-width: thin;
border-style: inset;
border-color: rgb(102,0,0);
background: rgb(240,240,240);
}

.mini {
font-size: 12px;
width: 79px; 
height: 20px; 
}

.redbtn {
background: rgb(153,0,0);
color: #FFF;
border-color: rgb(153,0,0);
border-width: thin;
height:20px;
font-size: 10px;
text-align: right;
padding: 0px 5px;
cursor: pointer;
_cursor: hand;
}

optgroup {
font-weight: bold;
text-decoration: none;
font-style: normal;
}

optgroup option {
}

/* form element styles ... */
/* Search Form */
div.heading{
margin-top:10px;
}
div.heading h1{
display:inline;
float:left;
}
div.heading .formSearch{
display:inline;
float:left;
padding-top:5px;
margin-right:10px;
width:500px;
margin-bottom:10px;
}
div.searchForm .input{

}
.searchInput{
width:200px;
float:left;
border:1px solid #CCC;
display:inline;
}
div.searchForm div.submit{
margin-left:4px;
float:left;
}
input[type=submit], .btn {
text-decoration: none;
color: #666;
font: normal 12px/24px Helvetica, Arial, sans-serif;
height: 24px;
background-color: #CCC;
text-align: center;
width: 100px;
cursor: pointer;
margin-top: 20px;
}

div.searchForm input[type=submit], div.searchForm a.btn{
display:inline-block;
float:left;
width: 50px;
height:20px;
margin:0;
font-size:12px;
background-color: #999999;
margin-right:2px;
border: none;
color:#FFF;
line-height:20px;
}
.searchForm .btn:hover,.searchForm input:hover[type=submit]{
background-color: #CC0000;
}
img, div { behavior: url(/css/iepngfix.htc) }
.faq_box {

}

.intro_content {
width:390px;
}



ul.services_list li {
margin-bottom: 30px;
/*text-transform: lowercase;*/
}


div#prcheckerdiv {
position: relative;
width: 50%;
padding: 10px 0;
clear: both;
float: none;
text-align: left;
}

div#shop_window {
position: relative;
width: auto;
clear: right;
text-align: center;
}

div#shop_window span.category {
position: relative;
display: inline;
display: -moz-inline-box;
_display: inline-block;
padding: 0;
margin: 2px;
text-align: center;

border:0px solid #999;
float: left;
width: 122px;
height: 120px;
}

div#shop_window span.category a {
position: relative;
display: block;
clear: both;
height: 106px;
border: 1px solid #CCC;
}

div#shop_window span.category a:hover {
background-color: #600;
}





div#link_window {
position: relative;
width: auto;
clear: right;
text-align: center;
}

div#link_window ins.category {
position: relative;
border: 1px solid #CCC;
_display: inline-block;
padding: 0;
margin: 2px;
text-align: left;
float: left;
width: 240px;
height: 250px;
text-decoration: none;
}

div#link_window ins.category a {
position: relative;
display: block;
clear: both;
height: 250px;
width: 230px;
text-decoration: none;
}

div#link_window ins.category h2 {
color: #600;
margin: 6px;
}

div#link_window ins.category h2 a {
height: auto;
width: auto;
color: #600;
}

div#link_window ins.category p {
margin: 6px;
}

div#link_window ins.category p a {
height: auto;
width: auto;
}

div#link_window ins.category:hover, div#link_window span.category:hover a {
background-color: #600;
color: #FFF;
}

div#link_window ins.category:hover h2 a, div#link_window ins.category:hover a {
color: #FFF;
}

div#link_window ins.category a:hover {
background-color: #600;
color: #FFF;
}

div#link_window ins.category a:hover h2 {
color: #FFF;
}






div.project_summary p {
font-size: 11px;
line-height: 16px;
}

div.project_summary p.portfolio_products {
font-size: 10px;
line-height: 14px;
width: 95%;
}

div.project_summary p.portfolio_products a {
text-decoration: none;
color: #888;
}

div.project_summary p.portfolio_products a:hover {
color: #900;
text-decoration: underline;
}



div.boxfronttop h1 {

}
div.boxbacktop h1 {

}

h1 {
font-family: Helvetica, Arial, sans-serif;
font-size:24px;
line-height:30px;
color:#666;
margin: 0;
padding: 0;
/* text-transform: lowercase; */
text-align: left;
border: none;
}

h1#headline {
padding-bottom: 6px;
margin-bottom: 12px;
border-bottom: dotted thin #999;
}




h2, .subhead {
font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#666;
	font-weight: bold;
	margin: 6px 0 0 0;
	padding: 0;
	letter-spacing: 0px;
/* 	text-transform: lowercase; */
}
h3 {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
color: #666;
font-size:12px;
margin: 4px 0;
}
h4 {
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
line-height: 13px;
margin: 4px 0;
color:#666;
}
h5 {
font-family: Helvetica, Arial, sans-serif;
font-size:10px;
line-height: 12px;
margin: 4px 0;
font-weight: normal;
color: #900;
}
h6 {
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
}



ul.large_list {
}
ul.large_list li {
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #900;
font-size:12px;
margin: 4px 0;
	}



.projcatspos {
position: relative;
top: -2px;
left: -5px;
}

.tab {
padding: 2px;
background: #B2BA99;
}

.altrow1 {
padding: 2px;
background: #B2BA99;
color: #300;
}

.altrow2 {
padding: 2px;
background: #929A69;
color: #300;
}

.altrow1 h2, .altrow2 h2 {
font-size: 16px;
line-height: 150%;
margin: 0;
padding: 0;
color: #FFF;
}

table, td, tr, th {

padding: 0;
margin:0;

}

.portbit {
}
.portbit p {
margin-left: 10px;
margin-right: 10px;
}

.resultcell {
padding:3px;
}
.titleimg {
margin-top: 10px;
}
.max_img_left {
margin: 6px 20px 20px 0px;
}
.min_img_left {
margin: 10px 5px 5px 0px;
}
.max_img_right {
margin: 6px 0px 20px 20px;
}
.min_img_right {
margin: 10px 0px 5px 5px;
}
.fullwidth {
border-left-width:1px;
}
.nopad {
padding: 0px;
}
.lightpad {
padding:2px;
}
.fullborder {
border: 1px solid #999999;
}
.notop {
border-top-width: 0px;
}
.nobase {
border-bottom-width: 0px;
}
.noright {
border-right-width: 0px;
}
.noleft {
border-left-width: 0px;
}
.noborder {
border: 0px solid #999999;
}
.top {
border-top-width: 1px;
}
.base {
border-bottom-width: 1px;
}
.right {
text-align: right;
}
.left {
text-align: left;
}
.allround {
border-width: 1px;
}
.light {
border-color: #CCCCCC;
}
.divider {
background-color: #999;
width:1px;
padding:0px;
}
.nopadding {
padding: 0px;
}
.contentpanel {
padding: 0;
}
.paneltop {
padding-top: 0px;
}
.titlebox {
padding: 0px;
}
.introbox {
padding: 0px;
}

.error {
color: white;
background-color: #990000;
padding: 6px 12px;
}
.error h2{
color:#FFF;
}
.error #foundCategories{
background-color:#444;
}
.error #foundCategories ul li{
border:0;
}
.white {
color: white;
}
.main {
color: #333366;
}
input {
font-size:12px;
line-height: 18px;
height: 18px;
color: #333333;
}
.formfield {
border:1px solid #999999;
font-family: Verdana, sans-serif;
font-size: 10px;
color: #330000;
height:18px;
}
.formselect {
border:1px solid #999999;
font: 10px Verdana, Arial, sans-serif;
color: #330000;
height:18px;
}

.btn {
color: white;
text-align: center;
cursor: pointer;
}

.large {
height: 50px;
width: 250px;
font-size: 18px;
}

.btn:hover {
}


div.button_surround {
position: relative;
float: left;
height: auto;
width: auto;
}

img.prodlistimg {
border: 1px solid #766;
}


.small {
font: 9px arial, helvetica, sans-serif;
padding: 1px 0px;
height: 18px;
}

a.footlink {
font-family: arial, helvetica, sans-serif;
font-size: 9px;
line-height: 10px;
color:#999;
}
.footlinks {
font-family: arial, helvetica, sans-serif;
font-size: 9px;
line-height: 10px;
border: 1px solid #CCC;
padding:4px 10px;
color:#CCC;
}

.footlinks:hover {
color:#600;
}

.footbar {
font-family: arial, helvetica, sans-serif;
color:#999;
font-size: 9px;
line-height: 10px;
text-align:center;
padding:40px 10px 10px 10px;

}
.dark {
color: #333;
}

.mainimg {
margin: 6px 2px 10px 2px;
}
.imgright {
margin: 6px 0px 6px 18px;
}
.imgleft {
margin: 6px 18px 6px 0px;
}


.catpath {
font: 10px Helvetica, Arial, sans-serif;
}
.catdetail {
border: 1px solid #99C;
padding:3px 10px;
height:25px;
background-color: #C00;
}
.orderdetail {
color:#333;
font-size: 9px;
}
.catdetailname {
padding-bottom: 0px;
margin-bottom: 0px;
font-weight:bold;
}
.productdetailbox {
padding:3px 10px;
background-color: #FFF;
}

.prodlist {
font-size:
}

.listbox {
padding:0px;
background-color: #EAE3EA;
}
.productname {
font-size:14px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.manuf_name {
font-size:9px;
}
.specs {
font-size:9px;
}
.rrp {
font-size:12px;
}
.catdetailbody, p {
padding: 0px 10px 4px 0px;
margin: 0px;
}
.outertable {
background-image: url('images/main_bg.gif');
background-repeat: repeat-x;
background-position: 0px 100px;
background-color: #C8D3E0;
}
.resultstable {
background-color: #C8D3E0;
}


a.cat {
font-size: 11px;
color: #FFF;
text-decoration: none;
}

.currentcat {
background-color: #E3C86A;
background-image: url('images/menu_bg.gif');
color: #000;
}

#shopcartbg {
position: absolute;
z-index: 300000;
top: 0;
left: 408px;
height: 18px;
width: 150px;
border: 1px solid #C00;
border-width: 0 0 0 1px;
padding: 0 0 0 4px;
/*background-color: #766;*/
}

a.order_details {
text-decoration: none;
padding: 0 10px;
color: #FFF;
}


strong.cn {
position: absolute;
height: 10px;
width: 10px;
margin: 0;
padding: 0;
line-height: 1px;
font-size: 1px;
}

div.button_surround strong.cn {
height: 5px;
width: 5px;
}

strong.tl {
top: -1px; left: -1px;
}

strong.tr {
top: -1px;
right: -1px;
}

strong.bl {
bottom: -1px;
left: -1px;
}

strong.br {
bottom: -1px;
right: -1px;
}

* html strong.bl { bottom:-2px;}
* html strong.br { bottom:-2px;}

div.button_surround strong.tl {
top: 0; left: 0;
}

div.button_surround strong.tr {
top: 0;
right: 0;
}

div.button_surround strong.bl {
bottom: 0;
left: 0;
}

div.button_surround strong.br {
bottom: 0;
right: 0;
}




strong.lncn {
position: absolute;
height: 10px;
width: 10px;
margin: 0;
padding: 0;
line-height: 1px;
font-size: 1px;
z-index: 200;
}

strong.lntl {
top: -1px; left: -1px;
}

strong.lntr {
top: -1px;
right: -1px;
}

strong.lnbl {
bottom: -1px;
left: -1px;
}

strong.lnbr {
bottom: -1px;
right: -1px;
}

* html strong.lnbl { bottom:-1px;}
* html strong.lnbr { bottom:-1px;}


div.boxicon {
position: absolute;
border: 0px solid #F00;
top: 3px;
right: 3px;
z-index: 11;
background-color: transparent;
background-repeat: no-repeat;
background-position: 95% 5%;
text-align: left;
overflow: visible;

}

div.boxinnercontent {
border: 0px solid #CCC;
}
div.boxinnercontent h2 {
border-bottom: 1px solid #CCC;
margin: 10px 0 10px 0;
}



div.boxstandard {
background-color: transparent;
border: 0px solid #CCC;
}
div.boxstandard div.boxbacktop {
background-color: transparent;
}
.boxstandard {
}
div.boxstandard div.boxfronttop {
}
div.boxstandard div.boxfronttop h1 {
}
div.boxstandard div.boxicon {
width: 188px;
height: 120px;

}



div.boxhome {
background-color: #FFF;
background-image: url('im_max/1_header-grow-pace.jpg');
}
div.boxhome div.boxbacktop {
background-color: transparent;
}
.boxhome {
color: #636;
}
div.boxhome div.boxfronttop {
}
div.boxhome div.boxfronttop h1 {
}
div.boxhome div.boxicon {
width: 188px;
height: 120px;

}



div.boxservices {
background-image: url('im_max/1_services_header.jpg');
}

div.boxwork {
background-image: url('im_max/1_work_header.jpg');
}

div.boxproduct {
background-image: url('im_max/1_product_header.jpg');
}

div.boxphotogallery {
background-image: url('im_max/1_photo_gallery_header.jpg');
}

div.boxnews {
background-image: url('im_max/1_news_header.jpg');
}

div.boxlinks {
background-image: url('im_max/1_links_header.jpg');
}

div.boxcontact {
background-image: url('im_max/1_contact_header.jpg');
}



div.boxolive {
background-color: #300;
border: 0px solid #999;
}
div.boxolive div.boxbacktop {
background: transparent url('images/boxtop-bg-olive.png') 0 -20px;
}
.boxolive {
color: #FFF;
}
div.boxolive div.boxfronttop {
color: #FFF;
}
div.boxolive div.boxfronttop h1, div.boxolive div.boxfronttop h2, div.boxolive div.boxfronttop h3 {

}
div.boxolive div.boxicon {
width: 188px;
height: 120px;
}


div.boxwhitebg {
background-color: #FFF;
}
.boxwhitebg {
color: #333;
}
div.boxwhitebg div.boxfronttop {
color: #333;
}


div.boxburgundybg {
background-color: #300;
}
.boxburgundybg {
color: #FFF;
}
div.boxburgundybg div.boxfronttop {
color: #FFF;
}






div.boxservicelist {
background-color: #FFFFFF;
border: 0px solid #CCC;
background-image: url('../im_max/1_services_mini_header.jpg');
background-repeat: no-repeat;
}
div.boxservicelist div.boxfronttop p {
color: #333;
text-align: right;
}

div.boxservicelist div.boxfronttop h1 {

}

div.boxservicelist.light {
background-color: #FFF;
}

div.boxservicelist div.boxfronttop div.boxinnercontent div.serv_list h2 {
display: block;
text-align: left;
color: #766;
font-weight: bold;
font-size: 14px;
line-height: 17px;
font-family: Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
}

div.boxservicelist div.boxfronttop div.boxinnercontent div.serv_list p{
display: block;
text-align: left;
color: #766;
font-weight: normal;
font-size: 11px;
line-height: 14px;
font-family: Tahoma, sans-serif;
margin: 0 0 4px 0;
padding: 0;
}




div.boxolivebg {
background-color: #B2BD75;
}
.boxolivebg {
color: #333;
}
div.boxolivebg div.boxfronttop {
color: #333;
}

div.boxolivebg.light {
background-color: #E0E8AE;
}


div.boxclear {
background-color: transparent;
border: 0px solid #CCC;
}
div.boxclear div.boxbacktop {
background-color: transparent;
}
div.boxclear h1 {
font-size: 18px;
line-height: 18px;
padding-top: 10px;
}
div.boxclear div.boxbacktop h1 {
}
.boxclear {
}
div.boxclear div.boxfronttop {
}
div.boxclear div.boxfronttop h1 {

}
div.boxclear div.boxfronttop div h1 {

}
div.boxclear div.boxicon {
width: 0;
height: 0;
}






div.linkpage h2, div.linkpage p  {
font-size: 10px;
}


div.boxacer {
background-color: transparent;
background-repeat: no-repeat;
border: 0px solid #CCC;
}
div.boxacer div.boxbacktop {
background-color: transparent;
}
div.boxacer div.boxbacktop h1 {

}
.boxacer {
color: #666;
}
div.boxacer div.boxfronttop {
}
div.boxacer div.boxfronttop h1 {

}
div.boxacer div.boxicon {
width: 50px;
height: 150px;

}


div.boxcontent {
border: 0px solid #CCC;
}
div.boxcontent div.boxbacktop {
background-color: transparent;
background-position: 0 -20px;
background-image: url('images/header_bg.png');
}
div.boxcontent div.boxbacktop h1 {

}
div.boxcontent div.boxfronttop div.boxinnercontent h1 {
}
.boxclear {
color: #666;
}
div.boxcontent div.boxfronttop {
}
div.boxcontent div.boxfronttop h1 {
}
div.boxcontent div.boxicon {
width: 50px;
height: 150px;
}




.submitbtn {
background: transparent;
color: white;
border: none;
height:25px;
text-align: center;
cursor: pointer;
_cursor: hand;
font-weight: bold;
font-size: 10px;
}

@media handheld {
img { display: none; }
p, ul, ol, .prodlist1, td {
font: 9px/14px Helvetica, Arial, sans-serif;
}
}

/*-----------------------Tag Ajax List -------------------------*/
#tag_list{
clear:both;
width: 100%; 
height: 225px; 
border: 1px dotted #CCC; 
margin: 0 5px 5px 0; 
background-color:#EEE;
}
#tag_list .sub_list{
float: left; 
overflow: auto; 
height: 220px; 
width: 150px; 
padding-left:5px;
}

