@charset "UTF-8";
/* ###########################################################################
# Default stylesheet #

COPYRIGHT 2009 Tenrec, Inc.
########################################################################### */

html { overflow-y: scroll; }

body {
    margin:0;
    padding:0;
    font: 62.5% Arial, Helvetica, Verdana, sans-serif;
    background-color:#000;
}

* {margin:0;padding:0;}

* img {
    border-style: none;
    }
    
p {
    margin-bottom:1em;
    font-size:1.2em;
    line-height:1.8em;
    color:#333;/*dark gray*/
    }
    
ul,ol {
    padding:0 2em;
    margin-bottom:1em;
    font-size:1.05em;
    line-height:1.8em;
    list-style-type:square;
    color:#333;/*dark gray*/
    }
h1, h2, h3, h4, h5 {
    color:#333;/*dark gray*/
    font-weight:normal;
}
h1 {
    font-size:2.8em;
    margin-bottom:0.5em;
    font-weight:normal;
}
h2 {
    font-size:1.8em;
    margin-bottom:0.5em;
    font-weight:bold;
}
h3 {
    font-size:1.2em;
    margin-bottom:0.3em;
    font-weight:bold;
}
h4 {
    font-size:1.1em;
    margin-bottom:0.3em;
    font-weight:bold;
}
h1 a, h2 a, h3 a {
    color:#333;/*dark gray*/
}
a {color:#336600;}
a:hover {color:#990000;}
#logo {
    position:absolute;
    top:33px;
    left:34px;
    z-index:2;
}
#home #logo {
	top:57px;
	left:9px;
}
#logoprint {
    display:none;
}
#tagline {
    position:absolute;
    bottom:9px;
    right:18px;
}

/* ----------------------------------
            structure
-----------------------------------*/
#wrap {
    width:1021px;
    margin:0 auto;
    border:1px solid #fff;
}

#header {
    width:1021px;
    height:116px;
    margin:0;
    padding:0;
    background: #fff url(../media/images/header1.jpg) no-repeat top left;
    position:relative;
}
#home #header {
	height:204px;
	background: #fff url(../media/images/header_home1.jpg) no-repeat top left;
}
#contentWrap {
    width:1021px;
    margin:0;
    padding:0;
	background:#fff url(../media/images/content_bg1.gif) repeat-y;
    border-top:1px solid #fff;
    /*position:relative; // removed due to conflict with editing controls */
}
#navTop {
    position:absolute;
     top:0;
	width:100%;
	background:#00467f;
    right:0;
    font-size:0.9em;
    text-transform:uppercase;
    z-index: 100;
}
#navTop ul {
	margin:0 0 -2px;
	float:right;
	padding:4px 9px 5px 0;
}
#navSide {
    color:#fff;
    width:179px;
    float:left;
}
#navSide ul.top {
    background-color:#333;
    border-bottom:1px solid #fff;
}
#navSide ul.top,
#home #navSide ul.top {
    line-height:3.1em;
    padding-top:10px;
    background:#00467f;
}
#contentMain {
    width:810px;
    float:right;
    margin:3em 50px 1em 0;
}
#contentMain.wide {
    margin-right:25px;
}
#home #contentMain {
    width:770px;
    float:left;
    margin:0;
}
#breadcrumbs {
    font-size:0.9em;
    font-weight:bold;
    position: static;
    margin-top: -30px;
	margin-bottom: 0;
	margin-left:0;
}
#footer {
    clear:both;
    background-color:#333;
    /*height:35px;
    border-top:1px solid #fff;
    border-bottom:1px solid #333;*/
}
#home #footer {
    height:auto;
    margin:0;
}
/* ----------------------------------
            nav top
-----------------------------------*/
#navTop li {
    display:inline;
	position:relative;
}
#navTop a {
    color:#fff;
    text-decoration:none;
	padding:5px 12px 5px 12px;
	margin-top:6px;
}

#navTop a:hover, #navTop a.on {
	color:#cc9933;/*yellow*/
	background-color:#000;
	text-decoration: none;
}
#navTop li ul {
	position:absolute;
	display:none;
	top:17px;
	z-index:1;
	padding:5px 0 10px 0;
	margin:0;
	background-color:#000;
	text-transform:none;
	letter-spacing:2;
	opacity: 0.75;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
