body {
  background: #b9b9b9 url('../graphics/main_bckg.gif') repeat-x;
  margin:0px;
  padding:0px;
  text-align:center; 
  color:black;
  font-size:12px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}
a {
  color: #3c7763;
  text-decoration:none;
}
a:hover{
  text-decoration: underline;
}

.anoefect:hover{
  background-color: transparent;

}

input{
  font-size:12px;
  font-family: Verdana
}
input.input_button {
  border:solid 1px #9bb9af;
  background-color: transparent;
  margin-top:3px;
  color: #8b8b8d;
  font-weight: bold;
  font-size: 13px;
  cursor: pointer;
  height: 20px;
}

.input_button2 {
	width: 30px; background: white; height: 18px;
}

.input_button2_on {
	background: #9cb1c2; color: white; cursor: pointer;
}

input.input_text_a{
  border:solid 1px #9bb9af;
  background: white ;
  width:96px;
  height:16px

}

h1{
  font-size: 15px;
  color:#9A0101;
  text-align:left;
  margin:0px;
  
  width:407px;
  padding:0px

}

h2{
  font-size: 15px;
  color:#9A0101;
  text-align:left;
  margin:0px;
  padding:0px;
  margin-bottom:7px

}

.prod_h3{
	margin: 0px; padding: 0px; width: 480px;
}

.cleaner{
	clear: both; font-size: 1px;
}

#fptopleft{
  font-size:12px;
  margin-top:12px;
  background:url('../graphics/fpgbkg.jpg') no-repeat;
  width:226px;
  height:245px;
  float:left;
  line-height:17px

}
#fptopleft{
  padding:0px 5px 5px 5px
}

#fptopright{
  font-size:11px;
  width:236px;
  height:245px;
  float:left;
  line-height:10px

}

#topgradient {
	position: absolute; left: 0px; top: 0px; background: url('../graphics/main_bckg.gif'); display: block; width: 100%; height: 498px;
}

#leftshadow {
	display: block; position: absolute; left: 0px; top: 0px; height: 498px; width: 8px; background: url('../graphics/main_border_left.gif');
}

#rightshadow {
	display: block; position: absolute; right: 0px; top: 0px; height: 498px; width: 8px; background: url('../graphics/main_border_right.gif');
}

#maindiv{
  background: white url('../graphics/bckg.gif') center;
  width:966px;
  position: relative;
	margin: 0 auto;
	/*left: 50%;
	margin-left: -475px;
	top: 0px;
	*/
}
#head_container{
  background: url('../graphics/header.jpg');
  height: 145px;
  margin-left:0px;
  margin-right:0px;
  display: block;
}
#banner-bezpecnostni-skrine {
  padding-top: 60px;
  margin-left: 140px;
  text-align: left;
}
.separator{
  clear:both;
  font-size: 1px;
  height:1px;
}
#menublock{
	height: 100px;
}
#loginblock{
	width: 210px; background: url('../graphics/loginbckg.gif') top; float: left; height: 100px; position: relative; left: 8px; top: 10px;
}
#menuselectblock{
	width: 500px; background: url('../graphics/menubckg.gif') top; height: 100px; position: relative; float: left; left: 16px; top: 10px;
}
#loginselectblock{
	width: 149px;
	display: block;
	float: left;
}
#konecvahy{
	width: 243px;
	height: 100px;
	background: url('../graphics/konecvahy.jpg');
	position: absolute;
	left: 715px;
}
#polozkymenu{
	float: left;
	width: 498px;
	height: 84px;
	display: block;
	margin-left: 0px;
}
#polozkymenu div{
	float: left; margin-right: 30px;
}

#polozkymenu a{
	text-decoration: none;
}
#polozkymenu a:hover{
	text-decoration: none;
}
.menu_home{
	display: block;
	background: url('../graphics/home_off.gif') center no-repeat;
	width: 57px;
	height: 77px;
}
.menu_profil{
	display: block;
	background: url('../graphics/profil_off.gif') center no-repeat;
	width: 47px;
	height: 77px;
}
.menu_kontakt{
	display: block;
	background: url('../graphics/kontakt_off.gif') center no-repeat;
	width: 62px;
	height: 77px;
}
.menu_poptavka{
	display: block;
	background: url('../graphics/poptavka_off.gif') center no-repeat;
	width: 72px;
	height: 77px;
}
.menu_aktuality{
	display: block;
	background: url('../graphics/aktuality_off.gif') center no-repeat;
	width: 71px;
	height: 77px;
}

