/*
Welcome to One Stop Wine & Liquors!
Authored by The GoTriCities Network, www.gotricites.net */

/*
----------------------------------------------------------------------------- 
ESSENTIAL

drkblue = #40687c;
red = #bb2125;
gray = #626262;
beige = #fdfde1;
-----------------------------------------------------------------------------*/
html { height: 100%; margin-bottom: 1px; }
body {
	margin: 0;
	padding: 0;
	font: 62.5%/1.6em Arial, Helvetica, sans-serif;
	color: #686868;
	background: #FFF;
	font-weight: bold;
	}

body * {margin: 0;padding: 0;}


/*
** Modified 12/12/07 - sam
p,h1,h2,h3,h4 { margin-bottom: 1em; font-weight:300; font-size:1.2em;}
*/
p,h1,h2,h3,h4 { margin-bottom: 1em; font-weight:bold; font-size:1.2em;}
ul {margin-bottom: 1em;}
a {color: #626262;text-decoration: underline;font-weight: bold;}
a:visited {color: #626262;}
a:hover {color: #626262; text-decoration: none;}
a.nonlink:hover{text-decoration: none;}

ul, dl{list-style-type: none;}

img { border: none; }

.clear-border{border:none !important;}

/*
----------------------------------------------------------------------------- 
Home Page
-----------------------------------------------------------------------------*/

.facebook { margin-left: 85px; float: left;}
.facebook img {padding: 10px; float: left;}
.facebook p {float: left; font-size: 16px; margin-top: 25px;}

body{
background-color: #680120;
margin-top: 35px;
}

div#container{
position: relative;
background-color: #f7f1da;
margin: 0 auto 0 auto;
width: 826px;
}

div#flash{
position: relative;
margin: 0;
padding: 0;
height: 273px;
background-image: url(../images/hmbg3.jpg);
background-position: left top;
background-repeat: repeat-y;
background-color: #f7f1da;
text-align: center;
}

div#slideshow {
position: relative;
margin-left: 12px;
padding: 0;
height: 273px;
width: 799px;
background-image: url(../images/mainimgbg.gif);
background-repeat: no-repeat;
text-align: center;
}

div#home-content {
background-image: url(../images/hmbg3.jpg);
background-position: left top;
background-repeat: repeat-y;
background-color: #f7f1da;
width: 826px;
height: 790px;
clear: left;
margin-top: 0px !important; margin-top: -5px
}

div#products {
width: 358px;
height: 462px;
background: transparent url(../images/onestopproducts.jpg) left top no-repeat;
float: left;
margin-top: 10px;
margin-left: 20px !important; margin-left: 10px
}

div#products img#readmore {
float: right;
margin-right: 15px;
margin-top:-5px;
}

div#productstext{
padding-top: 180px;
width: 85%;
margin: 0 auto 0 auto;
}

div#productstext p{
color: #000000;
}

div#productstext h4{
color: #680120;
font-size: 12px;
font-weight: bold;
}

div#productnav {
width: 329px;
height: 73px;
margin-left: 15px;
background: transparent url(../images/ovalproducts.jpg) left center no-repeat;
margin-top: -10px;
}

div#productnav ul{
padding: 0;
margin: 0;
list-style: none;
float:left;
display: inline;
}

div#productnav li{
float:left;
display: inline;
color: #FFF;
padding-top: 17px;
padding-left: 8px;
font-weight: bold;
font-size: 14px;
text-align: center;
}

div#productnav li a{
color: #680120;
text-decoration: none;
}

div#productnav li a:hover{
color: #680120;
text-decoration: underline;
}

div#thespecials {
padding-top: 25px;
padding-left:195px;
}

div#thespecials ul{
padding: 0;
margin: 0;
float:left;

}

div#thespecials li{
color: #FFF;
padding-bottom: 5px;
padding-left: 45px;
font-weight: bold;
font-size: 12px;
text-align:right;

}

div#thespecials li a{
color: #000000;
font-size:16px;
font-weight:bold;
font-style:italic;
text-decoration: none;
font-family: "Times-News", times, serif;
}

div#thespecials li a:hover{
color: #680120;
text-decoration: underline;
}

div#wine {
width: 416px;
height: 189px;
float: left;
margin-top: 10px;
margin-left: 10px !important; margin-left: 5px
}

div#wine p#more {
position: absolute;
top: 630px;
left: 650px;
text-transform: uppercase;
font-size: 10px;
font-family: "Times-News", times, serif;
font-style: italic;
font-weight: bold;
width: 200px;
}

div#wine p#more a{
color: #4d6c00;
}

div#wine p#more a:hover{
text-decoration: none;
}


div#specials {
width: 416px;
height: 271px;
background: transparent url(../images/specialsandpromos.jpg) left top no-repeat;
float: left;
margin-top: 0px;
margin-left: 10px !important; margin-left: 5px
}

