html, body {
height : 100%;
}
BODY {
background :url("https://zip-cover.com/images/gradient.png") repeat-x #84B4FE;
max-height : 100%;
margin : 0;
text-align : center;
}
#Container {
max-width : 940px;
width : 940px;

/*height: 100%;*/
min-height : 100%;
/*
* min-height : 100%;
* max-height : 100%;
*/
margin : 0 auto;
text-align : left;
font-family : Arial, Helvetica, sans-serif;
border-right : 1px solid #2554c7;
border-left : 1px solid #2554c7;
/* background : #FFFFFF  url(https://zip-cover.com/images/gradientwash.png) repeat; /* changed repeat-x to repeat*/
background-color: #ABCDEF;
}

/* 
** mr. Jan 15, 2018
** this one for experimenting with index_work.html   
*/
#ContainerWork {
max-width : 940px;
width :    940px;

height: 1900px;
/*
height: 100%;
min-height : 100%;
max-height : 100%;
*/
/*
* min-height : 100%;
* max-height : 100%;
*/
margin : 0 auto;
text-align : left;
font-family : Arial, Helvetica, sans-serif;
border-right : 1px solid #2554c7;
border-left : 1px solid #2554c7;
/* background : #FFFFFF  url(https://zip-cover.com/images/gradientwash.png) repeat; /* changed repeat-x to repeat*/
background-color: #ABCDEF;
}

#Content {
padding-left : 10px;
padding-right : 10px;
padding-bottom : 15px;
}
p.button {
margin-top:-12px;
display:inline-block;
vertical-align:middle;
padding : 4px;
width : 132px;
height: 21px;
text-align : center;
border: 0px;
text-decoration : none;
background : url('https://zip-cover.com/manufacturers/see_dressed_boats/images/button.gif');
color : #000000;
font : 14px Arial, Helvetica, sans-serif;
font-weight: bold;
}
object.flashvideo {
width: 425px;
height:322px;
}
table.color1 { 
border: 1px #cccccc solid;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 150px;
}
div.smallfont { 
font-size: 13px;
}
td.color2 { 
border: 1px #cccccc solid;
}
table.price1 { 
border: 1px #cccccc solid;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 54%;
}
td.price3 { 
border: 1px #cccccc solid;
text-align: left; 
}
td.price4 { 
border: 1px #cccccc solid; 
text-align: center; 
}
th.price2 { 
border: 1px #cccccc solid; 
}
span.textcursor {
cursor:text
}
span.red {
color: #ff0000;
}
span.pointer {
cursor:pointer
}
img.button {
border:1px outset black
}
p.bold {
font-weight: bold;
text-align:left;
}
p.boldcenter {
font-weight: bold;
text-align: center;
}
p.small {
font-size : 11px;
}
p.center {
text-align : center;
}
div.center {
text-align : center;
}
p.left {
text-align : left;
}
p.right {
text-align : right;
}
p.arialcenter {
font-family : Arial;
text-align : center;
}
p.indent {
margin-left : 30px;
}
table.center {
border:0;
margin : auto;
text-align: center;
}
td.left {
text-align: left;
}
td.center {
text-align:center;
}

#facebook {
position : fixed;
 position:fixed;
 top: :0;
 right: 0;
}

#footer {
position : relative;
margin-top : -35px;
clear : both;
text-align : center;
font-family : Arial, Helvetica, sans-serif;
}
.white_content {
background-color:white;
border:2px outset #0000ff;
display:none;
height:150px;
left:2%;
padding:0;
position:fixed;
top:2%;
width:100px;
z-index:1000002;
}

.class1 A:link {
text-decoration : none;
}
.class1 A:visited {
text-decoration : none;
}
.class2 A:link {
text-decoration : none;
color : blue;
}
.class2 A:hover {
text-decoration : none;
color : blue;
}
.class2 A:visited {
text-decoration : none;
color : #000066;
}
#stylemedium1 {
margin : 0px 0px 0px 0px;
padding : 0;
z-index : 30;
}
#stylemedium1 li {
margin : 0;
padding : 0;
list-style : none;
float : left;
font : bold 14px Arial, Helvetica, sans-serif;
}
#stylemedium1 li a {
display : block;
margin : 0;
padding : 3px 3px;
width : 102px;
background : #00009f;
color : #fff;
text-align : center;
text-decoration : none;
border-right: 1px solid #ffffff;
}
#stylemedium1 li a:hover {
background : #4169e1;
}
#stylemedium1 div {
position : absolute;
visibility : hidden;
margin : 0;
padding : 0;
background : #00009f;
border : 1px solid #ffffff;
}
#stylemedium1 div a {
position : relative;
display : block;
margin : 0;
padding : 3px 3px;
width : auto;
white-space : nowrap;
text-align : left;
border : 1px solid #ffffff;
text-decoration : none;
background : #00009f;
color : #ffffff;
font : bold 14px Arial, Helvetica, sans-serif;
}
#stylemedium1 div a:hover {
background : #4169e1;
color : #ffffff;
}

/* below are styles added by mraisky */
.box_product_item {
	float: left;
	max-width : 900px;
   width :    100%;

	border: 2; 
	border-color: #FF0000; 
	
	padding-top: 10; 
	padding-bottom: 5;
	
  margin-top: 20px;
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
}
/* the following is for debugging boxes 
* {
   border: 1px solid red !important;
}
*/