/***Layout*************************************
 *  style.css 
 *  Cascading StyleSheet som hanterar
 *  designen av RPdemoprodukters webbsida.
 *   
 *  2009-01-15
 *  developed & arranged by
 *  SenTangChalat for RPdemoprodukter
 *  @author Magnus Mårdh
 *  <adress>magnus@thaiskolan.se</adress>
 *  @version 1.0
 *  Upphovsrätt © 2008-2009 RPdemoprodukter.  
 *********************************************/
* {
	padding: 0;
	margin: 0;
}

img {
	border: none;
}

a {
	color: #380202;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #ff0000;
}

.button: cursor: pointer ;
h3 {
	text-align: center;
	margin: 2px 0px 2px 0px;
}

h6 {
	text-align: center;
}

body { /*380202*/
	background: #DC0404;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}

.container {
	width: 952px;
	margin: 0px 0px 0px 0px;
}

#contTab {
	width: 100%;
	color: #000;
	empty-cells: show;
}

#top {
	background: transparent url(../images/top.gif) no-repeat;
	padding: 15px 0;
	margin: 10px 0px 0px 40px;
}

#header {
	background: transparent url(../images/header4.gif) no-repeat;
	height: 90px;
	margin: 0px 0px 0px 40px;
}

#content {
	background: transparent url(../images/content.gif) repeat-y;
	margin: 0px 110px 0px 40px;
}

#bottom {
	background: transparent url(../images/bottom.gif) no-repeat;
	padding: 15px 0;
	margin: 0px 110px 0px 40px;
}

#logWin {
	border: 0px solid #FFD700;
	background-color: transparent;
	position: absolute;
	width: 230px;
	height: 90px;
	left: 575px;
	top: 40px;
}

.buttSpan {
	border: 0px solid #009900;
	vertical-align: middle;
	margin: 40px 50px 10px 80px;
	padding: 15px 0;
}

.logButt {
	background-color: #FFD700;
}

#header h1 {
	padding: 20px 0 0 40px;
	font-size: 25px;
	letter-spacing: -2px;
}

#header h1 a {
	color: #bbb;
	text-decoration: none;
}

#header h1 a:hover {
	text-decoration: none;
	color: #fff;
}

#header h2 {
	padding: 5px 0px 0px 42px;
}

#header h2 input {
	cursor: default;
}

#extraDiv1 {
	background: transparent url(../images/loggaS.jpg) no-repeat center;
	width: 165px;
	height: 92px;
	margin: -2px 10px 4px 160px;
}

.logo {
	margin: 0px 0px 6px 0px;
}

#content h2 a {
	text-decoration: none;
}

#content .intLinklist {
	text-align: center;
	font: italic 900 12px arial;
}

#content .intLinklist a:link,#content .intLinklist a:visited {
	text-decoration: none;
	color: #000;
}

#content .intLinklist a:hover {
	text-decoration: underline;
	color: #DC0404;
}

#content .intLinklist a:active {
	background: #DC0404;
	color: #F7FA05;
}

.leCell {
	vertical-align: top;
}

#left {
	width: 180px;
	padding: 10px 3px 15px 35px;
	border: 0px solid #090;
}

.cenCell {
	border: 0px solid #009;
	vertical-align: top;
	width: 345px;
}

#center {
	border: 0px solid #009;
	float: left;
	width: 342px;
	padding: 10px 2px 0 2px;
}

.rigCell {
	vertical-align: top;
	width: 100%;
	padding: 0px 3px 15px 5px;
}

#right {
	border: 0px solid #900;
	width: 180px;
	padding: 10px 5px 10px 2px;
}

#left h2 {
	background: #fff url(../images/sidebarh3.gif) no-repeat;
	color: #000;
	font-size: 15px;
	letter-spacing: -1px;
	font-weight: 100;
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
}

#left ul {
	color: #2C4715;
	padding: 5px 0 5px 25px;
	list-style-type: square;
}

#left ul li {
	padding-bottom: 5px;
}

#left ul li a {
	color: #2C4715;
	text-decoration: none;
}

#left ul li a:hover {
	color: #000;
}

#left span {
	position: absolute;
	left: -50px;
	top: 300px;
	text-align: left;
	margin-left: 0px;
	padding: 10px 7px 0px 8px;
}

