html {
	
}

body {
	margin: 0;
	padding: 0;
	font-family: Times, serif;
	background-color: #4B2C11;
	text-align: center;
	background-image: url(../sitepix/structural/bg.png);
}

#number {
	width: 900px;
	height: 30px;
	background-color: #4B2C11;
	float: left;
	margin: 2px 0 0 0;
	text-align: center;
	border-top: solid 1px #A9712A;
	border-bottom: solid 1px #A9712A;
}

#number p {
	line-height: 30px;
	margin: 0;
	padding: 0;
	font-size: 22px;
	color: #FFF;
}

#number a {
	font-size: 22px;
	color: #FFF;
	text-decoration: none;
}

/*--------------- 2 column layout for order form and contact us -----------------*/

.orderform #col1 {
	width: 400px;
	margin: 0 50px 0 25px;
} 

.orderform #col2 {
	width: 400px;
	margin: 0 25px 0 0;
} 

.contactus #col1 {
	width: 560px;
	margin: 0 30px 0 25px;
} 

.contactus #col2 {
	width: 250px;
	margin: 0 25px 0 0;
} 
 input.small {
	width: 20px;
 }

/*--------------- 3 column layout -----------------*/
	#col1 {
		width: 250px;
		float: left;
		clear: both;
		margin: 0 50px 0 25px;
		display: inline;
	}
	
	#col2 {
		width: 250px;
		float: left;
		margin: 0 50px 0 0;
		display: inline;
	}
	
	#col3 {
		width: 250px;
		float: left;
	}

/*--------------- typography -----------------*/

p {
	font-size: 14px;
	color: #333;
	line-height: 1.5em;
}

p.home {
	font-size: 16px;
	color: #333;
	line-height: 1.5em;
}

h1 {
	font-size: 36px;
	font-weight: lighter;
	color: #A9712A;
	margin: 30px 25px 20px 25px;
	padding: 0;
	float: left;
	width: 850px;
	display: inline;
}

h2 {
	font-size: 21px;
	font-weight: lighter;
	color: #A9712A;
}

a {
	color: #4B2C11;
}

a:hover {
	color: #A9712A;
}

.form {
	border: solid 1px #4B2C11;
	padding: 2px;
}

div.row {
  clear: both;
  padding-top: 10px;
  }

div.row label {
	float: left;
  	text-align: left;
  	font-size: 14px;
  	color: #333;
  	clear: both;
  }
div.row label.label_check {
  float: left;
  text-align: left;
  }

div.row span.formw {
  text-align: left;
  float: left;
  clear: both;
  } 


#header {
	position: relative;
	z-index: 100;
	height: 176px;
	width: 100%;
	background-image: url(../sitepix/structural/top-bg.png);
	background-position: left top;
	background-repeat: repeat-x;
}

#site-holder {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 900px;
	background-color: #FFF;
	overflow: hidden;
	box-shadow: 0px 0px  10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px#000;
	text-align: left;
} 

#mainmenu {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	text-align: left;
}

#mainmenu li {
	margin: 0;
	padding: 0;
	float: left;
}

#mainmenu li a {
	margin: 0;
	padding: 0;
	display: block;
	height: 55px;
	outline: none;
	text-indent: -9999%;
}

#mainmenu li a:hover {
	background-position: 0 -55px;
}

#mainmenu li a.active {
	background-position: 0 -110px;
}

#mainmenu li a#home {
	width: 104px;
	background-image: url(../sitepix/navigation/home.png);
	background-repeat: no-repeat;
}

#mainmenu li a#importance {
	width: 284px;
	background-image: url(../sitepix/navigation/the-importance.png);
	background-repeat: no-repeat;
}

#mainmenu li a#collection {
	width: 222px;
	background-image: url(../sitepix/navigation/our-collection.png);
	background-repeat: no-repeat;
}

#mainmenu li a#order {
	width: 148px;
	background-image: url(../sitepix/navigation/order-form.png);
	background-repeat: no-repeat;
}

#mainmenu li a#contact {
	width: 142px;
	background-image: url(../sitepix/navigation/contact.png);
	background-repeat: no-repeat;
}

#swapper {
	width: 500px;
	height: 360px;
	float:right;
	margin: 30px 0 0 0;
	background-color: #CCC;
}

#welcome-text {
	width: 300px;
	float: left;
	margin: 0 50px 0 25px;
	display: inline;
	clear:left;
}

#info-boxes {
	width: 890px;
	height: 200px;
	float: left;
	margin: 30px 5px 15px 5px;
	font-family: Arial, Verdana;
	text-align: center;
	display: inline;
}

#info-boxes ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#info-boxes ul li {
	margin: 0;
	padding: 0;
	float: left;
	width: 178px;
}

#info-boxes ul li a{
	position: relative;
	margin: 0;
	padding: 0;
	color: #FFF;
	height: 200px;
	display: block;
	text-decoration: none;
	font-size: 11px;
}

#info-boxes ul li a:hover {
	background-position:  0 -200px;
}

#info-boxes ul li a em {
	font-style: normal;
	position: absolute;
	top: 15px;
	left: 25%;
}
#info-boxes ul li a b {
	font-style: normal;
	position: absolute;
	top: 165px;
	left: 43px;
}