.menubottline {
	display: block; background: #3e7562; width: 100%; height: 1px; font-size: 1px;
}

#leftcol{
  width:232px;
  float:left;
  position: relative;
  text-align:left;
  margin-right: 0px;
  margin-left: 0px;
  left: 2px;
}
#rightcol{
  width: 198px;
  float: right;
  text-align:left;
 	margin-top: 0px;
 	position: relative;
 	left: 2px;
}
#centercol_container {
  width:500px;
  float:left;
  margin-top: 7px;
  margin-left: 0px;
  position: relative;
  left: 7px;
}

.centercol{
  
  margin-left:0px;
  margin-right:0px;
  width: 510px;
  color:black;
  text-align:left;
  padding:0px;
	background: url(../graphics/center_bckg.gif) no-repeat;
}

.centercol_top{
	background: url(../graphics/center_top.gif) no-repeat; width: 510px; height: 30px; margin-left: 0px; font-size: 16px; color: white; font-weight: bold;
}

.centercol_top span {
	position: relative; top: 5px; left: 5px;
}

.centercol_content{
	padding: 0px; position: relative; left: 0px;
}

.hmenu{
  height:22px;
  background-image: url('../graphics/hmenubkg.gif');
  text-align:left;
}
.hmenu_menu{
  list-style:none;
  margin:0px;
  padding: 0px;
}
.hmenu_menu li{
  display: inline;
  font-weight: bold;
}
.hmenu_menu li a{
  color: #EFEFEF;
  text-decoration:none;
  padding-left: 14px;
  padding-right: 14px;
  padding-top:3px;
  padding-bottom:3px;
  display:block;
  float:left
}
.hmenu_menu li a:hover{
  background-color:#414141;
  border-top:solid 1px black;
  border-bottom:solid 1px black
  
}
.popdiv{
   position:absolute; 
   background-color:#ececed; 
   margin-top:22px; 
   visibility:hidden;
   border:solid 1px #9a0101;
   border-top:solid 2px #9a0101;
  padding-right:7px
}
#zapati{
  background-image: url('../graphics/bottom_matky.gif');
  height:20px;
  text-indent:30px;
  text-align: left;
  margin-left:7px;
  margin-right:7px;
  
}
#prihlas_ul{
  list-style:none;
  margin:0px;
  padding:0px;
  padding-left:0px;
  margin-top:4px;
  margin-left:7px
}
#prihlas_ul li{
  margin-top:2px
}
label.login_frm{
  width:30px;
  display:block;
  float:left;
  font-weight: bold;
  font-size: 12px;
  margin-top: 2px;
  color: #3e7361;
}
.leftmenu1{
  margin-left:0px;
  margin-top: 7px;
  width: 232px;
  background-image: url('../graphics/menu_left_bckg.gif');
  position: relative;
}
.leftmenu1_top{
	width: 232px;
	height: 30px;
	display: block;
	background: url('../graphics/menu_top_laborator.gif');
	margin-bottom: 1px;
}
.leftmenu2_top{
	width: 232px;
	height: 30px;
	display: block;
	background: url('../graphics/menu_hracky.gif');
}
.leftmenu3_top{
	width: 232px;
	height: 30px;
	display: block;
	background: url('../graphics/menu_elektro.gif');
}
.leftmenu4_top{
	width: 232px;
	height: 30px;
	display: block;
	background: url('../graphics/menu_kontakty.gif');
}
.leftmenu1_bottom{
	width: 232px;
	height: 1px;
	display: block;
	font-size: 1px;
	background: #9bb9af;
}
.leftmenu_bckg2{
	background: url('../graphics/menu_left_bckg.gif') top repeat-x;
	width: 218px;
	margin-left: 5px;
	_height: 460px;
	min-height: 460px;
}

.rightmenu1{
  margin-left:0px;
  margin-top: 7px;
  width: 193px;
  background-image: url('../graphics/menu_right_bckg.gif');
  font-weight: bold;
  font-size: 13px;
}
.rightmenu1 a{
	color: #bb0d0c;
}

