/*----------------------------------------------------------------------
    Reset
----------------------------------------------------------------------*/
html, body, div, span,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, img,
a, b, abbr, acronym, big, cite, code, del, em, i, ins, small, strike, strong, sub, sup, u,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	font-size: 100%;
	vertical-align: baseline;
	padding: 0;
	outline: 0;
	border: 0;
	margin: 0;
}
html {
    width:100%;
    height:100%;
}
body 
{
	/*font-family: Calibri, Segoe UI, Lucida Grande, Tahoma, Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;*/
	font-family: Tahoma, Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	font-size: 100%;
	/*background-image: url('../images/back.jpg');*/
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FFF;
	color : #7E7E7E;
}
p
{
	line-height:18px;
}
h1 {
	font-size: 180%;
	color: #7E7E7E;
	font-weight: bold;
}
h2 {
	font-size: 160%;
	color: #c4c2bc;
	font-weight: bold;
}
h3 {
	font-size: 140%;
	color: #c4c2bc;
}
h4 {
	font-size: 90%;
	color: #7E7E7E;
}
a, a:visited
{
    color: #7e7e7e;
    text-decoration:none;
}
a:hover, a:active
{
   color: #780000;
}
.headermenu{
	background-image:url('/images/buttons-background.gif');
	background-repeat:no-repeat;
	height:30px;
	width:944px;
	text-align:center;
	margin-bottom:4px;
}
.headermenu a{
margin:0px 10px;
position:relative;
top:4px;
}
.magentalink
{
	color:#c73d12;
}
.navitem 
{
	font-size:80%;
	line-height:12px;
}
.nav
{
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 14px;
}
.text
{
    font-size:70%;
    color: #c4c2bc; 
}
#page {
    height:100%;
    width:100%;
}
#menu 
{
	position:relative;
	width:150px;
}
#container {
    margin-left:auto;
    margin-right:auto;
    width: 950px;
}
.bubble 
{
	position:relative;
	overflow:auto;
	background-image: url('../images/sidedback.gif');
	width:950px;
    background-repeat: repeat-y;
}
.menubracket
{
    height: 380px;
}
.splash
{
	width: 947px;
	position: relative;
	background-image:url('../images/bighome.jpg');
	height:410px;
	background-repeat:no-repeat;
}
.splash2
{
	width: 807px;
	position: relative;
	background-image:url('../images/bighome_summer.jpg');
	height:445px;
	background-repeat:no-repeat;
	float:left;
}
.aboutus{
	top:20px;
	width: 807px;
	position: relative;
	background-image:url('../images/about-background.gif');
	background-repeat:repeat-y;
	float:left;
}
.aboutus2{
	width: 945px;
	position: relative;
	background-image:url('../images/about-background.gif');
	background-repeat:repeat-y;
	float:left;
}

