/* style.css */
/* tags & elements */
BODY {
	margin: 0px;
	background-color: white;
	padding: 0px;
	background-image: url(images/bg.gif);
	height: 100%;
	width: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
}

p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}

hr {
	border: 0;
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	text-align: left;
}

#homeheader { width: 520px; }

#homeheader a {
	color: #0066cc;
	text-decoration: none;
}

#homeheader a:hover {
	color: #4b9ae1;
	text-decoration: underline;
}

#homeheader #homeheader2 {
	width: 260px;
	float: right;
	text-align: left;
	line-height: 18px;
}

#homeheader img { margin: 0px 0px 0px 0px; }

#homeheader h2 {
	font-family: Rockwell,georgia,serif;
	font-size: 20px;
	color: #f767b8;
	font-weight: normal;
	text-align: left;
	width: 250px;
	margin: 0px 0px 5px 0px;
}

/* Links */
a:link {
	color: #0066cc;
	text-decoration: none;
}

a:visited {
	color: #0066cc;
	text-decoration: none;
}

a:active {
	color: #0066cc;
	text-decoration: none;
}

a:hover {
	color: #3399ff;
	text-decoration: underline;
}

#wrap {
	width: 760px;
	margin: 0px auto auto;
	padding: 0px;
	text-align: left;
	background-color: White;
}

/* Header */
#header {
	width: 100%;
	min-width: 760px;
	visibility: visible;
	overflow: hidden;
	height: 185px;
	min-height: 185px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-top-style: solid;
	border-top-width: 7px;
	border-top-color: #c6e5ef;
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
	text-align: left;
	clear: none;
}

#subheaderfrench {
	width: 760px;
	height: 167px;
	float: left;
	background: url(french/images/logo.jpg) repeat-x;
}

#subheader {
	width: 760px;
	height: 167px;
	float: left;
	background: url(images/logo.jpg) repeat-x;
}

#french {
	float: right;
	width: 203px;
	height: 145px;
	z-index: 1000;
}

#header img {
	padding: 0px;
	margin: 0px;
	float: left;
	overflow: hidden;
}

#header table {
	margin: 0px;
	padding: 0px;
	float: left;
}

/* Footer */
   #footer {
      background: #FFF url("images/footer_bg.gif") repeat-x;
      clear: both;
      color: #999;
      font: normal 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
      margin: 0;
      padding: 1em;
      height: auto;
      width: auto;
      }
	  
#footer a, #footer a:visited {
color:#cccccc;

text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
color:#666666;
}

/* Footertext can be deleted */
.footertext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	margin: 0px 0px 0px 8px;
	padding: 8px 0px 0px 0px;
}

#middlewrap {
	background: #FFF url("images/left_bg.gif") repeat-y;
	margin: 0px;
	padding: 0px;
	overflow: visible;
	width: 760px;
}

#rightfill {
	height: 100%;
	min-height: 250px;
	width: 100px;
	background-color: #999999;
	float: right;
}

/* Left content */
#left {
	width: 180px;
	background-color: #f4f0d6;
	height: 100%;
	border-left-width: 8px;
	border-left-color: white;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	/*border-right-style:dashed;*/
	border-right-width: 1px;
	border-right-color: #747652;
	/*border-bottom-style:dashed;*/
	border-bottom-width: 1px;
	border-bottom-color: #747652;
	border-left-style: none;
	border-top-style: none;
	min-height: 500px;
}

/* Right content */
#right {
	width: 550px;
	min-height: 300px;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px 0px 0px 180px;
	overflow: visible;
	text-align: left;
	visibility: visible;
	float: none;
	border-style: none;
}

#right img { margin: 15px 2px 15px 2px; }

/* Welcome store title */
.welcome {
	width: 435px;
	height: 17px;
	margin: 10px 0px 5px 20px;
	background-image: url(images/welcome_store.gif);
	overflow: hidden;
}

.welcomef {
	width: 435px;
	height: 17px;
	background-image: url(french/images/welcome_store.gif);
	margin: 0px 0px 5px 20px;
	overflow: hidden;
}

/* Product title */
.prodtitle {
	width: 435px;
	height: 17px;
	background-image: url(images/prod_title.gif);
	margin: 10px 0px 5px 20px;
	overflow: hidden;
}

.prodtext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	width: 520px;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 5px 20px;
}

.prodname {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
}

/* News section */
.newsheader {
	width: 140px;
	height: 24px;
	overflow: hidden;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: .3em;
	color: #6195a6;
	text-decoration: none;
	text-align: left;
	font-size: x-small;
	line-height: normal;
	background-image: url(images/news_headerbg.gif);
	background-position: left;
	background-repeat: no-repeat;
	margin: 15px 0px 5px 5px;
	padding: 13px 0px 0px 35px;
}

.newstext {
	width: 160px;
	overflow: hidden;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	margin: 0px auto 10px auto;
}

.newstext p {

	font-size: 10px;
	
}

.newstext h3 {
	font-family: tahoma;
	font-size: 12px;
	color: #b58e39;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	margin: 0px;
}