.rightmenu1_top{
	width: 193px;
	height: 30px;
	display: block;
	background: url('../graphics/menu_top_kosik.gif');
}
.rightmenu2_top{
	width: 193px;
	height: 30px;
	display: block;
	background: url('../graphics/menu_top_vyhledavani.gif');
}
.rightmenu3_top{
	width: 193px;
	height: 30px;
	display: block;
	background: url('../graphics/menu_top_akce.gif');
}
.rightmenu4_top{
	width: 193px;
	height: 30px;
	display: block;
	background: url('../graphics/menu_top_novinky.gif');
}
.rightmenu5_top{
	width: 193px;
	height: 30px;
	display: block;
	background: url('../graphics/menu_top_odkazy.gif');
}
.rightmenu1_bottom{
	width: 193px;
	height: 1px;
	display: block;
	font-size: 1px;
	background: #9bb9af;
}
.rightmenu_bckg2{
	background: url('../graphics/menu_right_bckg2.gif') top repeat-x;
	width: 193px;
	margin-left: 0px;
}

/*
.rightmenu1 img{
	border: 1px solid grey; position: relative; left: -3px;
}
*/

.menu_ul{
  list-style:none;
  margin:0px;
  padding:0px;
  margin-left:13px;
  margin-top: 14px;

}
.menu_ul li a{
  background: url('../graphics/menuitembkg.gif') no-repeat 7px 2px;
  display: block;
  padding-left: 18px;
  color: black;
  text-decoration:none;
  margin-top:3px;
  margin-bottom:7px;
  padding-top:1px;
  padding-bottom:1px
}
.menu_ul li a:hover{
  background:#A39F95 url('../graphics/menuitembkg_hover.gif') no-repeat 7px 2px;
  display: block;
  margin-bottom:7px
  
}
.popdiv_menu_ul{
  list-style:none;
  margin:0px;
  padding:0px;
  margin-left:13px;
  margin-top: 14px;

}
.popdiv_menu_ul li a{
  background: url('../graphics/menuitembkg_hover.gif') no-repeat 7px 2px;
  display: block;
  padding-left: 18px;
  color: #9a0101;
  text-decoration:none;
  margin-top:3px;
  margin-bottom:7px;
  padding-top:1px;
  padding-bottom:1px
}
.popdiv_menu_ul li a:hover{
  background:#DDDDDD url('../graphics/menuitembkg_hover.gif') no-repeat 7px 2px;
  display: block;
  margin-bottom:7px
}
#poster{
  background-image: url('../graphics/poster_frame.gif');
  width:178px;
  height:204px;
  margin-top:7px
}
#poster img{
  margin-left:7px;
  margin-top: 10px

}
.fullwidthframe_rt{
  float:right;
  background: url('../graphics/fwframe_rt.gif') no-repeat;
  width:13px;
  height:13px;
  font-size:1px;
}
.fullwidthframe_rb{
  float:right;
  background: url('../graphics/fwframe_rb.gif') no-repeat;
  width:13px;
  height:13px;
  font-size:1px;
}
.fullwidthframe_lt{
  float:left;
  background: url('../graphics/fwframe_lt.gif') no-repeat;
  width:13px;
  height:13px;
  font-size:1px;
}
.fullwidthframe_lb{
  float:left;
  background: url('../graphics/fwframe_lb.gif') no-repeat;
  width:13px;
  height:13px;
  font-size:1px;
}
.fullwidthframe{
  width:597px;
  float:left;
  background-color:white;
}
.fullwidthframe_contents{
  padding-left:7px;
  padding-right:7px;
}
.news a {
  text-decoration: none;
}
.news a:hover {
  background:#A39F95;
}
.sipky_passive {
	width: 18px; height: 18px; display: block; background: #ececec url(../graphics/list_off.gif) no-repeat center; padding-left: 0px; padding-right: 0px;  position: absolute; left: 0px; top: 0px;
}

.sipky_passive_on {
	width: 18px; height: 18px; display: block; background: #d20000 url(../graphics/list_off_over.gif) no-repeat center; float: left; padding-left: 0px; padding-right: 0px; font-size: 1px; position: absolute; left: 0px; top: 0px;
}

.sipky_active {
	width: 18px; height: 18px;  display: block; background: #d20000 url(../graphics/list_on.gif) no-repeat center; float: left; margin-right: 0px; font-size: 1px; padding-left: 0px; padding-right: 0px; position: absolute; left: 0px; top: 0px;
}