#navTop li:hover ul, #navTop a:hover ul, #navTop li.over ul {
	display:block;
	left:0;
	width:160px;
}
#navTop li > ul {}
#navTop li ul > li {}
#navTop li li 
{
	color:#999999;
	text-decoration:none;
	background-color:#000;
	display:block;
	z-index:20;
	width:135px;
	margin:0;
	padding:3px 7px 3px 18px;
	font-size:1em;
}
#navTop li li a {
	color:#fff;
	font-size:1em;
	line-height:1.2em;
	text-decoration:none;
	background-color:#000;
	display:block;
	z-index:20;
	width:135px;
	margin:0;
	padding: 0;
}
#navTop li li a:hover {
	text-decoration: none;
	color:#cc9933;/*yellow*/
	background-color:#000;
	width:135px;
	opacity: 1;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
#navTop li:hover a, #navTop li.over a {
	color:#fff;
	background-color:#000;
	opacity: 1;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
#navTop li ul {
	background-color:#000;
}
#navTop li > ul {
	background-color:#000;
}
#navTop li li A { 
	font-weight:normal;
}
#navTop li:hover li a, #navTop li.over li a {

}
/* ----------------------------------
            nav side
-----------------------------------*/
#navSide ul {
    list-style:none;
    color:#fff;
    line-height:3.1em;
    font-size:1.1em;
    margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}
#home .padtop {padding-top:1em; display:block;}
#home #navSide ul {
    line-height:2.1em;
}
#navSide a {
    color:#fff;
    text-decoration:none;
    padding:0.5em 0 0.5em 1.5em;
}
#navSide a:hover,#navSide a.selected, #navSide a.parent {
    background:url(../media/images/nav_square.gif) no-repeat left;
}
#navSide .btn_buynow-side { margin: 1em auto; text-align: center; }
#navSide .btn_buynow-side a { padding: 0; }
#navSide .btn_buynow-side a:hover { background: none; }
#navSide li ul {
    background-color:#767655;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    margin:0 0 0 -2.2em;
    padding:0 0 0 34px;
    font-size:0.9em;
    line-height:2em;
    width:145px;
}
#navSide li ul a {
    padding:0.5em 0 0.5em 1em;
}
#navSide li ul a:hover,#navSide li ul a.selected, #navSide li ul a.parent {
    background:url(../media/images/nav_arrow.gif) no-repeat left;
}
#breadcrumbs a, #breadcrumbs span {
    color:#333;
    margin:0 0.2em;
}
#breadcrumbs a:hover {
    color:#990000;
}
/* Hide any nav items below 3rd level. Site was not designed to display below this level. */
#navSide ul li ul li ul, #navSide ul li ul li ul li ul, #navSide ul li ul li ul li ul li ul, #navSide ul li ul li ul li ul li ul li ul,  #navSide ul li ul li ul li ul li ul li ul li ul,  #navSide ul li ul li ul li ul li ul li ul li ul li ul
{
	display: none;
}



/* ----------------------------------
            content
-----------------------------------*/
div.border {
    /*border-bottom:1px solid #fff;*/
    border-left:1px solid #fff;
    width:840px;
	background:#fff;
	position:relative;
}
#home img.border {border-left:1px solid #fff;}
#home #topBtns {
	margin:52px 18px 0 0;
	height:100px;
}
#topBtns {
	width:243px;
	float:right;
	margin:33px 18px 0 0;
	height:79px;
}
.border .bottom-bar p {
	margin:0;
	color:#fff;
	font-size:10px;
	line-height:18px;
}

#home .border .bottom-bar {
	width:740px;
	left: -180px;
	min-height: 55px
}

.txtAssetHideText > span {
    display: none;
}

