/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
fieldset, img, abbr, acronym { border: 0; }

body {
	color: #505050;
	background-color: #FFFFFF;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 80%;
	line-height: 1.5em;
	background-image: url(../images/home/gold_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
}
	
#container {
	width: 974px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
	
#logo {
	float: left;
	width: 238px;
	height: 110px;
	background: url(img/logoScreen.gif) no-repeat center center;
}
	
#header {
	float: left;
	margin-top: 4px; /* tweak to move menu down */
	margin-bottom: 0px;
	padding: 0px 0px;
	width: 974px;
	background-repeat: no-repeat;
	height: 118px;
	background-image: url(../images/SeasmokeLogo_bg.png);
	background-position: left top;
}

#headerInside {
	background: url(../_img/bgHeader.gif) repeat-y 0 0;
}

#horizontalmenu {
	float: right;
	margin-bottom: 0px;
	width: 650px;
	padding-top: 88px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
	
#contentWrap {
	clear: both;
	margin-bottom: 4px;
}

/* ---------------------------------------------------------------------------

	content

--------------------------------------------------------------------------- */

#mainContent {
	float: left;
	width: 974px;
	background-color: #FFFFFF;
}

#mainContent div.pad, div.pad { padding: 0 20px; }

#mainContent.full {
	width: 942px;
}

#mainContent.full div.pad { padding: 0; }

#mainContent.large {
	width: 942px;
}

div.miniLeft {
	float: left;
	width: 380px;
	padding: 10px 5px 0px 20px;
	height: 210px;
}

div.miniRight {
	float: right;
	width: 542px;
}


#secondaryContent {
	float: right;
	padding-top: 8px;
	width: 465px;
}

#secondaryContent div.pad { padding: 20px 20px 0 20px; }
	
#foot {
	clear: both;
	text-align: center;
	color: #B2953F;
	font-size: 90%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	padding-top: 20px;
}

/* ---------------------------------------------------------------------------

	recipe page specific

--------------------------------------------------------------------------- */


#recipeText{
	width: 550px;
	float: right;
	clear: both;
	margin-bottom: 10px;
	padding: 20px 20px 0px 10px;
}

div.productImage{
	width: 166px;
	float: right;
	clear: both;
}

#recipeImage{
	width: 350px;
	float: right;
	margin-bottom: 10px;
	padding: 20px 20px 0px 0px;
}

/* ---------------------------------------------------------------------------

	product page specific

--------------------------------------------------------------------------- */

#productLayout{
	width: 710px;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}

#productLayout h3, productLayout h3 a:link{
text-align: center;
}

#productLayout h4{
text-align: center;
}

#productLayout ul {
margin-left:0;
padding-left:0;
list-style: none;
}


#productLayout li {
	padding-left: 10px;
	background-image: url(../images/bullet.gif); 
	background-repeat: no-repeat; 
	background-position:0 6px;
}

div.productThumbnail{
float: left;
width: 210px;
border: 1px solid #999;
margin: 0 10px 10px 0;
padding: 5px;
text-align: center;
}
div.productThumbnail a.prodImg {
	display: block;
	height: 236px;
	width: 210px;
	vertical-align: middle;
}

div.clearboth { clear: both; }

div.productOverview {
float: left;
width: 210px;
border: 1px solid #999;
margin: 0 10px 10px 0;
padding: 8px;
text-align: center;
}
div.productOverview a.prodImg {
	display: block;
	height: 236px;
	width: 210px;
	vertical-align: middle;
}

div.clearboth { clear: both; }

div.productLarge{
float: right;
width: 350px;
margin: 0 10px 10px 10px;
}

div.clearboth { clear: both; }

/* ---------------------------------------------------------------------------


--------------------------------------------------------------------------- */

#newsLayout{
	width: 710px;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}

div.newsThumbnail{
float: left;
width: 148px;
border: 1px solid #999;
margin: 0 10px 10px 0;
padding: 5px;
}

.clearboth { clear: both; }

div.newsLarge{
float: right;
width: 250px;
margin: 0 10px 10px 10px;
}



/* ---------------------------------------------------------------------------

	links

--------------------------------------------------------------------------- */

a:link {
	color: #B2953F;
	text-decoration: none;
}
	