.sipky_active_on {
	width: 18px; height: 18px;  display: block; background: #ececec url(../graphics/list_on_over.gif) no-repeat center; float: left; margin-right: 0px; font-size: 1px; padding-left: 0px; padding-right: 0px; position: absolute; left: 0px; top: 0px;
}

.sipky_none {
	width: 20px; height: 18px;  display: block; background: #f5f5f5; float: left; top: 0px; position: relative; margin-right: 0px; font-size: 1px; padding-left: 0px; padding-right: 0px;
}

.sipky_none_on {
	width: 20px; height: 18px;  display: block; background: #d20000; float: left; top: 0px; position: relative; margin-right: 0px; font-size: 1px; padding-left: 0px; padding-right: 0px;
}

.menu_noundersec{
	width: 18px; height: 18px; display: block; background: #ececec url(../graphics/menu_off_nomore.gif) center no-repeat; float: left; margin-right: 0px; font-size: 1px; padding-left: 0px; padding-right: 0px; position: absolute; left: 0px; top: 0px;
}

.menu_noundersec_on{
	width: 18px; height: 18px; display: block; background: #d20000 url(../graphics/list_on.gif) center no-repeat; float: left; margin-right: 0px; font-size: 1px; padding-left: 0px; padding-right: 0px; position: absolute; left: 0px; top: 0px;
}


#products {
	margin-left: 0px; width: 500px; position: relative; left: 0px;
}

.product {
	margin-left: 0px; margin-bottom: 2px; text-align: left; background: #f5f5f5; width: 509px; color: #5e5e5e;
}

.product_right {
	float: left; position: relative; margin-top: 5px; margin-left: 10px;
}

.product_color_normal {
	width: 450px; height: 2px; display: block; background: #9baebc;
}

.product_color_important {
	width: 180px; height: 15px; display: block; background: #c11d1c;
}

.product_color_new {
	width: 180px; height: 15px; display: block; background: #376a9f;
}

.product_content {
	width: 490px; _height: 150px; min-height: 150px; display: block; text-align: left;
}

.product_title {
	width: 340px; text-align: left; height: 30px; font-weight: bold; padding-top: 5px;
}

.product_img {
	width: 140px; height: 92px; text-align: left; vertical-align: middle; float: left; position: relative; margin: 10px 0 0 0; text-align: left;
}

.product_img div{
	position: relative;
}

.product_img_pos {
	position: relative; left: 50%; margin-left: -58px;
}

.product_info {
	font-size: 13px; font-weight: bold; font-family: tahoma, arial, helvetica; height: 60px; width: 340px; color: #5e5e5e;
}

.product_info_left {
	float: left; width: 140px; text-align: left; position: relative; font-size: 11px; font-weight: normal; color: #5e5e5e;
}
	

.product_info_right {
	float: left; width: 190px; position: relative; margin-left: 10px; font-size: 12px; font-weight: normal;
}

.product_info_right span {
	font-size: 11px; font-weight: bold;
}

.prod_inf_div {
	position: relative; width: 100%; text-align: right; right: 38px; top: -11px;
}

.product_desc {
	font-size: 10px; text-align: justify; padding: 0px 5px 5px 5px;
}

.product_desc div {
	font-size: 9px; color: #5e5e5e; padding: 2px 0 0 0px;
}

.prod_price {
	margin-bottom: 5px; margin-top: 2px;
}

.prod_sleva {
	margin-bottom: 5px; margin-top: 0px;
}

.prod_price span{
	width: 120px; font-size: 11px; color: #5e5e5e;
}

.product_info_left div span{
	color: #5e5e5e ; font-weight: bold;
}

.section {
	font-size: 15px; color: white; margin-left: 6px; font-weight: bold; margin-bottom: 10px;
}

.filters {
	width: 509px; height: 50px; display: block; position: relative; left: 0px; margin-bottom: 4px; background: #f5f5f5; top: 2px;
}

.filters span {
	position: relative; top: 0px; left: 0px; float: left;
}

.filt_right {
	position: relative; right: 0px; float: right; top: 5px; background: #f5f5f5;
}

.amount_box {
	width: 20px; height: 15px; border: 1px solid #737372; position: relative; top: 1px; font-size: 11px; padding: 0px 2px; left: 0px;
}

.vypis_spl_info {
	width: 551px; background: #d2e3f7;
}

