body { font-size: small; font-family: Verdana, Arial; color: #24353D; background: #E9E6E0 url(images/topbg.jpg) repeat-x; margin: 0px; }

a:link {color: #C11025; text-decoration: underline;}
a:visited {color: #C11025; text-decoration: underline;}
a:hover {color: #C11025; text-decoration: none;}
a:active {color: #C11025; text-decoration: underline;}

a.menu:link {color: #5E0803; text-decoration: none;}
a.menu:visited {color: #5E0803; text-decoration: none;}
a.menu:hover {color: #C11025; text-decoration: none;}
a.menu:active {color: #5E0803; text-decoration: none;}

a.menuMark:link {color: #5E0803; text-decoration: none;}
a.menuMark:visited {color: #5E0803; text-decoration: none;}
a.menuMark:hover {color: #C11025; text-decoration: underline;}
a.menuMark:active {color: #5E0803; text-decoration: none;}

input {font-size:11px; font-weight: bold; background: #F1F1F1; color: #555555; font-family: Arial, Verdana; border: 1px solid #9D9D9D;}
input.checkbox {background: none; border: none; width: 20px;}
input.button {width: 75px;}
textarea {font-size:11px; font-weight: bold; background: #F1F1F1; color: #555555; font-family: Arial, Verdana; width: 300px; height: 80px; border: 1px solid #9D9D9D;}
select {font-size:11px; font-weight: bold; background: #F1F1F1; color: #555555; font-family: Arial, Verdana; border: 1px solid #9D9D9D;}

.textHead {font-size: 18px; font-weight: bold; font-family: Arial, Verdana;}
.textHeadInfo {font-size: 18px; font-weight: bold; font-family: Arial, Verdana; color: #CA0000;}
.textHeadSmall {font-size: 14px; font-weight: bold; font-family: Arial, Verdana;}
.textHeadSmallInfo {font-size: 14px; font-weight: bold; font-family: Arial, Verdana; color: #CA0000;}
.textStrong {font-size: 12px; font-weight: bold;}
.textStrongInfo {font-size: 12px; font-weight: bold; color: #CA0000;}
.textBold {font-weight: bold;}
.textBoldInfo {font-weight: bold; color: #CA0000;}
.textSmall {font-size: 10px;  font-weight: normal;}
.textSmallInfo {font-size: 10px; color: #CA0000; font-weight: normal;}
.textInfo {color: #CA0000;}
.textStrike {text-decoration: line-through;}

h1 {font-size: 17px; font-weight: bold; font-family: trebuchet ms, Arial, Verdana; color: #C11025; margin-bottom: 4px}
h2 {font-size: 14px; font-weight: bold; font-family: Arial, Verdana; color: #C11025; margin-bottom: 5px}
h3 { font: normal 16px trebuchet ms, verdana; color: #E9E6E0; margin: 0px; padding: 0px; margin-bottom: 8px;}

table.border {}
tr {font-size: 11px; font-family: Verdana, Arial; color: #4B4B4B;}
.head { font-size: 16px; font-family: trebuchet ms, Arial, Verdana; color: #5E0803; font-weight: normal;}
.headSmall {background-color: #CCC8C1; color: #5E0803; font-weight: bold;}
.field {background-color: #ADADAD; color: #FFFFFF; font-weight: bold; }
.menu {font-size: 12px; font-weight: bold; }
.panel {background-color: #ADADAD; color: #FFFFFF;}
.bright {}
.dark {background-color: #E4E4E4;}
.info {background-color: #CA0000; color: #FFFFFF;}
.none {background-color: #CCCCCC;}
.light {background-color: #FFFFFF;}

#container {
	width: 994px;
	margin: 0px auto;
	}

#topbox {
	height: 185px;
	background: url(images/top.jpg) no-repeat;
	}

#menubox {
	height: 58px;
	background: url(images/menubg.gif) no-repeat;
	padding-left: 50px;
	}
	
#menubox ul, #menubox ul li {
	height: 55px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
#menubox ul {
	border-left: 1px dashed #5B0703;
	}
	
#menubox ul li {
	height: 55px;
	float: left;
	border-right: 1px dashed #5B0703;
	}
	
#menubox ul li a {
	display: block;
	font: bold 18px trebuchet ms, verdana;
	color: #5B0703;
	text-decoration: none;
	padding: 15px 10px 0px 10px; 
	}
	
#menubox ul li a:hover {
	color: #C11025;
	border-top: 4px solid #C11025;
	padding-top: 11px;
	}

#mainbox {
	margin: 0px;
	padding: 0px;
	background: #E9E6E0 url(images/koszykend.jpg) no-repeat 733px 0px;
	}

#leftside {
	width: 225px;
	float: left;
	background: url(images/leftmargin.jpg) no-repeat;
	padding-bottom: 20px;
	}

#rightside {
	padding-top: 70px;
	width: 225px;
	float: right;
	background: url(images/0036400.jpg) no-repeat 100% 0%;
	padding-bottom: 20px;
	}

#centerside {
	width: 510px;
	margin: 0px auto;
	}

#searchbox {
	margin-left: 25px;
	width: 180px;
	padding: 20px 10px 5px 10px;
	background: #C11025 url(images/searchboxtop.jpg) no-repeat;
	}
	
#searchbox form {
	margin: 0px;
	padding: 0px;
	}

#searchend {
	width: 200px;
	height: 14px;
	margin-left: 25px;
	background: url(images/searchboxend.gif) no-repeat;
	}

.caption1 {
	width: 209px;
	margin-left: 16px;
	height: 49px;
	background: url(images/lefpaneltop.jpg) no-repeat;
	}
	
.caption2 {
	width: 209px;
	margin-right: 16px;
	height: 49px;
	background: url(images/rightpaneltop.jpg) no-repeat;
	}

.caption1 h2 {
	font: normal 16px trebuchet ms, verdana;
	color: #E8E5DF;
	padding: 23px;
	padding-bottom: 0px;
	margin: 0px;
	}
	
.caption2 h2 {
	font: normal 16px trebuchet ms, verdana;
	color: #E8E5DF;
	padding: 23px;
	margin: 0px;
	padding-bottom: 0px;
	text-align: right;
	}

.mtop {
	margin-top: 10px;
	}

.panel1bg {
	width: 209px;
	margin-left: 16px;
	background: url(images/leftpanelbg.gif) repeat-y;
	}
	
.panel2bg {
	width: 209px;
	margin-right: 16px;
	background: url(images/rightpanelbg.gif) repeat-y;
	}

.panel1end {
	width: 209px;
	height: 20px;
	background: url(images/leftpanelend.gif) no-repeat;
	margin-left: 16px;
	}
	
.panel2end {
	width: 209px;
	height: 20px;
	background: url(images/rightpanelend.gif) no-repeat;
	margin-right: 16px;
	}
	
.katlink {
	font: bold 11px verdana;
	color: #C11025;
	padding: 4px 0px 4px 12px;
	border-bottom: 1px dashed #5E0803;
	background: url(images/point.gif) no-repeat 4px center; 
	}
	
.sublink {
	font: normal 11px verdana;
	color: #5E0803;
	text-decoration: none;
	}
	
#bottombox {
	width: 948px;
	height: 64px;
	background: url(images/bottombg.gif) repeat-x;
	margin: 0px auto;
	}
	
#bottombox div {
	background: url(images/bottomend.gif) no-repeat top right;
	}
	
#footer {
	width: 950px;
	margin: 0px auto;
	padding: 2px 20px 0px 150px;
	color: #5E0803;
	font: normal 15px trebuchet ms, verdana, tahoma;
	}

.itemname {
	padding: 4px 0px;
	}
	
.itemname a {
	font: bold 13px trebuchet ms, verdana;
	color: #CE0020;
	text-decoration: none;
	}
	
.itemprice {
	font: bold 12px trebuchet ms, verdana;
	color: #CE0020;
	padding: 4px 0px;
	} 
	
#basketbox {
	width: 200px;
	height: 70px;
	position: absolute;
	right: 20px;
	bottom: -100px;
	color: #E9E6E0;
	text-align: center;
	font: noramal 11px verdana, tahoma;
	}
	
#basketbox a {
	color: #FFF;
	text-decoration: none;
	font: bold 14px trebuchet ms, verdana;
	}
	
#basketbox a:hover {
	text-decoration: underline;
	}
	
#itemview {
	width: 420px;
	background: #FFF;
	margin: 0px auto;
	padding: 15px;
	}
	
#itemview p {
	margin: 0px;
	padding: 0px;
	}
	
#itemphotobox {
	width: 150px;
	float: left;
	}
	
#itemdetails {
	margin-left: 150px;
	}