body {
background: #84000D;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
}
.twoColFixLtHdr #container {
width: 950px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left;
margin-top: 0;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}
.twoColFixLtHdr #header {
background-color: #FFFFFF;
background-image: url(images/2022_430x122_heading.png);
height: 125px;
padding-top: 0;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-repeat: no-repeat;
background-position: center;
}
.twoColFixLtHdr #sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 165px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
background: #FFFFFF;
padding-top: 15px;
padding-right: 5px;
padding-bottom: 15px;
padding-left: 10px;
}
.twoColFixLtHdr #mainContent {
margin: 0 0 0 200px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0 5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.twoColFixLtHdr #footer {
height: 50px;
background-color: #FFFFFF;
background-image: url(images/footer.jpg);
background-position: 178px;
background-repeat: no-repeat;
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
padding-right: 50px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.topic {
font-family: Poppins, sans-serif;
font-size: 18px;
color: #98110B;
font-weight: 400;
font-style: normal;
text-align: justify;
}
.content {
font-family: Poppins, sans-serif;
font-size: 16px;
color: #666666;
text-align: left;
margin-right: 100px;
margin-left: 25px;
padding-bottom: 35px;
}
.contentstyle {
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 300;
color: #61666C;
padding-right: 20px;
text-align: left;
font-style: normal;
padding-bottom: 10px;
background-color: #FFF;
}
.content_text {
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 300;
color: #61666C;
padding-right: 125px;
text-align: justify;
font-style: normal;
padding-bottom: auto;
background-color: #FFF;
padding-top: auto;
}
.optionalphoto {
margin-bottom: 25px;
}
.padphoto {
padding: 0px;
border: thin outset #EADDEC;
}
.smallcentertags {
font-family: Poppins, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
color: #535353;
background-position: center top;
text-align: center;
padding: 0px;
}
.detailphotobox {
background-color: #FFF;
margin-top: 0px;
margin-right: 35px;
margin-bottom: 10px;
margin-left: 35px;
border: 1px solid #d6d6d6;
}
h1 {
color: #98110B;
font-size: 18px;
font-weight: 400;
}
h2 {
line-height: 100%;
}
h3 {
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 400;
padding-top: auto;
color: #98110B;
display: inline; /*inline=text continues, no space as in after a block*/
}
h4 {
font-family: Poppins, sans-serif;
font-size: 12px;
font-weight: normal;
color: #535353;
display: inline;
}
h5 {
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 300;
color: #535353;
display: inline;
}
.click_for_detail {
font-family: Poppins, sans-serif;
font-size: 100%;
font-style: normal;
color: #000;
text-align: left;
font-weight: normal;
text-indent: 0px;
padding-left: 1px;
}
.right_price_tag {
font-family: Poppins, sans-serif;
text-align: right;
font-size: 90%;
font-weight: normal;
padding-top: 5px;
padding-right: 10px;
color: #535353;
}
.detail_price_tag {
font-family: Poppins, sans-serif;
text-align: left;
font-size: 100%;
font-style: normal;
font-weight: lighter;
padding-top: 10px;
}
.pageback {
font-family: Poppins, sans-serif;
font-size: 80%;
color: #D6D6D6;
}
#shadow {
width: 980px;
margin-right: auto;
margin-left: auto;
background-image: url(images/red_border_shadow.jpg);
background-repeat: repeat-y;
}
div.img
{
margin: 1px;
border: 1px solid #ccc;
height: 375px;
width: 158px;
float: left;
text-align: center;
padding-top: 10px;
}
div.img img
{
display: inline;
margin: 3px;
border: 1px solid #ccc;
}
div.desc
{
text-align: center;
font-weight: normal;
font-size:10px
width: 140px;
margin: 2px;
padding-left: 10px;
padding-top: 5px;
}
div.landing... was for detail product pages, NOT IN USE WITH NEW SLIDER PAGE-
div.landingimg
{
margin: 1px;
border: 1px solid #eeeeee;
height: 350px;
width: 275px;
float: left;
text-align: center;
}
div.desclgt {
text-align: center;
font-weight: 250;
font-size: 10px
width: 140px;
margin: 2px;
padding-left: 10px;
padding-top: 2px;
}
div.landingimg img
{
display: inline;
border: 1px solid #000;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 10px;
}
div.landingdesc
{
text-align: center;
font-weight: normal;
width: 250px;
margin: 2px;
padding: 10px;
}
div.upper_productimg
{
height: 260px;
width: 308px;
float: left;
text-align: center;
background-color: #fff;
margin-top: 1px;
margin-right: 15px;
margin-bottom: 15px;
margin-left: 1px;
padding-top: 10px;
border: 1px solid #ccc;
}
div.upper_productimg img
{
display: inline;
margin: 3px;
border: 1px solid #ccc;
}
div.upper_productdesc
{
font-family: Poppins, sans-serif;
text-align: center;
font-weight: normal;
width: 298px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
font-size: 110%;
margin: 2px;
padding: 5px;
}
/*tablet view*/
@media (min-width: 401px) and (max-width: 768px){
.tablet-view {
display: block;
}
}
/*mobile view*/
@media (max-width: 400px){
.mobile-view {
display: block;
}
}
.desktop-view {
display: none;
}