body {
	background-color: #CFDAED;/*#B7CBDB;*/
}

/* ====== content styles ====== */
#content h2 { color: #273B62; }
#content h3 {
	color: #426793;
	border-bottom-color: #D0D9DF;
	display: block;
}
#content h4 { color: #426793; /*#97977F; #747461;*/ }
#content p, #content address { color: #333333; }
#content address {
	color: #666666;
	margin-top: 7px;
	margin-bottom: -9px;
	margin-left: 34px;
}
#content a { color: #9F762A; }
#content a:hover { color: #990000; }
#content blockquote { color: #000066; }
#content ul li { color: #9F762A; }

#sidebar {
	background-color: #F7EDD4;
	width: 230px;
}
#sidebar h4 {
	width: 203px; /* 230 */
	height: 24px; /* 37 */
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 9px 14px 6px 13px;
	background: transparent url(images/sidebar-h4.jpg) 0 0 no-repeat;
}
#sidebar p { font-size: 11px; color: #333333; margin: 4px 12px 4px 12px; }
#sidebar ul {
	list-style-type: none;
	margin: 0;
	margin-top: 4px;
}
#sidebar ul li {
	width: 210px;
	height: 35px;/* 38 minus padding */
	margin: 0;
	color: #2a2c30;
	line-height: 120%;
	padding: 3px 10px 0 10px;
	background: transparent url(images/li.jpg) 0 0 no-repeat;
}
#sidebar ul li.first {
	background: transparent url(images/li-first.jpg) 0 0 no-repeat;
	height: 35px;/* 41 minus padding */
	padding-top: 6px;
}
#sidebar ul li a { color: #990000; }
#sidebar ul li a:hover { color: #C86124; }


#emcsidebar {
	background-color: #F7EDD4;
	width: 180px;
}
#emcsidebar h4 {
	width: 180px; /* 230 */
	height: 120px; /* 37 */
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 9px 5px 6px 5px;
	background: transparent url(images/emcsidebar-h4-logo-v2.jpg) 0 0 no-repeat;
}
#emcsidebar p { font-size: 11px; color: #333333; margin: 4px 12px 4px 12px; }
#emcsidebar ul {
	list-style-type: none;
	margin: 0;
	margin-top: 4px;
}
#emcsidebar ul li {
	width: 188px;
	height: 35px;/* 38 minus padding */
	margin: 0;
	color: #2a2c30;
	line-height: 120%;
	padding: 3px 10px 0 10px;
	background: transparent url(images/li.jpg) 0 0 no-repeat;
}
#emcsidebar ul li.first {
	background: transparent url(images/li-first.jpg) 0 0 no-repeat;
	height: 35px;/* 41 minus padding */
	padding-top: 6px;
}
#emcsidebar ul li a { color: #990000; }
#emcsidebar ul li a:hover { color: #C86124; }

#emcsidebar img {border: 0px;
padding: 0px 0px 5px 10px;
margin: 0px;
}

#dellsidebar {
	background-color: #F7EDD4;
	
}
#dellsidebar h4 {
	width: 220px; /* 230 */
	height: 110px; /* 37 */
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 6px 0px 6px 0px;
	background: transparent url(images/dellsidebar-h4-logo_plusbar-v2.jpg) 0 0 no-repeat;
}
#dellsidebar p { font-size: 11px; color: #333333; margin: 4px 12px 4px 12px; }
#dellsidebar ul {
	list-style-type: none;
	margin: 0;
	margin-top: 4px;
}
#dellsidebar ul li {
	width: 180px;
	height: 35px;/* 38 minus padding */
	margin: 0;
	color: #2a2c30;
	line-height: 120%;
	padding: 3px 10px 0 10px;
	background: transparent url(images/li.jpg) 0 0 no-repeat;
}
#dellsidebar ul li.first {
	background: transparent url(images/li-first.jpg) 0 0 no-repeat;
	height: 35px;/* 41 minus padding */
	padding-top: 6px;
}
#dellsidebar ul li a { color: #990000; }
#dellsidebar ul li a:hover { color: #C86124; }

#dellsidebar img {border: 0px;
padding: 0px 0px 5px 10px;
margin: 0px;
}


/* sidebar forms */
#sidebar form {
	margin: 0 8px 12px 8px;
	border-color: #CBBF95;
}
#sidebar form fieldset { margin: 0; padding: 0; }
#sidebar form ul {
	margin: 0;
	padding: 0;
}
#sidebar form ul li { width: 190px; }
#sidebar form label { padding-top: 4px; }
#sidebar form input { left: 65px; top: -12px; width: 120px; }
#sidebar form #button { left: 65px; top: 5px; }

/* ====== unique content structural styles ======= */
ul#customers {
	display: block;
	height: 630px;
}
ul#customers li {
	display: block;
	width: 160px;
	float: left;
	display: inline;
}

ul#prodlist { list-style-type: none; }
ul#prodlist li { clear: left; margin-bottom: 12px; }
ul#prodlist li img { display: block; width: 195px; margin: 0 12px 25px 0; }

/* locations */

#right {
	width: 519px;
}

/*#content table caption { color: #fff; background-color: #44765C; border-bottom-color: #fff; }*/
#content table thead th { background-color: #BECFE3; border-left-color: #fff; }
#content table tr.stripe td, #content table tr.stripe th { background-color: #EBF4FD; }
#content table img, #content table h3, #content table p { margin: 0; }
#content table .class { width: 40px; }

/* sidebar products */
#sideprod {
	width: 230px;
	margin-top: 16px; margin-bottom: 12px;
	background-color: #FFF;
}
#sideprod h4 {
	width: 203px; /* 230 */
	height: 24px; /* 37 */
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 9px 14px 6px 13px;
	background: transparent url(images/sidebar-products-h4.jpg) 0 0 no-repeat;
}
#sideprod h4 a { text-decoration: none; color: #fff; }
#sideprod h4 a:hover { color: #990000; }
#sideprod img { margin: 0; border:0; }
#sideprod img.left { margin: 0 5px 8px 5px; clear: none; }
#sideprod a.more {
	display: block;
	text-align: right;
	text-decoration: none;
	font-size: 11px;
	margin: 6px 2px 0 0;
}
#sideprod div {
	width: 230px;
	height: 140px; /* 150 */
	margin-top: 8px; margin-bottom: 12px;
	padding-top: 10px;
	background: transparent url(images/sidebar-products-body.jpg) 0 0 no-repeat;
	clear: left;
}
#sideprod p, #sideprod li { font-family: Arial, Helvetica, sans-serif; }
#sideprod p {
	font-size: 12px;
	color: #990000;
	line-height: 110%;
	margin: 0 10px 6px 10px;
}
#sideprod ul {
	margin: 0 10px 8px 28px;
}
#sideprod ul li {
	font-size: 11px;
	color: #2a2c30;
}

.left-m { margin-left: 17px; margin-right: 0; }
.right-m { margin-left: 14px; margin-right: 18px; }

/* storview screenshots */
a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen span.screenshot {
visibility:hidden; /* hide the image */
position:absolute; 
width:0; /* make the image zero size */ 
height:0; /* for Opera bug */
left:-500px; /* position:the image */
top:40px;
border:0;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover span.screenshot {
visibility:visible; /* make the image visible */ 
width:auto; /* give it the actual size */
height:auto;
background-color: #fff;
padding: 4px;
border:1px solid #345; /* add a border */
cursor:pointer; /* for IE */
}
a.screen:hover span.screenshot img {
border:0; /* get rid of the default link border */
margin:0; padding: 0;
}

