/* general tag styles */

body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	padding: 0;
	background: #E6A58A;
	margin: 0 0 0 0;
	text-align: center;
	font-size: 11px;
}

p, td, li, form, label {
	font-size: 12px;
}

td, ul, ol, li, form, input, select, textarea {
	padding: 0;
	margin: 0 0 0 15px;
	font-size: 12px;
	color: #555;
}

img {
	padding: 2px;
	border: 1px;
}

input, textarea {
	padding: 3px;
}

p {
	line-height: 130%;
	padding: 0 0 10px 0;
	color: #444444;
	font-weight: normal;
	border: 0;
	margin: 0;
}

p.clearit {
  clear: both;
  line-height: 1px;
} 

h1, h2 {
    font-size: 13px;
	line-height: 120%;
	padding: 10px 0 4px 0;
	border: 0;
	margin: 0;
	color: #03415E;
	
}

h3, h4 {
    font-size: 13px;
	line-height: 120%;
	padding: 4px 0 4px 0;
	border: 0;
	margin: 0;
	color: #03415E;
}

h5, h6 {
	font-size: x-small;
	padding: 10px 0 2px 0;
	border: 0;
	margin: 0;
}

span {
	color: #3700FF;
}

select {
	font-size: x-small;
}

a {
	color: #03415E;
	text-decoration: none;
}

a:hover {
	color: #3700FF;
}

label {
	color: #03415E;
	vertical-align: top;
	font-size: x-small;
}

.em-note {
  font-style: italic;
}

.flush-left {
	float: left;
}

.flush-right {
	float: right;
}

/* tabular data cell styles */

td {
	text-align: left;
	vertical-align: top;
}

td.lm {
	text-align: left;
	vertical-align: middle;
	font-size: x-small;
}

td.lb {
	text-align: left;
	vertical-align: bottom;
}

td.lt {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

td.ct {
	text-align: center;
	vertical-align: top;
}

td.cm {
	text-align: center;
	vertical-align: middle;
}

td.cb {
	text-align: center;
	vertical-align: bottom;
}

td.rt {
	text-align: right;
	vertical-align: top;
}

td.rm {
	text-align: right;
	vertical-align: middle;
}

td.rb {
	text-align: right;
	vertical-align: bottom;
}

td.dotted-separator {
	background: url(/i/dotted_vertical.gif) top left repeat-y;
}

/* main containers */ 

#main-container {
	text-align: left; 
	margin: 0 auto;
	width: 980px;
	background: #64BEDB url(images/main-bg.jpg) left top no-repeat;
	z-index: 2;
}

#logo {
	width: 1000px;
	height: 200px;
	background: url(images/carnavalshop-titel-800.png) center no-repeat;
	padding: 5px;
}

.subnav {
	text-align: right;
	vertical-align: top;
	padding: 0 5px 0 0;
}

/* top navigation */

#nav {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li {
	padding: 0 0 3px 0;
	margin: 0 0 0px 0;
	font-size: 1px;
	line-height: 1px;
}

/* content */

.content-container {
	z-index: 3;
	position: absolute;
	top: 140px;
}

.clt {
	background: url(../images/corner_lt.jpg) top left no-repeat;
	font-size: 1px;
}

.clb {
	background: url(../images/corner_lb.jpg) bottom left no-repeat;
	font-size: 1px;
}

.clb-promoties {
	background: url(../images/corner_lb_promoties.jpg) bottom left no-repeat;
	font-size: 1px;
}

.crt {
	background: url(../images/corner_rt.jpg) top left no-repeat;
	font-size: 1px;
}

.crb {
	background: url(../images/corner_rb.jpg) bottom right no-repeat;
	font-size: 1px;
}

.crb-promoties {
	background: url(../images/corner_rb_promoties.jpg) bottom right no-repeat;
	font-size: 1px;
}

.bt {
	border-top: 4px solid #fff;
	font-size: 1px;
}

.bl {
	border-left: 4px solid #fff;
	font-size: 1px;
}


.br {
	border-right: 4px solid #fff;
	font-size: 1px;
}

.bb {
	border-bottom: 4px solid #fff;
	font-size: 1px;
}

