﻿body {
    background-color:#333333;
    margin:0px;
    padding:0px;
    text-align:center;
    font-family:Arial;
    font-size:11px;
}
#site {
    width:962px;
    margin:auto;
    text-align:left;
    background-color:#FFFFFF;
    margin-bottom:30px;
}
#header {
    height:122px;
    border-bottom:solid 1px #525252;
    background-color:#000000;
    background-image:url('/images/headerbg.jpg');
    position:relative;
}
#logo {
    position:absolute;
    top:40px;
    left:30px;
}
#flagone {
    position:absolute;
    top:48px;
    right:92px;
}
#flagtwo {
    position:absolute;
    top:48px;
    right:61px;
}
#flagthree {
    position:absolute;
    top:48px;
    right:30px;
}
#topnav {
    height:32px;
    background-color:#000000;
    padding:0px 0px 0px 8px;
}
#topnav ul {
    list-style:none;
    margin:0px;
    padding:0px;
}
#topnav li {
    float:left;
}
#topnav li img {
    float:left;
    padding:11px 22px 0px 22px;
}
#topnav li a {
    display:block;
    height:32px;
    line-height:30px;
    text-align:center; 
    color:#FFFFFF;
    text-decoration:none; 
    letter-spacing:1px;
}
#topnav li.grey a {  
    color:#666666;
}
#topnav li a:hover, #topnav li a.selected {
    color:#dc923b;
    background-image:url('/images/nav-arrow.gif');
    background-position:center bottom;
    background-repeat:no-repeat;
}
#nav-home {
    width:110px;
}
#nav-products {
    width:155px;
}
#nav-reviews {
    width:155px;
}
#nav-blog {
    width:80px;
}
#nav-wholesale-login {
    width:165px;
}
#nav-divider {
}
#nav-about {
    width:110px;
}
#nav-contact {
    width:110px;
}
#alertmessage {
    padding: 20px 20px 0px 20px;
    text-align:center;
    font-size:20px;
    color:red;
}
#contentarea {
    padding:8px;
}
#page {
    padding:35px 73px 0px 73px;
}
#page h1 {
    font-size:14px;
    line-height:45px;
    color:#896a48;
    margin:0px;
    padding:0px 0px 0px 30px;
    border-top:solid 1px #dcdbd6;
    font-weight:normal;
}
#page-contentarea {
    width:800px;
}
#page-full-content {
    width:740px;
    padding:30px;
    border-top:solid 1px #dcdbd6;
}
#footer {
    margin-top:8px;
    border-top:solid 1px #cccccc;
    padding:10px 0px 10px 30px;
    color:#999999;
    font-size:10px;
    position:relative;
}
#footer ul {
    list-style:none;
    margin:0px;
    padding:0px;
}
#footer li {
    float:left;
}
#footer li a {
    display:block;
    height:32px;
    line-height:30px;
    padding:0px 22px 0px 0px;   
    color:#666666;
    text-decoration:none;
}
#youtube-icon {
    position:absolute;
    right:92px;
    top:20px;
}
#twitter-icon {
    position:absolute;
    right:50px;
    top:20px;
}
#facebook-icon {
    position:absolute;
    right:12px;
    top:20px;
}
.clear {
    clear:both;
}
.cleargap {
    clear:both;
    height:15px;
}
.brown {
    color:#896a48;
}
/* Home Page */
#homeimage {
    position:relative;
    width:946px;
    height:495px;
}
#homeimageone {
    position:absolute;
    right:0px;
    top:0px;
    width:262px;
    height:159px;
}
#homeimagetwo {
    position:absolute;
    right:0px;
    top:168px;
    width:262px;
    height:159px;
}
#homeimagethree {
    position:absolute;
    right:0px;
    bottom:0px;
    width:262px;
    height:159px;
}
/* Navigation */
/* to hide sub-menus */
#sf-menu ul, #sf-sub-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
#sf-menu ul li, #sf-sub-menu ul li {
	width:			100%;
}
#sf-menu li:hover, #sf-sub-menu li:hover  {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#sf-menu li {
	float:			left;
	position:		relative;
	z-index:        99;
}
#sf-sub-menu li {
	float:			left;
	position:		relative;
	z-index:        98;
}
#sf-menu a, #sf-sub-menu a{
	display:		block;
	position:		relative;
	z-index:        99;
}
#sf-menu li:hover ul,
#sf-menu li.sfHover ul {
	left:			0;
	top:			32px; /* match top ul list item height */
	border-top: 1px solid #525252;
	width:155px;
	z-index:		99;
}
#sf-sub-menu li:hover ul,
#sf-sub-menu li.sfHover ul {
	left:			0;
	top:			32px; /* match top ul list item height */
	border-top: 1px solid #525252;
	width:125px;
	z-index:		99;
}
#sf-menu li:hover li ul,
#sf-menu li.sfHover li ul,
#sf-sub-menu li:hover li ul,
#sf-sub-menu li.sfHover li ul {
	top:			-999em;
}
#sf-menu li li:hover ul,
#sf-menu li li.sfHover ul,
#sf-sub-menu li li:hover ul,
#sf-sub-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
	z-index:        99;
}
#sf-menu li li:hover li ul,
#sf-menu li li.sfHover li ul,
#sf-sub-menu li li:hover li ul,
#sf-sub-menu li li.sfHover li ul {
	top:			-999em;
}
#sf-menu li li li:hover ul,
#sf-menu li li li.sfHover ul,
#sf-sub-menu li li li:hover ul,
#sf-sub-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
	z-index:        99;
}
/*** DROPDOWN SKIN ***/
#sf-menu li li a {
    width:145px;
    background-color:#000000;
    color:#FFFFFF;
	border-bottom: 1px solid #525252;
	padding: 0px 5px 0px 5px;
	min-height: 25px;
	line-height: 25px;
	text-decoration:none;
	z-index:        99;
	text-align:center;
}
#sf-sub-menu li li a {
    width:115px;
    background-color:#000000;
    color:#FFFFFF;
	border-bottom: 1px solid #525252;
	padding: 0px 5px 0px 5px;
	min-height: 25px;
	line-height: 25px;
	text-decoration:none;
	z-index:        99;
	text-align:center;
}
#sf-menu li li a:focus, #sf-menu li li a:hover, #sf-menu li li a:active,
#sf-sub-menu li li a:focus, #sf-sub-menu li li a:hover, #sf-sub-menu li li a:active {
	color:#dc923b;
	z-index:        99;
}
