﻿body { 
 	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
 	background-color: #e2e2d9; 
 	color: white; 
 	background-image:url('/Images/Shared/bg.jpg');
 	background-repeat: repeat-x;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size:12px;
}

body li
{
	list-style-type:none;
}

#wrapper { 
 color: black; 
 margin: 0px 40px 30px 40px;
 width:951px;
 position:absolute;
 top:0;
 border-left-color:gray;
 border-left-style:dotted;
 border-left-width:1pt;
 height:auto;

}

#main { 
 position: relative; 
 top:0; 
 left:0; 
 width: 100%;
 margin: 0;
 
}

#header{
 position:relative;
 top:0;
 left:0;
 height:335px;
 margin: 0;
 border-right-color:gray;
 border-right-style:dotted;
 border-right-width:1pt;
}

#header-logo{
 position:absolute;
 left:0;
 top:0;
 width: 160px;
 height:335px;
 border-right-color:gray;
 border-right-style:dotted;
 border-right-width:1pt;
 margin: 0;
}



#header-navlinks
{
 
 height:25px;
 position:absolute;
 left:161px;
 top:0px;
 background-color:#f7941d;
 text-align:left;
 
 text-transform:uppercase;
 z-index:100;
 width:789px;
 
}

#header-gray
{
	position:absolute;
	left:161px;
	top:25px;
	background-color:#e2e2d9;
	height:50px;
	width:789px;
	margin-bottom:5px;
	z-index:1;
}

#header-show
{
	position:absolute;
	left:161px;
	top:80px;
	width:789px;
	height:245;
	margin-bottom:5px;
	z-index:1;
}



#content { 
 margin: 0 0 0 170px;
 padding:10px 5px 5px 5px; 
 color: black;
 border-right-color:gray;
 border-right-style:dotted;
 border-right-width:1pt;
 z-index:10; 
}

#footer { 
 margin: 0 0 0 170px;
 padding:0px 0px 0px 0px; 
 color: black;
 z-index:10;
 text-align:center; 
  border-right-color:gray;
 border-right-style:dotted;
 border-right-width:1pt;
 

}


#MainContent { 
 z-index:10; 
}

#leftcontent { 
position:relative;
left:0px;
top:0px;
width:400px;
 padding-top:20px; 
 color: black;
 z-index:10;  
}

#leftcontent li{
	list-style-type:square;
	
}

#rightcontent { 
 position:absolute;
 left:575px;
 top:0px;
 width:370px;
 padding:0; 
 color: black;
 z-index:10;
 padding: 40px 5px 5px 5px;
}

#leftshowroom { 
position:relative;
left:0px;
top:0px;
width:400px;
 padding-top:20px; 
 color: black;
 z-index:10; 
}

#rightshowroom { 
 position:absolute;
 left:575px;
 top:0px;
 width:370px;
 padding:0; 
 color: black;
 z-index:10;
 padding: 40px 5px 5px 5px;
}


#bottomcontent { 
position:relative;
left:0px;
top:0px;
padding:0; 
color: black;
z-index:10; 
}




#sidebar { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 160px; 
 color: white; 
 margin: 0; 
 padding: 0;
 border-right-color:gray;
 border-right-style:dotted;
 border-right-width:1pt;
}


#flashcontent {
		height: 700px;
		width: 700px;
	}
	
	
	
#promo{
	
	background-color:#F00;
	border:#FFF solid 5px;
	padding:10px;
	text-align:center;
	color:#FFF;
	font-size:14px;
}

#promo h1{
	color:#FFF;
	font-size:20px;
	font-weight:bold;
}

#promo .terms{
	font-size:10px;
}

#promo a{
	color:#FFF;
	text-decoration:underline;
}

#promo a:hover{
	color:#FFF;
	text-decoration:none;
}

	

/* Main Side Nav */
.nav-sidemain, .nav-sidemain ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}


.nav-sidemain li{
	background-color:#f7941d;
	margin-top: 1px;
	margin-bottom:1px;
	color:#000000;
	font-weight:500;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-transform:uppercase;
	list-style-type: none;
}

.nav-sidemain a{
	color:#000000;
	text-decoration:none;
}

.nav-sidemain a:hover{
	color:#FFF;
	text-decoration:none;
}

/* Sub Side Nav */
.nav-sidesub, .nav-sidesub ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}


.nav-sidesub li{
	background-color:#fec557;
	margin-top: 1px;
	margin-bottom:1px;
	color:#FFF;
	font-weight:600;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-transform:uppercase;
	list-style-type: none;
}

.nav-sidesub a{
	color:#FFF;
	text-decoration:none;
}

.nav-sidesub a:hover{
	color:#f7941d;
	text-decoration:none;
}




/* Contact Nav */
.nav-contact, .nav-contact ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}


.nav-contact li{
	background-color:#fec557;
	margin-top: 1px;
	margin-bottom:1px;
	color:#FFF;
	font-weight:600;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.nav-contact a{
	color:#FFF;
	text-decoration:none;
}

.nav-contact a:hover{
	color:#f7941d;
	text-decoration:none;
}


.vanillabeanlink{
	color:#f7941d;
	font-size:9px;
	text-align:center;
	
}

.vanillabeanlink a {
	color:#f7941d;
	text-decoration:none;
}


.largeheading
{
	font-size:16px;
	font-weight:bold;
	color:#f7941d;
}

.whiteheading
{
	font-size:14px;
	font-weight:bold;
	color:#666;
}
	
.lightgreyheading
{
	font-size:12px;
	font-weight:bold;
	color:#666;
}

.orangebld
{
	font-size:12px;
	font-weight:bold;
	color:#f7941d;
}

ul {
list-style:square;
}

ul li{
list-style-type:square;
}

a
{
	color: #F7941D;
	text-decoration:none;
}

a:hover
{
	color:#000;
}

img {
	border:0;
}

a img {
	border:0;
}

.conditions{
	font-size:9px;
}

#suckerfishnav {
    background:#f7941d repeat-x;
    font-size:12px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
    
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#ffffff;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
	list-style: none;
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:120px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #f7941d;
    }
#suckerfishnav li li {
    width:119px;
    border-bottom:1px solid #f7941d;
    border-left:1px solid #f7941d;
    border-right:1px solid #f7941d;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:119px;
    font-size:12px;
    color:#ffffff;
    }
#suckerfishnav li ul ul {
	margin:-21px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#f7941d;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#ffffff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#ffffff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#ffffff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#fec557;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#f7941d;
    }