* {
margin:0;
padding:0;
}

#wrapBgHome {
background:#fff url(../imgs/bg.gif) repeat-x;
}

#wrapBgPage {
background:#fff url(../imgs/bg2.gif) repeat-x;
}

html,body {
color:#5c5c5c;
font:13px Tahoma,Arial, helvetica, sans-serif;
margin:0;
padding:0;
}

a {
text-decoration:none;
outline:none;
color:#8f0303;
}

a:hover {
color:#000;
}

a:active {
color:#8f0303;
}

ol {
list-style-type: decimal;
border: 1px solid #dddddd;
background: #efefef;
padding: 15px;
}

input,textarea,select {
border:1px solid #d2ccc2;
background-color:#fff;
color:#5c5c5c;
margin: 0;
padding:2px;
}



.floatLeft {
float:left;
}

.floatRight {
float:right;
}

.clear {
clear:both;
}

#toolBar {
font:0.92em Tahoma, Arial, sans-serif;
}

#toolBar ul {
list-style:none;
float:right;
margin:0;
padding:0;
}

#toolBar a {
float:left;
text-decoration:none;
color:#eff5f7;
margin:0 0.38em;
padding:0.92em 1.15em;
}

#toolBar a:hover,#toolBar ul li .current  {
color:#d99695;
}

#logo {
background:url(../imgs/logo.gif) no-repeat top left;
}

a.logo {
voice-family:inherit;
display:block;
width:240px;
height:110px;
float:left;
background:none;
border:0;
margin:0 0 0 1.54em;
}

a.logo em {
display:none;
}

.slogan {
font:1.15em Tahoma, Arial, sans-serif;
color:#626262;
line-height:21px;
width:410px;
float:left;
margin:1.15em 0 0 0.54em;
}

.phone {
font:2.31em Georgia, serif;
color:#900;
width:180px;
float:right;
margin:20px 0 0 0.54em;
}



#banner {
background:url(../imgs/banner.jpg);
margin-top: -9px;
}

#banner p {
width:425px;
float:left;
font:1.15em Georgia, serif;
color:#fff;
line-height:24px;
margin:1.20em 2.77em;
}

#banner a.more {
float:right;
background:#a62c2c url(../imgs/arrowWhite.gif) no-repeat 9px 15px;
color:#dc9897;
padding:0.54em 20px 0.40em 40px;
}

#banner a:hover.more {
color:#fff;
}

#content {
background:url(../imgs/bgBorder.gif);
}

#contentPage {
background: none;
}
.box h2 {
font:1.62em Georgia, serif;
color:#89251d;
height:28px;
margin:3px 0 12px;
padding:0 0 0 0.54em;
}

h2.systems {
background:url(../imgs/systemsDesign.gif) no-repeat top right;
}

h2.shop {
background:url(../imgs/shopTitle.gif) no-repeat top right;
}

h2.dealers {
background:url(../imgs/dealerTitle.gif) no-repeat top right;
}

.box {
background:url(../imgs/box.png) no-repeat top left;
}

.box p {
font:0.92em Tahoma, Arial, sans-serif;
color:#5c5c5c;
overflow:visible;
}

.box .more-link a {
background:#fff url(../imgs/arrowRed.gif) no-repeat 5px 6px;
border:1px solid #d3d3d3;
float:right;
color:#8f0303;
font:0.92em Tahoma, Arial, sans-serif;
margin:0.54em 0;
padding:3px 15px 4px 30px;
}

.box .more-link a:hover {
color:#000;
}

p.address {
float:left;
width:237px;
font:0.92em Tahoma, Arial, sans-serif;
color:#7a7a7a;
line-height:18px;
}

p.address a {
color:#7a7a7a;
}

p.address a:hover {
color: #000
}

#footer {
background:url(../imgs/footerBg.gif) no-repeat top left;
}


#footer ul {
width:600px;
list-style:none;
float:right;
margin:0;
padding:0;
}

#footer ul li a {
float:left;
text-decoration:none;
color:#4f4f4f;
font:0.92em Tahoma, Arial, sans-serif;
margin:0 5px;
padding:22px 1.15em;
}

#footer ul li a:hover, #footer ul li .current {
color:#9a0000;
}

.wrap {
background:url(../imgs/middle.gif) no-repeat top left;
background-repeat:repeat-y;
float:left;
width:243px;
overflow:hidden;
margin:0 0 0 1px;
}

