/* CSS Document */

html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote
{
	PADDING-LEFT: 0px;
}

html, body
{
	font-family: 100.01%  Geneva, Arial, Helvetica, sans-serif;
	background: #fff url(../images/bg.gif)  repeat-x;
	color: #000;
    MARGIN: 0px;
    HEIGHT: 100%;
    WIDTH: 100%;
    PADDING-TOP: 0px;
    SCROLLBAR-FACE-COLOR: #D0DEB4;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #D0DEB4;
    SCROLLBAR-3DLIGHT-COLOR: #B1C882;
    SCROLLBAR-ARROW-COLOR: #00754F;
    SCROLLBAR-TRACK-COLOR: #D0DEB4;
    SCROLLBAR-DARKSHADOW-COLOR: #aaaab1;


    
}

.clear
{
	clear: both;
	height: 0;
	font-size: 0.7em;
}

/* -------------------------------- LAYOUT -------------------------------- */

div#site-wrapper
{
	width: 720px;
	margin: 0 auto;
}

#mainlogobg
{
	width:900px;
	height:76px;
	padding-left:auto;
	padding-right:auto;
}

#main-logo
{
	float: left;
	height: 59px;
	width: 102px;	
	padding: 0;
	position : relative;
	background: url(http://ezinklean.com/images/logo-ezi.JPG) no-repeat;
	vertical-align:top;
	text-align: center;
	top:0px;

}

div#main-logo a
{
color:#272256;
font-size:0.7em;
text-decoration:none;
border-bottom:2px solid #cdcdcd;
line-height:30px;
}

div#main-logo span
{
color:#d67400;
font-size:0.7em;
text-decoration:none;
}

div#top-links
{
	float: right;
	height: 23px;
	width: 288px;	
	padding: 0;
	position : relative;
	background: url(http://ezinklean.com/images/top-links-bg.gif) no-repeat;
	vertical-align:top;
	text-align: center;
	top:0px;
}

div#navigation
{
	height: 23px;
	padding: 10;
	margin: 0;
	clear: both;
}

div#banner
{
	width: 838px;	
	height: 73px;
}

div#content-wrapper
{
	background: url(http://ezinklean.com/images/content-bg.gif) repeat-y;
	width: 720px;
}

div#footer
{
	width: 720px;
	height: 24px;
	margin-top:0px;
	text-align:right;
	font:0.7em  Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
}


/* ------------------------------- TYPOGRAPHY ------------------------------- */

#content {
	padding: 20px 0px 0px 0px;
	text-align:left; 
	
	
    FONT: 0.7em Geneva, Arial, Helvetica, sans-serif;
  
}

H2
{
    FONT: 1.5em Geneva, Arial, Helvetica, sans-serif;
    COLOR: #AFC882
}
H3
{
    FONT: 0.9em Geneva, Arial, Helvetica, sans-serif;
    COLOR: #AFC882;
    BORDER-BOTTOM: #cccccc 1px solid
}
LI
{
    FONT-SIZE: 0.7em;
    MARGIN-BOTTOM: 5px;
    COLOR: #333
}
H4
{
    FONT-SIZE: 0.8]#
}
P
{
    FONT: 0.7em/135% Verdana, Arial, Helvetica, sans-serif;
    COLOR: #333
}
.link
{
    COLOR: #990000
}
A:link
{
    COLOR: #333
}
A:visited
{
    COLOR: #333
}
A:hover
{
    TEXT-DECORATION: underline
}
A:active
{
    TEXT-DECORATION: underline
}
A:unknown
{
    TEXT-DECORATION: underline
}

FORM
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 10px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
FIELDSET
{
    BORDER-RIGHT: #D6D6D6 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #D6D6D6 1px solid;
    PADDING-LEFT: 15px;
    FONT-SIZE: 0.7em;
    PADDING-BOTTOM: 15px;
    MARGIN: 0px 0px 10px;
    BORDER-LEFT: #D6D6D6 1px solid;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #D6D6D6 1px solid
}
LEGEND
{
    border: 1px solid #006D34;
    PADDING-RIGHT: 5px;
        PADDING-LEFT: 5px;
        BACKGROUND: #AFC882;
        MARGIN-BOTTOM: 5px;
        PADDING-BOTTOM: 2px;
        COLOR: #ffffff;
        PADDING-TOP: 1px;
        font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    font-family: 0.9em Geneva, Arial, Helvetica, sans-serif;

}
.DETAILBTN
{
    BORDER-RIGHT: #D6D6D6 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #D6D6D6 1px solid;
    PADDING-LEFT: 5px;
    BACKGROUND: #AFC882;
    MARGIN-BOTTOM: 5px;
    PADDING-BOTTOM: 2px;
    FONT: 0.7em Geneva, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #D6D6D6 1px solid;
    COLOR: white;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #D6D6D6 1px solid;
    TEXT-ALIGN: center;
    cursor:hand;
}

LABEL
{
    CLEAR: both;
    MARGIN-TOP: 3px;
    FONT-SIZE: 1em;
    JMFLOAT: left;
    JMWIDTH: 190px;
    TEXT-ALIGN: right
}
INPUT
{
    border: 1px solid #006D34;
    PADDING-RIGHT: 0px;
        PADDING-LEFT: 3px;
        BACKGROUND: #D0DEB4;
        PADDING-BOTTOM: 0px;
        MARGIN: 3px 5px 2px;
        COLOR: #333333;
        PADDING-TOP: 0px;
        jmFLOAT: left;
        jmWIDTH: 280px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}
TEXTAREA
{
    BORDER-RIGHT: #006D34 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #006D34 1px solid;
    PADDING-LEFT: 1px;
    BACKGROUND: #D0DEB4;
    PADDING-BOTTOM: 1px;
    MARGIN: 3px 5px 2px;
    FONT: 1.2em Geneva, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #006D34 1px solid;
    COLOR: #333333;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #006D34 1px solid
}
SELECT
{
    border: 1px solid #006D34;
    padding: 1px;
    BACKGROUND: #D0DEB4;
        MARGIN: 3px 5px 2px;
        COLOR: #333333;
        font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
INPUT.sminp
{
    WIDTH: 110px;
    MARGIN-RIGHT: 160px
}
INPUT:unknown
{
    BACKGROUND: #be9e61;
    COLOR: #000
}
INPUT:active
{
    BACKGROUND: #be9e61;
    COLOR: #000
}
TEXTAREA:unknown
{
    BACKGROUND: #be9e61;
    COLOR: #000
}
TEXTAREA:active
{
    BACKGROUND: #be9e61;
    COLOR: #000
}
.brclear
{
    CLEAR: both;
    FONT-SIZE: 1px;
    MARGIN: 0px;
    LINE-HEIGHT: 0;
    HEIGHT: 0px
}
.clearrt
{
    CLEAR: right;
    FONT-SIZE: 1px;
    MARGIN: 0px;
    LINE-HEIGHT: 0;
    HEIGHT: 0px
}
TD
{
    COLOR: #333;
    FONT: normal normal normal medium normal Verdana
}
H4
{
    FONT-WEIGHT: bold;
    COLOR: #AFC882
}

#pagecontainer {
	width:720px;
	height:500px;
	padding: 10px;
	background: white ;
	color: black;
	margin: 0 auto;
	text-align :center;
	height:100%;
	
	
}


li
{
	padding: 1px 0 10px 36px;
	background: url(http://ezinklean.com/images/list-item.gif) center left no-repeat;
	list-style: none;
}

li a
{
	text-decoration: underline;
}

ul
{
	padding: 20px 0 30px 40px;
	font-size: 1.7em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #2c2d2d;
}

ul ul
{
	padding-bottom: 5px;
}

ol
{
	padding-left: 40px;
	font-size: 0.7em;
	padding-bottom: 30px;
}

/* ------------------------------- NAVIGATION ------***********************************************************------------------------- */
#mainmenu
{
 	
	
	height:40px; 
	background-repeat:no-repeat;  
	background-position:center top; 
	padding-top:0px; 	
	position:relative;
	padding-left:100px;
	
}

#toplink
{
	background-repeat:no-repeat;  
	background-position:center top; 
	position:relative;
	padding-left:475px;
    top: -59px;
    left: 200px;
    width: 329px;
}

#menubar
{
	padding-left:auto;
	padding-right:auto;
	position:relative; 
	height:0px;
	width:700px;
    top: 0px;
    left: 0px;
}
div#navigation ul
{
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	padding: 0;
}

div#navigation ul li
{
	display: inline;
	float: left;
	font-weight: bold;
	background: none;
	padding: 0;
}

div#navigation ul li a:link,
div#navigation ul li a:visited
{
	display: inline;
	float: left;
	text-decoration: none;
	color: #fff;
	font-size: 0.7em;
	padding-right: 18px;
	padding-left: 14px;
}

div#navigation ul li a:active,
div#navigation ul li a:hover
{
	color: #272526;
}

div#navigation ul li a.first-item 
{
	padding-left: 0;
}

div#navigation ul li a.last-item 
{
	background: none;
}

body#home div#navigation ul li a#home-link, body#contact div#navigation ul li a#contact-link
{
	color: #272526;
}

/* ------------------------------- TOP LINKS ------------------------------- */

div#top-links
{
	
}
div#top-links ul
{
	display: block;
	float: left;
	
	
	padding: 0 0 0 6px;
	
}

div#top-links ul li
{
	display: inline;
	float: left;
	font-weight: normal;
	background: none;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

div#top-links ul li a:link,
div#top-links ul li a:visited
{
	display: inline;
	float: left;
	text-decoration: none;
	color: #fff;
	font-size: 0.7em;
	padding-right: 8px;
	padding-left: 7px;
	background: url(http://ezinklean.com/images/top-links-divide.gif) center right no-repeat;
}

div#top-links ul li a:active,
div#top-links ul li a:hover
{
	color: #272526;
}

div#top-links ul li a.last-item 
{
	background: none;
}

/* -------------------------------- CONTENT PAGES -------------------------------- */

div#content-wrapper div#content-left
{
	float: left;
	width: 650px;
}

div#content-wrapper div#content-right
{
	float: right;
	width: 60px;
}

div#content-wrapper div#content-left .address-details
{
	width: 60px;
	float: left;
}

/* -------------------------------- RIGHT PANEL -------------------------------- */

div#right-panel-header
{
	width: 222px;
	height: 27px;
	
	background: url(http://ezinklean.com/images/right-header-bg.gif) no-repeat;
	margin-top: 23px;
}

div#right-panel-header h3
{
	color: #ffffff;
	padding: 0 0 0 36px;
}

div#right-panel
{
	width: 222px;
	background: #f6f6f6 url(http://ezinklean.com/images/right-panel-bg-top.jpg) top no-repeat;
	min-height: 238px;
  	height: auto !important;
  	height: 238px;
	margin-top: 6px;
	padding-top: 12px;
}

div#right-panel-bot
{
	width: 222px;
	height: 7px;
	background: url(http://ezinklean.com/images/right-panel-bg-bot.jpg) no-repeat;
	font-size: 0;
}

div#right-panel div.product-wrapper
{
	color: #1a1a1a;
}

div#right-panel div.product-wrapper p
{
	font-size: 0.7em;
	line-height: 1.2;
	padding: 0 0 6px 0;
}

div#right-panel div.product-wrapper span
{
	font-size: 14px;
	font-weight: bold;
	color: #c60000;
}

div#right-panel div.product-wrapper .prod-photo
{
	float: left;
	width: 138px;
	text-align: center;
	padding-top: 6px;
}

div#right-panel div.product-wrapper .prod-description
{
	float: left;
	padding-bottom: 12px;
}

div#right-panel div.product-wrapper .prod-description h5 a
{
	text-decoration: none;
}




/* -------------------------------- NEW RIGHT PANEL -------------------------------- */



.right-panel-header
{
	margin-right:auto;
	margin-left:auto;
	width: 222px;
	height: 27px;
	line-height: 26px;
	background: url(http://ezinklean.com/images/right-header-bg.gif) no-repeat;
	margin-top: 23px;
}

.right-panel-header h3
{
	color: #ffffff;
	padding: 0 0 0 0px;
}

.right-panel
{
	width: 222px;
	background: #f6f6f6 url(http://ezinklean.com/images/right-panel-bg-top.jpg) top no-repeat;
	min-height: 238px;
	height: auto !important;
	height: 200px;
	margin-top: 6px;
	padding-top: 12px;
	float: right;
}

.right-panel-bot
{
	width: 222px;
	height: 7px;
	background: url(http://ezinklean.com/images/right-panel-bg-bot.jpg) no-repeat;
	font-size: 0;
}

.product-wrapper
{
	float: left;
	margin-top: auto;
}

.product-wrapper p
{
	font-size: 0.7em;
	line-height: 1.1;
	padding: 0 0 0px 0;
}

.product-wrapper span
{
	font-size: 0.7em;
	font-weight: bold;
	color: #D9D6D6;
}

.prod-photo
{
	float: left;
	width: 138px;
	text-align: center;
	padding-top: 3px;
}

 .prod-description
{
	float: left;
	margin-top: auto;
}
.test_1 {
	float: left;
	height: 80px;
	width: 61px;
	margin-top: 15px;
	margin-left: 10px;
}



div#right-panel div.product-wrapper .prod-description h5 a
{
	text-decoration: none;
}
.test_2 {
	float: left;
	height: 80px;
	width: 189px;
}


.content-right
{
	float: right;
	width: 60px;
}
/* ------------------------------ CONTACT FORM --------------------------- */

div#right-panel form
{
}

div#right-panel fieldset
{
	padding: 8px 15px;
}

div#right-panel form label
{
	display: inline;
	float: left;
	width: 54px;
	text-align: left;
	margin-bottom: 5px;
	font-size: 0.7em;
	color: #1b1b1a;
	padding-top: 3px;
}

div#right-panel form input
{
	display: inline;
	float: left;
	width: 192px;
	margin-bottom: 5px;
	font-size: 0.7em;
	padding: 3px;
	border: 1px solid #b0b0b0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

div#right-panel form br
{
	clear: left;
	font-size: 0;
}

div#right-panel form textarea
{
	display: inline;
	float: left;
	width: 192px;
	margin-bottom: 8px;
	height: 90px;
	border: 1px solid #b0b0b0;
	font-size: 12px;
	color: #1b1b1a;
	padding: 3px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

div#right-panel form #submit
{
	width: 100px;
	height: 21px;
	padding: 0;
	text-align: center;
	margin-left: 154px;
	border: 1px solid #9b5400;
	background-color: #d67400;
	color: #fff;
}
.outlinedbox
{
   
 border:solid 1px black; 
 margin:15px 0px 0px 0px; 
 padding:5px 10px 10px 10px;  
}
.outlinedbox h2
{
    padding-top:0px;
    margin-top:0px;
}
.right_over {
	float: right;
	height: 400px;
	width: 225px;
}
#right {
	float: right;
	height: 397px;
	width: 235px;
	margin-top: 5px;
}
.test_image {
	background-image: url(http://ezinklean.com/image/test_image.jpg);
	float: left;
	height: 57px;
	width: 120px;
	margin-top: 19px;
	margin-left: 10px;
	background-repeat: no-repeat;
}

.button {
	background-image: url(image/right-header-bg.gif);
	background-repeat: no-repeat;
	float: left;
	height: 27px;
	width: 222px;
}
._back_ground {
	
	width: 222px;
	margin-top: 5px;
	background-image: url(http://ezinklean.com/image/right-panel-bg-top.jpg);
	
	height: auto;
}
.button {
	background-image: url(http://ezinklean.com/images/right-header-bg.gif);
	background-repeat: no-repeat;
	float: left;
	height: 27px;
	width: 222px;
}
.back_ground {
	float: left;
	width: 222px;
	margin-top: 3px;
	background-image: url(http://ezinklean.com/images/right-panel-bg-top.jpg);
	background-repeat:no-repeat;
	height:350px;
}
.bottom_image {
	float: left;
	height: 7px;
	width: 222px;
}

div#mytop-links a:visited
{
	display: inline;
	float: left;
	text-decoration: none;
	color: #FFF;
	font-size: 0.7em;
	
	background: url(http://ezinklean.com/images/top-links-divide.gif) center right no-repeat;
}

.upperlinks
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:White;
	font-size:0.7em;
	text-decoration:none;
	
}
