/*
PATINA LIGHTING LIMITED
www.patinalighting.ie 
support: steven@ecom-ireland.ie 
*/

/************************************* Page Setup *************************/

* {
margin: 0; padding: 0;
}

body {
text-align: center; color: #3D3D30; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 12pt;
}

#wrap {
margin: 0 auto; width: 780px; text-align: left;
}

/************************************* divs *************************/

#logo {
float: left; height: 80px; width: 372px; background: url(../images/logo.gif)  no-repeat 0 2px; text-indent: -100em; overflow: hidden;
}

#sitemap {
float:right; text-align:right; margin-right: 6px; margin-top: 12px;
}

#flash {
clear: both; margin-top: 2px;
}

#homeleft {
float: left; 
width: 505px;
padding:0px 15px 0px 0px;
}


#homeright {
float: right; width: 255px;
}

#accreditations {
clear: both; border-top: 1px dashed #e5f1d8;
}

#footer {
clear: both; border-top: 2px solid #eff5e9;
}

#left {
margin: 2px 255px 0 0; width: 515px
}

#right {
float: right; margin: 2px 0 0 0; width: 260px; border-bottom: 1px dashed #e0e8d9;
}

#textsize {
margin: 5px 0; padding: 0 6px 6px 6px; border-bottom: 1px dashed #e0e8d9; font-weight: bold;
}

#productdisplay1, #productdisplay2, #productdisplay3, #productdisplay4 {
clear: left; margin: 8px 0; padding: 5px;  border: 1px dashed #eff5e9;
}

.product {
background: #F7F9F6;
}

.producthover {
background: #fff;
}

/************************************* text & images *************************/

h1, h2, h3	{
margin: 8px 0; padding: 5px 0; color: #388021; font-family: Arial, Helvetica, sans-serif; font-size: 13pt; border-bottom: 2px solid #eff5e9;
}

h2	{
font-size: 11pt;
}

h3	{
font-size: 9pt; border: 0; margin: 5px 0; padding: 2px 0;
}

#logo h1 {
border: none;
}

p {
margin: 8px 0;
}

hr {
border: none 0; border-top: 1px dashed #eff5e9; height: 1px;
}

.clearhr {
clear:both; border: none 0; border-top: 1px dashed #eff5e9; height: 1px;
}

#homeright a:link, #homeright a:visited, #homeleft a:link, #homeleft a:visited, #homecenter a:link, #homecenter a:visited, #left a:link, #left a:visited, #footer	a:link, #footer	a:visited, #address a:link, #address a:visited {color: #ff1792; text-decoration: none;}

#homeright a:hover, #homeleft a:hover, #homecenter a:hover, #left a:hover, #footer	a:hover, #address a:hover {color: #388021; text-decoration: underline;}   

img {
border: 0;
}

#accreditations img	{
margin-bottom: 8px;
}

.alertText {
color:#ff1792; font-weight: bold;
}

#textsize img	{
vertical-align: middle; cursor:pointer; cursor:hand
}

.smalltxt {
font-size: 8pt; line-height: 12pt;
}

.bigtxt h2 {
margin: 8px 0 12px 0; padding: 5px 0; color: #388021; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; border-bottom: 2px solid #eff5e9;
}

.bigtxt h3	{
font-size: 10pt;
}

.bigtxt p {
margin: 10px 0;
}

.bigtxt {
font-size: 10pt; line-height: 16pt;
}

.arrow {
vertical-align: middle; padding-right: 5px;
}

#right h2 {
margin: 0; padding: 6px; border: 0; border-top: 1px solid #e0e8d9; border-bottom: 1px solid #e0e8d9; color: #3D3D30; background: url(../images/sidenav_h_bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; 
}

.sidenav	{
list-style-type: none;
}

.sidenav a {
padding: 6px; display: block; font-weight: bold; height: 20px; border-bottom: 1px dashed #e0e8d9;
}

#miniAccred  {
border-bottom: 1px dashed #e0e8d9;
}

.sidenav a:link, .sidenav a:visited {text-decoration: none; color: #3D3D30; background-color: #eff5e9;}

.sidenav a:hover {background-color: #fff; color: #388021;}

.rightpic {
float: right; margin: 3px 0; padding: 3px; border: 1px solid #e3e3e3; background: #fff; display: block;
}

.rightpic2 {
float: right; margin: 3px 0; padding: 3px; display: block;
}

#productdisplay1 p, h3, #productdisplay2 p, h3, #productdisplay3 p, h3 {
margin-top: 0;
margin-right: 215px;
}

ul.siteMap {
margin: 8px 0 8px 20px; list-style-type: square; 
}

ul.general {
margin: 0px 0 0px 14px; list-style-type: square; 
}

.benefits {
margin: 8px 0 8px 20px; list-style-type: none; list-style-image: url("../images/checklist.gif");
}

.benefits li	{
background-image: url(../images/checklist.gif); background-repeat: no-repeat; background: none; padding-left: 15px; margin-bottom: 5px; padding-left: 0;
}

.specs {
margin: 8px 0 8px 20px; list-style-type: none; list-style-image: url("../images/checklist.gif");
}

.specs li	{
background-image: url(../images/checklist.gif); background-repeat: no-repeat; background: none; padding-left: 15px; margin-bottom: 5px; padding-left: 0;
}

#address h2	{
margin: 8px 0; padding: 5px 0; color: #388021; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; border-bottom: 2px solid #eff5e9; background: transparent; border-top: 0;
}

#address p {
margin-left: 5px;
}

/************************************ form *************************/

#form {
width: 515px; margin: 8px 0;
}

.label  {
width:150px;
}

.inputBox  {
float:right; padding-right: 140px; width:170px;
}

.inputBox img {
margin-top: 5px;
}

.row {
margin: 6px 0; padding: 8px; background: #eff5e9; border: 1px solid #dce5d5;
}

/************************************ menu *************************/
.chromestyle	{clear: both; background: url(../images/menu_bg.jpg)  repeat-X; height: 47px;}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.chromestyle ul {display: inline; list-style-type:none;}
.chromestyle li {float: left; width: 130px; text-align: center; padding: 16px 0 0 0;}
.chromestyle ul li a{font:normal 11px Verdana; color: #3D3D30; margin: 0; text-decoration: none; font-weight: bold;}
.chromestyle a:hover {color: #388021;}
/* menu 2nd level */
.dropmenudiv	{position:absolute; top: 0; margin-top: 18px; border-bottom-width: 0; font:normal 10px Verdana; z-index:100; background-color: #eff5e9; width: 200px; visibility: hidden;}
.dropmenudiv a{width: auto; display: block; text-indent: 3px; border-bottom: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; padding: 8px 0; text-decoration: none; color: black;}
* html .dropmenudiv a{ /*IE only hack*/width: 100%;}
.dropmenudiv a:hover{ color: #fff; background-color: #388021;}