.vypis_spl_info td {
	width: 100px; font-weight: bold;
}

.vypis_spl_pol {
	width: 551px; background: #f1f6fc;
}
.noefect{
  margin:0px;
  padding:0px;
  font-size:100%;
  font-weight:normal;
  width:auto
}
.vypis_spl_pol td {
	height: 25px;
}

.vypis_spl_info td {
	width: 90px; padding: 0px;
}

.cart {
	position: relative; width: 510px; left: 0px; margin-top: 10px;
}

.cart_title {
	font-size: 18px; font-weight: bold; margin-bottom: 30px; color: white; margin-left: 30px;
}

.cart_image {
	position: absolute; width: 18px; height: 25px; background: url(../graphics/cartimg1.gif) center no-repeat; display: block; top: -2px; left: 0px;
}

.cartnfo {
	width: 150px; height: 15px; background: none; margin: 0 2px 2px 0; text-align: right; font-weight: bold;
}

.cartnfo_2 {
	width: 150px; height: 15px; background: none; margin-right: 2px; text-align: right;
}

.cartnfo_pol {
	width: 100px; height: 15px; background: #a3c9bc; margin: 0 2px 0px 0; text-align: right; color: white; font-weight: bold;
}

.cartnfo_pol_2 {
	width: 100px; height: 15px; background: #f5f5f5; margin-right: 2px; text-align: right; text-decoration:underline;
}

.cart_title_2 {
	font-size: 14px; font-weight: bold; margin-bottom: 30px; color: #444444; margin: 40px 0 15px 5px ; float: left;
}

.cart_image_2 {
	position: relative; width: 12px; height: 12px; background: url(../graphics/cart_cubes_small.gif); display: block; top: -2px; left: 0px; float: left; margin-top: 44px; font-size: 1px;
}

.cart_prdname {
	font-weight: bold; font-size: 13px; margin-bottom: 5px; color: #5f8075;
}

.cart_kusu {
	border: 1px solid black; margin: 0px; padding: 0px; width: 30px; height: 15px; font-size: 12px; padding-left: 5px;
}

.cart_polozka {
	margin-bottom: 40px; position: relative; margin-left: 7px; width: 510px;
}

.cart_smazat {
	position: relative; margin-top: 18px; width: 510px; text-align: right;
}

.cart_text {
	margin-bottom: 20px;
}

.contact_box {
	width: 210px; float: left;
}

.product_details {
	position: relative; display: block; margin-bottom: 20px;
}

.prod_det_name {
	padding-left: 10px; font-size: 14px; font-weight: bold; margin-bottom: 10px; color: white; font-style: italic; font-family: Arial, sans-serif;
}

.prod_det_pic {
	float: left; width: 150px; height: 100px; margin: 10px;
}

.prod_det_info {
	position: relative; display: block; float: left; color: #5e5e5e;; font-weight: bold; font-size: 12px; margin-top: 10px; width: 290px;
}

.proddetinfoleft {
	float: left; width: 100px; height: 20px; display: block; background: #d2e3f7; margin: 0 2px 2px 0; color: #5e5e5e;;
}

.proddetinfoleft span {
	position: relative; top: 2px; left: 2px;
}

.proddetinforight {
	float: left; width: 180px; height: 20px; display: block; background: #f1f6fc; margin: 0 2px 2px 0; font-size: 11px;
}

.proddetinforight span {
	position: relative; top: 3px; left: 2px;
}

.prod_det_desc {
	position: relative; width: 440px; margin-left: 10px;
}

.menu_cubes {
	width: 6px; height: 6px; position: relative; bottom: 2px; margin-right: 4px;
}

.section_lista {
	position: absolute; bottom: 10px; right: 9px;
}

a.prod_a {
	font-size: 12px; color: #3a7360;
}

.popis_heading {
	font-size: 15px; font-weight: bold; margin-bottom: 5px; color: #0073AD;
}

.popis_text {
	width: 480px; font-size: 10px; text-align: justify; line-height: 15px;
}

a.lefttree {
	background: #ececec; color: #050505; display: block; width: 209px; height: 18px; margin-bottom: 1px; position: relative; left: 20px;
}

a.lefttree:hover {
	background: #d20000; color: white; text-decoration: none;
}

.lefttree span {
	position: relative; top: 2px;
}

