* {
  margin: 0;
  padding: 0;
}
body {
 background-color: #dcdcdc;
}
body, h1, #divlnk-1, .para-1, #prodinf-1 h2,
#prodinf-2 {
  text-align: center;
}
h1 {
    font-size:20px;
}
h1, #prodinf-1 h2 {
  color:Blue;
    }
#prodinf-1 h2 {
    font-size:16px;
}
#letter-information, #prodinf-1 {
  text-align: left;
}

#page-container, #mainnav-1, #letter-information, #pic-1,
#prodinf-1 {
  margin:auto;
}

#page-container a:hover  {
 /*background-color:Fuchsia;*/
}
/*
#header 
{
    margin:auto;
	height: 106px;
	width:860px;
	text-align: center;
    color: #cc27d9;
	background: blue url(../images/headers/sdaheading.jpg); background-repeat:no-repeat;
	border: 0px solid black;
}
*/

h1, #name-address, #prodinf-1 h2 {
  margin:0;
  padding: 0;
  border: 0 solid green;
}
/*
#page-container {
  height:auto;
  width: 965px;
  border: 0px solid green;
}

#maindiv-1 {
 height: 500px;
 width:700px;
 border:0px solid blue;
}
*/
/*
#mainnav-1 {
 font-family: Arial;
 font-weight: bold;
 font-size: 12px;
 height: 16px;
 width:860px;
 border: 0px solid white;
 background-color: #cccccc;
 padding-top:2px;
}
#mainnav-1 li {
  padding-left:5px;
  padding-right:5px;

}

#mainnav-1 li, li a 
{
  background-color: #cccccc;
  display: inline;
  width:auto;
  text-decoration: none;
  color:black;

}
#mainnav-1 li a:hover, #divlnk-1 a:hover {
  background-color: lime;
  color:black;
}
#nav-l {
  float: left;
}
#nav-r {
  float: right;
}
#nav-c, #nav-d {
 
}
#top-logo-area {
  height:180px;
  border: 0px solid #ff00ff
}
*/
#name-address {
   width: 432px;
   border:0 solid red;
   float: left;
}
#letter-information {
   width: 90%;
   font-size: 18px;
   font-weight:normal;
   height: auto;
   clear:both;
   border: 0 solid yellow;
}
#pic-1 {
   width:640px;
   height: 250px;
   border: 0 solid black;
}
#pic-1 img {
   border: 1px solid blue;
}
#pic-1-d1 {
   background-image: url(../images/general/coppertone_sport.png); background-repeat: no-repeat; background-size:contain;
   height:200px;
   background-position: center; 
   border: 0 solid yellow;
   color: #000000;
}
#pic-2-d1 {
    background-image: url(../images/general/colgate_trialsize.jpg); background-repeat: no-repeat; background-size:contain;
   height:200px;
   background-position: center; 
   border: 0 solid yellow;
   color: #000000;

}

#pic-1-d1-b, #pic-1-d1-a, #pic-1-d1-a1 {
    margin:auto;
    height: auto;
    width:80%;
    font-size: 13px;
    text-align:center; 
    border: 0 solid purple;
}
#pic-1-d1-b {
    margin: auto;
    height: auto;
    width: 80%;
    font-size: 13px;
    text-align: left;
    border: 0 solid purple;
}
pic-1-d1-a {

}

 #pic-1-d2, #pic-1-d3, #pic-1-d4 {
   width: 80%;
   height:auto;
}
#divlnk-1, .para-1 {
  /*text-align: center;*/
}
#divlnk-1 a  {
    font-size:16px;
   color: red;
}
#prodinf-1 {
   width:99%;
   font-size:13px;
   border: 0 solid blue;
}
#prodinf-2 {
   color:Red;
}
#GridView1 {
    font-size:10px;
}
.banners1 {
   font-size: 10px;
   text-align:center;

}

.para-1 {
   /*text-align: center;*/
      font-size: 10px;

}

.fspt8 {
  font-size: 8pt;
}
.fspt12 {
  font-size: 12pt;
}
.fspt14 {
  font-size: 14pt;
}
.spch2 {
   height:2px;
}
.spch7 {
   height:7px;
}
.spch14 {
   height:14px;
}
.spch30 {
   height:30px;
   border: 0 solid green;
}
.spc-10 {
    height:10px;
}
/*
#footer-container 
{
    color:White;
	background: blue;
    clear:both;
    width:860px;
    margin:auto;
    border:0px solid;
    height:60px;
}
#footer-copy {
    float: right;
    text-align: left;
	background: blue;
	width: 282px;
}
#footer-copy span{
    font-size: 9pt;
}

#footer {
	float: left;
	background: blue;
	height: 55px;
	font-weight:bold;
	margin-right: 0px;
	padding: 0px;
}
*/
@media screen and (min-width: 600px) {
h1 {font-size:36px;
}

    #pic-1-d1-b, #pic-1-d1-a, #pic-1-d1-a1, #pic-1-d1-b1 {
        font-size:16px;
    }
    #divlnk-1 a {
        font-size: 24px;
    }
#prodinf-1 h2 {
    font-size:24px;
}
#GridView1 {
    font-size:14px;
}

}