/*Justin's CSS file for ccgedwards.com*/

body {
	/*background-image: url(Images/background.gif);
	background-repeat: repeat;*/
	margin: 0;
	padding: 0;
	/*text-align: center;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 0.7em;*/
	color:#bab0ef;
	line-height: 100%;
	padding:0;
	    background-image: url(Images/background.gif);
    background-repeat: repeat;
}
h1
{
    font-size:15px;
}

h2
{
    font-size:15px;
}


p
{
    color:Black;
    padding-top: 0px;
     padding-left:0px;
     padding-right: 0px;
     padding-bottom:0;
     font-family:  Arial, Verdana, Helvetica, sans-serif;
     font-size: 13px;
     font-weight:normal;
     line-height:normal;
     background-color: Transparent;
}

li
{
    margin: 0;
   /* color:Black;*/
    font-size: 70%;
    text-align:left;
    padding-left:0;
}

.Footer1
{
    color:#bab0ef;
    font-size: 10px;
    font-weight:normal;
   padding-left: 70px;
   padding-top: 10px;
   padding-bottom: 0px;
   padding-right: 5px;
}
.Footer2
{
    color:#bab0ef;
    font-size: 10px;
    font-weight:normal;
   padding-left: 70px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-right: 5px;
   height:20px;
}

.footerBar
{
    color:#bab0ef;
    font-size: 10px;
    font-weight:normal;
   padding-left: 0px;
   padding-top: 20px;
   padding-bottom: 0px;
   padding-right: 0px;
   height:70px;
}

.articles
{
    color:Black;
    font-size: 12px;
    font-weight:normal;
padding-left: 200px;
   padding-top: 20px;
   padding-bottom: 0px;
   padding-right: 0px;
   height:10px;
}

.articleText
{
    color:Black;
    font-size:12px;
   padding-left: 30px;
   padding-top: 10px;
   padding-bottom: 20px;
   padding-right: 30px;
}


#bodycontent, #header
{
    position:absolute;
}

#header
{
    width: 20%;
    left: 10px;
}

/*these bits do the boxes on the front page*/
#LeftTopPic
{
   padding-top: 20px;
   padding-left: 25px;
   padding-bottom: 0px;
   width: 350px;
}

#LeftTopText
{
   padding-left: 25px;
   padding-top: 10px;
   padding-bottom: 20px;
   padding-right: 20px;
}

#TopText
{
    color:#005e20;
    font-size: 13px;
    font-weight:bolder;
   padding-left: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-right: 0px;
}

#BottomText
{
    color:#005e20;
    font-size: 12px;
    font-weight:normal;
    font-style: italic;
   padding-left: 15px;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 5px;
}

#TagLine
{
    color:#005e20;
    font-size: 12px;
    font-weight:normal;
    font-style: italic;
   padding-left: 15px;
   padding-top: 0px;
   padding-bottom: 10px;
   padding-right: 5px;
}

/*Blog bits*/
#Blog1Text
{
   padding-left: 30px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-right: 30px;
}
#Blog1Pic
{
   padding-top: 10px;
   padding-left: 20px;
   padding-right: 0px;
   padding-bottom: 0px;
}
#Blog2Pic
{
   padding-top: 10px;
   padding-left: 80px;
   padding-right: 10px;
   padding-bottom: 0px;
}

#Blog2Text
{
   padding-left: 30px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-right: 30px;
}
#BlogPaints
{
    background-color:White;
   padding-top: 0px;
   padding-left: 100px;
   padding-right: 10px;
   padding-bottom: 0px;
}
/*these bits do the feature page*/
#Feature1Pic
{
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 0px;
}

#Feature1TopText
{
   padding-left: 30px;
   padding-top: 20px;
   padding-bottom: 0px;
   padding-right: 0px;
}

#Feature1Text
{
   padding-left: 30px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-right: 30px;
}
#Feature2Pic
{
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 0px;
}

#Feature2TopText
{
   padding-left: 30px;
   padding-top: 20px;
   padding-bottom: 0px;
   padding-right: 0px;
}

#Feature2Text
{
   padding-left: 30px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-right: 30px;
}
#Feature2BottomText
{
   padding-left: 30px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-right: 0px;
}

#Feature3Pic
{
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 0px;
}

#Feature3TopText
{
   padding-left: 30px;
   padding-top: 20px;
   padding-bottom: 0px;
   padding-right: 0px;
}

#Feature3Text
{
   padding-left: 30px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-right: 30px;
}

#Feature4Pic
{
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 20px;
}

