body {
	font-family: Arial, Helvetica, sans-serif; background-color: #BBD0B6; margin: 0px; padding: 0px;
}
textarea{ font-family: Arial, Helvetica, sans-serif; font-size: 105%; padding: 3px;}
.borderbtm{ border-bottom: 1px solid #666666; padding-top: 10px;}
.actionbutton{ border: 1px solid #999999; float: left; width: 160px; margin: 0px 5px 5px 0px; padding: 5px 10px; background:#F3F9DD}
.actionbutton a{ color:#CC0000;}
a {
	text-decoration: none; color: #FF6600;
}
a:hover {
	color: #33BEFF;
}
#pagewidth {
	width: 950px; text-align: left; margin-left: auto; margin-right: auto; margin-top: 0px; background-color: #FFFFFF;
}
.top {
	width: 910px; margin-left: 20px; padding: 0px 0px 7px 0px; float: left; display: inline;
}
.top #login {
	float: left; font-size: 70%; margin-top: 10px;
}
.top #login a {
	font-weight: bold; text-decoration: none; color: #FF6600;
}
.top #login a:hover {
	color: #33BEFF;
}
.top #left {
	float: left;
}

.credittbHolder{float:left;
}

.top .credittb{
	font-size: 10px; margin-top: 7px;
}
.top .creditspan{
	width: 160px;
	text-align: right;
	padding-right: 30px;
}
.top #flags {
	float: right; margin-top: 7px;
}
.top #flags img {
	margin-left: 7px;
}
.topnav {
	width: 910px; margin-left: 20px; float: left; display: inline;
}
.topnav ul {
	margin: 0px;
}
.topnav ul li {
	float: right; margin-left: 2px; padding: 0px; list-style-type: none;
}
.topnav ul li a {
	background-color: #7DC12C; color: #FFFFFF; font-size: 70%; font-weight: bold; text-decoration: none; display: block; padding: 10px 10px 8px 10px;
}
.topnav ul li a:hover {
	color: #FFFFFF; background-color: #33BEFF; display: block;
}

.logo {
	width: 557px; background: #005E3D url(images/logo.gif) no-repeat top left; margin-left: 20px; float: left; display: inline; padding: 20px 0px 35px 353px; border-top: solid 6px #FEF000;
}
.logo h1 {
	padding: 12px 10px 0px 0px; margin: 0px; font-size: 160%; font-weight: normal; line-height: 110%; text-align: center; color: #FFFFFF;
}
.logo h1 strong {
	color: #FF6600;
}
.logo h1 a, .logo h2 a {
	color: #FFFFFF;
}
.logo h2 {
	padding: 0px 10px 2px 0px; margin: 0px; font-size: 75%; font-weight: normal; line-height: 110%; text-align: center; color: #FFFFFF;
}
.logo h2 strong {
	font-size: 160%; font-weight: normal; line-height: 105%;
}
.logo p {
	width: 154px; float: left; padding: 0px 11px 0px 0px; margin: 10px 11px 0px 0px; border-right: solid 1px #FEF000; font-size: 70%; color: #FFFFFF;
}
.logo p a {
	font-size: 125%; font-weight: bold; text-decoration: none; color: #FF6600;
}
.logo a:hover {
	color: #33BEFF;
}
.logo .last {
	border-right: none;
}


.logo .search{
width:auto;
height:62px
}

.logo .search p, p.search{
background-color:#7DC12C;
padding:10px;
border-left:5px solid yellow;
width:auto;

border-right:0 none;
margin:0 15px 0 0;
}

.logo .search p{
float:right;
}

p.search{
height:29px;
}

.logo .search p label, p.search label{
font-size:14px;
float:left;
padding-top:3px;
font-weight:bold;
color:#FFFFFF;
}

.logo .search p input, p.search input{
border:1px solid #ccc;
margin:0 15px;
float:left;
}

.logo .search p input{
padding:5px;
width:200px;
}

p.search input{
padding:3px 5px;
width:130px;
}

.logo .search p select, p.search select{
margin:0 13px;
float:left;
width:80px;
}

.logo .search br, p.search br{
clear:both;
}


.logo .search button, p.search button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;

    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.logo .search button{
    font-size:100%;
}

p.search span{
float:left;
margin-top:6px;
}

p.search button{
font-size:100%;
}

.logo .search button, p.search button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.logo .search button[type], p.search button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.logo .search button img, p.search button img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}


.logo .search button:hover, p.search button:hover{
    
    border:1px solid yellow;
    color:#7DC12C;
}
.logo .search button:active, p.search button:active{
   
    border:1px solid yellow;
    
}


.search_result{

padding-bottom:15px;
width:184px;
padding:0px 20px 20px 20px;
float:left;
font-size:80%;
height:150px;
}




.search_result img{
border:1px solid #ddd;
margin-bottom:15px;
display:block;
}

