/* Active IT Pro Shop 
created by Sebastian Dettweiler -*/

/* Div Layouts */


html {
	height:100%;
	margin:0px;
	padding:0px;

}
html[id] {
	height:auto;
	min-height:100%;
}

body {
	height:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	background:transparent url(http://www.tymer.de/images/bg.gif) repeat-y 50% 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:justify;
}

#page {
   height: 100%; /* das hier für den ie */
	}

/* folgende anweisung wird nicht vom ie interpretiert */
#page[id] {
    height:auto;
    min-height:100%;
}
#page {
	width:955px;
	margin: 0px auto;
	position:relative;
	text-align:left;
	background:transparent url(http://www.tymer.de/images/bg.gif) repeat-y 50% 0;
	
	
}

#headbanner {
	width:955px;
	height:130px;
	position:relative;
	top:0;
	left:0;
	background-image:url(http://www.tymer.de/images/bg_top.gif);
	background-repeat:no-repeat;
	background-position:top;
	z-index:2;
}

#whitebar_horiz {
	width:955px;
	height:20px;
	background-color:#FFFFFF;
	border-top: 5px solid #000000;
	border-bottom: 5px solid #000000;
	position:relative;
	top:100px;
	left:0;
}

#whitebar_horiz[id] {
	width:955px;
	height:20px;
	background-color:#FFFFFF;
	border-top: 5px solid #000000;
	border-bottom: 5px solid #000000;
	position:relative;
	top:100px;
	left:0;
}



#leftnav {
	width:140px;
	background-image:url(http://www.tymer.de/images/bg_side.gif);
	background-repeat:no-repeat;	
	height:440px;
	float:left;
	
}
#left_men {
	position:relative;
	top:10px;
	z-index:5;
	width:140px;
	background-color:transparent;
}

#content {
	width:615px;
	position:relative;
	left:30px;
	float:left;
	z-index:5;
		
	
	
}

#rightnav {
	width:140px;
	background-image:url(http://www.tymer.de/images/bg_side.gif);
	background-repeat:no-repeat;	
	height:440px;
	position:absolute;
	left:815px;
	top:130px;
}

#headpic {	
	background-image:url(http://www.tymer.de/images/headpic.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	width:406px;
	height:185px;
	position:absolute;
	left:0px;
	top:1px;
	z-index:3;
}



#whitebar_content {
	position:relative;
	top:75px;
	left:0;
	z-index:4;
	width:955px;
	height:20px;
	background-color: transparent;
	text-align:center;
	color:#990033;
	font-weight:bold;
	padding-top:3px;
	
}

#container {

	padding:20px;
	
}

/* Text Layout Styles*/

.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:justify;
}
.content:link, .content:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990033;
}

h1.content {
	color:#990033;
	font-size: 15px;
	font-weight:bold;
	text-align:center;
}

h4.content {
	color:#000000;
	font-size: 13px;
	font-weight:bold;
	text-align:left;
}

h3.content {
	margin-top:0px;
	color:#990033;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
}
h1.rightmenu {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:underline;
}
	
#men_item, #men_item:link, #men_item:visited {
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	min-height:12px;
	width:140px;	
	border-top:3px solid #000000;
	border-bottom:3px solid #000000;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top:2px;
	padding-bottom:2px;
	background-color: transparent;
	background-image:url(http://www.tymer.de/images/men_arrow.gif);
	background-position: -5px center;
	background-repeat:no-repeat;
}
#men_item_sel, #men_item_sel:link, #men_item_sel:visited {
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	min-height:16px;
	width:140px;	
	border-top:3px solid #000000;
	border-bottom:3px solid #000000;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top:2px;
	padding-bottom:2px;
	background-color: #a75454;
	background-image:url(http://www.tymer.de/images/men_arrow.gif);
	background-position: -5px center;
	background-repeat:no-repeat;
}

#men_item:hover {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#a75454;
}

#sub_men_item, #sub_men_item:link, #sub_men_item:visited {
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	min-height:16px;
	width:140px;	
	border-top:3px solid #000000;
	border-bottom:3px solid #000000;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top:2px;
	padding-bottom:2px;
	background-color: #464646;
	background-image:url(http://www.tymer.de/images/men_arrow.gif);
	background-position: -2px center;
	background-repeat:no-repeat;
}

#sub_men_item:hover {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#999999;
}

#register_forms {
	margin:0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width:500px;
}

#description {
	padding-top:6px;
	height:19px;
	width: 180px;
	position:relative;
	clear:left;
	float:left;
	font-weight:bold;
	overflow:hidden;
		
}
#description_sum {
	
	height:19px;
	width: 180px;
	position:relative;
	clear:left;
	float:left;
	font-weight:bold;
	overflow:hidden;
		
}
#form {
	height:25px;
	width:320px;
	position:relative;
	float:left;
}