.bln {
	background: url(../images/bl.jpg) left top repeat-y;
	font-size: 1px;
	background-color: #FFE28C;
}

.left-callout-top {
	background: url(../images/callout_bg.jpg) left top repeat-y;
}

.left-callout {
	border-left: 4px solid #fff;
	background: #FFE28C url('../images/callout_line.jpg') repeat-y right top;; padding-left:20px; padding-right:0; padding-top:30px; padding-bottom:30px
}

.left-callout p {
	padding: 0 10px 10px 0;
	margin: 0;
}

.left-callout a {
	color: #3700FF;
}

.callout-line {
	background: url(../images/callout_line.jpg) left top repeat-y;
}

.callout-bottom {
	background: url(../images/callout_bottom.jpg) left bottom no-repeat;
	font-size: 7px;
}

.btn {
	border-top: 4px solid #fff;
	background: #FFE28C url(../images/gradient_bg.jpg) left top repeat-x;
	padding: 20px 10px 20px 10px;
}

.btn-promoties {
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	padding: 0 10px 20px 10px;
	background-color: #FFE28C;
	background: #FFE28C url(../images/gradient_bg.jpg) left top repeat-x;
}

.btn h2 {
	padding: 0 0 20px 0;
}

.btn-promoties h2 {
	padding: 20px 0 20px 0;
}

.btn-promo {
	border-top: 4px solid #fff;
	background: #FFE28C url(../images/gradient_bg.jpg) left top repeat-x;
	padding: 20px 0 20px 20px;
}

.btn-promo-text {
	border-top: 4px solid #fff;
	background: #FFE28C url(../images/gradient_bg.jpg) left top repeat-x;
	padding: 20px 30px 20px 0;
}


.bbn {
	border-bottom: 4px solid #fff;
	background-color: #3700FF;
	font-size: 1px;
}

.bbn-promoties {
	border-bottom: 4px solid #fff;
	border-right: 4px solid #fff;
	background-color: #3700FF;
	font-size: 1px;
}

.right-border {
	background: url(../images/rb_promoties.jpg) right top repeat-y;
	background-color: #3700FF;
	text-align: right;
}

.left-border {
	background: url(../images/lb.jpg) left top repeat-y;
	background-color: #3700FF;
}

#content-callout {
	margin: 0 0 0 0;
	background-color: #FFE28C;
}

#main-img {
	margin: 4px 0 0 0;
}

.day {
	background: url(../images/day_bg.jpg) left top no-repeat;
	padding: 3px 0 7px 0;
	text-align: center;
	width: 100px;
}

#program td {
	border-bottom: 1px solid #FFF1C6;
	padding: 10px 0 5px 0;
}

#program td p {
	padding: 3px 0 7px 0;
	text-align: center;
}

#program td.last {
	border: none;
}

#program td span {
	color: #3700FF;
}

#contact {
	margin: 13px auto;
}

#contact th {
	text-align: right;
	font-weight: normal;
	vertical-align: top;
	padding: 2px 3px 4px 0;
}

#contact td {
	padding: 0 5px 4px 0;
}

#contact input, #contact textarea {
	border-top: 1px solid #DBA606;
	border-left: 1px solid #DBA606;
	border-right: 1px solid #F9C524;
	border-bottom: 1px solid #F9C524;
	background: #fff url(../images/input_bg.jpg) left top repeat-x;
}

#contact .btn {
	border: none;
	background: none;
}

.chart-frame {
	background: #03415E url(../images/chart_frame.gif) left top no-repeat;
	width: 151px;
	height: 165px;
	margin: 30px 60px 10px 0;
}

.chart-frame img {
	border: 3px solid #03415E;
	margin: 6px 6px 0 8px;
}

.chart-frame p.flush-right {
	padding: 5px 5px 0 0;
	font-size: 9px;
	color: #DCA603;
}

.chart-frame  a {
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	color: #DCA603;
}

.chart-frame  a:hover {
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	color: #6C5202;
}

.chart-frame  a span  {
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	color: #6C5202;
}


.photo-frame {
	background: url(../images/photo_frame.gif) left top no-repeat;
	width: 151px;
	height: 132px;
	margin: 10px 25px 0 0;
	padding: 4px 0 0 0;
}