a:visited { color: #B2953F; }
	
a:hover { color: #737a36; text-decoration: none; }

/* ---------------------------------------------------------------------------

	images

--------------------------------------------------------------------------- */

#content img {
	
}

/* ---------------------------------------------------------------------------

	section page titles

--------------------------------------------------------------------------- */

h1 {
	text-indent: -9999px;
}


h2 {
	margin-bottom: 10px;
	padding: 0 0 5px 0px;
	color: #B2953F;
	font-size: 200%;
	font-family: Georgia, "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 100%;
}

h3 {
	margin-bottom: 10px;
	font-size: 135%;
	font-family: "Georgia", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height: 130%;
	font-weight: normal;
}

h4 {
	margin-bottom: 5px;
	font-size: 100%;
	color: #B2953F;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

h5 {
	margin-bottom: 5px;
	font-size: 100%;
	color: #B2953F;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

h6 {
	margin-bottom: 10px;
	font-size: 100%;
	color: #B2953F;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

h6 a:link {
	color: #B2953F;
	text-decoration: none;
}
	
h6 a:visited { color: #B2953F; }
	
h6 a:hover { color: #737a36; text-decoration: none; }

/* other titles ----------------------------- */



/* ---------------------------------------------------------------------------

	typography

--------------------------------------------------------------------------- */

p {
	margin-bottom: 10px;
	list-style-type: square;
}

p.intro {
	color: #00adef;
}

/* ---------------------------------------------------------------------------

	lists

--------------------------------------------------------------------------- */

#content ul {
	margin: 0 0 15px 5px;
	list-style: none;
}

#content li {
	padding-left: 10px;
	background: url(../images/bullet.gif) no-repeat 0 6px;
}

#content ul li ul {
	margin: 5px;
}

/* ---------------------------------------------------------------------------

	logo

--------------------------------------------------------------------------- */

#logo a {
	display: block;
	width: 100%;
	height: 100%;
}

#logo a:link, 
#logo a:visited, 
#logo a:hover {
	text-decoration: none;
}

#logo img {
	position: absolute;
	top: 0;
	left: -9999px;
}

/* ---------------------------------------------------------------------------

	nav

--------------------------------------------------------------------------- */

#nav {
float:left;
width: 220px;
font-weight: bold;
font-family: "Lucida Grande CE", "Helvetica CE";
font-size: 1em;
padding-left: 20px;
}

#nav ul {
	width: 100%;
	padding: 4px 0;
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/
	list-style-type: none;
	
	
}

#nav ul li {
display: block;
border-bottom: 1px solid #B2953F; /*THEME CHANGE HERE*/
padding-bottom: 4px;
padding-top: 4px;
}

#nav ul li a {
	color: #B2953F;
	padding: 4px 7px;
	margin: 0;
	text-decoration: none;
	
}

#nav ul li a:hover{
background: url(chromebg-over_new.gif) center center repeat-x;
}



/* ---------------------------------------------------------------------------

	search

--------------------------------------------------------------------------- */

#search {
	float: right;
	width: 240px;
}

#search form { 
	padding: 4px 0 0 15px;
}

#search label {
	display: block;
	color: #13b8df;
}

#search input {
	vertical-align: middle;
	font-size: 110%;
}

#search #searchText { 
	margin-right: 5px;
	width: 164px;
}


/* ---------------------------------------------------------------------------

	foot

--------------------------------------------------------------------------- */

#foot ul {
	list-style: none;
	margin-bottom: 10px;
}

#foot li {
	display: inline;
	margin-right: 6px;
	padding-left: 10px;
	background: url(../_img/divFoot.gif) no-repeat 0 50%;
}

#foot #footHome {
	padding: 0;
	background-image: none;
}

#foot a:link, #foot a:visited { color: #B2953F; text-decoration: none; }
	
#foot a:hover { color: #0078B4; text-decoration: underline; }
	
/* ---------------------------------------------------------------------------

	misc

--------------------------------------------------------------------------- */

/* clearing method */

.clearFix:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}

div.clear {
	clear: both;
}

#clear {
	clear: both;
}


/* ---------------------------------------------------------------------------

	home: sub content

--------------------------------------------------------------------------- */

#subContent {
	clear: both;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.picHolder {
	background-color: #A58539;
	width: 204px;
	height: 64px;
	padding: 3px;
}

#subContent img {
border: 3px solid #A58539;
}

#subContentInside {
	background: url(../_img/bgSubContent.gif) repeat-y 0 0;
}


#subContent ul {
	margin: 0 0 15px 5px;
	list-style: none;
}

#subContent li {
	padding-left: 10px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

#subContent ul li ul {
	margin: 8px;
}

.contactHolder {
	float: left;
	width: 380px;
	background-color: transparent;
	padding: 0 0 0 20px; }

div.subHolder {
	float: left;
	width: 228px;
	background-color: transparent;
	padding: 0px;
}

div.subHolder a:link,
div.subHolder a:visited,
div.subHolder a:hover {
	text-decoration: none;
}

div.subHolder h3 {
	}
	
div.subHolder p {
	margin-bottom: 0px; /* removed excess margin from p */
}

#subContentInside div {
	padding-right: 5px;
	padding-left: 5px;
}
#subHolder div.first{
	padding-left: 0px;
}
#subHolder div.last{
	padding-right: 0px;
}