.error{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:red;
	font-weight:bold;
}

.commit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:green;
	font-weight:bold;
}
	

#login {
	position:relative;
	top:55px;
	left:715px;
	z-index:8;
	width:240px;
	height:20px;
	color:#990033;
	font-weight:bold;
	overflow:hidden;
	margin-top:-2px;
	text-align:right;
	
	
}

#login[id] {
	margin-top:-1px;
}
	
	

#welcome {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
	font-weight:normal;
	overflow:hidden;
	margin-top:1px;
	padding-right:25px;	
	
}

.textbox_log {
	margin-left:5px;
	margin-right:5px;
	width:90px;	
	height:12px;
	border:1px solid #000000;
	font-size:10px;
	font-weight:bold;
	overflow:hidden;
}

#log_form[id]{
	width:240px;
	height:20px;
	margin:0px;
}
.log {
	width:12px;
	height:14px;
	margin-left:5px;
	margin-right:10px;
	margin-top:2px;
}

#login_page {
	width:400px;
	margin:auto;
}
#login_description {
	padding-top:5px;
	height:19px;
	width: 120px;
	position:relative;
	clear:left;
	float:left;
	font-weight:bold;
	overflow:hidden;
		
}
#login_form {
	height:25px;
	width:180px;
	position:relative;
	float:left;
}


#categories {
	width:615px;
	position:relative;
	top:10px;
	left:-20px;
}

#category {
	position:relative;
	width:615px;
	height:131px;
	background-color:#666666;/*#f4d7b2;*/
	margin-bottom:15px;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	overflow:hidden;
}


#cat_img {
	height:125px;
	width:145px;
	margin: 2px 12px;
	border:1px solid #000000;
	float:left;
	overflow:hidden;
}
#cat_img[id]{
	margin:2px 20px;
}
h1.cat, .cat:link, .cat:visited {
	font-size:13px;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	float:left;
}
h1.cat {
	width:350px;
	border-bottom:1px dotted #ffffff;
}
.cat:hover{
	color:#2b78a0;
}

h2.content {
	font-size:14px;
	width:200px;
	margin-left:-20px;
	margin-top:20px;
	padding-left:20px;
	color:#990033;
	border-bottom:2px dotted #990033;
}

#enter_cat{
	position:absolute;
	top:100px;
	right:20px;
	font-weight:bold;
	width:90px;
	height:25px;
	
	}

.enter_cat, .enter_cat:link, .enter_cat:visited  {
	display:block;
	font-weight:bold;
	width:90px;
	height:25px;
	color:#000000;
	padding-top:5px;
	background-image:url(http://www.tymer.de/images/cat_arrow.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
.enter_cat:hover {
	color:#2b78a0;
	background-image:url(http://www.tymer.de/images/cat_arrow_over.gif);
	background-position:top right;
	background-repeat:no-repeat;
}


#products {
	width:615px;
	position:relative;
	top:10px;
	left:-20px;
}
#product{
	position:relative;
	width:615px;
	height:190px;
	background-color:#999999;/*#f4d7b2;*/
	margin-bottom:15px;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	overflow:hidden;
}

#prod_img {

	height:175px;
	width:147px;
	margin: 10px 12px;
	text-align:center;
	float:left;
	overflow:hidden;
	font-size:9px;
	color:#ffffff;
	font-weight:normal;
}

#prod_img[id] {
	margin: 10px 20px;
}

img.prod {
	border:1px solid #000000;
}


h1.prod {

	font-size:13px;
	color:#ffffff;
	text-align:left;
	text-decoration:none;
	float:left;
	width:350px;
	border-bottom:1px dotted #ffffff;
	margin-bottom:10px;
}
h1.prod[id] {
	margin-bottom:0px;
}

.attribut {
	font-weight:bold;
}

#attr_name {
	height:16px;
	width:160px;
	float:left;
	font-weight:bold;
	
}

#attr_value{
	height:16px;
	width:240px;
	float:left;
}


#preis {
	font-weight:bold;
	color:#990033;
	position:absolute;
	top:168px;
	left:187px;
	z-index:6;
}

#order_form {
	position:absolute;
	top:158px;
	left:445px;
	height:20px;
	width:160px;
	font-weight:bold;
}
.prod_count {
	height:16px;
	width:50px;
	background-color:#FFFFFF;
	border:2px solid #000000;
	margin-right:10px;
}

.prod_send {
	height:20px;
	width:39px;
	position:relative;
	top:5px;
}

#prod_beschreibung {
	height:100px;
	width:400px;
	overflow:hidden;
	display:inline;
}

#flags{
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}
.flags {
	margin:10px;
}

#news {

	width:140px;
	height:210px;
	border-bottom:2px solid #000000;
	position:relative;

}
#divContainer {

	position:absolute;
	width:120px;
	height:170px;
	top:25px;
	left:5px;
	overflow:hidden;
	visibility:visible;
	z-index:1;
}