.photo-frame .border {
	border: 1px solid #FCCF47;
	background-color: #FFECB3;
	margin: 0 4px 0 5px;
	padding: 3px;
}

.photo-frame img {
	border: 2px solid #fff; 
}

.photo-frame p.flush-right {
	padding: 3px 4px 0 0;
	font-size: 9px;
	color: #DCA603;
}

.photo-frame  a {
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	color: #DCA603;
}

.photo-frame  a:hover {
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	color: #6C5202;
}

.photo-frame  a span  {
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	color: #6C5202;
}

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

.photo-bg {
	margin: 0 10px 10px 0;
}

#photos td a.arrow-link {
	font-weight: bold;
	padding: 0 0 0 12px;
	background: url(../images/link_arrow.jpg) left top no-repeat;
}

.photo-bg td {
	background: #FFD966;
}

.photo-bg .clt {
	background: url(../images/photo_corner_lt.jpg) left top no-repeat;
	font-size: 1px;
}

.photo-bg .crt {
	background: url(../images/photo_corner_rt.jpg) right top no-repeat;
	font-size: 1px;
}

.photo-bg .clb {
	background: url(../images/photo_corner_lb.jpg) left top no-repeat;
	font-size: 1px;
	line-height: 6px;
}

.photo-bg .crb {
	background: url(../images/photo_corner_rb.jpg) right top no-repeat;
	font-size: 1px;
}

.photo-bg .bn {
	background: #FFD966;
	font-size: 1px;
	line-height: 6px;
}

.photo-bg .border {
	border: 1px solid #FCCF47;
	background-color: #FFECB3;
	margin: 0;
	padding: 3px;
}

.photo-bg .small-border-left {
	border: 1px solid #FCCF47;
	background-color: #FFECB3;
	margin: 5px 0 0 0;
	padding: 3px;
	float: left;
}

.photo-bg .small-border-right {
	border: 1px solid #FCCF47;
	background-color: #FFECB3;
	margin: 5px 0 0 0;
	padding: 3px;
	float: right;
}

.photo-bg img {
	border: 2px solid #fff; 
}

#promoties {
	margin: 3px 0 0 0;
}

/* left subnav */

.subnav-bottom {
	background: url(../images/subnav_bottom.jpg) left bottom no-repeat;
	font-size: 1px;
	line-height: 8px;
}

#left-subnav {
	background: url(../images/subnav_bg.jpg) left top repeat-y;
}

#left-menu {
	background: url(../images/subnav_top.jpg) left top no-repeat;
	padding: 4px 4px 4px 4px;
	margin: 0;
	list-style: none;
}

#left-menu li {
	border-bottom: 1px solid #DDEAFB;
	padding: 0;
	margin: 0;
}

#left-menu li a {
	background: url(../images/subnav_arrow.gif) left top no-repeat;
	display: block;
	line-height: 100%;
	padding: 7px 0 8px 24px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #005695;
}

#left-menu li a:hover, #left-menu li.selected a {
	background: #fff url(../images/subnav_arrow.gif) left top no-repeat;
}

.arrow-link {
	font-weight: bold;
	padding: 0 0 0 12px;
	background: url(../images/link_arrow.jpg) left top no-repeat;
}

/* footer */

#footer {
	background: #03415E url(../images/footer.jpg) top left no-repeat;
	margin: 4px 0 20px 0;
	height: 32px;
}

#footer td {
	color: #fff;
	font-size: 1.2em;
	padding: 8px 12px 8px 12px;
}

#footer p {
	color: #fff;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}

#footer a {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

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

.input_error {
	color: #f00;
	padding: 0;
}

.left {
	text-align: left;
}



.infoBox {
  background: #03415E;
  padding: 1px;
  margin-bottom: 4px;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  padding: 2px;
}

.infoBoxNotice {
  background: #03415E;
}

.infoBoxNoticeContents {
  background: #03415E;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #03415E;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #000080;
  border-spacing: 1px;
  border-collapse: collapse;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #03415E;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  vertical-align: middle;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #12598D;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #12598d;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #03415E;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff3300; }

#header {
	background: url(images/header_bg_2.jpg);
}