.left-nav-line{
	background: url(../media/images/bg-bottom-bar.png) 50% 0;
	height: 102px;
	margin-top: 81px;
	margin-bottom: 30px;
}
#ctl00_HeroImageText .editButton {
    margin-left: 150px;
    margin-top: 70px;
}
.border .bottom-bar {
	position:absolute;
	bottom:30px;
	/*left:-180px;*/
	width:600px;
	overflow:hidden;
	padding:19px 68px 29px 213px;
	background:url(http://saxcointl.com/Templates/media/images/bg-bottom-bar-darker.png) 50% 0;
}
/* ----------------------------------
            buttons
-----------------------------------*/
div.btn_submit 
{
    background:url(../media/images/btn_brown.gif) no-repeat left;
    width:89px;
    height:28px;
    text-align:center;
    margin:0.5em 0 0 0;
    text-align: center;
    float: left;
}
div.btn_search {
    background:url(../media/images/btn_search2.gif) no-repeat left;
    width:118px;
    height:38px;
    float:right;
    text-align:center;
    margin:6em 2.8em 0 0;
}
div.btn_SubmitCart 
{
    width:118px;
    height:38px;
    float:right;
    text-align:center;
}

div.btn_search,
#home div.btn_search {
   background: url("../media/images/btn_search4.png") no-repeat scroll left center transparent;
    height: 31px;
    width: 114px;
    /*float:left;*/
    text-align:center;
    margin:0 0 5px 0;
}
div.btn_specials,
#home div.btn_specials {
    background: url("../media/images/btn_specials2.png") no-repeat scroll left center transparent;
    height: 31px;
    width: 115px;
    text-align:center;
    margin: 0;
	float:right;
}
div.btn_search a,
#home div.btn_search a,
#home div.btn_specials a, 
div.btn_specials a, 
div.btn_tan a, 
div.btn_SubmitCart a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding-top:0.6em;
    font-weight:bold;
    font-size:1.4em;
} 
#home div.btn_search a,#home div.btn_specials a {
    padding-top:0.6em;
}
div.btn_tan {
    background:#bb8b3d url(../media/images/btn_tan.gif) no-repeat left;
    width:276px;
    height:28px;
    text-align:center;
    margin:0.5em 0 0 0;
}
div.btn_blue {
    background:#5188c9 url(../media/images/btn_blue.gif) no-repeat left;
    width:276px;
    height:28px;
    text-align:center;
    margin:0.5em 0 0 0;
}
div.btn_green {
    background:#99b23d url(../media/images/btn_green.gif) no-repeat left;
    width:276px;
    height:28px;
    text-align:center;
    margin:0.5em 0 0 0;
}
div.btn_brown {
    background:url(../media/images/btn_brown.gif) no-repeat left;
    width:89px;
    height:28px;
    text-align:center;
    margin:0.5em 0 0 0;
}
/* GSC: Added class for disabled back/next buttons */
div.btn_brown .disabled, div.btn_brown .disabled:hover {
	color: #cccccc;
}
div.btn_prev {
    background:url(../media/images/btn_brown_big.gif) no-repeat left;
    width:122px;
    height:28px;
    text-align:center;
    margin:0.5em -25px 0 0;
    float:right;
    position:relative;
}
div.btn_submit a, div.btn_tan a, div.btn_blue a, div.btn_green a, div.btn_brown a, div.btn_prev a {
    color:#FFFFFF;
    display:block;
    font-size:1.4em;
    font-weight:bold;
    padding-top:0.4em;
    text-decoration:none;
}

