/* Main Elements */

body{
	margin: 0px;
	text-align: center;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	background-color: #FFFFFF;
	padding-left:0; padding-right:0;
	border:0px;
}

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#004D8C; margin:0 5px;}
.b2f {height:1px; background:#004D8C; margin:0 3px;}
.b3f {height:1px; background:#004D8C; margin:0 2px;}
.b4f {height:2px; background:#004D8C; margin:0 1px;}


a
{
	color: #00518C;
	text-decoration: underline;
}

.menulink
{
	text-decoration: none;
	color:#ffffff;
}

.menulink:hover
{
	text-decoration: underline;
	color:#ffffff;
}

.sitecontainer{
	/*position: absolute;
	left: 50%;
	margin-left: -400px;	*/
	width: 770px;
	margin: auto;
	text-align: left;
	background-color: #FFFFFF;
	/*padding-top:10px;*/
}

#subsitecontainer{
	/*border-left: 1px solid #00518C;
	border-right: 1px solid #00518C;*/
	/* clear: both; */
	/* margin:0; */
	width: 770px;
}

.fullscreenwidth {
	width: 100%;
	}

#roundedbar{
	width:802px;
	background-color: #ff0000;
}
#sitename {
	width:790px;
	height:58px;
	border-left:1px solid #00518C;
	border-right:1px solid #00518C;
	font-family:verdana;
	font-weight:bold;
	font-size:2.8em;
	padding-left:10px;
}

#grabText { color:#EF6D00;display:inline; }

#itText { color:#00518C;display:inline; }

#nowText { color:#EF6D00;display:inline; }

#dotcomText { color:#666666;display:inline; }

/* Navigation Bar CSS */

#navbar { height:84px;width:770px;margin:auto; } 

	#navbar-logo { float:left; padding-top:6px;width:634px; }

		#navbar-logo-name { font-size:2.8em;font-family:verdana;text-align:left;font-weight:bold;letter-spacing: -2px;padding:0px;margin:0px;border:0px; }
			
			#navbar-logo-name #grab { color:#FB6A00;display:inline;padding:0px;border:0px;margin:0px; }
			#navbar-logo-name #it { color:#095092;display:inline;padding:0px;border:0px;margin:0px; }
			#navbar-logo-name #now { color:#FB6A00;display:inline;padding:0px;border:0px;margin:0px; }
			#navbar-logo-name #dotcom { color:#095092;display:inline;padding:0px;border:0px;margin:0px; }
			
		#navbar-logo-strap { font-size:1.4em;font-family:verdana;color:#666666;text-align:left;font-weight:bold;letter-spacing: -1.4px; }

	#navbar-hackersafe { float:left;text-align:right;width:135px;padding-top:14px; }

#tabContainer {
	width:770px;
	height:33px;
	/*border-left:1px solid #00518C;
	border-right:1px solid #00518C;*/
	}

#tabs {
	width: 770px;
	height:33px;
	display:inline;
	float:left;
	font-size:13px;
	}
#postit-top {
	width: 142px;
	height:33px;
	display:inline;
	float:left;
	}
#tab-ender {
	width: 20px;
	height:33px;
	float:left;
	}

#warning-box {
	padding:2px;
	color:#FF0000;
	font-size:0.8em;
	}

#orange-bar {
	width:770px;
	height:59px;
	/*border-left:1px solid #00518C;
	border-right:1px solid #00518C;*/
	background-image:url('../images/bottom-cta-background.jpg');
	}
#orange-bar-top {
	text-align:left;
	width:800px;
	height:59px;
	/*border-left:1px solid #00518C;
	border-right:1px solid #00518C;*/
	background-image:url('../images/i-orange-bar.gif');
	}

#loginbar{
	width:800px;
	height:27px;
	/*border-left:1px solid #00518C;
	border-right:1px solid #00518C;*/
	/*background-image:url('../images/i-top-bar-fade.gif');*/
	background-repeat:repeat-x;
	text-align:right;
	margin:0px;
	padding:0px;
}

#productBar {
	width:770px;
	margin-top:16px;
	/*height:380px;*/
	/*border-left:1px solid #00518C;
	border-right:1px solid #00518C;*/
	}