div#hand {
width: 358px;
height: 162px;
margin-top: 0px;
float:left;
margin-left: 20px !important; margin-left: 5px
}

div#btm-graphic {
width:790px;
height:108px;
float:left;
background: transparent url(../images/sidebg.jpg) left top no-repeat;
margin-top: 10px;
margin-left: 20px !important; margin-left: 10px
}

div#btm-graphic img {
padding-left:20px;
padding-top:10px;
}


div#gt {
width: 416px;
height: 165px;
float: right;
margin-top: 0px;
margin-right: 20px;
}

div#gt ul {
margin-top: 90px;
margin-left: 60px;
font-size: 12px;
}

div#gt li {
margin-bottom: 5px;
}

div#gt li a{
color: #FFF;
margin-bottom: 5px;
}

/*
----------------------------------------------------------------------------- 
Header
-----------------------------------------------------------------------------*/

div#header {
background-image: url(../images/header_red.jpg);
background-repeat: no-repeat;
border: 0;
height: 41px;
}

div#top {
width: 826px;
height: 20px;
background-color: #680120;
}

ul#top-nav{
padding: 0;
margin: 0;
list-style: none;
float:left;
display: inline;
background-color: #680120;
margin-left: 50px;
}

ul#top-nav li{
float:left;
display: inline;
color: #FFF;
padding-right: 15px;
font-weight: bold;
}

ul#top-nav a{
display: block;
font-weight: bold;
color: #FFF;
text-decoration: none;
}

ul#top-nav a:hover{
text-decoration: underline;
}

div#main-nav {
position: absolute;
top: -10px;
left: 290px;
}

/*ul#main-nav{
position: absolute;
top: 95px;
right: 0;
}

ul#main-nav li{
float:left;
height: 55px;
width: 400px;
text-align:center;
line-height: .8em;
text-transform: uppercase;
}

ul#main-nav li a{
text-decoration: none;
font-size: 1.4em;
}

ul#main-nav a:hover{
text-decoration: underline;
color: #bb2025;
}*/

ul#phone{
padding: 0;
margin: 0;
list-style: none;
display: inline;
position: absolute;
top: 30px;
right: 0;
font-size: 1em;
}

ul#phone li{
height: 55px;
width: 500px;
text-align:center;
line-height: .8em;
text-transform: uppercase;
display: inline;
margin-right: 20px;
color: #512021;
}



/*
----------------------------------------------------------------------------- 
Inside Structure
-----------------------------------------------------------------------------*/
body#inside{
background-color: #680120;
margin-top: 34px;
}

div#middle{
background-image: url(../images/hmbg3.jpg);
background-position: left top;
background-repeat: repeat-y;
position: relative;
margin: 0;
padding: 0;
height: 161px;
width: 826px;
text-align: center;
}

div#inside-content {
background-image: url(../images/hmbg3.jpg);
background-position: left top;
background-repeat: repeat-y;
width: 826px;
float: left;
margin-top: 0px !important; margin-top: -5px
}

div#articleform {
background-image: url(../images/hmbg3.jpg);
background-position: left top;
background-repeat: repeat-y;
width: 786px;
float: left;
padding: 0 10px 0 30px;
margin-top: 0px !important; margin-top: -5px
}

div#articleform table {
font-size: 11px;
padding-right: 20px;
margin-bottom: 20px;
margin-top: -10px;
border-collapse: collapse;
}

div#articleform table td{
font-size: 11px;
padding: 10px;
text-align: left;
}

div#main{
width: 65%;
float: left;
padding: 10px 10px 0 30px;
margin-bottom: 30px;
}

div#main-banner{
width: 80%;
float: left;
padding: 10px 10px 0 30px;
margin-bottom: 30px;
}


ul#article-nav{
width: 95%;
float: left;
padding-left: 22px;
background: url(../images/aw.gif) no-repeat 5px center;
margin-bottom: 2em;
margin-top: 5px;
background-color: #59684f;
font-size: 1em;
}

ul#article-nav li{
float:left;
margin-right: .3em;
padding-left: .7em;
padding-right: .8em;
padding-bottom: .2em;
padding-top: .2em;
border-right: 1px solid #fff;
}

ul#article-nav li a {
color: #fff;
text-decoration: none;
}

ul#article-nav li a:hover {
text-decoration: underline;
}

div#article {
clear: both;
}

div#article table {
font-size: 12px;
}

div#article ul{
font-size: 1.3em;
}

div#article ol{
font-size: 1.3em;
margin-left: 20px;
}

div#article h1{
letter-spacing: -1px;

clear: both;
font: bold 2.2em/1em "Lucida", Times New Roman, Times, serif;
}

div#article h2{
color: #40687c;
clear: both;
font-size: 1.4em;
font-weight: bold;
border-bottom: 1px solid;
padding-bottom: 5px;
}


div#article h3{
clear: both;
font-size: 1.4em;
font-weight: bold;
color: #bb2125;
margin-bottom: .2em;
}

