/* css development by maramade productions http://www.maramade.com */

html { min-height: 100%; margin-bottom: 1px;  }

/* * {margin: 0;} */

html, body {height: 100%;}

body {
margin:0 auto;
padding:0;
font:76% Arial,Verdana,Tahoma,sans-serif;
background:#faf8e6 url(../images/bgslice.jpg) top center repeat-x;
color:#000;
height: 100%;
}


#wrap{
background-color: transparent;
color:#3A3629;
width:802px;
/* margin:0 auto; */
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -3em;
}

#wrapnoem{
background-color: transparent;
color:#3A3629;
width:802px;
/* margin:0 auto; */
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
}


#topbanner{
	width:802px;
	height: 37px;
	background-image:url(../images/topbanner.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin: 0 auto
}


#topnav {
	height: 27px;
	margin: 0 0 0 390px;
	padding-top:10px;
	}

#topnav ul { 
list-style-type: none; 
margin: 0;
padding: 0;
}

#topnav li { 
display: inline; 
}

#topnav ul li a, #topnav ul li a:link, #topnav ul li a:visited, #topnav ul li a:active { 
text-decoration: none; 
padding: .2em .7em;
font-size:11px;
background-color:transparent;
color:#3A3629;

}

#topnav ul li a:hover{
background-color:transparent;
color:#3A3629;
color: #800080;
}

#banner{
width:802px;
height: 105px;
background-image:url(../images/banner.jpg);
background-repeat:no-repeat;
background-position:top center;
position:relative;
margin: 0 auto;
}

#banner a { 
width: 385px;
height: 50px; 
position: absolute;
text-decoration:none;
margin:18px 0 0 405px;
}

#banner a i { 
visibility: hidden; 
}


#mainmenu{
width:802px;
height: 63px;
background-image:url(../images/menubg.jpg);
background-repeat:no-repeat;
background-position:top center;
margin: 0 auto;
position:relative;
z-index:4;
}

#banner_soon{
width:802px;
height: 205px;
background-image:url(../images/banner_temp.jpg);
background-repeat:no-repeat;
background-position:top center;
}

#maincontent{
background-color: #fff;
color:#3A3629;
width:802px;
margin: 0 auto;
line-height:1.3em;
font-size:13px;
}

#maincontent a, #maincontent a:link, #maincontent a:visited, #maincontent a:active{
background-color:transparent;
color: #800080;
text-decoration: underline;
}

#maincontent a:hover {
text-decoration:none;
}

#leftcolmain{
width:453px;
float:left;
position:relative;
}

#mainpictext{
position:absolute;
background-color:transparent;
color:#FFFFFF;
font-weight:700;
top:240px;
left: 10px;
right:10px;
font-size:13px;
}


#leftcolresults{
width:180px;
float:left;
padding: 10px;
}


.back13{
background-color:#F2AA53;
color:#3A3629;
}

.back18{
background-color:#F2AA53;
color:#3A3629;
}

.back19{
background-color:#F2AA53;
color:#3A3629;
}

.back20{
background-color:#F2AA53;
color:#3A3629;
}

.back14{
background-color:#EE747D;
color:#3A3629;
}

.back15{
background-color:#B984B7;
color:#3A3629;
}

.back21{
background-color:#B984B7;
color:#3A3629;
}

.back22{
background-color:#B984B7;
color:#3A3629;
}

.back16{
background-color:#C1D72F;
color:#3A3629;
}

.back17{
background-color:#96BCBC;
color:#3A3629;
}

#submenu{
text-align:center;
}

#submenu ul{
list-style-type:none;
margin:0;
padding:0;
}

#submenu a, #submenu a:link, #submenu a:visited, #submenu a:active{
display:block;
padding: .2em .8em;;
text-decoration: underline;
font-size:1.1em;
font-weight:bold;
}


#submenu a:hover{
text-decoration:none;
}



