﻿body
{
  margin: 0px;
  background-repeat: repeat-x;
  font-family: 'Palatino Linotype' , Palatino, serif;
  font-size: medium;
  color: #666666;
  font-weight: lighter;
}


#page_shadow
{
  margin: 0 auto;
  width: 1000px;
  text-align: left;
  /*background-image: url( '../_images/PageShadow.gif' );
  background-repeat: repeat-y;*/
}

#page_body
{
  width: 994px;
}

#page_shadow_end
{
  margin: 0 auto;
  width: 1000px;
  height:10px;
  text-align: left;
  background: url( '../_images/PageShadowEnd.gif' ) no-repeat top;
}

#page_footer
{
  clear:both;
}

.NavButtons
{
  padding-left :5px; padding-right:5px; border-right:Solid 1px;
}

.NavButtonsRight
{
  padding-left :5px; padding-right:5px;
}


p
{
  font-family: 'Palatino Linotype' , Palatino, serif;
  font-size: small;
  color: #333333;
  font-weight: lighter;
}

h1
{
  font-family: 'Palatino Linotype' , Palatino, serif;
  font-size: x-large;
  font-weight: lighter;
  text-transform: none;
  color: #333333;
  font-style: italic;
}

h2
{
  font-family: 'Palatino Linotype' , Palatino, serif;
  font-size: x-large;
  font-weight: lighter;
  text-transform: none;
  color: #333333;
}

h3
{
  font-family: 'Palatino Linotype' , Palatino, serif;
  font-size: xx-large;
  font-weight: normal;
  text-transform: none;
  color: #333333;
}

h4
{
  font-family: 'Palatino Linotype' , Palatino, serif;
  font-size: large;
  font-weight: lighter;
  text-transform: none;
  color: #333333;
}


a:link
{
  color: #CC0000;
  text-decoration: none;
}

a:visited
{
  color: #CC0000;
  text-decoration: none;
}

a:hover
{
  color: #993333;
  text-decoration: underline;
}

a:active
{
  color: #993333;
  text-decoration: underline;
}

/*COLUMNS*/


#TwoColumnLeft
{
  width: 500px;
  float: left;
  position: relative;
  padding-top: 150px;
}

#TwoColumnRight
{
  position: relative;
  float: left;
  padding-top: 50px;
  padding-left: 50px;

}

#TwoColumnLeft1
{
  width: 500px;
  float: left;
  position: relative;
  padding-top:50px;
 
}
#TwoColumnRight1
{
  position: relative;
  float: left;
  padding-top: 50px;
  padding-left: 0px;

}


/* below copied from ELS default page*/

#picsleft
{
  float: left;
  width: 360px;
  padding-left: 20px;
  position: relative;
}
   
#picsright
{
  float: right;
  width: 390px;
  padding-right: 20px;
  padding-top: 40px;
  position: relative;
}

/*Below painting page re image divisions*/

#leftpaint
{
  padding: 0px 0px 0px 0px;
  float: left;
  width: 645px;
  position: relative;
  text-align:left;
}
   
#rightpaint
{
  padding:   10px 0px 0px 0px;
  float: right;
  position: relative;
}

#TopLeft
{
  float: left;
  position: relative;
  padding-top: 30px;
  padding-left: 0px;
}
#TopRight
{
  position: relative;
  float: right;
  padding-top: 20px;
  padding-right: 10px;
}

#TopLeftProduct
{
  float: left;
  position: relative;
  padding-top: 15px;
  padding-left: 0px;
}
#TopRightProduct
{
  position: relative;
  float: right;
  padding-top: 20px;
  padding-right: 10px;
}

 
 /*cleaner ensures other divs have finished*/
hr.cleaner
{
  clear:both;
  height:1px;
  margin: -1px 0px 0px 0px; 
  padding:0px;
  border:none;
  visibility: hidden;
}
#DivTop
{
    padding: 50px 0px 100px 0px;
    width: 994px;
    font-family: 'Palatino Linotype';
    font-size: medium;
}
#Enter
{
  padding: 0px 0px 0px 365px;

}

.PageEndLine
{
  clear: both;
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 10px;
  height: 25px;
  border-top-style: solid;
  border-top-color: #CCCCCC;
  border-top-width: 1px;
  padding: 10px 0px 0px 0px;
}

.Pad
{
padding: 0px 0px 0px 20px;
}
/*Divison classes for Datalist Sections*/

.Product
{
    font-family: 'Palatino Linotype' , Palatino, serif;
    text-align: center;
    width: 200px;
    height:200px;
    margin: 10px;
    font-size: medium;
    float: left;
}


.ProductR
{
    font-family: 'Palatino Linotype' , Palatino, serif;
    text-align: Center;
    width: 200px;
    height:250px;
    margin: 10px;
    font-size: medium;
    float: left;
    
}
.FirstDiv
{
    width:495px; 
    height:280px;
}


.GridInner
{
  padding:10px 0px 10px 10px;
}

.GridHeaderStyle
{
  padding-left:3px;
  padding-right:3px;
  text-align:left;
}

.GridDiv
{
  font: 13px Arial;
  text-align: left;
  background-color: #F8F8F8;
  border-right: solid thin #CCCCCC;
  border-bottom: solid thin #CCCCCC;
}

.GridDivSmall
{
  font: 13px Arial;
  text-align: left;
  background-color: #FFFFFF;
}

.GridCaption
{
  padding: 5px 5px 5px 10px;
  font: bold 15px Arial;
  text-align: left;
  color: #FFFFFF;
  background-image: url('../_images/Menus/Blue32x1.gif');
  background-repeat: repeat-x;
}

.GridSubCaption
{
  padding: 3px 5px 3px 10px;
  font: bold 13px Arial;
  text-align: left;
  color: #FFFFFF;
  background-image: url('../_images/Menus/Blue24x1.gif');
  background-repeat: repeat-x;
}

.GridInner
{
  padding:10px 10px 10px 10px;
}

.GridHeaderStyle
{
  padding-left:3px;
  padding-right:3px;
  text-align:left;
}
.Button
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    color: #666666;
}

.UnderPHead

{
    padding:10px;
    width:995;
    clear:both;
}

#basket
{
    padding: 20px 50px 20px 50px;
    position: relative;
}
#basketempty
{
    padding: 20px 20px 20px 45px;
    position: relative;
} 

.MyLeftAlign
{
  padding-right: 10px;
}

.MyRightAlign
{
  padding-left: 10px;
} 