div#article h4 {	
color: #686868;
font-weight: bold;
font-size: 1.5em;
margin-left: 4px;
margin-bottom: 5px;
margin-top: 30px;
border-bottom: 1px solid #DDD;   
border-bottom-color:#686868;
}

div#article span {
font-size: 13px;
}

/*
----------------------------------------------------------------------------- 
Left Column
-----------------------------------------------------------------------------*/

div#secondary-content{
background: transparent;
width: 27%;
float:left;
padding: 15px 0 0 0;
margin-left: 16px !important; margin-left: 10px
}

ul#content-nav{}

ul#content-nav li{
background: transparent url(../images/sidemenu_item_border.gif) bottom left repeat;
border-top: 1px solid #FFF;
border-bottom: 1px solid #DDD;
padding: 0 0 0 30px;
font-size: 13px;
}

ul#content-nav li#active{
background: #59684f url(../images/arrow-active.gif) no-repeat 5px center;
}

ul#content-nav li#active a{
color: #fff;
}

ul#content-nav li a{
color: #626262;
line-height: 2em;
}

#secondary-content hr{
border: 1px solid #c1c1c1;	
margin: 5px;
}

/*
----------------------------------------------------------------------------- 
Footer
-----------------------------------------------------------------------------*/
div#footer {
background-color: #680120;
text-align: center;
color: #fff;
font-size: .9em;
line-height: 13px;
clear: both;
padding-top: 10px;
padding-bottom: 20px;
}

div#footer a{
text-decoration: underline;
font-weight: bold;
color: #fff;
}

div#footer a:hover{
text-decoration: none;
}


/*
----------------------------------------------------------------------------- 
Wine Selector Styles
-----------------------------------------------------------------------------*/

div#food {
width: 28%;
float: left;
margin-right: 20px;
padding: 10px;
background-color: #f2ebba;
}

div#wineone {
width: 28%;
float: left;
margin-right: 20px;
padding: 10px;
background-color: #f2ebba;
}

div#winetwo{
width: 28%;
float: left;
padding: 10px;
background-color: #f2ebba;
}

div#food li{
margin-bottom: 5px;
font-size: 11px;
}

div#wineone li{
margin-bottom: 5px;
font-size: 11px;
}

div#winetwo li{
margin-bottom: 5px;
font-size: 11px;
}

div#food h2.header{background-color: #59684f; color: #FFF; padding: 5px; font-size:13px; text-transform: uppercase; font-weight:bold;}
div#wineone h2.header{background-color: #59684f; color: #FFF; padding: 5px; font-size:13px; text-transform: uppercase; font-weight:bold;}
div#winetwo h2.header{background-color: #59684f; color: #FFF; padding: 5px; font-size:13px; text-transform: uppercase; font-weight:bold;}

/*
----------------------------------------------------------------------------- 
Form Styles
-----------------------------------------------------------------------------*/

div#article form em{color: black;}

div#article form fieldset{
padding: 10px;
width: 95%;
display: block;
margin: 0 auto 1em auto;
border: 1px solid #999;

}

div#article form legend{
text-transform: uppercase;
font-size: 1.1em;
padding: 0px 8px;
}

div#article form label{
float:left;
line-height: 1.6em;
width: 100px;
text-align: right;
margin-right: 15px;
}

div#article form input{
width: 60%;
background: #FFC;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}

div#article form p.textarea textarea{
width: 60%;
height: 200px;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}

div#article form p.submit input{
display: block;
width: auto;
margin: 0 auto 1em auto;
background: #DDD;
padding: 5px 8px;
border: 2px solid;
border-color: #FFF #999 #666 #F0F0F0;
}

form#search input.submit{
width: 30px;
border: 1px solid #999;
}

/*
----------------------------------------------------------------------------- 
Form Styles
-----------------------------------------------------------------------------*/

div#articleform form em{color: #F4853B;}

div#articleform form fieldset{
padding: 10px;
width: 75%;
display: block;
margin: 0 auto 1em auto;
border: 1px solid #999;
padding: 25px;
color: black;
}

div#articleform form legend{
text-transform: uppercase;
font-size: 1.1em;
padding: 0px 8px;
}

#article {
color: black;
font-weight: none;
}

div#articleform form label{
float:left;
line-height: 1.6em;
width: 190px;
text-align: right;
margin-right: 15px;
}

div#articleform form input{
width: 50%;
height: 20px;
background: white;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}

div#articleform form p.textarea textarea{
width: 60%;
height: 200px;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}

div#articleform form p.submit input{
display: block;
width: 180px;
margin: 0 auto 1em auto;
background: #366647;
color: white;
padding: 15px 18px -1px;
border: 2px solid;
border-color: #FFF #999 #666 #F0F0F0;
}

div#articleform form p.submit input:hover {
background: #680120;
}

form#searchform input.submit{
width: 30px;
border: 1px solid #999;
}

#disclaimer {
font-size: 12px;
font-style: italic;
}