.navtext {
	width: 147px;
	overflow: hidden;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	margin: 10px auto 10px auto;
}

/* Headings */
h1 {
	font-family: Rockwell,georgia,serif;
	font-size: 28px;
	color: #f5aa16;
	font-weight: normal;
	text-align: left;
	width: 500px;
	margin: 20px 0px 15px 0px;
}

h2 {
	font-family: Rockwell,georgia,serif;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	
	color: #a5b13d;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*
h2{font-family:tahoma;font-size:11px;
color:#4A6284;
text-decoration:none;
text-align:left;
font-weight:bold;
margin:0px 0px 0px 0px;
} 
*/

.h1new {
	font-family: Georgia, Times, serif;
	font-size: 16px;
	color: #8D2800;
	text-decoration: none;
	text-align: left;
	font-weight: nromal;
	margin: 0px;
}

.h2new {
	font-family: Georgia, Times, serif;
	font-size: 13px;
	color: #8a8e3f;
	text-align: left;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
}

h3 {
	font: 1.0em verdana;
	letter-spacing: 1px;
	color: #99cc66;
}

/*
#right h2
{
	font-family: georgia;
	font-weight: normal;
	font-size: 19px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	text-transform: none;
	color:#fdbf1a;

}
*/

/*
h3{
width:110px;
font-family:tahoma;font-size:11px;
color:#8D2800;
text-decoration:none;
text-align:left;
font-weight:bold;
float:right;
margin:3px 10px 5px 0px;
}
*/

.spacer {
	width: 140px;
	margin: 3px auto 3px auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #989898;
}

#menu ul {
	margin-left: 0px;
	padding-left: 6px;
	list-style-type: none;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	margin: 0px;
}

#menu a {
	display: block;
	padding: 2px;
	width: 164px;
	/*background-color:#d9dc99;*/
	border-bottom: 1px dashed #8fcbdf;
}

#menu a:link, #menuitems a:visited {
	color: #666666;
	text-decoration: none;
}

#menu a:hover {
	background-color: #fcfbe7;
	color: #0066cc;
}

#topnav ul {
	padding-left: 0;
	margin-left: 5px;
	margin: 0px 0px 0px 0px;
	background-color: #c6e5ef;
	color: White;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 18px;
}

#topnav ul li { display: inline; }

#topnav ul li a {
	padding: 0.2em 1em;
	background-color: #c6e5ef;
	color: #0066cc;
	text-decoration: none;
	float: left;
	border-right: 1px solid #747652;
}

#topnav ul li a:hover {
	background-color: #E3F7FE;
	color: #0574E3;
	text-decoration: underline;
}

TD.mincart {
	font-size: 10px;
	font-family: Verdana;
}

P.mincart {
	font-size: 10px;
	font-family: Verdana;
}

TABLE.cobtbl {
	background-color: #F6F6F6;
	border: 1px;
	border-style: dashed;
	border-color: #6195a6;
}

TD.cobhl { background-color: #cfe9e6; }

TD.cobll {
	background-color: #fff;
	color: #666666;
}

form {
	margin: 0;
	padding: 0;
}

input.search {
	margin: 5px 5px 5px 5px;
	height: 16px;
	background-color: #F6F6F6;
	border: solid #dad5b4;
	border-width: 2px;
	font-family: tahoma;
	color: rgb(0,0,0);
	font-size: 12px;
}

.detaillistprice { color: #ea2b7b; }
.listprice { color: #ea2b7b; }


/*New Wool color by Mike*/

.swatches {
	width: 40em;
	margin: 0;
	padding: 0;
}

.swatches * {
	margin: 0;
	padding: 0;
}

.swatches li {
	float: left;
	list-style: none;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	text-align: center;
}

.swatches li a {
	border: 1px solid #ABD4E1;
	color: #333;
	display: block;
	font: bold 1em/1.7em helvetica,sans-serif;
	height: 1.6em;
	text-decoration: none;
	text-shadow: #FFF 0 1px 1px;
	width: 5em;
}

.swatches li a:hover { border-color: #73A6B5; }




/**************************************************
The following 4 styles are used by the
"Random Products" mod that you have purchased.

The CSS styles that ship with this mod are only
suggestions - feel free to edit them as you please.
**************************************************/

/*
This class is applied to the table that
is generated by the random products script
*/

.RandomProductsTable {
	border: 0px solid #000000;
	padding: 5px;
	margin-left: 2px;
	margin-top: 2px;
}

/*
This class is applied to each row within the table,
and inherits from the ".RandomProductsTable" class
*/

.RandomProductsTableRow { }

/*
This class is applied to each cell within the table,
and inherits from the ".RandomProductsTableRow" class
*/

.RandomProductsTableCell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/*
This class is applied to the text that is shown
for products which have options, and inherits
from the ".RandomProductsTableCell" class
*/

.RandomProductsMoreOptionsText { font-size: 9px; }

/*
This class is applied to the text that is shown
when no products are found for display (because
there are none matching the criteria that you
have specified), and inherits from the
".RandomProductsTableCell" class
*/

.RandomProductsNoProductsText { font-size: 9px; }