.header {
	width: 910px; background-color: #005E3D; margin-left: 20px; float: left; display: inline;
}
.header #navinfo {
	float: left; width: 325px; padding-left: 28px;
}
.header #navinfo p {
	font-size: 75%; font-weight: bold; color: #FFFFFF; margin: 10px 0px 0px 0px; padding: 0px;
}
.header #navinfo ul {
	float: left; width: 141px; padding: 0px; margin: 10px 12px 0px 0px;
}
.header #navinfo ul li {
	width: 137px; background-color: #7DC12C; padding: 0px; margin-bottom: 5px; border-left: solid 4px #FEF000; list-style-type: none;
}
.header #navinfo ul li a {
	color: #FFFFFF; font-size: 75%; font-weight: bold; text-decoration: none; display: block; padding: 4px 5px 4px 5px;
}
.header #navinfo ul li a:hover {
	color: #FFFFFF; background-color: #33BEFF; display: block;
}
.header #lgeimg {
	float: right; width: 557px;
}

.main {
	width: 910px; margin-left: 20px; padding-top: 29px; clear: both; background-repeat: repeat-y; padding-bottom: 100px;
}
.main #nav {
float:left;
	position: relative; width: 197px; margin-bottom: 30px;
}
.main #nav .navtitle {
	font-size: 150%; color: #005E3D; width: 197px; margin: 0px 0px 14px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 1px #7DC12C;
}
.main #nav p {
	font-size: 75%; width: 197px; margin: 0px 0px 8px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 2px #7DC12C;
}
.main #nav p a {
	color: #000000;
}
.main #nav p a:hover {
	color: #3399FF;
}
.main .content {
	float: right; position: relative; width: 672px; margin-left: 0px; padding-top: 0px; padding-bottom: 30px;
}
.main .content h1 {
	font-size: 150%; color: #005E3D; font-weight: normal; margin: 0px 0px 5px 0px; clear: both;
}
.main .content h2 {
	font-size: 115%; color: #005E3D; font-weight: normal; margin: 0px 0px 3px 0px; clear: both;
}
.main .content p {
	font-size: 75%; line-height: 130%; color: #000000; margin: 0px 0px 20px 0px; clear: both;
}
.main .content ul {
	font-size: 75%; line-height: 130%; color: #000000; clear: both;
}
.main .content ul li {
	margin-bottom: 5px;
}
.main .content .break {
	height: 1px; border-bottom: solid 1px #BBD0B6; font-size: 1px; margin-bottom: 20px; padding-bottom: 20px; clear: both;
}
.main .content #mainsec {
	width: 186px; float: left; border-right: solid 1px #BBD0B6; padding-right: 28px; margin: 0px 28px 0px 0px; text-align: center;
}
.main .content #lastsec {
	width: 186px; float: left; text-align: center;
}
.main .content #mainsec p, .main .content #lastsec p {
	font-size: 75%; line-height: 130%; color: #000000; margin: 0px 0px 3px 0px; text-align: left;
}
.main .content #mainsec p a, .main .content #lastsec p a {
	font-size: 135%; font-weight: bold;
}
.main .content #mainsec h4, .main .content #lastsec h4 {
	font-size: 75%; font-weight: bold; line-height: 120%; color: #000000; margin: 3px 0px 0px 0px; text-align: center;
}
.main .content #mainsec img, .main .content #lastsec img {
	/*border: solid 1px #000000;*/
	border: none;
}
/*.main .content #mainsec a:hover img, .main .content #lastsec a:hover img {
	border: solid 1px #33BEFF;
}*/
.main .content a #corners {
	position: absolute; z-index: 10; width: 179px; height: 96px; margin: 10px 0px 0px 3px; background: url(images/corners-out.gif) no-repeat left top; cursor: pointer;
	/* IE6 BUG FIXES */
	_margin: 10px 0px 0px 0px;
	
	/* [if IE 7] */
	margin: 10px 0px 0px 0px;
	
	/* [endif] */
}
.main .content a:hover #corners {
	position: absolute; z-index: 10; width: 179px; height: 96px; margin: 10px 0px 0px 3px; background: url(images/corners-over.gif) no-repeat left top; cursor: pointer;
	/* IE6 BUG FIXES */
	_margin: 10px 0px 0px 0px;
	
	/* [if IE 7] */
	margin: 10px 0px 0px 0px;
	
	/* [endif] */
}
.main .content a #corners img {
	border: none;
}

.main .content .worldvision {
	padding: 10px; border: solid 1px #FF7B21;
}
.main .content .worldvision img {
	margin-right: 15px;
}

.main .content .testimonial {
	padding: 12px 12px 0px 12px; border: solid 2px #BBD0B6; margin: 10px 0px 20px 0px;
}
.main .content .testimonial2 {
	padding: 12px 12px 0px 12px; border: solid 2px #B7E086; margin: 10px 0px 20px 0px;
}