.toper {
background:url(../imgs/topper.gif) no-repeat top left;
height:auto;
float:left;
width:100%;
}

.bottomer {
background:url(../imgs/bottomer.gif) no-repeat top left;
height:6px;
float:left;
overflow:hidden;
width:100%;
}

.toper ul {
width:233px;
margin:14px 0 8px 5px;
}

.toper ul li {
margin:0;
}

.toper ul li a {
height:21px;
text-decoration:none;
margin:0;
}

.toper ul li a:link,.toper ul li a:visited {
color:#7b0002;
display:block;
background:#f1f1f1;
margin:0;
padding:8px 0 4px 20px;
}

.toper ul li a:hover,.toper ul li #current {
color:#f1f1f1;
background:#7b0002 url(../imgs/arrowWhite.gif) no-repeat 4px 13px;
margin:0;
padding:8px 0 4px 28px;
}

#rightCol p {
line-height:21px;
margin-bottom:15px;
}

#rightCol ol li {
font-size:1em;
color:#000;
text-align:left;
display:list-item;
list-style-type: decimal;
list-style-position: inside;
margin:0 0 1.15em 1.15em;
}

#rightCol ul li {
font-size:1em;
color:#000;
text-align:left;
list-style:none;
margin:0 0 1.15em 1.15em;
padding:0 0 0 1.15em;
background: url(../imgs/arrowUl.gif) no-repeat 0 3px;
border-left: 6px solid #9a0000
}

#rightCol h1 {
color:#353535;
font: 24px Georgia, serif;
border-bottom: 1px dotted #353535;
padding: 3px 0;
margin-bottom: 8px
}

#rightCol h2 {
color:#9a0000;
font: 18px Georgia, serif;
margin-bottom: 8px
}

#rightCol h3 {
color:#000;
font: 16px Georgia, serif;
margin-bottom: 8px
}

#toolBar li,#menu li,#footer li {
display:inline;
margin:0;
padding:0;
}

.loginBox {
width:233px;
margin:14px 0 8px 5px;
padding:8px 0 4px 20px;
}

.loginBox h2 {
color:#9a0000;
font: 18px Georgia, serif;
margin-bottom: 8px
}

/* Nav submenus hover */

#nav, 
#nav ul {padding:12px 24px 15px 25px; margin:0; list-style:none; font: 15px Georgia, serif; border:1px solid #ccc; border-color:#ccc #ccc #ccc #ccc; border-width:1px 2px 2px 1px; background:#fff; position:relative; z-index:200;}
#nav ul.drop {padding:5px 15px;}
#nav ul.drop li a{border-bottom:1px solid #ccc}
#nav {height:29px; padding:5px 0 0 0; margin: -1px 0 0 0;}
#nav li {float:left;}
#nav li li {float:none; background:#fff;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {display:block; float:left; color:#888; margin:0 25px 0 17px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap;}
* html #nav li a {margin:0 10px;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#b75;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px; }

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover ul li a{margin:0;padding:2px 0;}
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#7d0000}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#888;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 2 CSS Classes */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
NOTE: All styles below are specific to Cartweaver 2.
You may use the CSS above, or remove it and attach
your own CSS file in addition to cartweaver.css
*/

#shoppingNav {
background:#FFFFCC; 
border:thin solid #990000; 
padding:5px;
margin: 0 0 20px 0;
}

.smallprint {
	font: 11px;
}

.pagingLinks {
	text-align: center;
}

.errorMessage {
	color: #993333;
	font-weight: bold;
}
/*Form Styles*/
input.formCheckbox {
	border: none;
	background: transparent;
}

input.formButton {
	background: #666666;
	border-bottom: 1px solid #668099;
	border-left: 1px solid #668099;
	border-right: 1px solid #003366;
	border-top: 1px solid #003366;
	color: #D3D3E2;
	font-weight: bold;
	margin: 3px 3px 0px 3px;
}

/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/
table.tabularData, table.tabularData td, table.tabularData th {
	border: 1px solid #999999;
	border-collapse: collapse;
}
table.tabularData td, table.tabularData th{
	padding: 3px;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	background: #EEEEEE;
	color: #333333;
}
/* altrowEven & altrowOdd are used to style alternating table rows. */
.altrowEven {
	background-color: #FDFDFD;
}

.altrowOdd{
	background-color: #E0E0E0;
}