#center h2,#cent h2 {
	background: #fff url(../images/contenth2.gif) no-repeat;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	letter-spacing: -1px;
	font-weight: 100;
	padding: 0px 0px 10px 15px;
}

.prod h2 {
	text-align: center;
	background: #fff url(../images/contenth2.gif) center top no-repeat;
	height: 30px;
	font-size: 18px;
	letter-spacing: -1px;
	font-weight: 100;
	margin: 2px 22px 0px 20px;
	padding: 4px 20px 0px 30px;
}

#center h2 a,.prod h2 a {
	color: #000;
}

#center h2 a:hover,.prod h2 a:hover {
	color: #D67000;
	text-decoration: none;
}

#center h2 p {
	color: #000;
	margin: 2px 2px 10px 2px;
}

#center ul {
	color: #2C4715;
	padding: 5px 0 5px 25px;
	list-style-type: disc;
}

#center ul li {
	padding-bottom: 5px;
}

#center ul li a {
	color: #2C4715;
	text-decoration: none;
}

#center ul li a:hover {
	color: #000;
}

#right h2 {
	background: #fff url(../images/sidebarh3.gif) no-repeat;
	color: #005EB0;
	height: 30px;
	line-height: 30px;
	color: #000;
	padding-left: 15px;
	font-size: 15px;
	letter-spacing: -1px;
	font-weight: 100;
}

#right ul {
	color: #2C4715;
	padding: 5px 0 5px 25px;
	list-style-type: square;
}

#right ul li {
	padding-bottom: 5px;
}

#right ul li a {
	color: #2C4715;
	text-decoration: none;
}

#right ul li a:hover {
	color: #000;
}

#contact h2 {
	color: #005EB0;
	height: 30px;
	line-height: 30px;
	color: #000;
	padding-left: 10px;
	font-size: 15px;
	letter-spacing: -1px;
	font-weight: 100;
}

#contact ul {
	color: #2C4715;
	padding: 5px 0 5px 30px;
	list-style-type: none;
}

#contact ul li {
	padding-bottom: 5px;
}

#contact ul li a {
	color: #2C4715;
	text-decoration: none;
}

#contact ul li a:hover {
	color: #000;
}

.bildBox {
	background: #fff url(../images/no.jpg) repeat;
	position: fixed; //
	absolute width: 500px;
	height: 510px;
	left: 442px;
	top: 80px;
	z-index: 2;
	border: 3px outset #ccc;
}

.boxTab {
	width: 100%;
	height: 75%;
}

.boxCell1 {
	width: 100%;
	background: #ccc url('') no-repeat;
}

.boxCell2 {
	width: 20%;
}

.lPic {
	width: 40px;
	height: 50px;
}

.hidden {
	display: none;
	z-index: 0;
}

.cPic {
	margin-left: 0px;
	margin-top: 0px;
	border: 0 none;
}

#footer {
	padding: 0 0 0 0;
	margin: 10px 0px 50px 180px;
	font-size: 11px;
	color: #fc3;
}

#footer a:link {
	color: #F7FA05;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

#pic1,#pic2,#pic3,#pic4,#pic5,#pic6,#pic7,#pic8,#pic9,#pic10,#pic11,#pic12,#pic13,#pic14,#pic15
	{
	cursor: pointer;
}

.inpText {
	background-color: #F0E68C;
	text-align: center;
	color: #000;
	width: 15px;
}

.prodTab {
	width: 700px;
	margin: 20px 0px 0px 50px;
}

.prodTab2 {
	vertical-align: top;
	color: #000;
	width: 100%;
	margin: 10px 0px 0px 0px;
}

.blomTab {
	width: 750px;
	margin: 5px 0px 0px 25px;
}