#subRecipeContentInside div {
	padding-right: 5px;
	padding-left: 10px;
}
#subRecipeContentInside div.first{
	padding-left: 0px;
}
#subRecipeContentInside div.last{
	padding-right: 0px;
}

/*div.subTwo{
	padding-right: 5px;
	padding-left: 5px;
	}

div.subThree{
	padding-right: 5px;
	padding-left: 5px;
	}
	
div.subFour{
	padding-left: 5px;
	}*/


/* recipe specific */

div.recipeHolder {
	float: left;
	width: 300px;
	background-color: transparent;
	padding-right: 10px;
	padding-left: 15px;
}

div.recipeHolder ul li {
	overflow: hidden;
}
div.recipeHolder ul li a {
	display: block;
	float: left;
	width: 265px;
	line-height: 1.4em;
}
div.recipeHolder ul li img {
	display: block;
	float: right;
	width: 15px;
	border: 0 !important;
}
div.recipeHolder ul li div.clear {
	background: none;
}
div.recipeHolder h3 a {
	display: block;
	width: 100%;
	height: 100%;
}



div.recipeHolder a:link,
div.recipeHolder a:visited,
div.recipeHolder a:hover {
	text-decoration: none;
	
}

div.recipeHolder h3 {
	margin-bottom: 10px;
	height: 15px;
	}

/* ---------------------------------------------------------------------------

	tables

--------------------------------------------------------------------------- */

table {
	margin-bottom: 15px;
	width: 100%;
}

/* ---------------------------------------------------------------------------

	forms

--------------------------------------------------------------------------- */
div.greybox {
	background-color: #FFFFFF;
	float: right;
	margin-bottom: 18px;
	padding-left: 15px;
	padding-top: 15px;
	width: 542px;
}

form div.field { 
	color: #fff;
	clear: both;
	padding: 10px 12px;
	margin: 0 0 1px 0; 
}

form div.error { 
	background: #cef7ba; color: #5d9641; }

form div.error label { 
	color: #5d9641; }

form div.error label.desc { 
	color: # #B2953F; }

form div.error input.text,

form div.error textarea { 
	border: 1px solid #B2953F; }

form div.error span.errormsg { 
	display: block; clear: both; padding-left: 140px; color:  #B2953F; font-size: 11px; font-style: italic; }

form div.field div.Name { /* changed class for new form */
	float: left; width: 110px; }

form div.field div.Surname { /* changed class for new form */
	margin-left: 255px; width: 230px; }

form div.Actions { /* changed class for new form */
	margin: 0 0 10px 140px; }

form div#Phone {
	padding-bottom: 0px;
}
form span#Phone_Holder label {
	display: inline;
	color: #fff;
}
form label.PhoneNumberLabel {
	margin-top: 0px;
	margin-left: 145px;
}

form label {
	 display: block; font-size: 12px; color: #666666; }

form label.left { /* changed class for new form */
	color: #333333; font-size: 12px; font-weight: bold; float: left; width: 130px; text-align: right; padding: 3px 10px 0 0; margin: 0 0 5px 0; }
	
form label.right { /* changed class for new form */
	color: #333333; font-size: 12px; font-weight: bold; float: right; width: 480px; text-align: left; padding: 3px 10px 0 0; margin: 0 0 5px 0; }

form input.text, form textarea { 
	font-family: "Courier New", Courier, monospace; 
	font-size: 13px; 
	padding: 3px; 
	color: #454545; 
	background: #fff url("/images/bg-input.gif") top left repeat-x; 
	border-top: 1px solid  #B2953F; border-left: 1px solid  #B2953F; 
	border-right: 1px solid  #B2953F; 
	border-bottom: 1px solid  #B2953F; 
	width: 350px; }

form input.Name { /* changed class for new form */
	width: 100px !important; }

form input.Surname { width: 215px !important; }/* changed class for new form */

form input.checkbox { width: 25px; float: left; text-align: right; !important; }/* changed class for new form */

form input#Phone-Country,
form input#Phone-Area { width: 30px !important; }
form input#Phone-Number { width: 45px !important; }

form p.reqnotice { border-bottom: 1px solid #B2953F; color: #666666; margin: 0 0 6px 0; padding-bottom: 6px; font-size: 11px; }

form p.reqnotice strong,
form div.field p.message,
form div.field span.message,
form span.required { 
	color: #FF0000 !important;
	font-size: 12px;
	font-style: normal;
}

form div#PhysicalAddress span.required {
	display: block;
	margin-left: 140px;
}
/* IMAGES 
-------------------------------------------- */
.typography img {
	border: none;
}
	.typography img.right {
		float: right;
		margin-left: 20px;
	}
	.typography img.left {
		float: left;
	}
	.typography img.leftAlone {
		float: left;
		margin-right: 100%;
	}
	.typography img.center {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}