#Feature4TopText
{
   padding-left: 30px;
   padding-top: 20px;
   padding-bottom: 0px;
   padding-right: 0px;
}

#Feature4Text
{
   padding-left: 30px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-right: 30px;
}


/*this is the bits for the gallery*/

#GalleryPageText
{
   font-size: 13px;
   padding-left: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 30px;
}

#GalleryPageText2
{
   font-size: 13px;
   padding-left: 225px;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 10px;
}

#GalleryPageBottomText
{
   font-size: 13px;
   padding-left: 20px;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 10px;
}

#GalleryPageProducts
{
   padding-left: 50px;
   padding-top:30px;
   background-color:white;
       background-image: url(images/box3.jpg);
}
/*
#ProductPrice
{
    color:Black;
    font-family: 'Trebuchet MS';
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}
*/

a.ProductName
{
    color:#005e20;
    font-family: 'Trebuchet MS';
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

a.ProductName:hover
{
    text-decoration: underline;
}

.AvailableDescription
{
    color: White;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 11px;
}

.ProductPrice
{
    color: Black;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight:bold;
    font-size: 11px;
}

/* previous and next buttons*/
.PagingText
{
     color:White;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight:bold;
    font-size: 9px;
}

/*product page stuff*/
.ProductTitle
{
    color:Black;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight:bold;
    font-size: 11px;
}

.ProductDescription
{
     color: Black;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 11px;
    padding-left: 40px;   
}

.ProductDimensions
{
    color:Black;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight:bold;
    font-size: 11px;
}

.ProductMedium
{
    color:Black;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight:bold;
    font-size: 11px;
}

.ProductLabel
{
    color:Black;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight:bold;
    font-size: 11px;
}
#productForm
{
    background-color:Black;
      padding-left: 45px;
      padding-right: 0px;
      color:White;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight:bold;
    font-size: 11px;
}

.AdditionalInformation
{
    color:Black;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight:bold;
    font-size: 11px;
}

#ProductImageClass
{
    padding-left: 40px;
}
#ProductImage2Class
{
    padding-left: 40px;
}
#ProductImage3Class
{
    padding-left: 500px;
}
#ProductContainer
{
    background-color: White;
}
#ProductInformationContainer
{
    padding-top: 10px;
}


.TopPageContainer
{
    color:Black;
    background-color: White;
}

.Line
{
    position:absolute;
    padding-top: 44px;
 }
.Visa
{
    position:absolute;
    padding-left: 825px;
       padding-top:20px;
    width: 65px;
    height:12px;
}
.Cart
{
     position:absolute;
    padding-left: 780px;
       padding-top:20px;
    width: 150px;
    height:70px;
    color:#005e20;
    font-size:small;
}
.ViewCart
{
     position:absolute;
    padding-left: 700px;
    padding-top:20px;
    width: 150px;
    height:70px;
    color:#005e20;
    font-size:small;
}

#News
{
    background-color:Transparent;
    padding-top: 0px;
    padding-left: 0px;
    height:155px;
}
#openingText
{
    position:absolute;
    padding-top: 215px;
    padding-left: 630px;
    width:340px;
}


#scroller
{
    position:absolute;
    background-color:Transparent;
    padding-top:10px;
    padding-left: 630px;
}

.SoldItem
{
    color: Red;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight:bold;
    font-size: 11px;
}

.ComingSoonItem
{
    color: Red;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight:bold;
    font-size: 11px;
}

#MasterContainer
{
    border: solid 1px black;
     background-color: white;
}

#BannerContainer
{
    background-image: url(Images/new_ccgedwards_title3.gif);
	background-repeat: no-repeat;
    font-weight: bold;
    font-size: large;
    width:750px;
    padding-left: 10px;
}

#viewCartButtonContainer
{
    background-color: white;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left:150px;
}

#addToCartButtonContainer
{
    padding-left: 610px;
}

#askAQuestion
{
    padding-left: 480px;
}

#backButton
{
    padding-left: 350px;
}

.menu
{
    position:absolute;
    height:24px;
    width: 929px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    border-bottom-color:Black;
    border-bottom-style:solid;
    border-bottom-width:medium;
}

.menuRight
{
    height:30px;
    width: 90px;
     padding-top: 5px;
     padding-bottom: 5px;
}


/*start of button stuff*/
.cssnav
{
    position:relative;
    float:left;
     font-size: 13px;
     font-weight: bold;
    background-image: url(images/Blank_on.gif);
    background-repeat: no-repeat;
    /*white-space:nowrap;*/
    display:block;
    width:100px;
    height:24px;
    margin: 0;
    padding: 0;
    overflow:hidden;
}

.cssnav a
{
      display:block;
      float:left;
      font-size: 13px;
      width:100px;
      height:24px;
      display:block;
      float:left;
      color: Black;
      text-decoration: none;  
      overflow:hidden;
}

.cssnav img
{
    width:100px;
    height:24px;
    border: 0;
}

* html a:hover
{
    visibility:visible;
}

.cssnav a:hover img
{
    visibility:hidden;
}

.cssnav span
{
    position:absolute;
    top:2px;
    left: 25px;
    text-align:center;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

.csscart
{
    position:relative;
    float:left;
     font-weight: bold;
    background-image: url(images/Button.gif);
    background-repeat: no-repeat;
    /*white-space:nowrap;*/
    display:block;
    width:100px;
    height:24px;
    margin: 0;
    padding: 0;
    overflow:hidden;
       font-size: 13px;
}

.csscart a
{
      display:block;
      float:left;
      font-size: 13px;
      width:100px;
      height:24px;
      display:block;
      float:left;
      color: Black;
      text-decoration: none;  
      overflow:hidden;
}

.csscart img
{
    width:100px;
    height:24px;
    border: 0;
}

* html a:hover
{
    visibility:visible;
}

.csscart a:hover img
{
    visibility:hidden;
}

.csscart span
{
    position:absolute;
    top:3px;
    left: 7px;
    text-align:center;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}
/*question button*/
.cssquestion
{
    position:relative;
    float:left;
     font-weight: bold;
    background-image: url(images/Button.gif);
    background-repeat: no-repeat;
    /*white-space:nowrap;*/
    display:block;
    width:100px;
    height:24px;
    margin: 0;
    padding: 0;
    overflow:hidden;
       font-size: 11px;
}

.cssquestion a
{
      display:block;
      float:left;
      font-size: 11px;
      width:100px;
      height:24px;
      display:block;
      float:left;
      color: Black;
      text-decoration: none;  
      overflow:hidden;
}

.cssquestion img
{
    width:100px;
    height:24px;
    border: 0;
}

* html a:hover
{
    visibility:visible;
}

.cssquestion a:hover img
{
    visibility:hidden;
}

.cssquestion span
{
    position:absolute;
    top:4px;
    left: 7px;
    text-align:center;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

/*back button*/
.cssback
{
    position:relative;
    float:left;
     font-weight: bold;
    background-image: url(images/Blank_on.gif);
    background-repeat: no-repeat;
    /*white-space:nowrap;*/
    display:block;
    width:100px;
    height:24px;
    margin: 0;
    padding: 0;
    overflow:hidden;
       font-size: 13px;
}

.cssnback a
{
      display:block;
      float:left;
      font-size: 13px;
      width:100px;
      height:24px;
      display:block;
      float:left;
      color: Black;
      text-decoration: none;  
      overflow:hidden;
}

.cssback img
{
    width:100px;
    height:24px;
    border: 0;
}

* html a:hover
{
    visibility:visible;
}

.cssback a:hover img
{
    visibility:hidden;
}

.cssback span
{
    position:absolute;
    top:4px;
    left: 30px;
    text-align:center;
    color:Black;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    text-decoration:none;
}

/*see more new button stuff*/
.Seemore
{
    position:absolute;
     font-size: 13px;
     font-weight: bold;
    background-image: url(images/button.jpg);
    background-repeat: no-repeat;
    /*white-space:nowrap;*/
    display:block;
    width:126px;
    height:26px;
    margin: 0;
    padding: 0;
    overflow:hidden;
}

.Seemore a
{
      display:block;
      float:left;
      font-size: 13px;
      width:125px;
      height:26px;
      float:left;
      color: white;
      text-decoration: none;  
      overflow:hidden;
}

.Seemore img
{
    width:126px;
    height:26px;
    border: 0;
}

* html a:hover
{
    visibility:visible;
}

.Seemore a:hover img
{
    visibility:hidden;
}

.Seemore span
{
    position:absolute;
    top:2px;
    left: 0px;
    text-align:center;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}


/*end of button stuff*/

.SiteContainer
{
    background-color: white;
}

#SiteContainerList
{
    padding-top: 10px;
}

#DepartmentListButtons
{
    padding-left: 250px;
}

#PreviousNextButtons
{
    padding-left: 500px;
}

.SiteStaticMenu
{
    margin: -1px 0px 0px 0px;
}

.CatalogContainer
{
  padding-left: 10px;
  background-color: White;
}

.DepartmentListContent
{
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight:bold;
    font-size: 13px;
    background-color: Black;
}
a.DepartmentUnselected:hover
{
    color:black;
    font-weight: bold;
     font-size: 13px;
    background-image: url(images/blank_on.gif);
    height: 24px;
    width:100px;
}


.DepartmentSelected
{
     color:black;
    font-weight: bold;
     font-size: 13px;
    text-decoration: none;
    background-image: url(images/blank_on.gif);
    height: 24px;
    width:100px;
      padding-top: 2px;
       text-align:center;
}

.DepartmentUnselected
{
     color:black;
     font-weight: bold;
     text-align:center;
      text-decoration: none;
      font-size: 13px;
    padding-top: 2px;
       background-image: url(images/blank_off.gif);
    height: 24px;
    width:100px;
  
}

#boxTop
{
    width: 700px;
    height: 500px;
    padding-top:0px;
    padding-left:20px;
}
#galleryBox
{
    position:absolute;
    width: 700px;
    height: 500px;
    padding-top:0px;
    padding-left:20px;
}


#boxText1
{
    position:absolute;
    padding-top:10px;
    padding-left:60px;
    color:#005e20;
    font-size: 15px;
    font-weight:bolder;
}

#boxText2
{
    position:absolute;
    padding-top:10px;
    padding-left:240px;
    color:#005e20;
    font-size: 15px;
    font-weight:bolder;
}

#boxText3
{
    position:absolute;
    padding-top:10px;
    padding-left:430px;
    color:#005e20;
    font-size: 15px;
    font-weight:bolder;
}

#boxText4
{
    position:absolute;
    padding-top:170px;
    padding-left:70px;
    width: 500px;
}

#galleryButton
{
    position:absolute;
    padding-top:0px;
    padding-left:195px;
}
#OriginalsButton
{
    position:absolute;
    padding-top:0px;
    padding-left:0px;
}

#PrintsButton
{
    position:absolute;
    padding-top:0px;
    padding-left:180px;
}

#CardsButton
{
    position:absolute;
    padding-top:0px;
    padding-left:370px;
}


#blogInfo
{
    color:Black;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight:bold;
    font-size: 11px;
}

#aboutTopBoxLeft
{
    background-color:White;
    padding-left: 20px;
    padding-top: 25px;
}

#aboutTopBoxRight
{
    background-color:White;
    padding-left: 150px;
    padding-top: 20px;
    padding-right: 0px;
}

#aboutMiddleBoxLeft
{
    background-color:White;
    padding-left: 20px;
    padding-top: 30px;
}

#aboutMiddleBoxRight
{
    background-color:White;
    padding-left: 20px;
    padding-top:10px;
    padding-right: 15px;
}

#aboutBottomBoxLeft
{
    background-color:White;
    padding-left: 20px;
    padding-top: 30px;
}

#aboutBottomBoxRight
{
    background-color:White;
    padding-left: 20px;
    padding-top:10px;
    padding-right: 30px;
}
#aboutBottomBoxFarRight
{
    background-color:White;
    padding-left: 20px;
    padding-top:10px;
    padding-right: 30px;
}

#aboutVeryBottomBoxLeft
{
    background-color:White;
    padding-left: 20px;
    padding-top: 30px;
    padding-bottom: 20px;
}

#aboutVeryBottomBoxRight
{
    background-color:White;
    padding-left: 20px;
    padding-top:10px;
    padding-right: 10px;
    padding-bottom: 20px;
}


#aboutBottomBox
{
    background-color:White;
      padding-left: 200px;
}

#aboutForm
{
    background-color:White;
      padding-left: 20px;
      padding-right: 0px;
}

#aboutTextFooter
{
    color:Black;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight:bold;
    font-size: 11px;
    text-align: center;
}

#questionForm
{
    background-color:White;
      padding-left: 20px;
      padding-right: 0px;
      padding-top: 10px;
}

.highlightit img {
filter:alpha(opacity=80);
opacity: 0.8;
}

.highlightit:hover img 
{
filter:alpha(opacity=100); 
opacity: 1;
}

.SearchBoxOnPage
{
    padding-bottom:0px;
    padding-left: 680px;
}

.SearchBoxHead
{
    color: Black;
     font-family:  Arial, Verdana, Helvetica, sans-serif;
     font-size: 13px;
}

.SearchBoxContent
{
    color: Black;
     font-family:  Arial, Verdana, Helvetica, sans-serif;
     font-size: 13px;
}

.SearchBoxWords
{
    color: Black;
     font-family:  Arial, Verdana, Helvetica, sans-serif;
     font-size: 12px;   
}

#OilPaintingBottomText
{
    font-size: 10px;
}