/* BEGIN YUI STYLES */


/* YUI GRIDS */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:181px;}.yui-t2 #yui-main .yui-b{margin-left:190px}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;} .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}


/* YUI BASE */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
h1 {font-size:138.5%; }h2 {font-size:123.1%;}h3 {font-size:108%;}h1,h2,h3 {margin:1em 0;}h1,h2,h3,h4,h5,h6,strong {font-weight:bold; }blockquote,ul,ol,dl {margin:1em;}ol,ul,dl {margin-left:2em;}ol li {list-style: decimal outside;}ul li {list-style: disc outside;}dl dd {margin-left:1em;}p{margin-bottom:1em;}

/* FRAMEWORK STYLES */
div#scATCwrapper{position:absolute;background-color:#000;opacity:.75;filter:alpha(opacity=75);z-index:20000;}div#scATCmsg{position:absolute;background-color:#fff;border:solid 1px #000;text-align:center;z-index:20001;width:400px;padding:16px;font:normal 13px/1.2 Helvetica,"Trebuchet MS",sans-serif;}body.scATCtemplate1 div#scATCwrapper{display:none;}body.scATCtemplate1 div#scATCmsg img{margin-right:4px;vertical-align:middle;}body.scATCtemplate1 div#scATCmsg{background-color:#CE1700;color:#fff;border:solid 1px #fff;width:auto;top:2px;left:2px;padding:2px 8px;}body.scATCinProgress form input,body.scATCinProgress form select{opacity:.25;filter:alpha(opacity=25);}select.scHideSelect{visibility:hidden;}iframe#scCookieTestFrame,iframe#scFrameWorkFrame,iframe#scHddnIFrame{overflow:hidden;height:0;width:0;border:none;}

/*--- Tips ---*/
/*---
Calculating ems
    pixel width / 13px = "Em width"
    "Em width" * 0.9759 = IE's EM width
*You must specify seperate em for IE since they both render it differently. 
For example: 
    #custom-doc {
        width: 46.15em;  -- non-IE 
        *width: 45.04em; -- IE 
        }
/*--- End Tips ---*/
/*--- Sitemap Styles ---*/
.sitemap-header, .sitemap-1, .sitemap-2 { font-weight: bold; } .sitemap-header, .sitemap-1, .sitemap-2, .sitemap-3, .sitemap-4 { display: block; } .sitemap-1, .sitemap-2, .sitemap-3, .sitemap-4 { color: #00f; }

.sitemap-header {
	font-size: 1.4em;
	color: #000;
	padding-top: 25px;
}
.sitemap-1 {
	font-size: 1.2em;
	padding-left: 25px;
}
.sitemap-2 {
	font-size: 1.2em;
	padding-left: 50px;
}
.sitemap-3 {
	font-size: 1em;
	padding-left: 75px;
}
.sitemap-4 {
	font-size: .8em;
	padding-left: 100px;
}
/*--- End Sitemap Styles ---*/
/*--- Related Items Styles ---*/
#seo-related-links {
    width: 95%;
    }
    #seo-related-links:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
        }
    #seo-related-links h3 {
        color: #000;  
        font: bold 13px/1.2 verdana, arial, sans-serif;
        text-align: center;
        }
    #seo-related-links ul {
        margin:0; padding: 0;
        list-style: none;
        }
    #seo-related-links ul.seo-links li {
        width: 49%;
        float: left;
        display: inline;
        background: url(dot.gif) 5px center no-repeat;
        margin:0; 
        padding:0;
        }
        #seo-related-links ul.seo-links li a {
            text-decoration: none;
            padding-left: 25px;
            display: block;
            _width: 100%;
color:#20497f;
            }
            #seo-related-links ul.seo-links li a:hover {
                text-decoration: underline;
                }
/*--- End Related Items Styles ---*/


/*--- Yahoo! Store Styles ---*/
#hd, #ft { float: left; width: 100%; }
#hd {
background: url(/lib/chicagocomputersupply/top-menu-bg.gif) left top no-repeat;
padding-bottom:12px;
}
#hd a {
float:left;
color:#143160;
font-family:Arial;
font-size:0.9em;
font-weight:bold;
text-decoration:none;
padding-top:7px;
background:url(/lib/chicagocomputersupply/top-divider.gif) right top no-repeat;
padding-bottom:5px;
padding-right:8px;
}
#ft .footerlinks 
{
	float:left;
	width:700px;
	margin-left:160px;
}
        #ft .footerlinks li { float: left; padding: 5px 0; }
            #ft .footerlinks li a {
                border-right: solid 1px #132f5e;
                color: #132f5e;
                font: 11px tahoma, arial, sans-serif;
                padding: 0 7px; 
                text-decoration: none; 
                }
                #ft .footerlinks li a:hover { text-decoration: underline; }
                #ft .footerlinks li.last a { border: none; }
            #ft .footerlinks li * { vertical-align: middle; }
