@charset "utf-8";
/* CSS Document */

body { background-color: #EFEFEF;
background-image: url(ui/body-bg.png);
background-position: 50% 0%;
background-repeat: no-repeat;
font-family: Arial, 'Myriad Pro', Helvetica, sans-serif;
font-size: 12px;
color:#3b3b3b;
}
h1 {text-transform:capitalize; padding:0px; font-size:18px; font-weight:bold; margin:0px; color:#0165b0; }
h2 { padding:0px; font-size:16px; font-weight:bold; margin:0px; color:#0165b0;  }
p { font-size:12px; padding-bottom:10px; line-height:18px; }
a { text-decoration:none; color:#0165b0; }
img { border:none; }
form { margin:0px; padding:0px; }

.header { width:943px; margin:0 auto; background:url(ui/logo.png) top left no-repeat; height:82px; }
.header div { float:right; color:#7D7D7D; margin-top:10px; width:430px; }
.header .social { float:right; margin-left:5px; border:none; padding-top:0px; }

.footer { clear:both; background-image:url(ui/menu-bg1.png); background-position:left top; height:51px; background-repeat:no-repeat; width:943px; margin:10px auto 0 auto; line-height:50px; text-indent:10px; }

.body { width:903px; margin:0 auto; background: #fff; border: 1px solid #E3E3E3;border-bottom-left-radius: 10px 10px;border-bottom-right-radius: 10px 10px;border-top-left-radius: 10px 10px;border-top-right-radius: 10px 10px; padding: 20px; }

/* Container */

.container { width:943px; margin:0 auto; }

/* Navigation */

.navigation { clear:both; background-image:url(ui/menu-bg2.png); background-position:left top; height:51px; background-repeat:no-repeat; width:943px; margin:0 auto; margin-bottom:2px;}
.navigation ul {height:51px; display:block; padding:0px; margin:0px;}
.navigation li { float:left; list-style:none;background-image:url(ui/spacer.png); background-position:right top; background-repeat:no-repeat; padding-right:2px;}
.navigation li a { display:block; line-height:47px;  color:#fff; font-size:12px; text-transform:uppercase;  text-align:center; font-weight:bold; padding-bottom:9px; width:187px;}
.Tab:hover {background-image:url(ui/bg-menu-hover.png); background-repeat:repeat-x; background-position:left top;}
.Tab a:hover {background-image:url(ui/spacer.png); background-position:right top; background-repeat:no-repeat;}
.firstTab:hover {background-image:url(ui/first-tab-hover.png); background-position: left top; background-repeat:no-repeat;}
.firstTab a:hover {background-image:url(ui/spacer.png); background-position:right top; background-repeat:no-repeat;}
.lastTab:hover {background-image:url(ui/last-tab-hover.png); background-position: right top; background-repeat:no-repeat;}

/* Product List */
.productlist { width:370px; float:left; margin:0 auto; background: #fff; border: 1px solid #E3E3E3;border-bottom-left-radius: 10px 10px;border-bottom-right-radius: 10px 10px;border-top-left-radius: 10px 10px;border-top-right-radius: 10px 10px;min-height: 170px;padding: 20px; margin-top:4px;  }
.productlist ul { padding-left:15px; margin:0px; margin-top:25px;   }
.productlist li { list-style-image:url(ui/checkmarksmallgreen.png); margin-bottom:6px; }

/* Supported Brands */
.supportedbrands { width:267px; float:left; margin:0 auto; margin-left:5px; background: #fff; border: 1px solid #E3E3E3;border-bottom-left-radius: 10px 10px;border-bottom-right-radius: 10px 10px;border-top-left-radius: 10px 10px;border-top-right-radius: 10px 10px;min-height: 170px;padding: 20px; margin-top:4px; padding-bottom:33px;  }

/* Testimonial */
.testimonial {
	 width:170px; float:right; margin:0 auto; background: #fff; border: 1px solid #E3E3E3;border-bottom-left-radius: 10px 10px;border-bottom-right-radius: 10px 10px;border-top-left-radius: 10px 10px;border-top-right-radius: 10px 10px;min-height: 170px;padding: 20px; margin-top:4px; padding-bottom:33px;
}
.testimonial p { font-size:11px; }


/* Monthly Specials */

.special { float:left; width:150px; text-align:center; font-weight:bold; border:1px solid #ddd; margin-right:28px; margin-top:5px; margin-bottom:5px; cursor:pointer; }

/* Business Card */

.card { width:340px; height:120px; float:left; border:1px dotted #ccc; margin:20px 45px; line-height:20px; padding:5px; text-align:center; background:#eee; }
.card span {  font-weight:bold; color:#0165b0;  }

/* Category View */

.sidebarinventory { float:left; }
.catview { background:url(ui/Hardware-Cat-bg.png); width:178px; border-bottom:1px solid #ddd; min-height:80px; padding:5px; margin-right:10px; margin-bottom:10px; }
.catview span { color:#fff; font-weight:bold; }
.catview ul { margin:0;padding:0; margin-top:10px; }
.catview li { list-style:none; margin-bottom:8px; }
.catview a { color:#3b3b3b; }
.catview a:hover { text-decoration:underline; }

.item { border:1px solid #ddd; float:right; width:680px; line-height:20px; padding:10px; margin-bottom:10px; }
.item span { color:#fff; font-weight:bold; position:relative; top:-7px; }