body{background-color:#334F60;margin:0 0 0 0}
body,td,th,tr {font-family: Arial, Helvetica, sans-serif;}
a.bottom{font-size:12px; color:white; text-decoration:none;}
.bottom{font-size:11px; color:white; padding:3px;}
.boxed,.lboxed{border:1px dotted #dddddd; padding:4px; font-size:12px;}
.boxed{text-align:center;}
.lboxed{text-align:left;}
.specials{border:1px solid #ff0000; font-size:12px; padding:4px; color:red; text-align:center; background-color:#ffeeee;}
.strike{text-decoration:line-through;}
a:hover{text-decoration:underline}
a{text-decoration:none; color:#000066}
.bars{color:white;font-size:12px;padding-top:4px;padding-left:6px;font-weight:bold}
.menu{background-color:#f8f8f9;border-right:1px solid #cccccc;font-size:11px;padding-left:7px}
.sm {color:#0000aa;padding-left:8px}
.switchcontent {padding-left:8px}
.mm {font-weight:bold}
TD.iHeading {font-family: Verdana, Arial, sans-serif;font-size: 10px;font-weight: bold;background: #bbc3d3;color: #ffffff; vertical-align:middle; text-align:left;border-right:1px solid white; padding-left:4px}
.text{font-size:13px;text-align:justify}
.spectop{font-size:12px;vertical-align:middle;padding-left:4px;background-color:#eeeeff;border:1px solid #8888ff; font-weight:bold}
.infoBox{font-size:12px; background-color:#ddddee; text-align:center; border-right:1px solid white;vertical-align:middle}
.bot{background:#ffffff;text-align:center;vertical-align:middle}
.mg{padding-left:5px;color:green;font-size:9px;font-family:arial}
.puStyle{position:absolute; left:12px; top:14px; width:375px; height:242px; z-index:1; color:white; background-color: #000066; layer-background-color: #000066; font-size:12px;padding:4px; visibility:hidden}
.CW{color:yellow;font-weight:bold}
a.mn{font-size:11px;background:#96B4D3;padding:2px;}
a:hover.mn{background:yellow; text-decoration:none}

.listA,.listB{border-bottom:1px solid #888888;font-size:11px;vertical-align:middle;padding:3px}
.listB{background:#eeeeff}
.laptops{background:white;background-color:white;font-size:14px;color:black;vertical-align:top;text-align:left}
.bar2{font-size:12px;font-weight:bold;vertical-align:middle;border-bottom:1px solid black;background:white}
.bar1{background:white;vertical-align:middle}
.undr{border-bottom:1px dotted #00aa00}
#dhtmltooltip{position: absolute;left: -300px;width: 150px;border: 1px solid black;padding: 2px;background-color:lightyellow;visibility: hidden;z-index: 100;font-size:11px;}

#dhtmltooltip{filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}


#dhtmlpointer{position:absolute;left: -300px;z-index: 101;visibility: hidden;}
.error{background:#ffeeee;border:1px solid red}
.cartB{position:absolute; left:17px; top:11px; width:264px;z-index:1; background-color: #000066; layer-background-color: #000066; border: 1px none #000000; color:white; font-size:11px; padding:4px; border:1px solid #000000; filter:alpha(opacity='90'); visibility: hidden;height:300px}
.box,.box2{font-size:11px;border-bottom:1px solid #dddddd;padding:2px;border-right:1px solid #dddddd}
.ctable1A,.ctable2A,.ctable3A, .box{background:#ffffff;}
.box2{background:#eeeeee;}
.boxB{background:#660000;color:#ffffff;padding-left:2px;padding-right:2px;background-color:#660000}
.ctable1A,.ctable2A,.ctable3A,.ctable1B,.ctable2B,.ctable3B{vertical-align:middle;padding-left:4px;border-bottom:2px solid #eeeeff;font-size:13px;padding-bottom:4px;padding-top:4px}
.ctable1A{text-align:center}
.ctable2A{text-align:left;padding:8px}
.ctable3A{font-weight:bold;color:red;text-align:center}
.ctable1B{text-align:center;background:#eeeeff}
.ctable2B{text-align:left;padding:8px;background:#eeeeff}
.ctable3B{font-weight:bold;color:red;text-align:center;background:#eeeeff}
.topbar{font-size:12px;color:#ffffff}
a.topbar{color:#FFFF00;font-weight:bold}
.mainMenu{background-color:#ccccff;font-size:12px;padding:2px;border-bottom:1px solid #666666;font-weight:bold}
.subMenu{background-color:#dddddd;padding:2px;border-bottom:1px solid #cccccc;padding-left:12px}
.subMenuR{background-color:#ffbbbb;padding:2px;border-bottom:1px solid #cccccc;padding-left:12px}
div.postit {background-color:#FFFF99;padding:2px;width:157px;}
.midMenu{background-color:#ddffdd;padding:2px;border-bottom:1px solid #cccccc;padding-left:16px}
.fade{color:#aaaaaa}
.active{color:#000000;text-decoration:underline}
.mini{font-size:11px;text-align:left}
.smaller{font-weight:normal;font-size:11px;color:#777777}
.blockDiv{float:left;width:179px;border:1px dotted #bbbbbb;font-size:11px;padding-top:7px;padding-bottom:7px;height:170px;vertical-align:middle;padding:3px;text-align:center}
.centerDiv{text-align:center;vertical-align:middle}

.lastDiv{vertical-align:middle;text-align:left}
.mainpc{padding:4px;border-left:3px double #dddddd}
.ToolText{position:relative;z-index:1} 
.ToolTextHover{position:relative;z-index:50} 
.ToolText span{display: none;z-index:1} 
a.ToolTextHover,a.ToolText{text-decoration:none}
.ToolTextHover span{ 
  display:block; 
  position:absolute; 
  border:1px solid black; 
  top:30px; 
  left:-200px; 
  background-color:#444444; color:white; 
  text-align: center; 
text-decoration:none;
z-index:50}
.leftC{border-bottom:1px solid #bbbbbb;padding:2px;background-color:#ffffee}
.rightC{background-color:#eeeeee;border-bottom:1px solid #bbbbbb;padding:2px;font-weight:bold;padding-left:7px;text-align:right}
.tab{background-color:#aaaaaa;color:#ffffff;padding:2px;width:280px;position:relative;right:-286px}
.tabin{position:relative;left:-40px}

	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:#fff;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-146px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
		
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:280px;         	/* Left column width + right column width */
        background:#fff;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:134px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 148px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		font-size:11px;
		padding-top:10px;
		padding-right:10px;
		
		
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:130px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:2px;         	/* Width of the left-had side padding on the left column */
		font-size:12px;
		text-align:center;
		padding-top:10px;
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:140px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:6px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
		font-size:12px;
		padding-top:10px;
    }
	
.brandText{width:114px;height:26px;font-size:14px;font-weight:bold;border:1px solid #000066;background-color:#eeeeff;padding-top:5px;color:#666666;text-align:center;overflow:hidden}