#productImage {
	background-color:#ffffff;
	margin-right:10px;
	/*margin-left:10px;*/
	/*border:1px solid #CCCCCC;*/
	width:320px;
	/*height:350px;*/
	/*border:1px solid #999999;*/
	/*display:inline;*/
	float:left;
	}
#post-it-bottom {
	width:800px;
	height:18px;
	background-image:url('../images/i-post-bottom.gif');
	float:left;
	}
#post-it-left {
	width:230px;
	height:18px;
	display: inline;
	float:left;
	background-color:#ff0000;
	border-left:1px solid #00518C;
}
#productBox	{
	width:430px;
	/*height:400px;*/
	display:inline;
	float:left;
	}
#dotted-divider {
	width:768px;
	padding-top:8px;
	padding-left:16px;
	padding-right:16px;
	border-left:1px solid #00518C;
	border-right:1px solid #00518C;
	}
#dotted-divider-top {
	width:768px;
	padding-top:8px;
	padding-left:16px;
	padding-right:16px;
	border-left:1px solid #00518C;
	border-right:1px solid #00518C;
	}
#spacer-divider {
	height:10px;
	width:800px;
	border-left:1px solid #00518C;
	border-right:1px solid #00518C;
}

#description-box {
	font-family:verdana;
	width:770px;
	padding:16px 0px 16px 0px;
	}
.contentTitle {
	font-weight:bold;
	color:#EF6D00;
	font-size:1.2em;
	padding-bottom:8px;
	}
.productTitle {
	font-weight:bold;
	color:#00618C;
	font-size:1.8em;
	padding-bottom:4px;
	}
.deliveredTitle {
	font-weight:bold;
	color:#000000;
	font-size:1.9em;
	padding-bottom:8px;
	}
#subTitle {
	font-weight:bold;
	color:#000000;
	font-size:1.0em;
	padding-bottom:8px;
	}
#header{
	width: 770px;
	/*border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;*/
	border-bottom:1px solid #000000;
	height: 129px;
	background-color: #ff9900;
}

#header_alt{
	width: 800px;
	background-image:url('../images/logo_bg_hc.gif');
	background-repeat:no-repeat;
	height: 129px;
	background-color: #EE2424
}

#searchbar{
	height: 42px;
	/*background-color: #D3D3D3;*/
	text-align: center;
	padding-top: 14px;
	font-size: 1.1em;
	color:#FFFFFF;
	width: auto;
	background-image:url('../images/web2/red_search_bar.gif');
	background-repeat:repeat-x;
	/*background-color: #EE2424;*/
	border-bottom: 1px solid #545454
}

.inputBox {
	border: 1px solid #7F9DB9;
	}

#maincontentarea{
	width: 757px;
	margin-top: 10px;
	margin-bottom: 20px;
	clear: both;
	/*background-color: #FF00FF;*/
	margin-left: 21px;
	margin-right: 20px;
	text-align:left;
}

#maincontentarea_wide{
	width: 736px;
	margin-top: 32px;
	margin-bottom: 20px;

	/*text-align:center;*/
	/*background-color: #FF00FF;*/
}

#footer{
	width: 770px;
	text-align: center;
	margin-bottom: 0px;	
	/*border-left:1px solid #00518C;
	border-right:1px solid #00518C;*/
	/*background: white url('../images/i-bottom-lead.gif');*/
	background-repeat: none;
	background-position: bottom;
}


/* Shopping Basket */

.scProgressBar{
	width: 720px;
	border: 1px solid #CCCCCC;
	padding:6px 0px 6px 0px;
	margin:0px 0px 10px 0px;
	font-size: 1.00em;
	}
.scProgressBar_on{
	color:#FF0000;
	font-weight:bold;
	text-align: center;
	font-size: 1.00em;
	}
.scProgressBar_off{
	color:#999999;
	text-align: center;
	font-size: 1.00em;
	}

.basket_table{
	width: 690px;
	height: auto;
	float: left;
	color: #666666;
	border-collapse: collapse;
	border: 1px solid #AAAAAA;
	margin-top: 2px;
	font-size: 0.85em;
}

.bt_header{
	background-color: #E4E4E4;
	font-weight: bold;
}