#footer {
	width: 950px; margin-left: auto; margin-right: auto; background-color: #FFFFFF;
}
#footer .reg {
	font-size: 70%; width: 910px; margin-left: 20px; padding: 10px 0px 10px 0px; text-align: center; color: #000000; border-top: solid 3px #FEF000;
}
#footer .reg a {
	text-decoration: none; color: #FF6600; font-weight: bold;
}
#footer .reg a:hover {
	color: #33BEFF;
}





 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
#wrapper:after {
	content: "."; display: block; height: 0px; clear: both; visibility: hidden;
}
#wrapper {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html #wrapper {
	height: 1%;
}
#wrapper {
	display: block;
}
/* End hide from IE-mac */


.breadcrumb {
	width: 910px; margin-left: 20px; padding-top: 10px; clear: both; font-size: 85%; font-weight: normal;
}

.main .content #lgeprod {
	width: 299px; float: left; margin: 20px 0px 30px 0px;
}
.main .content #lgeprod img {
	border: solid 1px #000000; margin-bottom: 25px;
}
.main .content #prodinfo {
	width: 343px; float: right; margin-top: 0px; padding-top: 16px;
}
.main .content .option {
	float: left; width: 280px; font-size: 75%; margin-right: 20px;
}
.main .content .option img {
	border: solid 1px #000000; margin: 4px 10px 10px 0px;
}
.main .content .order {
	margin: 4px 0px 30px 0px;
}
.main .content .order h2 {
	background-color: #F3F9DD; padding: 6px 10px 6px 10px; margin-top: 4px;
}
.main .content .order h3 {
	border-bottom: solid 1px #BBD0B6; margin: 10px 0px 6px 0px; padding: 0px 0px 4px 0px; font-size: 75%; font-weight: bold;
}
.main .content .order h4 {
	background-color: #F3F9DD; padding: 6px 10px 6px 10px; margin-top: 16px; font-size: 75%; font-weight: normal; color: #000000;
}
.main .content .order p {
	border-bottom: dashed 1px #BBD0B6; margin: 0px 0px 6px 0px; padding: 0px 0px 6px 0px;
}
.main .content .order .qty {
	border-bottom: dashed 1px #BBD0B6; margin: 0px 0px 6px 0px; padding: 0px 0px 6px 0px;
}
.main .content .order .qty p {
	border-bottom: none; margin: 0px; padding: 0px;
}
.main .content .order .stockavailable {
	color: #005e3c; font-size: 70%; text-align: right;
}
.main .content .order input {
	margin: 0px 10px 0px 10px;
}

.main .content .optiontop {
	clear: both; margin-top: 15px;
}
.main .content #optionlft {
	float: left; width: 130px;
}
.main .content #optionrgt {
	float: right; width: 542px;
}

.main .content .promo {
	clear: both; padding-top: 30px; padding-bottom: 5px;
}

/* REGISTER FORM STYLES ---------------------------------------------------------------- */

.account {
	border: solid 1px #BBD0B6; padding: 20px 20px 0px 20px;
}
.account h3 {
	font-size: 100%; color: #005E3D; font-weight: bold; margin: 15px 0px 3px 0px; clear: both;
}
.acctxt {
 	font-size: 75%; margin-top: 10px;
}
.account input, .account select {
 	margin-top: 3px;
}
.account .left {
	float: left; width: 330px; font-size: 75%; margin-top: 10px;
}
.account .right {
	float: right; width: 300px; font-size: 75%; margin-top: 10px;
}

/* MARKETING FLYER FORM STYLES --------------------------------------------------------- */

.marketing fieldset {
	width: 630px; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; padding: 0px 20px 10px 20px; margin-bottom: 10px; border: solid 1px #BBD0B6; clear: both;
}
.marketing legend {
	border: solid 1px #BBD0B6; background-color: #FFFFFF; padding: 2px 7px 2px 7px; margin: 10px 0px 10px 0px; font-weight: bold; font-size: 130%; color: #005E3D;
}
.marketing fieldset .fieldscol {
	float: left; width: 135px; margin-right: 30px;
}
.marketing fieldset .fieldscol2 {
	float: left; width: 300px; margin-right: 30px;
}
.marketing fieldset .fieldslast {
	float: left; width: 135px;
}
.marketing fieldset .fieldslast2 {
	float: left; width: 300px;
}
.marketing fieldset .fieldscol input, fieldset .fieldslast input {
	width: 133px; margin: 2px 0px 5px 0px; font-size: 100%;
}
.marketing .fieldscol2 textarea, .marketing .fieldscol2 select, .marketing .fieldslast2 select {
	width: 298px; margin: 2px 0px 5px 0px; font-size: 100%;
}

/* REGISTER FORM STYLES ---------------------------------------------------------------- */