div.btn_submit a:hover, div.btn_tan a:hover, div.btn_blue a:hover, div.btn_green a:hover, div.btn_brown a:hover, div.btn_search a:hover, #home div.btn_search a:hover,#home div.btn_specials a:hover, div.btn_tan a:hover, div.btn_prev a:hover, div.control_btns a:hover, div.btn_SubmitCart a:hover {
    color:#000;
} 
div.btn_blk, div.btn_blk_small {
    background:url(../media/images/btn_black.gif) no-repeat left;
    width:136px;
    height:28px;
    text-align:center;
    margin:0.5em 0 0 0;
    float:right;
    position:relative;
}
div.btn_blk_small {
    background:url(../media/images/btn_black_small.gif) no-repeat left;
    width:115px;
}
div.btn_blk a, div.btn_blk_small a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding-top:0.6em;
    font-weight:bold;
    font-size:1.1em;
}
div.btn_blk a:hover, div.btn_blk_small a:hover {
    color:#cc9933;/*yellow*/
}
.buttons div.btn_tan, .buttons div.btn_blue, .buttons div.btn_green {
    margin-top:0;
    margin-bottom:5px;
}
.buttons div.btn_search, div.btn_SubmitCart
{
    background:url(../media/images/btn_search3.gif) no-repeat left;
    margin-right:0;
}
.col_img div.btn_brown {
    margin-top:0;
}
.control_btns {
    position:absolute;
    bottom:46px;
	left:170px;
	width:200px;
}
.control_btns div {
    float:left;
	margin-right:5px;
}
/* ----------------------------------
            columns/boxes
-----------------------------------*/
div.col, div.col2 {
    width:285px;
    border-left:1px solid #333;
    float:left;
    margin-left:10px;
    padding-left:10px;
    min-height:550px;
	position:inherit;
	margin-right: 3px;
    /* position:relative; GSC: commented out because it conflicts with editor controls */
}
div.col3 {
    width:495px;
    border-left:1px solid #333;
    float:left;
    margin-left:10px;
    padding-left:15px;
    min-height:550px;
	position:inherit;
}
div.searchForm 
{
	border-left:none;
	margin-left: 0px;
	padding-left: 0px;
}
div.col_img {
    float:left;
    width:190px;
    min-height:550px;
    text-align: center;
}
div.col_img div.btn_brown {float:left; margin-right:5px;}
div.col h2, div.col2 h2 {
    background:#333 url(../media/images/header_gray.gif) no-repeat top left;
    color:#fff;
    font-weight:normal;
    height:22px;
    padding:7px 0 0 1em;
    clear:both;
    font-size:1.2em;
}
div.col3 h2 {
    background:#333 url(http://saxcointl.com/Templates/media/images/header_gray_495.gif) no-repeat top left;
    color:#fff;
    font-weight:normal;
    height:22px;
    padding:7px 0 0 1em;
    clear:both;
    font-size:1.2em;
}
div.col h2.red {
    background:#990000 url(http://saxcointl.com/Templates/media/images/header_red.gif) no-repeat top left;
}
.col h2.arrow {
    background:url(../media/images/header_black_arrow.gif) no-repeat top left;
    color:#fff;
    font-weight:normal;
    height:22px;
    padding:7px 0 0 2.5em;
    margin:0;
    bottom:50px;
}
.col h2.arrow a {color:#fff; text-decoration:none;}
.col h2.arrow a:hover {color:#cc9933;/*yellow*/}
div.col p, div.col2 p {
    font-size:1em;
    line-height:1.4em;
    padding:0 0.5em;
    color:#666;
}
div.col h3, div.col2 h3 {
    padding:1em 0 0.2em 0.5em;
}
.box {
    background:url(../media/images/box_bg.gif) no-repeat bottom;
    width:283px;
    margin-bottom:1em;
    padding-bottom:1em;
}
.col div.box h2 {
    background:#333 url(../media/images/header_box.gif) no-repeat top left;
    color:#fff;
    font-weight:normal;
    height:28px;
    padding:7px 0 0 1em
}
.col div.box p, .col div.box td {
    line-height:1em;
    margin-left:2em;
    font-size:1.2em;
    color:#333;
}
.col div.box table {
    margin:0 1em;
}
.col div.box td {
    padding:0.4em;
    line-height:1em;
    margin-left:2em;
    font-size:1.2em;
    color:#333;
}
.box div.swatches {margin-left: 7px;}
.searchForm input {
    font-size:1.1em;
    padding:2px;
    width:220px;
    float: left;
    margin-top: 5px;
}
.searchForm select {
    font-size:1.1em;
    padding:2px;
    width:170px;
    margin-left:40px;
}
.searchForm input.btn {
    width:33px;
    padding:0;
    float: right;
    margin: 0 10px 0 0 !important;
}
.searchForm input.textbox 
{
	margin-top: 0px !important;
	margin-left: 0px;
}
.searchForm input.right {
    vertical-align: top;
    float:right;
    margin-bottom:1em;
    margin-right:1em;
    padding:0;
}
.searchForm label {
    font-size:1.2em;
    color:#333;
    width:40px;
}
.searchForm p {
    margin: 1em 0;
    padding: 0 !important;
}
.searchForm table
{
	width: 100%;
	margin: 0 15px 1em 5px;
}
.searchForm table hr
{
	width: 98%;
}
/* ----------------------------------
            tables
-----------------------------------*/
table.specials, table.news, table.listProduct  {
    width:100%;
    margin:1em 0;
    clear:both;
}
table.news th, table.specials th, table.listProduct th {
    background-color:#333;
    color:#fff;
    height:26px;
    text-align:left;
    font-weight:normal;
    padding-left:1em;
}
table.news td, table.listProduct td {
    padding:0.5em 1em;
}
.left {
    background:#333 url(../media/images/th_bg1.gif) no-repeat left;
}
.right {
    background:#333 url(../media/images/th_bg2.gif) no-repeat right;
}
.stripe {
    background-color:#cfcfcf;
}
table.news th.white {
    background-color:#fff;
}
table.specials h3 {
    margin-top:2em;
}
table.specials td {
    border-bottom:1px solid #333;
}
table.specials td.prod  {
    padding-top:0.2em;
}
table.specials td.summary  {
    padding-top:0.2em;
}
table.specials td.prod p {
    font-size:1.2em;
    line-height:1em;
}
table.specials th {
    background:#333 url(../media/images/th_bg2.gif) no-repeat right;
    padding:0;
}
table.specials th h1 {
    background: url(../media/images/th_bg1.gif) no-repeat left;
    padding:6px 0 0 20px;
    height:20px;
    margin:0;
    color:#fff;
    font-size:1.2em;
}
.layoutTable table 
{
	border: none 0px;
}
table.featuredProduct
{
	padding: 1em 0;
	width: 100%;
	border-top: 1px solid #333333;
}
/* ----------------------------------
            bottles
-----------------------------------*/
div.thumb {
    width:100px;
    float:left;
    text-align:center;
}
div.thumb p {
    font-size:1em;
    margin:0;
    padding:0;
    line-height:1.2em;
    height: 2.5em;
}
div.bottle1 {
    width:140px;
    float:left;
    text-align:center;
    margin-right:1em;
}
div.bottle2 {
    width:120px;
    float:left;
    text-align:center;
    margin-right:0.5em;
}
/* GSC: The following bottle styles are for use with cms assets */
div.bottle1 .heading a
{
    background:transparent url(../media/images/btn_black.gif) no-repeat scroll left center;
    color:#FFFFFF;
    display:block;
    font-size:1.1em;
    font-weight:bold;
    height:28px;
    margin:0.25em 0 0;
    padding:1.5em 0 0;
    text-align:center;
    text-decoration:none;
    width:136px;
}
a.cms_btn_blk
{
    display:block;
    color:#fff;
    text-decoration:none;
    padding-top:0.8em;
    font-weight:bold;
    font-size:1.1em;
    background:url(../media/images/btn_black.gif) no-repeat left;
    width:136px;
    height:28px;
    text-align:center;
    margin:0.5em 0 0 0;
}

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

#footer p, #footer a {
    color:#fff;
}
#home #footer p {
color:#FFFFFF;
margin:0 2em 1em 180px;
}
#home #footer p p {
margin:0 2em 1em 0;
}
#home #footer h1 {
margin:0.5em 0 0.25em 180px;
}
div#footerNav {
    width:1021px;
    margin:0 auto;
    text-align:center;
}
div#footerNav p {
    margin:1em 2em;
    color:#666;
}
div#footerNav a {
    color:#666;
    text-decoration:none;
}
div#footerNav span.footerSpan
{
    margin:0 0 0 2em;
}
div#footerNav a:hover {
    color:#fff;
}
#footer a:hover {color:#000;}

#bug {float:right; padding:10px;}
/* ----------------------------------
            login
-----------------------------------*/
#login {
    width:576px;
    background-color:#fff;
    margin:0 auto;
}
#login #header {
    width:576px;
    height:120px;
    /*background: #fff url(../media/images/header_login.jpg) no-repeat top left;*/
}
#login form {
    margin:20px 70px 10px 70px;
}
#login h2 {
    background:url(../media/images/header_gray_big.gif) no-repeat top left;
    color:#fff;
    font-weight:normal;
    height:22px;
    padding:7px 0 0 1em;
    font-size:1.2em;
    clear:both;
}
#login input {
    width:415px;
    color:#666;
    padding:2px 2px 2px 1em;
}
#login input.btn {
    width:101px;
    padding-left:10px;
    margin-bottom:1em;
    float:right;
}

/* ----------------------------------
            userform
general styles for user input forms
-----------------------------------*/
.widthfull
{
	width: 600px;
}
.widthhalf
{
	width: 296px;
}
.widthquarter
{
	width: 145px;
}
.validationSummary li 
{
	color: Red;
}

.login-footer{
	background: url(../media/images/bg-bottom-bar.gif);
	height: 25px;
}