.bt_row{
	font-size: 1.1em;
	vertical-align: top;
}

.btc_del{
	padding: 6px;
	text-align: left;	
	width: 60px;
}

td.btc_del{
	color: #005CBA;
}

.btc_pro{
	padding: 6px;
	text-align: left;
	width: 300px;
}

td.btc_pro{
	font-size: 1.0em;
}	

.btc_ava{
	width: 100px;
	padding: 6px;
	text-align: center;
}

.btc_qua{
	width: 80px;
	padding: 4px;
	text-align: center;
}

.btc_qua input{
	font-size: 1.0em;
	text-align: center;
}

.btc_itp, .btc_top{
	width: 60px;	
	padding: 6px;
	text-align: right;
}

td.btc_itp, td.btc_top{
	color: #ff9900;
}

.btc_sav{
	padding: 8px;
}

.btd_sav{
	background-color: #ff0000;
	color:#ffffff;
	text-align: right;
	font-size: 1.25em;
	padding: 5px;
	/*font-weight: bold;*/
	border: 1px solid #E4E4E4;
}

.bth_cha{
	padding: 6px;
	text-align: left;	
}

.btc_sbh{
	/*font-weight: bold;*/
	font-size: 1.0em;
	color: #000000;
	padding: 6px;	
	text-align: right;
}

.btc_dlh{
	font-weight: bold;
	font-size: 1.0em;	
	color: #000000;	
	padding: 6px;
	padding-right:0px;
	text-align: right;
}

.btc_tth{
	font-weight: bold;
	font-size: 1.2em;	
	color: #000000;
	padding: 6px;
	padding-top: 10px;
	text-align: right;
}

.btc_sbp{
	color: #ff9900;	
	font-weight: bold;
	font-size: 1.0em;
	padding: 6px;
	text-align: right;
}

.btc_dlp{
	color: #ff9900;	
	font-weight: bold;
	font-size: 1.0em;
	padding: 6px;
	text-align: right;
}

.btc_ttp{
	color: #ff9900;	
	font-weight: bold;
	font-size: 1.2em;	
	padding: 6px;
	padding-top: 10px;	
	text-align: right;
}

.continue{
	/* width: 360px; */
	padding: 6px 0px 6px 0px;
	text-align: left;
	float: left;
}

.checkout{
	/*width: 300px;*/
	padding: 6px 0px 12px 0px;
	text-align: right;
	float: right;	
}
	
/* Account Section */

.accountbox_left, .accountbox_right{
	width: 260px;
	height: 145px;
	float: left;
	margin-top: 20px;
	border: 1px solid #C4BCE7;	
}

.accountbox_right{
	margin-left: 25px;
}

.ab_header{
	width: 260px;
	height: 25px;
	background-image: url('../images/rightback.gif');
	border-bottom: 1px solid #C4BCE7;
	text-align: left;
	font-size: 1.1em;
	color: #31185A;
	padding-top: 4px;
	padding-left: 4px;
	font-weight: bold	
}

.ab_pic{
	width: 65px;
	padding-top: 15px;
	padding-left: 10px;
	float: left;
}

.ab_detail{
	width: 180px;
	height: auto;
	float: left;
	padding-top: 15px;	
	font-size: 1.0em;
}



/* Clearing */

.clear{
	clear:both;
}

/* Mouseover DHTML Tooltip */

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
font-size: 1.0em;
font-family: Arial;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#orangebutton{
	background-image:url(/images/buttons/new/sub/orange-button.jpg); background-repeat:no-repeat; width:87px; height:28px; float:left; font-family:Verdana, Geneva, sans-serif; padding-top:6px; margin-right:4px;
}

#orangebutton a{
	color:#FFF; font-weight:bold; text-decoration:none; font-size:12px;
}

#orangebutton a:hover{
	text-decoration:underline;
}

#bluebutton{
	background-image:url(/images/buttons/new/sub/blue-button.jpg); background-repeat:no-repeat; width:87px; height:28px; float:left; font-family:Verdana, Geneva, sans-serif; padding-top:6px; margin-right:4px;
}

#bluebutton a{
	color:#FFF; font-weight:bold; text-decoration:none; font-size:12px;
}

#bluebutton a:hover{
	text-decoration:underline;
}