.prodTab td h3 {
	background: #fff url(../images/contenth3.gif) repeat;
	height: 25px;
	line-height: 20px;
	font-size: 18px;
	letter-spacing: -1px;
	font-weight: 100;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.prodTab2 td h3 {
	background: #fff url(../images/contenth3.gif) repeat;
	height: 25px;
	line-height: 20px;
	font-size: 18px;
	letter-spacing: -1px;
	font-weight: 100;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.blomTab td h3 {
	background: #fff url(../images/contenth3.gif) repeat;
	height: 25px;
	line-height: 20px;
	font-size: 18px;
	letter-spacing: -1px;
	font-weight: 100;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.topCell {
	vertical-align: top;
}

.prodCell {
	vertical-align: top;
	margin: 5px 0px 5px 0px;
}

.prodCell table {
	vertical-align: top;
	margin: 0px 0px 0px 0px;
}

.prodCell2 {
	vertical-align: top;
	margin: 5px 0px 5px 0px;
	width: 100%;
}

.picLeft {
	border: 0px solid #009;
	float: left;
	margin: 5px 3px 2px 3px;
}

.picLeft2 {
	border: 0px solid #009;
	float: none;
	margin: 5px 3px 2px 3px;
}

.picMid {
	border: 0px solid #009;
	float: none;
	margin: 5px 125px 5px 125px;
}

#picF3 {
	width: 679px;
	height: 116px;
}

.picF {
	border: 0px solid #009;
	float: left;
	margin: 5px 1px 5px 1px;
}

.blomPic {
	border: 0px solid #009;
	float: left;
	margin: 1px 2px 2px 1px;
}

.textSpan {
	margin: 5px 4px 5px 4px;
	padding: 10px 4px 10px 4px;
}

.textSpan p {
	font-size: 11px;
	font-style: italic;
}

.textSpanF {
	font-size: 11px;
	margin: 5px 2px 5px 2px;
	padding: 5px 3px 5px 3px;
}

.textSpanF p {
	font-size: 10px;
	font-style: italic;
}

.textSpanMid {
	margin: 5px 5px 5px 125px;
	padding: 10px 10px 10px 10px;
}

.textDiv {
	vertical-align: top;
	padding: 5px 5px 0px 5px;
	float: both;
}

.textDiv2 {
	vertical-align: top;
	text-align: center;
	padding: 5px 5px 0px 5px;
	float: both;
}

.textDiv3 {
	color: #000;
	border: 2px;
	width: 100%;
	vertical-align: top;
	text-align: left;
	padding: 3px 3px 0px 3px;
}

.subSpan {
	text-align: center;
	margin: 10px 5px 10px 5px;
	padding: 15px 10px 10px 10px;
}

.leftCell {
	border: 1px;
	text-align: left;
	padding: 0px 5px 2px 5px;
}

.leftCell1 {
	border: 1px;
	text-align: left;
	padding: 0px 2px 2px 2px;
}

.rightCell {
	border: 1px;
	text-align: right;
	padding: 0px 2px 2px 2px;
}

.rightCell1 {
	border: 1px;
	text-align: right;
	padding: 0px 5px 2px 20px;
}

.rightCell2 {
	text-align: right;
	padding: 0px 5px 2px 20px;
}

.butt {
	margin: 20px 0px 0px 90px;
}

.butt1 {
	text-align: center;
	margin: 15px 0px 5px 150px;
}

.butt2 {
	text-align: center;
	margin: 15px 0px 5px 15px;
	cursor: pointer;
}

.marginCell {
	vertical-align: top;
	padding: 0px 5px 5px 5px;
}

.marginCell1 {
	vertical-align: top;
	padding: 0px 1px 5px 1px;
}

.marginCell2 {
	padding: 0px 5px 5px 5px;
	width: 100%;
}

.blomCell {
	vertical-align: top;
	padding: 0px 1px 5px 1px;
	width: 100%;
}

.marginCell2 {
	padding: 0px 5px 5px 5px;
	width: 100%;
}

.obs {
	font-weight: bold;
	color: #DC0404;
}

fieldset {
	width: 500px;
	margin: 80px 0px 0px 130px;
}

.adressTab {
	width: 460px;
	margin: 10px 0px 0px 10px;
}

.orderTab {
	border: 1px solid #009;
	width: 495px;
	margin: 10px 0px 0px 5px;
}

.orderForm {
	border: 1px solid #090;
	padding: 0px 5px 0px 5px;
	width: 390px;
}

.picDiv {
	position: absolute;
	left: 25px;
	top: 40px;
	z-index: 1;
	display: none;
}

.picDivExt {
	position: fixed; /*absolute*/
	border: #a8afc4 2px outset;
	left: 50px;
	top: 10px;
	z-index: 4;
}

.pdemo {
	filter: shadow(silver, direction = 135);
	filter: alpha(opacity = 35);
	cursor: pointer;
}

.tytable {
	width: 100%;
	margin: 10px 45px 10px 100px;
}