#ft .credits, #ft .credits a { clear: both; color:#1d4b7c; text-decoration:none; text-align:center;
	font-size:11px;}
.clear, .cleared { clear: both; }
#bd .sectinfocont td { vertical-align: top; }
#bd .sectinfocont .sectcontents { clear: both; }
/*--- Styles Adjust ---*/

td.verticalSpacer { background: url(/lib/chicagocomputersupply/vsep.gif) center top repeat-y; }
td.horizontalSpacer { background: url(/lib/chicagocomputersupply/hsep.gif) left center repeat-x; }

body 
{
	background:url(/lib/chicagocomputersupply/bg.jpg) repeat-x top left;
}

#doc2 
{
	width:893px;
	background:url(/lib/chicagocomputersupply/mainbg.gif) no-repeat top left #ffffff;
	padding:0 18px 0 17px;
}

#hd-top 
{
	background:url(/lib/chicagocomputersupply/top-bg.gif) no-repeat top left;
	float:left;
}

.images-container 
{
	float:right;
	padding-right:20px;
	height:109px;
vertical-align:middle;
}
.searcharea 
{
	clear:both;
background:url(/lib/chicagocomputersupply/search-bg.gif) repeat-x top left;		
	float:left;
	width:893px;
}
#query 
{
	border:1px solid #7f97b3;
	border-right:0px solid #ffffff;
	float:left;
	height:18px;
	padding:2px;
	width:240px;
	margin-top:10px;
}
#searchsubmit 
{
	float:left;
	margin-top:10px;
}
#Form1 
{
	float:left;
	width:360px;
}
#phone 
{
	background:url(/lib/chicagocomputersupply/phone-bg.gif) top left no-repeat;
	float:right;
	width:230px;
	height:20px;
	padding-top:25px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	font-family:Verdana;
}
ul,li 
{
	list-style-type:none !important;
}
#bd 
{
	margin-top:5px;
}
#nav 
{
	border:1px solid #d9d9d9;
	margin:0;
	padding:0;
}
#nav li 
{
	padding:5px 0 5px 15px;
	background:url(/lib/chicagocomputersupply/menu-bullet.gif) no-repeat #f1f1f1 center left;
	border-bottom:#ffffff 1px solid;
	font-size:12px !important;
}

#nav li.last 
{
	border-bottom:#ffffff 0px solid
}
#nav li a 
{
	text-decoration:none;
	color:#1e4980;
}
#nav li a:hover
{
	text-decoration:underline;
}
#testimonials-container 
{
	background:url(/lib/chicagocomputersupply/test-bg.gif) no-repeat #16477f bottom left;
	border:1px solid #16477f;
	color:#ffffff;
	padding:5px;
}
.mailinglist 
{
	clear:both;	background:url(/lib/chicagocomputersupply/bottom-bg.gif) no-repeat top left;		
	float:left;
	width:893px;
	margin-top:5px;
}
.mailinglist p 
{
	color:#1c4a7e;
	font-weight:bold;
	float:left;
	margin-top:14px;
}
#newsletter-email 
{
	border:1px solid #d6d7d9;
	border-right:0px solid #ffffff;
	float:left;
	height:18px;
	padding:2px;
	width:200px;
	margin-top:10px;
	margin-left:10px;
}
#newsletter-go 
{
	float:left;
	margin-top:10px;
}

.yui-t2 .yui-b
{
	background:url(/lib/chicagocomputersupply/menu-bg.gif) no-repeat bottom left;
}

.yui-t2 #yui-main .yui-b
{
	background-image:url();
}

.box {
border:1px solid #dddddd;
padding:5px;
}
.header {
background:url(/lib/chicagocomputersupply/ourfeatured-bg.gif) repeat-x top left;

}
.itemcell {
text-align:center;
}
.name a{
color:#1d4b7d;
text-decoration:none;
font-weight:bold;
font-size:12px;
}
.price {
color:#555555;
}
.sale-price-bold,.sale-price {
color:#bc151d;
}
.price span {
text-decoration:line-through;
}
#welcome{
background:#153564 url(/lib/chicagocomputersupply/hdhomebg.jpg) repeat-x 0 0;
border:1px solid #1E518A;
float:left;
margin-bottom:5px;
color:#133260;
width:526px;
padding:8px;
}

.welcomeinner{
	float:left;
	width:504px;
	border:solid 1px #1E518A;
	background-color:#fff;
	padding:10px;
}

