﻿/*Master reset items*/
:focus { outline: 0; }


html{
background:url(../../images/bodyBG.png) repeat-x;
background-color:#18061f;
height:800px;
}

body {
position:relative;
margin:auto;
width:auto;
padding:0px;
}

/*Template styles*/
#mainWrapper
{
position:relative;
margin:auto;
top: 40px;

height:760px;
overflow:hidden;
}

#mainHeader
{
position:relative;
margin:auto;
width:890px;
height:85px;
}

#mainLogo
{
float:left;
width:233px;
height:80px;
background:url(../../images/pclogo.png);
}

#mainFrame
{
position:relative;
margin:auto;
width:855px;
height:415px;
border:solid 1px #4b3555;
background:url(../../images/texture1.png) repeat-x;
background-position:bottom;
}

#mainReflection{
position:relative;
margin:0px auto;
left:4px;
width:875px;
height:120px;
top:45px;
background:url(../../images/mainReflection.png)
}


#mainChicken{
position:relative;
left:-70px;
top:-70px;
width:192px;
height:210px;
background:url(../../images/chicken.png);
z-index:3;
}

#mainKnifeandFork{
position:relative;
left:400px;
top:-193px;
width:559px;
height:145px;
background:url(../../images/knifeandfork.png);
z-index:3;
}

#veh_logo {
position:relative;
width:100px;
height:77px;
margin:auto;
z-index:4;
padding-top:55px;
}

#veh_logo img {
border:0;
}

/*Spice bar*/

#spicebarWrapper
{
position:relative;
margin:0px auto;
width:880px;
height:140px;
z-index:3;
top: -70px;
left:-5px;
}

#spicebarTitle{
position:relative;
float:left;
top: 70px;
background-color:#000000;
width:390px;
height:47px;
margin:0px;
}

#spicebarTitle img{
position:relative;
vertical-align:middle;
height:35px;
left: 160px;
top: 6px; 
}

#spicebarWindow{
position:relative;
float:left;
left:-5px;
background-color:#000000;
width:488px;
height:117px;
margin:0px;
}


#spicebarWindow ul{
margin:0px;
padding:4px;
overflow:hidden;
}

#spicebarWindow ul li{
float:left;
border:solid 1px #fff;
margin:4px 5px;
width:148px;
height:80px;
overflow:hidden;
}

#spicebarWindow ul li.titles{
position:relative;
float:left;
border:0px;
margin:0px 6px;
width:148px;
height:17px;
overflow:hidden;
}

#spicebarWindow ul li.titles img#taste{
background:url(../../images/tasteofmonth.png)
}

#spicebarWindow ul li.titles img#wine{
background:url(../../images/winetomatch.png)
}
#spicebarWindow ul li.titles img.#treat{
background:url(../../images/treatofmonth.png)
}


/*Slider*/

#loopedSlider
{
width:843px;
height:403px;
margin:5px auto; 
overflow:hidden;
}

.container
{
position:relative;
width:843px;
height:403px;
overflow:hidden;
/*cursor:pointer; */
}

.slides {
position:absolute; top:0; left:0;width:843px;
}

.slides div {
width:843px; 
height:403px;
position:absolute; 
top:0;
display:none;
}

a.previous { position:absolute; top:150px; left:-110px;}
a.next { position:absolute; top:150px; right:-110px; }


/*Page content styles*/

ul, ul li{margin:0px; padding:0px; list-style-type:none; float:left;}

li.mainpageImageBackgound
{
width:370px;
height:407px;
background-color:#FFF;
}

li.mainpageBodyText
{
position:relative;
width:470px;
height:407px;
font-family:"Trebuchet MS";
color:#FFF;

}

.mainImage{margin:5px; width:360px; height: 393px; overflow:hidden;}


h2{
margin:0px 15px;
padding:0px;
font-size:22px;
color:#afcfc6;
}

.h2thinner{font-weight:100;}

a {color:#8127D1;}

.video_link {
position:absolute;
}

.video_link a {
color:#FFFFFF;
text-decoration:none;
}

.video_link img {
float:left;
border:0px;
padding-right:10px;
}

p{ 
color:#FFF;
margin:7px 8px 7px 15px;
padding:0px;
font-size:13px;
line-height:17px;
}

p.liststyled{
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFF;
font-size:12px;
display:list-item;
margin:2px 0px 0px 30px;
list-style-type:circle;
} 

.firstpara{ 
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFF;
margin:7px 8px 7px 15px;
padding:0px;
font-size:16px;
line-height:17px;
}

.italicText{
font-style:italic;}

.lewtrenchard_link {
position:absolute;
width:470px;
text-align:center;
bottom:70px;
}

.lewtrenchard_link a, .lewtrenchard_link a:link {
color:#FFFFFF;
text-decoration:none;
}

.lewtrenchard_link a:hover {
color:#7a2bc3;
}

/*Navigation styles*/

#mainNavigation
{
position:absolute;
top:-55px;
left:230px;
}

#mainNavigation ul.pagination
{
float:right;
list-style-type:none;
margin:0px;
padding:0px;
}

#mainNavigation ul.pagination li
{
float:left;
height:30px;
}

#mainNavigation ul.pagination li a
{
display:block;
padding-top:20px;
padding-left:2px;
padding-right:2px;
font-family:"Trebuchet MS";
font-size:13px;
color:#FFFFFF;
text-decoration:none;
overflow:hidden;
text-align:center;
}

#mainNavigation ul.pagination li.active a
{
display:block;
border:solid 1px #4b3555;
background-color:#270d31;
padding-left:3px;
padding-right:3px;
padding-bottom:4px;
}

#mainNavigation ul.pagination li.blankline
{
width:6px;
margin-top:20px;
margin-right: 3px;
margin-left: 3px;
background:url(../../images/glow.png);
float:left;
height:20px;
}

#mainNavigation ul.pagination li img
{
position:absolute;
top:5px;
}

/*ul.pagination {
position:relative;
float:right;
list-style-type:none;
margin:0px;
padding:0px;
border:solid 1px #fff;
}

ul.pagination li {
float:left; margin:0 5px;
}	

ul.pagination a {
display:block; 
width:12px;
padding-top:12px;
overflow:hidden;
height:0px;
background:url(../../images/pagination.png);
background-position:0 0;
background-repeat:no-repeat;}

ul.pagination li.active a {
background-position:0 -12px;
}*/


/*Form styles*/


#contactForm{
height:300px;
font-family:"Trebuchet MS";
color:#FFF;
font-size:11px;

}

.formLabel{
float:left;
clear:left;
display:inline;
width:60px;
margin-right: 10px;
margin-left: 10px;
text-align:right;
font:bold;
line-height:22px;
font-size:11px;
}

.formDropDownList{
float:left;
display:inline;
border:solid 1px #4b3555;
background-color:#FFFFFF;
color:#18061f;
clear:right;
font-size:11px;
}

.formTextBox{
float:left;
display:inline;
clear:right;
margin: 2px 0px;
border:solid 1px #4b3555;
background-color:#FFFFFF;
color:#18061f;
font-size:11px;
}

.chkBox {
float:left;
}

.btn {
float:left;
border:1px solid #FFFFFF;
margin-top:6px;
margin-right:6px;
}

.formValidation
{
padding-left:6px;
float:left;
}

/*Error styles*/
#error {
position:relative;
margin:auto;
width:400px;
top:200px;
font-family:@Arial Unicode MS;
font-size:40px;
color:#FFFFFF;
}

#errormessage {
font-family:@Arial Unicode MS;
font-size:14px;
color:red;
}