#rightcolmain{
margin: 0 0 0 456px; 
background-color:#FFFFFF;
color:#333;
}

#rightcolmain img{
margin-bottom:0;
}

#rightcolresults{
margin: 0 0 0 200px; 
background-color:#FFFFFF;
color:#333333;
padding: 5px;
font-size:13px;
}



#bluebar{
	height:31px;
	background-color:#96BCBC;
	color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
}


#bluebarleft{
margin:5px 0 0 0;
padding:0;
width:400px;
height: 25px;
float: left;
text-align:left;
}

#bluebarright{
margin:0;
padding:0;
width:150px;
float: right;
text-align:right;
}


.bluebarbig{
font-size:1.8em;
font-weight:bold;
margin:0;
padding:0;
}


#detailsbar{
	height:31px;
	background-color:#fff;
	color:#333;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
}

.floatleftmain {
float:left;
margin-right: 3px;
}


#nofloats{
margin: 0; 
background-color:#FFFFFF;
color:#333333;
padding: 10px;
overflow: auto;
}


#nofloats p{
margin:1em 0; 
}

.howmanyleft{
background-color:#FFFFFF;
color:#eb5966;
font-size:1.2em;
text-transform:uppercase;
font-weight:bold;
}


#whatshappening{
background-color:#f2aa53;
margin: 2px 0 0 0;
color:#3A3629;
height: 67px;
}

#whatshappening p{
margin:0;
padding:0;
}


#rightcolmain p, #leftcolmain p, #rightcolresults p, #leftcolresults p {
margin-top: 0;
} 

#leftcolmain p{
margin-bottom: 0;
}



h4{
margin:0;
display:none;
}



#footer, .push {
 height: 3em;
}



#footer{
position: relative;
width: 802px;
margin: 0 auto;
background-color: #faf8e6;
color:#B5C427;
clear:both;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
	background-color: #faf8e6;
color:#B5C427;
text-decoration: underline;
	border: 0;
}

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

#footer p {
	width: 802px;
	padding: 0;
font: 10px arial,sans-serif;
	text-align: center;
	margin: 0 auto;
}


#botnav {
	margin: 0;
	text-align:center;
	font-size:12px;
	clear:both;
	}

#botnav ul { 
list-style-type: none; 
margin: 0;
padding: 0;
}

#botnav li { 
display: inline; 
}

#botnav ul li a, #botnav ul li a:link, #botnav ul li a:visited, #botnav ul li a:active { 
text-decoration: none; 
padding: 0.7em;
background-color:transparent;
color:#3A3629;

}

#botnav ul li a:hover{
background-color:transparent;
color:#3A3629;
color: #800080;
}



/*PRODUCT DISPLAY*/

#products{
overflow: hidden;
width: 585px;
}

.thumbnail
{
float: left;
width: 180px;
height:240px;
margin: 0 10px 25px 0;
border-bottom: 1px dotted #ccc;
border-right: 1px dotted #ccc;
font-size:12px;
}

.thumbnail p{
text-align:center;
margin:0;
padding:0;
}

.thumbnail img { 
width: 130px; 
height: 130px;
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:2px solid #f0f0f0;
}

.thumbnail a img, .thumbnails a:link img, .thumbnail a:visited img, .thumbnail  a:active img {
border: 0px;
}

.small {
font-size:.9em;
}

.addtocart{
width:65px;
margin:0;
padding:0 0 0 5px;
float: left;
text-align:left;
}

.detail{
width:50px;
margin:0;
padding:0 5px 0 0;
float: right;
text-align:right;
}

#thumbcount {
}

.clearboth{
clear:both;
}


.left {
margin:4px 15px 4px 0;
float:left;
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}

.right {
margin:2px 0 2px 4px;
float:right;
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}

.rightnoborder {
margin:2px 0 2px 4px;
float:right;
padding:1px;
display:inline;

}

a img{
border:none;
}