td.horizontalSpacer {
border-top:1px solid #c8c8c8;
padding:5px;
}
.pagename,.itembanner, #seo-related-links h3.relatedHd {
background:url(/lib/chicagocomputersupply/ourfeatured-bg.gif) repeat-x top left;
padding:4px 0 7px 3px;
color:#ffffff;
font-weight:bold
}
#logo-cont {
float:left;
margin-left:10px;
margin-top:8px;

}
.itemimg {
float:left;
width:300px;
}
.iteminfo {
float:left;
} 
.iteminfocont {
padding-bottom:15px;
float:left;
}

div#scATCwrapper{position:absolute;background-color:#000;opacity:.75;filter:alpha(opacity=75);z-index:20000;}div#scATCmsg{position:absolute;background-color:#fff;border:solid 1px #000;text-align:center;z-index:20001;width:400px;padding:16px;font:normal 13px/1.2 Helvetica,"Trebuchet MS",sans-serif;}body.scATCtemplate1 div#scATCwrapper{display:none;}body.scATCtemplate1 div#scATCmsg img{margin-right:4px;vertical-align:middle;}body.scATCtemplate1 div#scATCmsg{background-color:#CE1700;color:#fff;border:solid 1px #fff;width:auto;top:2px;left:2px;padding:2px 8px;}body.scATCinProgress form input,body.scATCinProgress form select{opacity:.25;filter:alpha(opacity=25);}select.scHideSelect{visibility:hidden;}iframe#scCookieTestFrame,iframe#scFrameWorkFrame,iframe#scHddnIFrame{overflow:hidden;height:0;width:0;border:none;}


div#scMCholster-0061 {
	float: right;
	width: 349px;
	text-align: left;
	position: relative;
	z-index: 1;
	xbackground-color: #D8E1C4;
	color: #000;
	font: bold 11px/1.2 Tahoma, Verdana, sans-serif;
}

div#scMCholster-0061.open-0061 {
	z-index: 10000;
}

div#scMCholster-0061 a {
	color: #000;
}

div#ctrlPad-0061 { /*Do not add float otherwise ie 6 will not display properly*/
	background: url('scMCcartIcon.gif') no-repeat 5px 9px;
	padding-top: 7px;
}

div#minCart-0061 {
	width: 150px;
	float: left;
	padding-left:20px;
}

div#minCart-0061 span{
	border:1px solid #BDBDBD;
	font-size:10px !important;
}

div#minCart-0061 a#emptyCook-0061,
div#minCart-0061 span.emptyMsg-0061,
div#minCart-0061 span.itemCnt-0061,
div#minCart-0061 span.itemTtl-0061 {
	background-color: #F4F7EC;
	display: block;
	padding: 1px 3px;
	text-align: center;
}

div#minCart-0061 span.itemCnt-0061,
div#minCart-0061 span.itemTtl-0061 {
	float: right;
	width: 70px;
}

div#minCart-0061 span.itemCnt-0061 {
	float: left;
}

div#minCart-0061 span.itemCnt-0061 span {
	font-weight: normal;
	border:none;
}

div#ctrlBox-0061 {
	xclear: both;
	float: right;
	width: 157px;
	padding-right:4px;
}

div#ctrlBox-0061 span {
	display: block;
	padding-top: 20px;
}

a#toggLink-0061 {
	display: block;
	overflow: hidden;
	height: 8px;
	width: 77px;
	background: url('scMCtoggCart.png') no-repeat 0 0;
	float: left;
	line-height:8px;
	padding:0 0 7px 0;
}

a#checkoutLink-0061 {
	display: block;
	overflow: hidden;
	height: 8px;
	width: 67px;
	background: url('scMCcheckout.png') no-repeat 0 0;
	float: right;
	line-height:8px;
	padding:0 0 7px 0;
}

div.open-0061 a#toggLink-0061 {
	background-position: 0 -15px;
}

div.emptyCart-0061 a#checkoutLink-0061,
div.open-0061 a#checkoutLink-0061 {
	opacity: .2;
	filter: alpha(opacity=20);
	cursor: default;
}

div#smCart-0061 {
	position: absolute;
	/* top: 20px; */
	right: 0;
	border: solid 1px #E0E0DE;
	width: 344px;
	background: #CCD0D1 url('scMCloading.gif') no-repeat center center;
	z-index: 10000;
}

div.closed-0061 div#smCart-0061 {
	height: 0;
	width: 0;
	overflow: hidden;
	border: none;
}

iframe#cartViewer-0061 {
	border: none;
	width: 344px;
	height: 0;
	vertical-align: top;
}

div.loading-0061 div#smCart-0061 {
	height: 60px;
}

div.loading-0061 iframe#cartViewer-0061 {
	height: 1px !important;
}

div.clearer-0061 {
	clear: both;
}

div#minCart-0061 span.itemCnt-0061{
	width:60px !important;
}

div#minCart-0061 a#emptyCook-0061{
	background:none !important;
	color:#143160 !important;
}