.aboutus2 p, .aboutus p{
	margin:0px 60px;
}
.frontmenu{
	width:132px;
	float:left;	
	background-image:url('../images/leftnav-background.gif');
	background-repeat:repeat;
	margin-right:4px;
}
#footer {
    background-image: url('../images/footerback.jpg');
    background-repeat: no-repeat;
    background-position: center;
    clear: both;
    height: 160px;
    width:948px;
    /*top: 65px;*/
    position: relative; 
}
.darkcol
{
    font-size: 80%;
    background-color:#E3E2E0;
    padding: 2px 2px 2px 2px;
    color: #0a0a0a;
    border-right: solid 1px #b8b8b8;
    border-bottom: solid 1px #b8b8b8;
}
.darkcol_norightborder
{
    font-size: 80%;
    background-color:#E3E2E0;
    padding: 2px 2px 2px 2px;
    color: #0a0a0a;
    border-bottom: solid 1px #b8b8b8;
}
.lightcol
{
    font-size: 80%;
    padding: 2px 2px 2px 2px;
    color: #7e7e7e;
    border-right: solid 1px #ECECEC;
    border-bottom: solid 1px #ECECEC;
}
.footertext
{
    font-size: 70%;
    color: #333333;
}
#footer a, a:visited
{
    color: #7e7e7e;
    text-decoration:none;
}
#footer a:hover, a:active
{
   color: #780000; 
}
.principal
{
    /*background-image: url('../images/principalback.jpg');*/
    /*height: 425px;*/
    width: 950px;
    background-position: center;
    color: #000;
    font-size:100%;
}
.principal-noback
{
    width: 950px;
}
#menutable
{
    height: 385px;
    width: 120px;
}
#menutable a, a:visited
{
    color: #7e7e7e;
    text-decoration:none;
}
#menutable a:hover, a:active
{
   color: #780000; 
}
.error
{
	border: solid 1px #a10f0f;
	background-color: #e9b6b6;
	font-size: 90%;
	line-height: 18px;
	color: #202020;
	width: 672px;
	padding: 5px 5px 5px 5px;
	position: relative;
	/*margin: 0px 0px 0px 10px;*/
}
.requiredstar
{
	color:#891612;
	font-size: 130%;
}
.button
{
	font-family: "calibri", Segoe UI, Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 90%;
}
.search
{
	font-family: "calibri", Segoe UI, Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 70%;
    border: solid 1px #000;
    height: 18px;
    width: 70px;
    color: #000;
    background-color: #000;
    background-image: url('../images/searchbacker.gif');
    background-repeat: repeat-x;
    padding: 4px 2px 0px 25px;
}
.success
{
	border: solid 1px #7fad3e;
	background-color: #ceff88;
	font-size: 110%;
	line-height: 18px;
	color: #202020;
	width: 95%;
	position: relative;
	padding: 5px 5px 5px 5px;
	/*margin: 0px 0px 0px 10px;*/
}
.textfield-discount
{
	text-transform: uppercase;
	background-color: #e8e8e8;
	font-family: Calibri, Segoe ui, Tahoma, Trebuchet MS, Verdana, Sans-Serif;
	font-size: 100%;
	padding: 2px 2px 2px 2px;
	border: solid 1px #919191;
	color: #656565;
}
.errorbubble
{
	border: solid 1px #630909;
	background-color: #f39f9f;
	font-size: 90%;
	line-height: 18px;
	color: #310707;
	width: 95%;
	position: relative;
	padding: 5px 5px 5px 5px;
	/*margin: 0px 0px 0px 10px;*/
}
.readme
{
	border: solid 1px #f2a332;
	background-color: #fcefdd;
	font-size: 110%;
	line-height: 18px;
	color: #202020;
	width: 95%;
	position: relative;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 10px;
}
.instruct
{
	position:relative;
	font-size: 90%;
	padding: 10px 10px 10px 10px;
	border: solid 1px #59aab9;
	background-color: #ccf2f9;
	color: #0b4a64;
}
.searchcell
{
    text-align: center;
    width: 150px;
}
.searchresults
{
    text-align:right;
    font-size: 70%;
    position: relative;
    width: 94%;
    top: 5px;
    left: 25px;
    bottom: 10px;
    color: #787878;
}
.searchdesc
{
    font-size: 70%;
    color: #787878;
    text-align:center;
}
.productdesc
{
    font-size: 70%;
    color: #7E7E7E; 
    text-transform:capitalize;
}
.price
{
    font-size: 140%;
    color: #c75044;	
}
.producttitle
{
    font-size: 180%;
    color: #b3b3b3;
}
.subtitle
{
    font-size: 120%;
    color: #b3b3b3;
}
.proddesc
{
    font-size: 80%;
    color: #b3b3b3;
}
.littletext
{
    font-size: 70%;
    color: #b3b3b3;
}
.textbox
{
	font-family: "segoe ui", Calibri, Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 100%;
	background: #232323 url('images/fieldbg.gif') repeat-x scroll center top;
	border-color: #444444;
	border-style: dotted;
	border-width: 1px;
	color: #b3b3b3;
}
.droplabels
{
    font-family: Lucida Fax, Georgia, Times New Roman, Serif;
	font-size: 70%;  
	text-transform: capitalize;
	color: #000;
}
.thumbbox
{
	position:relative;
	width: 64px;
	height: 64px;
	border: solid 1px #303030;
}
.orangelink
{
	color:#ed7014;
	font-weight:bold;
}
fieldset
{
    border-collapse: collapse;
    border: none;
}
div.first 
{
	border-top: solid 2px #131313;
	border-bottom: 1px dotted #ccc;
}
dl {
	clear: both;
	border-top: 1px dotted #eaeaea;
}
dl.first {
	border-top: none;
}
dl dt {
	float: left;
	color: #000;
	font-size: 90%;
	width: 150px;
	padding: 8px 10px 0 0;
}
dl dd {
	float: left;
	width: 400px;
	padding: 6px 0 6px 20px;
}
dt.error {
	color: #c3402f;
	font-weight: bold;
}
dd.error {
	/*background: transparent url(../images/error_arrow.gif) no-repeat 0px 12px;*/
}
dd.error input.textfield, dd.error input.password, dd.error select, dd.error textarea {
	background-color: #e1e1e1;
	border: 1px solid #ef5858;
}
input.textfield, input.password, textarea, select {
		width: 330px;
		color: #000;
		background-color: #e1e1e1;
		font: 90% Calibri, Segoe UI, Tahoma, Verdana, Trebuchet MS, sans-serif;
		padding: 4px;
		border: none;
}
#messages, #customers, #products, #orders, #staff, #categories, #images, #stock {
    width: 100%;
    padding: 0;
    margin: 0;
}
caption {
    padding: 0 0 5px 0;
    width: 400px;	 
    font: italic 11px "Segoe UI", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
}
#messages th tr.head, #customers th tr.head, #products th tr.head, #orders th tr.head, #staff th tr.head, #categories th tr.head, #images th tr.head, #stock th tr.head {
    font: bold 110% "Segoe UI", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #af1313;
    border: 1px solid #000;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: left;
    padding: 6px 6px 6px 12px;
    background-color: #320404;
}