#info-boxes ul li a.box1{
	background-image: url(../sitepix/images/box1.png);
	background-repeat: no-repeat;
}

#info-boxes ul li a.box2{
	background-image: url(../sitepix/images/box2.png);
	background-repeat: no-repeat;
}

#info-boxes ul li a.box3{
	background-image: url(../sitepix/images/box3.png);
	background-repeat: no-repeat;
}

#info-boxes ul li a.box4{
	background-image: url(../sitepix/images/box4.png);
	background-repeat: no-repeat;
}

#info-boxes ul li a.box5{
	background-image: url(../sitepix/images/box5.png);
	background-repeat: no-repeat;
}

/*------------------------ Our Collection boxes layout ------------------------ */

#collection-holder {
	width: 850px;
	background-color: #FFF;
	margin: 0 25px 5px 25px;
	float: left;
	display: inline;
}

.choco-small-descrip {
	width: 850px;
	height: 165px;
	margin: 20px 0 0 0;
	padding:  0;
	float: left;
	display: inline;
	position: relative;
}

.choco-small-descrip img {
	float: left;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 225px;
}

.choco-small-descrip ul {
	float: left;
	list-style-type: none;
	margin: 0;
	position: absolute;
	top: 0;
	left: 250px;
	width: 560px;
}

.choco-small-descrip ul li {
	list-style-type: none;
	margin: 0;
}

.choco-small-descrip ul li a {
	height: 25px;
	width: 160px;
	display: block;
	background-image: url(../sitepix/navigation/whatsinthebox.png);
	text-indent: -9999%;
	float: left;
	margin-right: 20px;
}

.choco-small-descrip ul li a:hover {
	background-position: 0 -25px;
}

.choco-small-descrip ul li a.small {
	height: 25px;
	width: 180px;
	display: block;
	background-image: url(../sitepix/navigation/whatsinthebox-small.png);
	text-indent: -9999%;
	float: left;
	margin-right: 20px;
}

.choco-small-descrip ul li a.small:hover {
	background-position: 0 -25px;
}

.choco-small-descrip ul li a.large {
	height: 25px;
	width: 250px;
	display: block;
	background-image: url(../sitepix/navigation/whatsinthebox-large.png);
	text-indent: -9999%;
	float: left;
	margin-right: 20px;
}

.choco-small-descrip ul li a.small:hover {
	background-position: 0 -25px;
}

.choco-small-descrip ul li h2 {
	margin: 0;
	padding: 0;
}

#slickbox, #slickbox2, #slickbox3, #slickbox4, #slickbox5, #slickbox6, #ordertbl {
	float: left;
	margin: 0 0 20px 0;
}

#slickbox table,  #slickbox2 table,  #slickbox3 table,  #slickbox4 table,  #slickbox5 table, #slickbox6 table,#ordertbl table, table.choco-table  {
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #FFF;
}

table th{
	background-color: #4B2C11;
}

table .b {
	background-color: #4B2C11;
}

table .lb {
	background-color: #A9712A;
}

table .q {
	background-color: #6B3E17;
	font-weight: bold;
}

table .t {
	background-color: #C3822F;
	font-weight: bold;
}

table .p {
	background-color: #A96224;
	font-weight: bold;
}

table .s {
	background-color: #E19636;
	font-weight: bold;
	font-size: 14px;
}

table a.download-v {
	text-align: center;
	height: 25px;
	width: 160px;
	display: block;
	background-image: url(../sitepix/navigation/view-chocolates.png);
	text-indent: -9999%;
}

table a.download-v:hover {
	background-position: 0 -25px;
}

/*--------------- order page buttons and pdf download --------------------*/

a#download-b {
	height: 25px;
	width: 160px;
	display: block;
	background-image: url(../sitepix/navigation/download-brochure.png);
	text-indent: -9999%;
}

a#download-o {
	height: 25px;
	width: 180px;
	display: block;
	background-image: url(../sitepix/navigation/download-order-form.png);
	text-indent: -9999%;
}

a#download-online {
	height: 25px;
	width: 180px;
	display: block;
	background-image: url(../sitepix/navigation/online-order-form.png);
	text-indent: -9999%;
}

a#download-b:hover, a#download-o:hover, a#download-online:hover {
	background-position: 0 -25px;
}

#pdf {
	clear: both;
	width: 850px;
	margin: 25px 25px 0 25px;
	text-align: center;
	float: left;
}


/*--------------- footer layout --------------------*/

#footer {
	float: left;
	width: 890px;
	height: 75px;
	background-color: #A9712A;
	background-image: url(../sitepix/structural/footer-logo.png);
	background-position: right top;
	background-repeat: no-repeat;
	margin: 0 5px 5px 5px;
	display: inline;
}

#footer ul {
	margin: 0 0 0 0;
	padding: 0;
}

#footer ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

#footer ul li a {
	font-family: Arial, Verdana;
	color: #FFF;
	text-decoration: none;
	font-size: 11px;
	padding: 15px 0 0 20px;
}

#footer p {
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #FFF;
	margin: 5px 0 5px 20px;
}

#footer p em {
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}

#footer a {
	color: #FFF;
}

.form_text {
visibility:hidden
	}