/* Basic Stylesheet for all pages related to
   planetfootbag
   Designed by Christoph Larndorfer - 2007
*/

body, form {
	margin: 0px;
	padding: 0px;
}

body, p, td {
	font-family: Arial;
	font-size: 13px;
	padding: 1px;
}

p, ul, li {
	margin-top: 1px;
	margin-bottom: 1px;
}

input[type=text], input[type=password], textarea, select {
	border: 1px solid #888;
	background-color: #f4f4f4;
	padding: 2px;
	font-family: Arial;
	font-size: 12px;
	margin: 1px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:hover {
	background-color: #fff;
	border-color: #000;
}

p.red, span.red, div.red {color: #C10000;}
p.blue, span.blue, div.blue {color: #06174d; /*#5c6b00;*/}
p.yellow, span.yellow, div.yellow {color: #cfc300;}

a > img {
	border: none;
}

a {
	text-decoration: none;
	color: black;
	font-weight: bold;
}
a:hover {text-decoration: underline;}

a.red {color: #C10000;}
a.blue {color: #06174d; /*#5c6b00;*/}
a.yellow {color: #cfc300;}
a.black {color: black;}

.editthis a, .editthis {
	color: #222;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial;
	font-weight: bold;
	padding: 5px 0px 2px 0px;
	margin: 0px;
}

h1.large, h2.large, h3.large, h4.large, h5.large, h6.large, th.large, legend.large {
	font-size: 24px;
}
h1.medium, h2.medium, h3.medium, h4.medium, h5.medium, h6.medium, th.medium, legend.medium{
	font-size: 18px;
}
h1.small, h2.small, h3.small, h4.small, h5.small, h6.small, th.small, legend.small {
	font-size: 13px;
}

p.small, td.small, div.small, span.small {
	font-size: 11px;
}
p.large, td.large, div.large, span.large {
	font-size: 13px;
	font-weight: bold;
}

.orangeback {
	background-image: url(../images/orange_semi.png);
	background-repeat: repeat;
}

.blueback {
	background-image: url(../images/blue_semi.png);
	background-repeat: repeat;
}

.switch .button {
	cursor: pointer;
}

ul.tree {
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	width: 165px;
	color: #444;
}
ul.tree li {
	list-style-type: none;
	margin: 0px;
	line-height: 130%;
}

ul.tree li {padding: 0px 0px 0px 25px;}
ul.tree li.admin { padding: 10px 0px 0px 25px; }

ul.tree li.active {
	padding: 0px 0px 0px 25px;
	background-image: url(../images/activetree.png);
	background-repeat: repeat-y;
}


ul.tree li.shop a.shop {text-decoration: none; color: #444;}
ul.tree li.shop a.shop:hover {color:#06174d; /*#5c6b00;*/}
ul.tree li.active a.shop {text-decoration: none; color: white;}
ul.tree li.active a.shop:hover {color: #cfc300;}

.tree .children {
	margin: 0px 0px 2px 10px;
	padding: 0px;
	font-size: 13px;
}
.admin .children {
	font-size: 11px;
}

ul.children li {padding: 0px 0px 0px 0px;}

li.community ul.children li a {text-decoration: none; color: #06174d; /*#5c6b00;*/}
li.community ul.children li a:hover {color: #cfc300;}
li.community ul.children li.current-cat a {text-decoration: none; color: #C10000;}
li.community ul.children li.current-cat a:hover {text-decoration: underline;}

ul.linklist {
	margin: 0px;
	padding: 0px;
	width: 165px;
	color: #444;
}

ul.linklist h2 {
	font-size: 17px;
	font-weight: bold;
}

ul.linklist li {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 25px;
}

ul.linklist li ul {
	margin: 0px 0px 2px 10px;
	padding: 0px;
	font-size: 13px;
}

ul.linklist li ul li {padding: 0px 0px 0px 0px; }
ul.linklist li ul li a {text-decoration: none; color: #06174d;}
ul.linklist li ul li a:hover {color: #cfc300; }

.infobox {
	
}

.infobox h3 {
	color: #777;
	padding: 2px 2px 2px 2px;
/*	background-image: url(../images/icons/golden_offer.png);
	background-repeat: no-repeat; 
	background-position: 2px; */
	line-height: 30px;
}

.infobox .hor_list {
	text-align: left;
	margin: 0px auto;
}

.infobox .hor_list p {
	text-align: center;
}

.infobox a {
	color: #777;
}


#left div.newproducts {
	margin: 10px 0px 0px 25px;
	font-size: 11px;
	padding: 0px;
	border: 1px solid #888888;
	color: #AAAAAA;
	width: 122px;
	background-color: #F4F4F4;
}

div.newproducts a {
	font-size: 12px;
	font-weight: bold;
}
div.newproducts h3 {
	color: #777;
	padding: 2px 2px 2px 20px;
	font-size: 11px;
	font-weight: normal;
	background-image: url(../images/icons/16-star-hot.png);
	background-repeat: no-repeat;
	background-position: 2px;
}

div.newproducts #newReview {
	padding: 2px;
	font-size: 11px;
	display: none;
}

.searchfield {
	margin: 25px 0px 0px 25px;
}

.search {
	background-image: url(../images/icons/16-zoom.png);
	background-repeat: no-repeat;
	background-position: 2px;
	padding-left: 20px !important;
	color: #777;
	margin: 0px !important;
	font-size: 11px !important;
	width: 100px;
}
.search:hover {
	color: #444;
}

div.logoff {
	margin: 2px 0px 0px 375px;
	padding: 0px;
	font-size: 11px;
	color: #444;
}
a.logoff {font-weight: normal; color: #444;}

.updated {
	background: #f4f4f4;
	border: 1px solid #120641;
	margin: 5px 2px 10px;
	padding: 0 1em 0 1em;
}

.messageStackError {font-weight: bold; color: #C10000; padding:0px;}
.messageStackSuccess {font-weight: bold; color: black; padding:0px;}
.messageStackWarning {font-weight: bold; color: black; padding: 0px;}

#right .banners {
	margin: 15px 0px 0px 0px;
	text-align: right;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
}

#left .banners {
	margin: 15px 0px 0px 0px;
	text-align: left;
	list-style-type: none;
	padding: 0px 0px 0px 28px;
}

#bottom .banners {
	text-align: center;
	margin: 15px auto 2px auto;
}

#bottom .microbanners {
	text-align: center;
	margin: 2px auto;
}

.banners li {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

.productimage {
	position: relative;
}
.productimage img {
	position: absolute;
}

.blackline {
	height: 5px;
	background-image: url(../images/blackline.png);
	background-position: 0px 5px;
	background-repeat: repeat-x;
}

.stripped {
	height: 1px;
	background-image: url(../images/strippedline.png);
	background-repeat: repeat-x;
	padding: 0px !important;
	margin: 0px !important;
}

.categorylist {
	background-image: url(../images/orange_semi.png);
	background-repeat: repeat;
	width: 475px;
	padding: 3px;
	color: #888;
	text-align: center;
	margin: 0px auto 0px auto;
	table-layout: fixed;
	border: 1px dashed #A8A8A8;
}
.categorylist td {
	padding: 10px;
}

.productlisting {
	width: 475px;
	padding: 3px;
	color: #888;
	text-align: left;
	font-family: Arial;
	font-weight: normal;
	margin: 0px auto 0px auto;
}
.productlisting .element {
	background-image: url(../images/orange_semi.png);
	background-repeat: repeat;
	position: relative;
	border-style: dashed;
	border-width: 1px;
	border-color: #A8A8A8;
	height: 140px;
	margin: 5px 0px;
}
.productlisting .element .productimage {
	position: absolute;
	top: 2px;
	left: 10px;
	width: 120px;
	height: 120px;
	z-index: 1;
	padding: 0px;
	margin: 0px;
}
.productlisting .element .details {
	position: absolute;
	top: 85px;
	left: 90px;
	width: 100px;
	height: 30px;
	z-index: 2;
}
.productlisting .element .text {
	position: absolute;
	top: 2px;
	left: 140px;
	width: 330px;
	height: 130px;
	padding: 2px;
}
.productlisting .element .text h3 {
	font-weight: bold;
	color: black;
	font-size: 17px;
	margin: 10px 0px 2px 0px;
	padding: 0px;
}
.productlisting .element .text h3 a {
	text-decoration: none;
	color: black;
}
.productlisting .element .amount {
	position: absolute;
	top: 75px;
	left: 340px;
	width: 130px;
	height: 35px;
	font-size: 12px;
	color: #222;
}
.productlisting .element .buy {
	position: absolute;
	top: 55px;
	left: 410px;
}

.productlisting .element .attributes {
	list-style-type: circle;
	font-size: 11px;
	line-height: 11px;
	margin: 1px 0px 1px 20px;
	padding: 0px;
}

.product {
	position: relative;
	width: 500px;
	min-height: 370px;
	background-image: url(../images/orange_semi.png);
	background-repeat: repeat;
	padding: 5px 7px 4px 7px;
	border: 1px dashed #A8A8A8;
}

.product .title {
	margin: 0px 0px 2px 20px;
	font-family: Arial;
	font-size: 24px;
	color: black;
	font-weight: bold;
}

.product > .text {
	margin: 0px 2px 0px 310px;
	color: #777;
}

.product .text > .facts {
	margin: 10px 0px 5px 0px;
	padding: 2px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #777;
}

.product .description {
	margin: 10px 0px 5px 0px;
	padding: 2px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #777;
}
.product .attributes {}

.product .buy {
	margin: 10px 0px 2px 0px;
	text-align: left;
}

.product .comment, .product .writeComment {
	margin: 0px 2px 0px 120px;
	color: #777;
}

.product .text a {color: #06174d;font-weight: bold;}

.product a.nextImage {
	position: absolute; 
	left: 160px; 
	top: 270px; 
	width: 100px; 
	height: 13px;
	font-size: 13px;
	color: black;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
}

.product a.reviews {
	position: absolute;
	left: 158px;
	top: 285px;
	width: 100px;
	height: 13px;
	color: black;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	text-align: right;
}

.login {
	margin: 10px 0px 10px 0px;
	padding: 3px;
	background-image: url(../images/orange_semi.png);
	background-repeat: repeat;
	border: 1px dashed #A8A8A8;
}

.pwa {
	margin: 5px 0px 0px 0px;
	background-image: url(../images/orange_semi.png);
	background-repeat: repeat;
}

.form {
	background-image: url(../images/orange_semi.png);
	background-repeat: repeat;
	border: 1px dashed #A8A8A8;
}

/* news class for listing the blog entries */
.news {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #A8A8A8;
	margin-right: 10px;
	margin-left: 1em;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 4px;
	background-image: url(../images/orange_semi.png);
	background-repeat: repeat;
	cursor: pointer;
}

.news h3 {
	margin: 1px 0px 3px 2px;
	padding: 0px;
	font-weight: bold;
	color: #777;
	font-size: 15px;
}

.news .info {
   font-family: Arial;
   float: right;
   font-size: 12px;
   color: #120641;
}

.preview {
	margin: 0px 0px 0px 10px;
	color: #333333;
}

.news a:link, .news a:visited{
   color: #000000;
   text-decoration: none;
}
.news a:hover, .news a:active{
	color: #00AEEF;
}
/* news class ends */

/* blog class for whole blog entries */
.blogtitle {
	font-size: 17px;
	line-height: 5px;
	border-bottom: 0.5em #F2F2F2 solid;
	padding: 5px 0px 2px 0px;
	margin: 0px;
}

.entry {
	margin: 10px 0px 5px 0px;
	padding: 2px;
	color: #333333;
	line-height: 130%;
	overflow: hidden;
}

.meta {
	float: right;
	padding: 0px 15px 0px 0px;
	text-align: right;
}

.postmetadata {
	font-size: 11px;
	border-width: 1px 0px 0px 0px;
	border-style:  solid;
	border-color: #777;
	margin: 10px 0px 0px 0px;
}
.postmetadata a {color: #222;	font-weight: bold;}

div.comment {
   margin: 10px 5px 0px 10px
}

ol.commentlist {
   color: #333333;
   list-style-position: outside;
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}

ol.commentlist li {
   margin: 2px 0px 0.8em 0px;
   background-color: #F4F4F4;
   padding: 2px;
}

.commentmetadata {
   font-size: 10px;
   color: #222222;
   float: right;
   margin-right: 5px;
}
.comment a {color: #06174d; }


/* docomment class for writing a comment */
.docomment {
   color: #333;
   margin: 0px 5px 0px 10px;
}

table.orderpreview {
   border-width: 1px 1px 1px 1px; 
   border-style: solid; 
   border-color: #A8A8A8;
   background-color: #F4F4F4; 
   margin-top: 2px; 
   margin-bottom: -1px;
   color: #222;
   cursor: pointer;
}
table.inputs {
   width: 100%;
}
table.inputs select {
	width: 125px;
}

table.orderlisting {
	background-image: url(../images/orange_semi.png);
	background-repeat: repeat;
	margin: 2px 0px 0px 8px;
	width: 98%;
	border-left:  1px dashed #A8A8A8;
}
table.orderlisting td.cursor {
	cursor: pointer;
}

table.checkout {
	background-image: url(../images/semitrans.png);
	background-repeat: repeat;
	margin: 2px 0px 2px 2px;
	width: 98%;
	cursor: pointer;
}
table.checkoutSelected {
	background-repeat: repeat;
	margin: 2px 0px 2px 2px;
	width: 98%;
	cursor: pointer;
	background-image: url(../images/orange_semi.png);
	color: #22c;
}

.buttoncontainer {
   width: 98%;
   margin: 10px 0px 0px 0px;
   table-layout: fixed;
}

table.navigation {
	width: 98%;
	table-layout: fixed;
}
.from {text-align: left;}
.from a {font-size: 11px; font-weight: bold; color: #444;}
.to a {font-size: 11px; font-weight: bold; color: #444;}
.to {text-align: right;}

.checkoutBarFrom, .checkoutBarFrom a {
	font-size: 11px;
	color: black;
	font-weight: bold;
}
.checkoutBarCurrent, .checkoutBarCurrent a {
	font-size: 11px;
	color: #cfc300;
	font-weight: bold;
}
.checkoutBarTo, .checkoutBarTo a {
	font-size: 11px;
	color: #777;
	font-weight: bold;
}