


body {
 background-color: White;
 color: Black;
 font: 62.5%/normal Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
}
body#popup {
        margin: 0px;
        padding: 0px;
}
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide */




a,:link,:visited { color: Black; 
			 text-decoration: none;
			}
a.important:visited,
a:hover {
 text-decoration: none;
 color:#823319;
}
a.important,
a.on {
 text-decoration: underline !important;
}

a.link_register
 {
  color:black;
 }

a:hover.link_register
 {
  color:#823319;
 }

p { padding: 0 0 .5em; }
div.text { font-size: .9em; }



img.rflt {
 display: inline;
 float: right;
 margin: 0 0 10px 10px;
}
img.lflt {
 display: inline;
 float: left;
 margin: 0 10px 10px 0;
}

h4{font-weight:normal !important;font-size:20px !important;color:#333;margin:30px 0 10px 0;}
.homeContent{text-align:justify;margin:0 0 20px 0 ;}
.homeContent p{text-align:justify;}

ul.classic {
 list-style: disc;
 padding: .5em 0 .5em 2em;
}
ul.classic ul {
 list-style: circle;
 padding: .5em 0 .5em 2em;
}
ol.classic {
 list-style: decimal;
 padding: .5em 0 .5em 2em;
}








/* Main layers */

#container {
 width: 75em;
 margin: 10px auto 0;
 text-align: left !important;
 background-color: White;
}
#wrapper {
 padding: 1em 0 0;
 border: solid 1px #d0d0d0;
 background-color: White;
 font-size: 120%;
 line-height: 1.5em;
}
#sidebar {
 float: left;
 width: 28%;
 margin-right: -1px;
 border-right: solid 1px #cfcfcf;
}
#sidebar .inside {
 padding: 0 0 0 2.5em;
}
#mainbar {
 float: left;
 width: 72%;
 margin-right: -1px;
 border-left: solid 1px #cfcfcf;
 margin-bottom: 1em;
}
#mainbar .inside {
 min-height: 450px;
 margin-right: 1px;
 padding: 0 2em 0 2.5em;
}

* html #mainbar .inside {
 height: 450px;
}

#inner #mainbar .inside {
 padding-bottom: 130px;
 margin-bottom: 50px;
}
#mainbar .inside2 {
 padding: 16px 1.5em;
}
.banner {
 margin: 1em 0 1em;
 overflow: hidden;
 border: solid 1px #a3a3a3;
 background: url("/images/website/banner-home-valentines.jpg") no-repeat;
 width: 475px;
 height:170px;
}
.banner  img { display: block; overflow: hidden; }
.banner p { margin: 0px !important; padding: 0px !important; }





/* Headings */

h1 { padding-bottom: 1em; }
h1 img { display: block; }
h2 {
 clear: both;
 margin: 2em 0 20px;
 padding: .5em 1.5em;
 background: #823319 url(../images/bg-h2.gif) top right repeat-y;
}
h2 span {
 display: block;
 color: White;
 font-size: 170%;
 font-weight: normal;
 text-transform: capitalize;
}
h3 {
 padding: 1px .5em;
 font-size: 100%;
 background-color: #8f8f8f;
 color: White;
}
h3 a { color: White !important; }
h31line { color: White !important; line-height:40px; }
h32line { color: White !important; line-height:normal; }
h3 {  text-align:center; padding:8px 0;  }
h4 {
 font-size: 110%;
 font-weight: bold;
}




/* Products */
.products {
        overflow: hidden;
}
.products .image {
 margin-bottom: 5px;
 margin-right: 0;
 overflow: hidden;
 border: solid 1px #c1c1c1;
 text-align: center;
 height: 157px;
}
.products .image a{ display: block; width: 100%; height: 157px; overflow: hidden; }
.products .image img { display: block;  }
.products li {
 overflow: hidden;
 display: inline;
 float: left;
 width: 33%;
 margin-right: 2px;
 padding-bottom: 1em;
}
.products li h3 {
        border-top: 1px solid #B5B5B5;
		height:40px;
}

.last {
 margin-right: 0 !important;
}


.products { width: 100%; }
.products a.viewmore {
 display: block;
 padding: 1px 1em;
 font-size: 110%;
 font-weight: bold;
 background-color: #823319;
 color: White;
}

.products a.viewmore:hover {
 text-decoration: none;
}

.products p { text-align: right; }
.products p input {
 margin: 0;
 padding: 0;
 line-height: 1.2em;
}

.price {
 color: #545454;
 font-size: 110%;
 font-weight: bold;
}

#product select,
.products select,
.products input {
 font-size: 1em;
}

#product select,
.products select {
 margin: 0 4px;
 vertical-align: middle;
}
input.button {
 color: White !important;
 background-color: #823319;
 border: solid 2px #823319;
 text-transform: uppercase;
 cursor: pointer;
}



/* Product */

#product {
 margin: 3em 0;
 font-size: .9em;
}
#product h4 {
 color: #636363;
}
#product div.desc {
 margin: 1em 0;
}
#product img.picture {
 display: inline;
 float: left;
 margin: 0 1em 1em 0;
 border: solid 1px #dbdbdb;
}
ul.features {
 padding: 7px 0;
}
ul.features li span {
 padding-left: 20px;
 background: url("../images/disc.gif") center left no-repeat;
}






/* Account form */


#account input.text,
#account textarea,
#account select {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1em;
}