#messages th.nobg, #customers th.nobg, #products th.nobg, #orders th.nobg, #staff th.nobg, #categories th.nobg, #images th.nobg, #stock th.nobg {
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #000;
    background: none;
}

#messages td, #customers td, #products td, #orders td, #staff td, #categories td, #images td, #stock td
{
	border: 1px solid #7E7E7E;
    /*border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;*/
    background: #FFFFFF;
    vertical-align:top;
    padding: 6px 6px 6px 12px;
    color: #7E7E7E;
}
#messages td.alt, #customers td.alt, #products td.alt, #orders td.alt, #staff td.alt, #categories td.alt, #images td.alt, #stock td.alt {
    background: #FFFFFF;
    vertical-align:top;
    color: #868686;
}
#messages th.spec, #customers th.spec, #products th.spec, #orders th.spec, #staff th.spec, #categories th.spec, #images td.alt, #stock td.alt {
    border-left: 1px solid #131313;
    border-top: 0;
    background: #fff url(images/bullet1.gif) no-repeat;
    font: bold 100% "Segoe UI", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#products a, #products a:visited
{
	color: #af1313;
	text-decoration: none;
	outline: none;	
}
#products a:hover
{
	text-decoration: underline;
}.pricesmall {
	font-size: 90%;
	color: #c75044;
}
.opac
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.innerframe
{
	position:relative;
	height:150px;
	width:150px;
}
#frame
{
	position:absolute;
	z-index:1;
	width:150px;
	height:150px;
	filter:progid;
	visibility:visible;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/frame.png');	
}
.alreadyregistered
{
 position:relative;
 height:207px;
 width:304px;
 float:left;
}
.newuser
{
 position:relative;
 height:207px;
 width:304px;   
 float:right;
}