a.lefttreeon {
	background: #d20000; color: white; display: block; width: 209px; height: 18px; margin-bottom: 1px; text-decoration: none; position: relative; left: 20px;
}

a.lefttreeon:hover {
	background: #ececec; color: #050505; text-decoration: none
}

.lefttreeon span {
	position: relative; top: 2px;
}

a.lefttreesec {
	background: #f5f5f5; color: #bb0d0c; display: block; width: 209px; height: 18px; margin-bottom: 1px; text-decoration: none; padding-left: 21px;
}

a.lefttreesec:hover {
	background: #d20000; color: white; text-decoration: none
}

.lefttreesec span {
	position: relative; top: 2px;
}

.lefttree_div {
	position: relative;
}

.strankovac {
	background: #f5f5f5; width: 509px; height: 18px; margin-bottom: 2px;
}

.strankovac div{
	position: relative; left: 3px; top: 1px;
}

.prod_img_top {
	display: block; width: 119px; height: 10px; background: url(../graphics/img_shadow_top.gif); font-size: 8px;
}

.prod_img_bottom {
	display: block; width: 119px; height: 14px; background: url(../graphics/img_shadow_bottom.gif) top no-repeat; font-size: 1px;
}

.prod_img_center {
	display: block; width: 119px; background: url(../graphics/img_shadow_center.gif); margin-bottom: -13px;
}

.prod_img_center a{
	position: relative; left: 3px; top: -7px;
}

.prod_img_top_on {
	display: block; width: 119px; height: 10px; background: url(../graphics/img_shadow_top_on.gif); font-size: 8px;
}

.prod_img_bottom_on {
	display: block; width: 119px; height: 14px; background: url(../graphics/img_shadow_bottom_on.gif) top no-repeat; font-size: 1px;
}

.prod_img_center_on {
	display: block; width: 119px; background: url(../graphics/img_shadow_center_on.gif); text-align: left; margin-bottom: -13px;
}

.prod_img_center_on a{
	position: relative; left: 3px; top: -7px;
}

a.transplus {
	display: block; width: 18px; height: 18px;
}

.preorder_table {
	font-size:10px; border:solid 1px #9db8af; width: 100%;
}

.preorder_table th {
	background: #98b8ad; color: white;
}

.preorder_table td {
	padding: 1px 10px 1px 2px; height: 10px; white-space: nowrap;
}

.tlacitko_div {
	width: 510px; text-align: right;
}

.pol_preorder_overflow {
	overflow: auto; width: 510px; display: fixed;
}

.popis span {
	font-size: 13px; padding-bottom: 6px; font-weight: bold;
}

.popis {
	font-size: 10px; padding: 10px;
}

a.menualink {
	display: block; list-style: none; margin: 0px; padding: 0px; background: #ececec; color: #bb0d0c; position: relative; left: 20px; height: 18px; width: 208px; background: #ececec;
}

a.menualink:hover {
	background: #d20000; color: white; text-decoration: none;
}

a.menualink span {
	position: relative; top: 2px;
}
	
div.window {    /* Specifies size and border of the window */
    position: absolute;            /* The position is specified elsewhere */
    width: 400px; height: 200px;   /* Window size, not including borders */
    border: outset gray 3px;       /* Note 3D "outset" border effect */
}

div.titlebar {  /* Specifies position, size, and style of the titlebar */
    position: absolute;        /* It's a positioned element */
    top: 0px; height: 18px;    /* titlebar is 18px + padding and borders */
    width: 390px;              /* 290 + 5px padding on left and right = 300 */
    background-color: ActiveCaption;  /* Use system titlebar color */
    border-bottom: groove black 2px;  /* Titlebar has border on bottom only */
    padding: 3px 5px 2px 5px;  /* Values clockwise: top, right, bottom, left */
    font: caption;             /* Use system font for titlebar */
	color:#FFF;
	font-weight:bold;
}
div.titlebar img{
	cursor:hand;
}


div.content {   /* Specifies size, position and scrolling for window content */
    position: absolute;        /* It's a positioned element */
    top: 25px;                 /* 18px title+2px border+3px+2px padding */
    height: 165px;             /* 200px total - 25px titlebar - 10px padding */
    width: 390px;              /* 300px width - 10px of padding */
    padding: 5px;              /* allow space on all four sides */
    overflow: auto;            /* give us scrollbars if we need them */
    background-color: #ffffff; /* White background by default */
}