html, body 
    {
	height: 100%;
    }
    
#container {
    position: relative;
    min-height: 100%;
    height: 100%;
}
BODY {font-family: Arial; font-size: 8pt; font-weight: normal; color: #666666;  background: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
IMG {BORDER: 0px solid;}
.pic {BORDER: 1px #cccccc solid;}
table {  font-family: Arial; font-size: 8pt; font-weight: normal; color: #666666; padding: 0px;}
TH  {
  font-family: Arial;
  font-size : 11px;
  color : #0A5D9D; 
  background: #FFFDCC;
  font-weight : bold;
  text-align: left;
  padding: 5px 5px 5px 5px;
  border: #E6E6E6; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;
}
td {
  font-family: Arial;
  font-size : 8pt;
  color: #666666; 
  /*border: 0px solid #E6E6E6;
  border-collapse: collapse;*/
}

a { font-family: Arial; font-size: 11px; font-weight: normal; color: #CC8F2E; text-decoration: underline}
a:visited { font-size: 11px; font-weight: normal; color: #CC8F2E; text-decoration: underline}
a:hover { font-size: 11px; font-weight: normal; color: #73C3FF; text-decoration: underline}

#container { MARGIN: 0px 0px 0px 0px; PADDING: 0px 0px 0px 0px; WIDTH: 100%; /*BACKGROUND: #ffffff url(../img/bg_centerbox.gif) repeat;*/ vertical-align: top;}
#outertopbox { MARGIN: 0px 0px 0px 0px; PADDING: 0px 0px 0px 0px; WIDTH: 100%; HEIGHT: 240px; BACKGROUND: url(../img/bg_topbox.gif) repeat-x left top;}
#innertopbox { MARGIN: 0px 0px 0px 0px; PADDING: 0px 0px 0px 0px; WIDTH: 100%; HEIGHT: 240px; BACKGROUND: url(../img/bow.jpg) no-repeat left top;}
.searchtext { font-size: 12px; color: #73C3FF; font-weight: bold; padding: 0px 5px 0px 0px; text-align: right;}
INPUT.searchform {font-size: 11px; color: #333333; text-align: Left; background: #73C3FF; float: left; clear: left; margin: 0px 0px 0px 0px; padding: 1px 3px 1px 3px; width: 120px; border: #ffffff; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.logo { HEIGHT: 105px; PADDING: 0px 20px 0px 20px; vertical-align: top; }
.topmenubox {HEIGHT: 34px; PADDING: 0px 10px 0px 0px; vertical-align: top; text-align: right;}
a.menutop { font-size: 10px; color: #ffffff; font-weight: normal; text-decoration: none; vertical-align: top; text-align: center; width: 79px; display: block; padding: 12px 0px 12px 0px; BACKGROUND: url(../img/bg_topmenu.gif) no-repeat left top; line-height: 1em;}
a.menutop:visited { font-size: 10px; color: #ffffff; font-weight: normal; text-decoration: none; vertical-align: top; width: 79px; display: block; BACKGROUND: url(../img/bg_topmenu.gif) no-repeat left top; line-height: 1em;}
a.menutop:hover { BACKGROUND-POSITION: 0px -34px; font-size: 10px; color: #0A5D9D; font-weight: normal; text-decoration: none; vertical-align: top; width: 79px; display: block; }
A.menutop#active_topmenu { BACKGROUND-POSITION: 0px -34px; font-size: 10px; color: #0A5D9D; font-weight: normal; text-decoration: none; vertical-align: top; width: 79px; display: block; }
.border1 {background: url(../img/border1.gif) no-repeat left center; WIDTH: 1px; padding: 0px 0px 0px 0px;}
.border2 {background: url(../img/border2.gif) no-repeat left center; WIDTH: 1px; padding: 0px 0px 0px 0px;}
.langbox { HEIGHT: 25px; font-size: 11px; color: #73C3FF; padding: 0px 10px 0px 0px; text-align: right;}
a.lang { font-size: 11px; font-weight: bold; color: #73C3FF; text-decoration: none; padding: 2px 3px 2px 3px;}
a.lang:visited { font-size: 11px; font-weight: bold; color: #73C3FF; text-decoration: none}
a.lang:hover { font-size: 11px; font-weight: bold; color: #055795; text-decoration: underline}
a.lang#active_lang { font-size: 11px; font-weight: bold; color: #055795; /*padding: 2px 3px 2px 3px;*/}
#outercenterbox { MARGIN: 0px 0px 0px 0px; PADDING: 0px 0px 0px 0px; WIDTH: 100%; vertical-align: top; }
#innercenterbox { MARGIN: 0px 0px 0px 0px; PADDING: 0px 0px 0px 0px; WIDTH: 100%; BACKGROUND: url(../img/corner_bow.jpg) no-repeat left top; min-height: 100px; }
.leftbox { PADDING: 0px 0px 0px 0px; WIDTH: 350px; vertical-align: top; }
.titlebox { font-size: 12px; font-weight: bold; color: #73C3FF; MARGIN: 0px 0px 0px 0px; PADDING: 3px 0px 0px 0px; HEIGHT: 54px; BACKGROUND: url(../img/bg_titleblock.gif) no-repeat left top; vertical-align: top;}
.border3 {background: #EEEDD5; HEIGHT: 1px; padding: 0px 0px 0px 0px;}
.servicebox {background: #FFFDCC; padding: 9px 5px 9px 5px;}
A.mainlevel:link { DISPLAY: block;  FONT-WEIGHT: normal; FONT-SIZE: 9px; BACKGROUND: url(../img/bg_leftmenu.gif) no-repeat; WIDTH: 100%; COLOR: #666666; TEXT-DECORATION: none; padding: 6px 5px 6px 14px; line-height: 0.7em;}
A.mainlevel:visited { DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 9px; BACKGROUND: url(../img/bg_leftmenu.gif) no-repeat; WIDTH: 100%; COLOR: #666666;  TEXT-DECORATION: none; padding: 6px 5px 6px 14px; line-height: 0.7em;}
A.mainlevel:hover { BACKGROUND-POSITION: 0px -39px; COLOR: #CC8F2E; TEXT-DECORATION: none; line-height: 0.7em;}
A.mainlevel#active_menu { BACKGROUND-POSITION: 0px -39px; FONT-WEIGHT: normal; COLOR: #CC8F2E; line-height: 0.7em;}
.tapesbox1 { MARGIN: 0px 0px 0px 0px; PADDING: 0px 0px 0px 0px; WIDTH: 160px; BACKGROUND: #FFFDCC url(../img/tapes1.jpg) no-repeat  left top; }
.border4 {background: url(../img/border4.gif) repeat-x left top; HEIGHT: 5px; padding: 0px 0px 0px 0px;}
.centerbox { PADDING: 0px 0px 0px 0px; /*WIDTH: 560px; */vertical-align: top;}
.deliverybox { MARGIN: 0px 0px 0px 0px; PADDING: 0px 0px 0px 0px; WIDTH: 560px; HEIGHT: 204px; BACKGROUND: #1D62A5 url(../img/bg_delivery.jpg) no-repeat left top; }
.deliverytext { color : #ffffff; font-size : 11px; font-weight: normal; padding: 1px 0px 1px 0px; vertical-align: top;}
SELECT {font-family: Arial; font-size: 12px; color: #666666; text-align: Left; background: #FFFFFF; margin: 0px 0px 0px 0px; padding: 1px 2px 1px 2px; width: 200px; border: #C9D1D5; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.selectpricebox { MARGIN: 0px 0px 0px 0px; PADDING: 0px 0px 0px 0px; WIDTH: 560px; HEIGHT: 45px; BACKGROUND: url(../img/tapes2.gif) no-repeat  right bottom; }
.selectpricetext { color : #1D62A5; font-size : 12px; font-weight: bold; padding: 1px 5px 1px 5px;}
.border5 {background: #dddddd; HEIGHT: 1px; padding: 0px 0px 0px 0px;}
.thumbbox {background: #F5F5F5; WIDTH: 170px; HEIGHT: 170px; padding: 0px 0px 0px 0px; text-align: center; border: #E6E6E6; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.descriptionbox {background: #FFFDCC; WIDTH: 170px; padding: 10px 10px 10px 10px; border: #E6E6E6; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.price { color : #CC8F2E; font-size : 12px; font-weight: bold;}
.rightbox { PADDING: 0px 0px 0px 0px; WIDTH: 160px; vertical-align: top; }
.formtext { color : #666666; font-size : 12px; font-weight: normal; padding: 3px 2px 3px 0px; }
.formitem { color : #CC8F2E; font-size : 12px; font-weight: bold; padding: 3px 2px 3px 0px; }
INPUT.logintext { font-family: Arial; font-size: 11px; color: #666666; background: #FFFFFF; float: left; clear: left; margin: 2px 0px 2px 0px; padding: 0px 3px 0px 3px; width: 100px; border: #B3B3B4; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
INPUT.but { font-family: Arial; font-size : 11px; color: #095B9A; font-weight: bold; text-align: center; background: #FFE98D url(../img/bg_button.gif) repeat-x left top; margin: 2px 0px 2px 0px; padding: 5px 2px 5px 2px; WIDTH: 140px; border: #F5C06B; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
#outerbotbox { MARGIN: 0px 0px 0px 0px; PADDING: 0px 0px 0px 0px; WIDTH: 100%; HEIGHT: 150px; BACKGROUND: url(../img/bg_bottombox.gif) repeat-x  left bottom; vertical-align: bottom; }
#innerbotbox { MARGIN: 0px 0px 0px 0px; PADDING: 0px 0px 0px 0px; WIDTH: 100%; HEIGHT: 150px; BACKGROUND: url(../img/small_bow.jpg) no-repeat right bottom;}
.servicemenubox { font-family: Tahoma; font-size: 11px; color: #FFE402; HEIGHT: 60px; padding: 0px 0px 0px 0px; text-align: center; vertical-align: bottom;}
a.small { font-size: 11px; font-weight: normal; color: #FFE402; text-decoration: underline;}
a.small:visited { font-size: 11px; font-weight: normal; color: #FFE402; text-decoration: underline;}
a.small:hover { font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: underline}
.copyright { HEIGHT: 40px; font-size: 11px; color: #73C3FF; padding: 0px 0px 0px 0px; text-align: center;}
.botboxcorner { MARGIN: 0px 0px 0px 0px; PADDING: 0px 0px 0px 0px; WIDTH: 100%; HEIGHT: 50px; BACKGROUND: url(../img/botboxcorner.gif) no-repeat left bottom;}


H1 { font-family: Arial; font-size: 18px; font-weight: normal; color: #40AAF9; padding: 5px 5px 5px 0px;  margin: 0px 0px 0px 0px;}
H2 { font-family: Arial; font-size: 12px; font-weight: bold; color: #ffffff; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; }
H3 { font-family: Arial; font-size: 12px; font-weight: bold; color: #CC8F2E; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 0px;}

ul { font-size: 12px; text-align: left; padding: 0px 0px 0px 0px; margin: 5px 5px 5px 25px; list-style-image: url(../img/arrow1.gif)}
li { font-size: 12px; text-align: left; padding: 5px 0px 5px 0px; vertical-align: top; line-height: 1.2em;}

p 
    {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding: 3px 0px 3px 0px; 
	margin: 0px 0px 0px 0px; 
	line-height: 1.2em;
    }

.card
    {
	margin-right: 35px;
	margin-bottom: 15px;
    }