/* ---------------------------------------------
Screen Stylesheet for http://www.BearthBaskets.com
Updated:	04/28/08
author:		Susan Nelson
website:	http://www.AuxanoCreative.com
-------------------------------------------------
>> ::COLORS::

>> ::TOC::
	Resets
	Defaults
	Typography
	Template 
	Links
	Menus
	Global Classes
	Content

------------------------------------------------- */

/* ---------- ::Resets:: --------------------- */
body {
margin:0;
padding:0;
}
/* ---------- ::Document Defaults:: ---------- */
html { 
font-size:100.01%; 
height: 101%;
}
body { 
margin:0 auto;
height:100%;
font:62.5%/1.8em Verdana,Arial,Helvetica,sans-serif;
background-color:#8bd6d9;
color:#333;
}
/* ---------- ::Typography:: ----------------- */
h1 {
font-size:2em;
}
h2 {
font-size:1.6em;
}
h3 {
font-size:1.4em;
}
p, li {
font-size:1.2em;
}
/* ---------- ::Template:: ------------------- */
#wrap {
width:898px;
margin:10px auto 0 auto;
}
#head {
position:relative;
width:898px;
height:169px;
}
#logo {
width:449px;
height:169px;
float:left;
background:url(http://www.bearthbaskets.com/images/layout/topleft.gif) 0 0 no-repeat;
}
#logo img {
position:absolute;
top:70px;
left:55px;
}
#logo h1 {
font-size:2em;
margin:80px 0 0 70px;
font-family:'century gothic', arial, sans-serif;
font-weight:normal;
}
#swirl {
width:449px;
height:169px;
float:right;
background:url(http://www.bearthbaskets.com/images/layout/topright.gif) 0 0 no-repeat;
}
#menubar {
width:800px;
height:23px;
margin:0 auto;
background:#25220f url(http://www.bearthbaskets.com/images/layout/menu_bar.gif) 0 0 repeat-x;
border-right:2px solid #25220f;
border-left:2px solid #25220f;
}
#basket {
width:18px;
height:17px;
float:left;
margin:3px 0 0 670px;
}
#bag {
width:102px;
height:20px;
float:right;
margin:1px 5px 0 0;
padding:0;
font-size:15px;
font-family:'century gothic', arial, sans-serif;
}
#bag a, #bag a:visited {
color:#fff;
text-decoration: none;
}
#bag a:focus, #bag a:hover, #bag a:active {
color:#fff;
text-decoration: underline;
}
#mainnav {
width:800px;
height:75px;
margin:0 auto;
background:#fff;
border-right:2px solid #25220f;
border-left:2px solid #25220f;
}
#bottom {
width:328px;
height:60px;
float:right;
}
#content {
position:relative;
width:800px;
margin:0 auto;
padding:10px 0;
background:#fff;
border-right:2px solid #25220f;
border-left:2px solid #25220f;
clear:both;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}
#left {
display:inline;
width:350px;
float:left;
margin: 3px 0 20px 18px;
}
#right {
display:inline;
width:400px;
height:350px;
float:right;
margin-right:18px;
padding:0;
}
#right p {
clear:right;
padding:0;
margin:0 0 5px 0;
font-size: 11px;
}
#promotionals {
position:absolute;
bottom:20px;
}
#promotionals img {
margin-top:5px;
}
#textbox {
width:770px;
margin:10px auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
}
#footer {
width:898px;
height:27px;
margin:0 auto;
clear:both;
background:#25220f url(http://www.bearthbaskets.com/images/layout/footer.gif) 0 0 no-repeat;
color:#fff;
}
/* ---------- ::Links:: ---------------------- */
a {
color:#ff5399;
text-decoration:none;
}
a:visited {
color:#ff5399;
text-decoration:none;
}
a:active, a:focus, a:hover {
text-decoration:none;
color:#8bd6d9;
}
a img {
border:none;
}
/* ----------  ::Menus:: ---------------------- */
/* ::Top Menu:: */
ul#topnav {
width:350px;
height:100px;
padding:0;
margin:65px 0 0 25px;
}
#topnav li {
display:inline;
list-style-type:none;
padding:0 2px;
font-family:'century gothic', arial, sans-serif;
font-size:1.2em;
color:#1fb1b6;
}
#topnav li a {
color:#1fb1b6;
text-decoration:none;
}
#topnav li a:focus, #topnav li a:hover, #topnav a:active {
color:#1fb1b6;
text-decoration:underline;
}
/* ::Main Menu:: */
ul#nav {
padding: 0;
margin: 0 0 0 10px;
}
#nav li {
width: 107px;
height:36px;
float: left;
list-style-type:none;
padding-right:5px;
font-family:Trebuchet MS, Helvetica, sans-serif;
font-size:13pt;
}
#nav li a {
display: block;
width: 107px;
height:36px;
line-height:2em;
background:transparent url(http://www.bearthbaskets.com/images/layout/menutab.gif) 0 0 no-repeat;
color:#fff;
text-decoration:none;
text-align:center;
}
#nav li a:focus, #nav li a:active, #nav li a:hover {
background-position:0 -36px;
color:#fff;
text-decoration:none;
text-align:center;
}
/* ::Footer Menu:: */
#bottomnav_container {
width:800px;
margin:0 auto;
text-align:center;
}
ul#bottomnav {
margin:0;
padding:0;
}
#bottomnav li {
display:inline;
list-style-type:none;
padding:0 3px;
font-family:'century gothic', arial, sans-serif;
font-size:1.4em;
}
#bottomnav li a, #bottomnav li a:visited {
color:#fff;
text-decoration:none;
}
#bottomnav li a:focus, #bottomnav li a:hover, #bottomnav a:active {
color:#fff;
text-decoration:underline;
}
text-align:right;
color:#fff;
}
.price {
font-weight: bold;
}
.options {
font-size: 11px;
font-weight: bold;
}
.prodborder img {
	border: 4px double #e1e1e1;
}
/* ---------- ::Global Classes:: ------------- */
.center {
text-align:center;
}
.clear {
clear:both;
padding:0;
margin:0;
line-height:normal;
}
.floatleft {
float:left;
}
.floatright {
float:right;
}
.hidden {
display:none;
visibility:hidden;
}
.inline {
display:inline;
}
.small {
font-size:10px;
font-weight:normal;
}
.large {
font-size:20px;
font-weight:bold;
}
/* ---------- ::Content/Pages:: -------------- */

/* /// specific page rules here /// */
.productname {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
        font-weight: bold;
}
.productdesc {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
        color: #61bbbf;
}
#footer2 {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	font-family: 'century gothic', arial, sans-serif;
	color: #666666;
	font-size: 11px;
	padding-top: 5px;
}
#footer2 A:link {
	text-decoration: none;
	color: #666666;
}
#footer2 A:visited {
	text-decoration: none;
	color: #666666;
}
#footer2 A:active {
	text-decoration: none;
	color: #666666;
}
#footer2 A:hover {
	text-decoration: underline;
	color: #666666;
}
.splashtxt {
	padding-left: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.splashflash {
	border: 1px solid #000000;
	padding: 3px;
        width: 326px;
        height: 201px;
}
.splashflash img {
        width: 326px;
        height: 201px;
}