#divContent {
	position:absolute;
	visibility:visible;
}

#divControlUp {
	width:11px;
	height:13px;
	position:absolute;
	left:120px;
	top:28px;
	z-index:3;
}
#divControlDown {
	width:11px;
	height:13px;
	position:absolute;
	left:120px;
	top:180px;
	z-index:3;
}

h1.news{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
	font-size:12px;
	text-align:center;
}

p.news {
	display:block;
	margin-top:0px;
	margin-bottom:10px;
	color:#FFFFFF;
	font-size:11px;
	text-align:left;
}

.news:link, .news:visited {
	color:#FFFFFF;
	text-decoration:underline;
	font-size:11px;
	font-weight:bold;
}
.news_heading {
	font-style:italic;	
	color:#990033;
}
	

.single_news {
	padding:15px;
	margin-bottom:15px;
	background-color:#CCCCCC;
	border:1px solid #ffffff;
}

#news_page_select {
	height:25px;
	text-align:center;
}

h1.faq{
	font-size:13px;
	color:#000000;
	text-align:center;
	font-weight:bold;
}

#cart_view {
	padding-top:7px;
	width:140px;
	height:95px;
	border-bottom:2px solid #000000;
	position:relative;
}

#cart_view[id] {
	padding-top:0px;
	height:90px;
}

#links {
	padding-top:7px;
	width:140px;
	height:170px;
	border-bottom:2px solid #000000;
	position:relative;
}

#links[id] {
	padding-top:0px;
	height:165px;
}

p.cart {
	display:block;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
	padding-top:-5px;
}

.cart:link, .cart:visited {
	color:#ffc800;
	font-size:11px;
	text-decoration:underline;
	text-align:center;
	margin:5px;
	
}

table.cart {
	font-size:11px;
	border:1px solid #961a1a;
}


tr.cart_col {	
	background-image:url(http://www.tymer.de/images/tbl_bg.gif);
	/*background-color:#ff6c32;*/
	font-weight:bold;
	color:#ffffff;
	
}
td.cart {
	border:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}

tr.cart_item {
	background-color:#ecd2d2;
}

td.cart_item_center {
	text-align:center;
	border-bottom:2px solid #dddddd;
	
	
}
td.cart_item_left {
	text-align:left;
	border-bottom:2px solid #dddddd;
	padding-left:5px;
	
	
	
	
}
td.cart_item_right {
	text-align:right;
	border-bottom:2px solid #dddddd;
	padding-right:5px;
	
}

tr.cart_sum {	
	background-image:url(http://www.tymer.de/images/tbl_bg.gif);
	/*background-color:#ff6c32;*/
	font-weight:bold;
	color:#ffffff;
	
}
td.cart_sum {
	border-bottom:1px solid #dddddd;
	
}
td.cart_sum_right{
	text-align:right;
	border-bottom:1px solid #dddddd;
	padding-right:5px;
}
#address{
	padding:10px;
	width:500px;
	background-color:#CCCCCC;
	border:1px solid #ffffff;
	position:relative;
	min-height:225px;
	margin:auto;
	
}

#address2{
	padding:10px;
	width:500px;
	background-color:#CCCCCC;
	border:1px solid #ffffff;
	position:relative;
	min-height:240px;
	margin:auto;
}

#pay_ship {
	margin:auto;
	width:574px;
}

#payments {
	padding:10px;
	width:260px;
	background-color:#CCCCCC;
	border:1px solid #ffffff;
	float:left;
	margin-right:10px;
}

#shipping {
	padding:10px;
	width:260px;
	background-color:#CCCCCC;
	border:1px solid #ffffff;
	float:left;
}

#clock_scribble{
	height:500px;
	width:160px;
	position:absolute;
	left:450px;
	top:40px;
	
	background-image:url(images/clock.jpg);
}

#prod_pic{
	height:300px;
	width:413px;
	position:relative;
	left:81px;
	
	background-image:url(images/homepic.jpg);
}
#home_pic{
	height:255px;
	width:575px;
	position:relative;
	left:0px;
	
	background-image:url(images/home2.jpg);
}
#faq_pic{
	height:180px;
	width:400px;
	position:relative;
	left:87px;
	
	background-image:url(images/faq.jpg);
}

#cw_pic{
	height:236px;
	width:575px;
	position:relative;
	left:0px;
	
	background-image:url(images/customwatch.jpg);
}
#contact_pic{
	height:250px;
	width:166px;
	position:absolute;
	left:350px;
	top:95px;
	
	background-image:url(images/contactpic.jpg);
}

#production_pic{
	height:200px;
	width:400px;
	position:relative;
	margin: auto;
	
	background-image:url(images/production.jpg);
}
	