#account, form.acc {
 padding: .5em 0;
}
#account li {
 clear: left;
 padding: 2px 0;
}
#account li#buttons {
 margin-left: 100px;
}
* html #account li#buttons {
 margin-left: 103px;
}
#account label, form.acc label {
 float: left;
 width: 130px;
 padding: 2px 10px 2px 0;
 font-size: 110%;
}
#account input.text,
#account textarea {
 padding: 3px;
 border: solid 1px #cccccc;
}
#account textarea {
 overflow: auto;
 height: 50px;
}





/* Nav */

#sub {
 padding: .3em .5em;
 background-color: #e4e4e4;
 font-size: 110%;
 color: #646162;
}
#sub li {
 float: right;
 padding: 0 .5em;
}
#sub li.first {
 padding-left: 20px;
 float: left;
}
#home { background: url(../images/icon-home.gif) center left no-repeat; }
#sub li a {
 color: #646162;
}

#nav {
 width: 100%;
}
#nav li {
 padding:  1px 0 1px 15px;
 background: url(../images/bg-nav-arrow.gif) center left no-repeat;
}
#nav li a {
 color: #646162;
 font-size: 110%;
}
#nav li a.current {
        text-decoration: underline !important;
}




/* Basket table */

table.basket {
 width: 160px;
 margin: 2em 0;
 background-color: #dbdbdb;
 font-size: 1.1em;
 color: #646162;
}
table.basket td {
 padding: 5px;
}

/* User table */

table.user {
 width: 160px;
 margin: 2em 0;
 background-color: #dbdbdb;
 font-size: 1.1em;
 color: #646162;
}
table.user td {
 padding: 2px;
 padding-left:4px;
}





/* The Footer */

#footer {
 clear: both;
 padding: 0 2.5em;
 border-width: 1px 0;
 border-style: solid;
 border-color: #c2c2c2;
 background-color: #e4e4e4;
 color: #6e6c6c;
}
* html #footer {
 height: 1%;
}
#footer p {
 font-size: 82%;
}
#topleftdesign {
 padding-right: 1em;
 text-align: right;
margin-top: 10px !important;
color: #6E6C6C;
}
#topleftdesign a { color: #6E6C6C !important; }
#footer a {
 color: #6e6c6c;
}


/* Stefan Addition */
form{ margin: 0; }
form label{ width: 150px; display: block; float:left; padding: 0px 8px 8px 0; text-align: right; }
form label.optionLabel { width: auto; text-align: left; }
form label span{ display: block; font-weight: normal; }
form td label{ padding: 0 4px 0 0; }
form label.wide{ width: 20em; }
form input.text{ width: 200px; margin-bottom: 0.5em; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #858585; padding: 3px; }
form input.text.small{ width: 100px; }
form input.btnSubmit{ margin: 6px 0 0 112px; font-family: Verdana, Arial, Helvetica, sans-serif; border: none; background-color: #823319; color: #fff; font-weight: bold; padding: 3px; cursor: pointer; width: auto; overflow: visible; }
a.btnSubmit{ display: block; width: 5em; font-family: Verdana, Arial, Helvetica, sans-serif; border: none; background-color: #823319; color: #fff !important; font-weight: bold; padding: 3px; cursor: pointer; text-align: center; }

form input.margin6 { margin: 0 6px 0 0; }
form input.margin0 { margin: 0; }
form td input.btnSubmit, td form input.btnSubmit, th form input.btnSubmit{ margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; border: none; background-color: #823319; color: #fff; padding: 3px; font-size: 12px; }
form select{ font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #823319; padding: 3px; margin-bottom: 0.5em; }
form select#country{ _width: 260px; }
form textarea{ width: 200px; height: 90px; margin-bottom: 0.5em; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #858585; padding: 3px; font-size: 1em;}
form input.checkbox{ vertical-align: middle; }
form br{ clear: both; }

h5.details{ color: #823319; font-weight:bold; font-size:120%; }

input.submit{ font-family: Verdana, Arial, Helvetica, sans-serif; border: none; background-color: #823319; color: #fff; font-weight: bold; padding: 3px; }

a, input{ outline: none; }

div.options select {
        width: 100%;
        margin: 3px 0 6px 0 !important;
}

p.from {
        margin-top: 1px; padding: 0px;
}
p.from span {
        float:  left;
        margin-top: 1px !important;
}
p.from a {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        border: 0px !important;
        margin-top: 1px !important;
        background-color: #823319;
        color: #fff;
        font-weight: bold;
        padding: 1px 3px 1px 3px;
        cursor: pointer;
        width: auto;
        overflow: visible;
        vertical-align: middle;
        float: right;
}
p.from a:hover { text-decoration: none; }
p.from a:visited { color: #FFFFFF !important; }
form input.btnSubmitProducts{ font-family: Verdana, Arial, Helvetica, sans-serif; border: none; background-color: #823319; color: #fff; font-weight: bold; padding: 2px 3px 2px 3px; cursor: pointer; width: auto; overflow: visible; vertical-align: middle;}

div.desc td { vertical-align: top !important; }

p.add span, p.add select{ float: left; }

div#protx_form {
	display: inline !important;
	float: right !important;
	width: auto;
	overflow: hidden;
	padding: 0px;
}
div#protx_form form input.btnSubmit {
	margin: 5px !important;
}