#registerForm{ padding: 5px;}
#registerForm .image{ padding: 5px 17px 5px 11px;  text-align: right}
#registerForm .left{ float: left; width: 265px;}
#registerForm .right{ float: left; width: 255px;}
#registerForm input.text, textarea, select{ border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url(//images/fieldbg.gif) repeat-x top;}
#registerForm label{ display: block; font-weight: bold; margin-bottom: 3px;}
#registerForm label .credit{ font-weight: bold; margin-bottom: 3px;}
#registerForm .formtop{ display: block; font-weight: normal; font-size: 80%; margin-top: 5px; margin-bottom: 0px;}
#registerForm div label{ display: block; font-weight: normal; margin-bottom: 9px;}
#registerForm li{ list-style: none; margin-left: 0px; padding-left: 0px; padding: 10px;}
#registerForm ul{ list-style: none; margin-left: 0px; padding-left: 0px}
.focused{background:#FFF7C0}

.ACquotes{ height:82px; width: 117px; background-image:url(images/boxQuotes.gif); background-repeat: no-repeat; position: absolute; top:-16px; margin-left: 350px;}
.ACquotes p{ color:#ecf4cf; margin: 3px 0px 0px 3px; padding:0px; font-weight: bold;}

.ACorders{ height:82px; width: 100px; background-image:url(images/boxOrders.gif); background-repeat: no-repeat; position: absolute; top:-16px; margin-left: 467px;}
.ACorders p{ color:#ecf4cf; margin: 3px 0px 0px 3px; padding:0px; font-weight: bold;}

.ACenquiries{ height:82px; width: 100px; background-image:url(images/boxOrders.gif); background-repeat: no-repeat; position: absolute; top:-16px; left: 250px;}
.ACenquiries p{ color:#ecf4cf; margin: 3px 0px 0px 3px; padding:0px; font-weight: bold;}

.ACenquirieshome{ height:82px; width: 100px; background-image:url(images/boxOrders.gif); background-repeat: no-repeat; position: absolute; top:-16px; left: 330px;}
.ACenquirieshome p{ color:#ecf4cf; margin: 3px 0px 0px 3px; padding:0px; font-weight: bold;}

.ACleft{ float: left; width: 280px; margin-right: 10px;}
.ACright{ float: left; width: 280px;}

/* OPTIONS ORDER STYLEs ---------------------------------------------------------------- */

.update{ position: absolute; margin-top: 0px; font-size: 80%; margin-top: 28px; margin-left: 70px;}

#qtyTable{ width: 100%; border:0px solid #cccccc; font-size: 100%;}
#qtyTable th{ background-color:#f3f9dd; padding: 2px; white-space: nowrap;}
#qtyTable td{ padding: 2px;}
#qtyTable td .submit{ font-size: 90%;}

.optionsTable{ width: 381px; border: 0px solid #cccccc;}
.optionsTable td{ font-size: 85%; padding: 5px;}
.optionsTable .normal { background-color: #FFFFFF;}
.optionsTable .selected { background-color: #ebf2ef;}	

#orderTable{ width: 100%; border:0px solid #cccccc; font-size: 75%;}
#orderTable th{background-color:#f3f9dd; padding: 4px; white-space: nowrap;}
#orderTable .totaltr{ background-color:#f3f9dd; padding: 5px;}
#orderTable .seperatortr{ background-color: #eeeeee; height: 1px; padding: 0px;}
#orderTable .pseperatortr{ border-bottom: 3px solid #FCE9DA;}
#orderTable .processtr{border-bottom: 1px solid #999999;}
#orderTable td{padding: 3px;}
#orderTable td p { font-size: 100%;}

.infodiv {background-color: #ebf2ef; border: 1px solid #ebf2ef; padding: 5px 5px 5px 25px; font-size: 90%; font-weight: bold; background-image: url('/images/lightbulb.gif'); background-repeat: no-repeat; background-position: top left; text-align: justify;}

#preparationTable{width: 100%; font-size: 70%; border:0; font-size: 70%; border:0px solid #cccccc;}
#preparationTable th{ background-color:#f3f9dd; padding: 5px; white-space: nowrap; font-weight: bold;}
#preparationTable td{ padding: 5px; border-bottom: 1px solid #FCE9DA;}
#preparationTable p{ font-size: 100%; margin-top: 0px; margin-bottom: 10px; }

#inputTable{ width: 100%; border:0; font-size: 70%;	border:0px solid #cccccc;}
#inputTable th{background-color:#f3f9dd; padding: 4px; white-space: nowrap;}
#inputTable .label { font-weight: bold; width: 30%; border-bottom: 0px solid #FCE9DA; padding: 4px;}
#inputTable .data { border-bottom: 0px solid #FCE9DA;padding: 4px;}
#inputTable .submit {text-align: right; padding: 4px;}
#inputTable .data .input { width: 67%;}
#inputTable .data .input2 { width: 67%;}
#inputTable .data .textarea {width: 100%;font-size: 120%; font-family: arial;}
#inputTable .header { padding: 5px; font-weight: bold; font-size: 120%; background-color:#ebf2ef }

#orderprogress {text-align: right; position: absolute; top: 247px; margin-left: 260px;}

#newsletter{border-top: 0px solid #999999;  width: 170px; margin-top: 6px; background-color: #fffeca; margin-left: 0px;}
#newsletter .clear{font-size: 50%;}
#newsletter .button{background-color: #999999; color:#FFFFFF; font-size: 70%; font-weight: bold; border: 1px solid #999999;}

#statusDiv{ border:1px dashed #cccccc; height:20px; text-align: center; font-size: 80%; font-weight: bold; color:#CC0000;}

/* MAIN CONTENT STYLE ---------------------------------------------------------------- */

#mainSection{ margin-left: 5px; padding-right: 14px; padding-top: 13.4em; width: 583px; float: right;}

#map{ border: 1px solid #333333; text-align: center; clear: both;}

.productPageBottom {text-align: left; margin-top: 0px;}
.productOptionsDiv { width: 100%; font-size: 75%; margin-bottom: 0px;}
.productOptionsMainDiv { width: 100%; height: 100px; }
.productOptionsLeft { float: left; width: 230px;}
.productOptionsRight { float: left; width: 220px;}

.clear{clear: both; font-size:1px;}
.clear.large{font-size: 10px;}
legend{ font-size: 100%; color:#000000; margin-left: 10px; color:#005e3c}
fieldset{ border: 1px solid #cccccc}
.saveQuote{ padding: 5px; }
.add_info { width: 95%; height: 100px; }
.helpMessage {background-color: #EBF3F0; border: 1px solid #7CAC9B; padding: 5px; margin-top: 0px; margin-bottom: 10px;}
.alertMessage { margin-top: -3px; color:#cc0000; padding: 1px 1px 3px 30px; background-image: url(/images/alert.gif); background-repeat: no-repeat; background-position: top left; }

#homePageProducts{ width: 188px; float: left; padding-right: 6px;}
#homePageProducts .logo{ position: absolute; margin: -10px 0px 0px 3px; padding:0px;}
#homePageProducts .blue{ color:#003399}
#homePageProducts .metal{ color:#666666}
#homePageProducts .pink{ color:#FF3399}

#animatedColumn{ width: 190px; float: left;}
#animatedColumn img{ border: 0px;}
#animatedColumn h2{ font-size: 75%; color:#006666}
#animatedColumn h2 span{ font-size: 160%; color:#006666; font-weight: normal;}
#animatedColumn p.view{ margin-top: -40px; padding-top: 0px; text-align: right; font-weight: bold;}
#animatedColumn p{ color:#666666 }
#animatedColumn ul{ font-size: 65%; color:#666666 }

#animatedHolder{ height:490px; background-image:url(/images/guideBG.jpg); background-repeat:no-repeat;}

/* NEW PRODUCT SECTION ------------------------------------------------------------------------- */

.products-listing-out{ background: #ffffff url(/images/product-list-bg.jpg) repeat-x bottom left; width: 185px; float: left; margin-left: 6px; border-top: 2px solid #cccccc; border-bottom: 2px solid #FFFF00;}
.products-listing-out h2{ font-size: 70%; height: 25px; font-weight: normal; padding: 8px 3px 9px 3px; text-align:center}
.products-listing-out a{ color:#666666;}
.products-listing-out img { margin-left: 3px; margin-bottom: 3px; margin-top: 1px; border: 1px solid #cccccc}

.products-listing-over{ background: #ffffff url(/images/product-list-bg.jpg) repeat-x bottom left; width: 185px; float: left; margin-left: 6px; border-top: 2px solid #FFFF00; border-bottom: 2px solid #FFFF00;}
.products-listing-over h2{ font-size: 70%; height: 25px; font-weight: normal; padding: 8px 3px 9px 3px; text-align:center}
.products-listing-over a{ color:#005e3c; }
.products-listing-over img { margin-left: 2px; margin-bottom: 2px; border: 2px solid #005e3c}

.products-listing-out-home{ background: #ffffff url(/images/product-list-bg.jpg) repeat-x bottom left; width: 136px; float: left; margin-left: 7px; border-top: 2px solid #cccccc; border-bottom: 2px solid #FFFF00;}
.products-listing-out-home h2{ font-size: 70%; height: 25px; font-weight: normal; padding: 8px 3px 9px 3px; text-align:center}
.products-listing-out-home a{ color:#666666;}
.products-listing-out-home img { margin-left: 3px; margin-bottom: 3px; margin-top: 1px; border: 1px solid #cccccc}

.products-listing-over-home{ background: #ffffff url(/images/product-list-bg.jpg) repeat-x bottom left; width: 136px; float: left; margin-left: 7px; border-top: 2px solid #FFFF00; border-bottom: 2px solid #FFFF00;}
.products-listing-over-home h2{ font-size: 70%; height: 25px; font-weight: normal; padding: 8px 3px 9px 3px; text-align:center}
.products-listing-over-home a{ color:#005e3c; }
.products-listing-over-home img { margin-left: 2px; margin-bottom: 2px; border: 2px solid #005e3c}

.productHeadingPromo-Metal{ background-image:url(/images/promometal_bg.jpg); background-repeat: no-repeat; padding-top: 50px; clear: both;}
.productHeadingPromo-Lan{ background-image:url(/images/promolan_bg.jpg); background-repeat: no-repeat; padding-top: 50px; clear: both;}
.productHeadingPromo-Flex{ background-image:url(/images/promoflex_bg.jpg); background-repeat: no-repeat; padding-top: 50px; clear: both;}
.productHeadingPromo-Uniq{ background-image:url(/images/promouniq_bg.jpg); background-repeat: no-repeat; padding-top: 50px; clear: both;}
.productHeadingPromo-Stock{ background-image:url(/images/promostock_bg.jpg); background-repeat: no-repeat; padding-top: 50px; clear: both;}

.category-product-mini img{ margin:0px 15px 10px 0px; border:1px solid #cccccc;}
.category-product-mini p{ padding: 5px;}

.category-product-left{ width: 400px; margin-left: 15px; float: left; }
.category-product-left p{ font-size: 75%; padding: 5px; margin: 5px;}
.category-product-left .products-listing{ background: #ffffff url(/images/big-product-list-bg.jpg) repeat-x bottom left; width: 310px; float: left; margin-left: 4px; margin-right: 8px; margin-bottom: 5px; border-top: 2px solid #cccccc; border-bottom: 2px solid #FFFF00; text-align: center;}
.category-product-left .products-listing .image{ width: 297px; border: 1px solid #cccccc; margin: 15px 0 4px 0; padding: 0px; background-color:#FFFFFF;}
.category-product-right{ width: 245px; float: left; margin-left: 0px;}
.category-product-right h2{ padding: 0px; font-weight: normal; font-size: 90%; margin-left: 5px;}
.category-product-right h3{ font-size: 75%; font-style:italic; padding: 0px 0px 8px 9px; color:#005e3c; margin-top: 8px; border-bottom: 1px solid #FFFF00;}
.category-product-right .variation { border-bottom: 1px dashed #cccccc; padding: 5px 0px 0px 0px}
.category-product-right .variation .left{ float: left; width: 25px; padding-left: 5px;}
.category-product-right .variation .right{ float: left; width: 215px;}
.category-product-right .variation .right p{ font-size: 75%; padding-top: 0px; margin-top: 3px;}
.category-product-right .qtyBoxNoMargin { border: 1px solid #CCCCCC; background-color: #ebf2ef; margin: 5px 2px 0px 0px; padding: 10px; font-weight: bold; font-size: 75%; color:#005e3c}
.category-product-right .qtyBoxNoMargin input { position: absolute; font-size: 75%; font-weight: normal; padding: 2px; width: 145px; margin-left: 5px; margin-top: -2px;}
.category-product-right .qtyInfoBox { border: 2px solid #FF0000; background-color: #ffffff; margin: 5px 2px 0px 0px; padding: 10px; font-size: 70%; color:#005e3c; text-align: center; }

.category-product-right .qtyBox { border: 1px solid #CCCCCC; background-color: #ebf2ef; margin: 5px 2px 5px 0px; padding: 10px; font-weight: bold; font-size: 70%; color:#005e3c}
.category-product-right .qtyBox input { position: absolute; font-size: 70%; font-weight: normal; padding: 2px; width: 145px; margin-left: 5px; margin-top: -2px;}
.category-product-right .prices { border: 1px solid #cccccc; margin-right: 2px; margin-bottom: 5px; font-size: 70%;}
.category-product-right .prices .left{ float: left; width: 100px; margin-right: 5px; padding: 5px; background-color:#FFFFFF;}
.category-product-right .prices .right{ float: left; width: 95px; margin-right: 5px; padding: 5px; background-color:#FFFFFF;}
.category-product-right .prices .total{ width: 200px; margin-right: 5px; margin-top: 0px; padding: 5px; background-color:#FFFFFF;}

.optionHeader { background-color:#f3f9dd; color:#005e3c; border: 1px solid #cccccc; padding: 10px; margin-top: 5px; font-size: 75%; font-weight: bold;}
.optionContainer { border: 1px solid #cccccc; font-size: 80%}

.productHeading { border: 0px solid #CCCCCC; background-color: #ffffff; clear: both; padding: 15px; margin-bottom: 15px; }

.helpbox { background-color: #f3f9dd; border: 1px solid #ebf2ef; padding: 5px; }
.stock_available { color: #005e3c; font-size:90%; }

.category_image { font-size: 70%; float: left; width: 270px; margin-bottom: 10px; }
.category_image img { margin-right: 15px; border: 1px solid #000000; margin-left: 5px; }

#select_quantities h3{ padding: 9px; background-color: #98bcad; margin:0px; color:#FFFFFF; border-bottom: 1px solid #005e3c; font-weight: bold; font-size: 95%; }
#select_quantities .innerSection{ margin: 7px; padding: 4px; border: 1px solid #005e3c; background: #ebf2ef; position:relative}
#select_quantities .innerSection p{ position:relative}
#select_quantities .left{ float: left; width: 45px; margin:0px; font-size: 75%; position:relative}
#select_quantities .left2{ float: left; width: 69px; margin:3px; font-size: 75%; position:relative}
#select_quantities .right{ float: left; width: 230px; position:relative}
#select_quantities .right p{ margin: 3px; font-weight: bold; color:#005e3c; position:relative}
#select_quantities .close { position: absolute; margin-left: 316px; }
#select_quantities .close img { border: 0px;}
#select_quantities .close a{ color:#005e3c;}
#fixmethree {position: absolute; right: 0px; bottom: 0px;}
#fixme { position: absolute; margin-left: -200px; top: 200px; }
#select_quantities { position: absolute; top: 0px; left: 38px; }
/*div > div#fixme { position: fixed; }
div > div#fixmetoo { position: fixed; }
div > div#fixmethree { position: fixed; }*/
pre.fixit { overflow:auto;border-left:1px dashed #000;border-right:1px dashed #000;padding-left:2px; }

/* ACCOUNT STYLES ------------------------------------------------------------------------- */

.tab_enquiry{ width: 71px; height:25px; background-image:url(/images/tab_enquiry.gif); clear:both;}
.tab_enquiry_color{ width: 71px; height:25px; background-image:url(/images/tab_enquiry_color.gif); clear:both;}
.account_enquiry{ background: url(/images/tab_bg_enquiry.gif) repeat-y left top; border:1px solid #00462e; margin-bottom: 10px;}
.account_enquiry p{ font-size: 100%; padding: 0px; margin:5px 0px 10px 0px;}
.account_enquiry a{ font-weight: bold;}
.account_enquiry img{ margin: 0px; padding: 0px;}

.tab_quotes{ width: 71px; height:25px; background-image:url(/images/tab_quotes.gif); clear:both;}
.tab_quotes_color{ width: 71px; height:25px; background-image:url(/images/tab_quotes_color.gif); clear:both;}
.account_quotes{ background: url(/images/tab_bg_quotes.gif) repeat-y left top; width: 580px; border:1px solid #83acca; margin-bottom: 10px;}
.account_quotes p{ font-size: 100%; padding: 0px; margin:5px 0px 10px 0px;}
.account_quotes a{ font-weight: bold;}
.account_quotes img{ margin: 0px; padding: 0px;}

.tab_orders{ width: 71px; height:25px; background-image:url(/images/tab_orders.gif); clear:both;}
.tab_orders_color{ width: 71px; height:25px; background-image:url(/images/tab_orders_color.gif); clear:both;}
.account_orders{ background: url(/images/tab_bg_orders.gif) repeat-y left top; width: 580px; border:1px solid #cb8397; margin-bottom: 10px;}
.account_orders p{ font-size: 100%; padding: 0px; margin:5px 0px 10px 0px;}
.account_orders a{ font-weight: bold;}
.account_orders img{ margin: 0px; padding: 0px;}

.tab_account{ width: 71px; height:25px; background-image:url(/images/tab_account.gif); clear:both;}
.tab_account_color{ width: 71px; height:25px; background-image:url(/images/tab_account_color.gif); clear:both;}
.account_account{ background: url(/images/tab_bg_account.gif) repeat-y left top; width: 580px; border:1px solid #ab9e9a; margin-bottom: 10px;}
.account_account p{ font-size: 100%; padding: 0px; margin:5px 0px 10px 0px;}
.account_account a{ font-weight: bold;}
.account_account img{ margin: 0px; padding: 0px;}

.col1{ float: left; width: 88px; padding: 5px;}
.col2{ float: left; width: 175px; padding: 5px;}
.col3{ float: left; width: 90px; padding: 5px;}
.col4{ float: left; width: 183px; padding: 5px;}

.larger { font-size: 120%;}

.flyer_category_select {
	height: 170px;
	overflow: scroll;
	border: 1px solid #000000;
}

.flyer_category_select ul.parents {
	padding: 4px;
	margin: 0px;
	list-style-type: none;
}

.flyer_category_select ul.parents li {
	padding: 0px;
	margin: 0px;
	font-size: 100%;
	font-weight: bold;
}

.flyer_category_select ul.children {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.flyer_category_select ul.children li {
	padding: 4px;
	margin: 0px;
	font-size: 120%;
	font-weight: normal;
}


/* TABLE STYLES ------------------------------------------------------------------------- */

#table{ font-size: 75%; margin-left: 6px; border: 0px solid #999999;}
#table td{ padding: 5px; vertical-align:top; }
#table input{ width: 320px; background-color: #fffeca}
#table textarea{ width: 320px; background-color: #fffeca}
#table select{ width: 320px; background-color: #fffeca}
#table .select2{ width: 320px; background-color: #ffffff}
#table .formCategory{width: 480px;background-color: #fffeca; vertical-align: top; padding: 4px 0px 4px 0px; margin-bottom: 6px; border: 1px solid #999999;}
#table .button{ background-color: #666666; color:#FFFFFF; font-weight: bold; border: 1px solid #666666; width: 100px;}
#table .button2{ background-color: #666666; color:#FFFFFF; font-weight: bold; border: 1px solid #666666; width: 120px;}

.enquiry { border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999;}
.enquiry_message { font-size:65%; padding: 5px; border-bottom: 1px solid #999999}
.enquiry_message_read { font-size:65%; padding: 5px; border-bottom: 1px solid #999999}
.enquiry_message_read p { font-size:100%; }
.enquiry_message_unread { font-size:65%; padding: 5px; border-bottom: 1px solid #999999; background-color:#FEFEDA}
.enquiry_message_unread p { font-size:100%; }
.left_enquiry { width: 200px; float: left; font-size: 105%; }
.right_enquiry { float: left; width: 340px; font-size: 105%; }
.right_enquiry p, .left_enquiry p { font-size: 100% }
.enquiry_top{ text-align: right; padding: 5px 10px 5px 0px; font-size: 70%; background-color:#f3f3f3; border: 1px solid #999999; border-bottom: 0px;}

.saysomething { border: 1px solid #999999; padding: 10px; position:relative; background-color:#FEFEDA; font-size: 70%;}
.saysomething textarea { border: 1px dotted #3b8467; padding: 5px 5px 0px 5px;}
.saysomething .text{ width: 350px;}

.admin_container { border: 1px solid #999999; margin-bottom: 0px;}
.account_container { border: 1px solid #999999; margin-bottom: 7px; padding: 5px;}

/* BTN STYLES ------------------------------------------------------------------------- */

.btn { display: block; position: relative; background: #aaa; margin: 4px; padding: 3px; float: left; color: #fff; text-decoration: none; cursor: pointer; font-size: 75%; font-weight: bold; }
.btn * {  font-style: normal; background-image: url(/images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }

.btn.green[disabled]{background-color:#FF6600; cursor:default;}

.btn.blue { background: #2ae; }
.btn.green { background: #3b8467; }
.btn.red { background: #cc0000; }
.btn:hover { background-color: #FF6600; text-decoration: none;}
.btn:active { background-color: #444; }
.btn[class] { background-position: bottom;}

/* FORM STYLES ------------------------------------------------------------------------- */

.hasDatepicker {
    background-image:url('/images/date.gif');
    background-repeat: no-repeat;
    background-position: right center;
    border: 1px solid #CCC; /* When background is set, border is changed by firefox(!) */
    cursor: pointer;
}

/* CURVE STYLES ------------------------------------------------------------------------- */

.t {background-color:#ebf2ef; padding:10px;}
.t3 {background-color:#f3f9dd; padding:6px;}
.t9 {background-color:#ffffff; padding:0px; border:solid 6px #666666; position:relative}
.t7 {background-color:#fff2f2; padding:10px;}

/* FIXED DIVS STYLES ------------------------------------------------------------------------- */

#backtop{ float: left; background:url("/images/topLeft.gif") no-repeat left top; margin:0px; padding:0 0 0 9px;}
#backtop span {font-size: 65%; text-align:right; display:block; background:url("../images/topRight.gif") no-repeat right top; padding:8px 15px 6px 2px; text-decoration:none; font-weight:normal; color:#FFFFFF; }
#backtop a{ color:#FFFFFF; text-decoration:underline;}

/* SITEMAP STYLES ------------------------------------------------------------------------- */

#sitemap { width: 672px; float: left; margin-bottom: 0px;}
#sitemap h2{ padding: 0px 0px 3px 0px; margin-top: 16px;}
#lftsitemap p{ margin: 0px 0px 4px 0px; padding: 0px;}
#sitemap ul{ margin-top: 7px; margin-left: 5px; padding-left: 5px; list-style-type: none; }
#lftsitemap { float: left; position: relative; width: 215px; margin-right: 9px;}

.highlight {
	color: #F00;
	font-weight: bold;
}

/* --------------                 END                 ---------------- */