/* CSS Document */

/*std tags & typography*/
body{
	margin:0;
	padding:0;
	font:normal 100%/150% Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em; /*resetting standard font size*/
	}
td,span,p{
	font-size:100%;
	}
	p{
		color:#7f7f7f;
		}
	h1{font-size:140%; color:#333;font-weight:normal; margin:2em 0 0.8em;}
	h2{font-size:100%; color:#666;font-weight:bold; margin:1em 0 -0.8em; padding:0;}
	h3{font-size:110%; font-weight:normal;}
	h4{font-size:90%; font-weight:bold;}
a, a:visited{
	color:#f00;
	}
	a:hover{
		color:#300;
		text-decoration:none;
		}
	a img.icon{
		border:none;
		vertical-align:middle;
		}

input,textarea,select{
	border:1px solid #7f7f7f;
	}
	
	
	
/* Layouts */
#oboe{
	background:#f0f1f2 url(images/bodybg.png) top repeat-x;
	}
#wrap, #cwrap, #content{
	padding:0;
	width:800px;
	margin:0 auto;
	}
#wrap{
	background:transparent url(images/contentbg.png) top repeat-y;
	}
	#cwrap{
		background:transparent url(images/contenttop.png) top no-repeat;
		padding:44px 0 6px 0;
		}
			#header1,#header2{
				width:780px;
				height:249px;
				margin:2px auto 0;
				padding:0;
				position:relative;
				z-index:20;
				}
					#header1{background:transparent url(images/headerimg1.jpg) top no-repeat;}
					#header2{background:transparent url(images/headerimg2.jpg) top no-repeat;}
				#menu{
				width:400px;
				float:right;
				margin:214px 0 0;
				padding:0;
				}
		#maincontent2{
				clear:both;
				padding:0 24px 0px 12px;
				margin:0;
				min-height:300px;
				height:auto;
				position:relative;
				z-index:10;
				}
		#maincontent1{
				background:transparent url(images/maincntbg.jpg) top right no-repeat;
				width:780px;
				margin:-6px auto;
				padding:0;
						}
						#maincnt1wrap{
							min-height:524px;
							height:auto !important;
							width:400px;
							margin:0 350px 0 24px;
							padding:0;
							height:auto !important;
							}
					#maincontent2{
						margin:24px 0 0 280px;
						}
				#sidebar{
					float:left;
					width:240px;
					margin:0 0 0 -280px;
					}
#footer{
		clear:both;
		width:800px;
		height:48px;
		margin:0 auto;
		padding:0;
		background:transparent url(images/contentbtm.png) bottom no-repeat;
		}
	#footer .fwrap{
		background:#3C6D8E;
		width:774px;
		height:24px;
		margin:0 auto ;
		padding:0;
		text-align:right;
		color:#fff;
		font-size:100%;
			}
		#footer .fwrap span{
			margin:0 1em;
			}
/*element styles*/
/*main menu */
ul#menu{
	display:block;
	list-style:none;
	white-space:nowrap;
	border-left:1px solid #eee;
	}
	ul#menu li{
		display:block;
		margin:0;
		padding:0;
		float:left;
		height:22px;
		line-height:22px;
		}
		ul#menu li a{
			display:block;
			text-decoration:none;
			font-size:1em;
			height:22px;
			line-height:22px;
			color:#fff;
			font-family:Myriad, Tahoma, sans-serif;
			font-weight:bold;
			font-size:90%;
			padding:0 12px;
			border-right:1px solid #eee;
			}
			ul#menu li a:hover{
				color:#B30000;
				background:#FF6868;
				}
				
/*sidebar title*/
h2#sidebar_title{
	margin:12px 0;
	}
/*sidebar navigation*/
ul#sidenav{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	border-top:1px dashed #A2A1A3;
	position:relative;
	z-index:12;
	}
	ul#sidenav li{
		display:block;
		margin:0;
		padding:0;
		height:24px;
		line-height:24px;
		border-bottom:1px dashed #A2A1A3;
		}
		ul#sidenav li a{
			text-decoration:none;
			font-size:4em;
			height:24px;
			line-height:24px;
			font-family:Tahoma,Myriad,sans-serif;
			font-size:100%;
			color:#7f7f7f;
			display:block;
			margin:0;
			padding:0 2em;
			}
			ul#sidenav li a:hover{
				color:#222;
				background:#f0f0f0;
				
				height:24px;
				
				}
					ul#sidenav li a:visited{
						color:#660000;
						}
.tagline{
	color:#B30000;
	font-size:160%;
	margin-left:156px;
	text-indent:-156px;
	line-height:100%;
	}

/*special headings*/
h1.sect{margin:0;} /*h1 for section title, like for the graphic texts */
/*forms*/
table.form{
	width:80%;
	text-align:left;
	}
	.form thead tr th{
		font-size:100%;
		color:#666;
		}
		.form tfoot tr th{
			font-size:80%;
			color:#999;
			font-weight:normal;
			}
	.form input, .form select, .form textarea{
		width:98%;
		}
	input.btn, .form input.btn{
		border:none;
		display:block;
		background:url(images/submitbtn.png) no-repeat;
		width:68px;
		height:21px;
		font-size:0.8em;
		font-weight:bold;
		line-height:21px;
		color:#fff;
		}
/*paragraph style*/
div.btmdash{
	border-bottom:1px dashed #ccc;
	margin-bottom:24px;
	}
p.mright{ /* i see on the screenshot there's paragraph with margin right */
	margin-right:180px;
	}
img.pic{
	float:right;
	border:1px dashed #ccc;
	padding:4px;
	margin:0 0.8em;
	}

/*list sytle*/
ul.redarw{/* could be used anywhere, just to have arrow bullet*/
	list-style:none;
	margin:0;
	padding:0;
	}
	ul.redarw li{
		margin:0;
		padding:0;
		background:transparent url(images/listarw.gif) left no-repeat;
		padding-left:14px;
		}

ul.redarw1{/*only for used like on the shipping.jpg*/
	width:200px;
	list-style:none;
	margin:0;
	padding:0;
	display:block;margin-left:1em;float:left;
	}
	ul.redarw1 li{
		margin:0;
		padding:0;
		background:transparent url(images/listarw.gif) center left no-repeat;
		padding-left:16px;
		}

/*additional formatting class, handy if you want to style specific elements while need to retain XHTML1.0 Strict validation - you might want to cleanup what you don't need*/
hr.onepx{
	border:none;
	height:1px;
	background:#ccc;
	}
.autowidth{
	width:auto;
	}
.alignright{
	text-align:right;
	padding:2px 4px;
	}
.alignleft{
	text-align:left;
	padding:2px 4px;
	}
.aligncenter{
	text-align:center;
	padding:2px 4px;
	}
.strong{
	font-weight:bold;
	}
.smaller{
	font-size:smaller;
	}
.xlarge{
	font-size:130%;
	line-height:normal;
	}
.nowrap{
	white-space:nowrap;
	}
.noborder{
	border:none;
	}
.fleft{
	float:left;
	}
.fright{
	float:right;
	}
.center{
	margin:0 auto;
	display:block;
	}
.top{
	vertical-align:top;
	}
.middle{
	vertical-align:middle;
	}
.bottom{
	vertical-align:bottom;
	}
.baseline{
	vertical-align:baseline;
	}
.clear{
	clear:both;
	}
.cright{
	clear:right;
	}
.cleft{
	clear:left;
	}
.inline{
	display:inline;
	margin:0 1em;
	padding:0;
	}