body{
	background-color: white; 
	background-position:top center; 
	background-image: url(../images/global_backdrop.gif);
	background-attachment:fixed;
	background-repeat:no-repeat;
	text-align:center;
	margin: 0;
	padding: 0;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100.01%;
	}
	
#column-a {
	border-right: 1px solid #666; /* JF - Added to fix issues with long site navigtion */
	width:170px;
	float:left;
	vertical-align: top;
	margin: 0;
	padding: 0px;
	clear: left;
	}
	

#column-d {
	margin-left: -1px; /* JF - Added to fix issues with long site navigtion */
	width:589px; /* JF - changed from 585 to 591 for CG-3PCX site - changed to 589 for subtitle problem*/
	float:left;
	border-left: 1px solid #666;
	}


h1 {color: #c33;
	font-size: 1.4em;
	line-height: 1.1em;
	padding: 15px 0 0 0;}
	

h2 {font-size: 1.2em;
	line-height: 1.1em;
	color: #CC3333;
	font-weight: bold;
	margin-bottom: 0px;
	padding: 5px 0 0 0px;}
	
h3 {font-size: 1.0em;
	font-weight: bold;
	margin-bottom:0;}
	
h1, h2, h3 {
margin-top:0;}

.whyuse {
font-size: 10px; text-align:center; margin:5px 10px 10px 0; background-color:white; width:110px; border:1px gray solid;
}

.whyuse a:link {text-decoration:none;}
.whyuse a:hover {text-decoration:none; color: red;}
.whyuse a:visited {text-decoration:none;}
	
p {color: #333; padding-left: 10px; padding-right: 10px; padding-left:10px;}
	


a 			{color: #003366; text-decoration: underline;}
a:link		{color: #003366; text-decoration: underline;}
a:visited	{text-decoration: underline;}
a:hover		{color: #666666; text-decoration: underline;}
a:active 	{color: #666666; text-decoration: underline;}


.block { 
	padding: 3px; 
	background-color: #CCC; /* dhsLightGray */
	border-top: 1px solid #999; /* dhsGray */
	border-left: 2px solid #999; 
	border-bottom: 2px solid #999;
	border-right: 1px solid #999;
}



.hidden {position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;}

	
.pageproblems{
	float:left; 
	width: 175px; 
	padding: 3px; 
	padding-left: 6px; 
	margin-top: 10px; 
	margin-left:20px; 
	line-height:13px; 
	background-color:white;
	border: 1px dashed gray;
	}
	
#printheader {display:none;}
	
#pagecontainer {
	text-align:left;
	border:2px gray solid;
	margin: auto;
	padding: 0 0 0 0;
	width:782px;
	position: relative;
	/*float:left;*/
	background-color: #fff;
	font-size: 0.8em;
	display: inline-block;   /* a fix for IE Mac */
}

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html #pagecontainer {height: 1%;}
#pagecontainer {display: block;}
/* End hide from IE-mac */
	
#pagecontainer:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}


	
#column-a {
	border-right: 1px solid #666; /* JF - Added to fix issues with long site navigtion */
	width:170px;
	float:left;
	vertical-align: top;
	margin: 0;
	padding: 0px;
	clear: left;
	}
	
	
#column-d {
	margin-left: -1px; /* JF - Added to fix issues with long site navigtion */
	width:589px; /* JF - changed from 585 to 591 for CG-3PCX site - changed to 589 for subtitle problem*/
	float:left;
	border-left: 1px solid #666;
	padding: 5px 10px;
	}

#footer {
	width:782px;
	background-color: #fff;
	text-align:center;
	float:left;
	padding: 0 0 15px 0;
	border-top: 1px solid #000;
	margin-right:-3px; /* Hack for IE Duplicate Charater Bug */
	}

.callout{
	color: #000000; 
	font-weight: bold;
	}
	
.imgRight{
	float:right; 
	padding:  0px 0px 15px 15px;
	}
	
.imgLeft{
	float:left; 
	padding: 0px 15px 15px 0px;
	} 
	
.CartInfo {
	border:1px solid #999; 
	margin: 5px 5px 0px 10px; 
	display:block; 
	background: #cccccc url(http://www.cutteragent.com/images/bkg.gif); 
	font-family: Arial; 
	text-align:center; 
	padding: 5px; 
	font-size:14px; 
	width:135px;
	}
	
	
.testimonial{
	font-size: 12px; 
	font-family:Georgia, "Times New Roman", Times, serif;  
	background-image: url(http://www.cutteragent.com/images/testimonials_email.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:40px;
	padding-right:25px;
	margin-bottom:5px;
	border-top: #333333 1px dashed;
	}

ol {
	font-style: italic;
	font-size: 16px;
	font-family: Georgia, Times, serif;
	color: #999999;
	}

ol p {
	font-style:normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	}
	
/* HEAD AREA
***************************************************************************************/
#ca-header{
	background-color: #000000;
	padding: 0;
	text-align: center;
	border-top: 1px black;
	margin: 0;
	width: 782px;
	height:100px;
	}

.topnavbar {
padding:4px 0 0 30px; 
border: 0; 
margin:0; 
list-style:none; 
height:50px; 
background:#fff url(../images/topmenu_backing.gif) repeat-x; 
position:relative; 
font-family:arial;
}

.menu {
	width:745px; 
	height:32px; 
	position:relative; 
	z-index:100;
	border-right:1px solid #000; 
	font-family:arial, sans-serif;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {
	width:149px; 
	}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}

/* style the links for the top level */

.menu a, .menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none; 
	color:#fff; 
	width:138px; 
	height:30px; 
	border:1px solid #000; 
	border-width:1px 0 1px 1px; 
	background:#3a6db6; 
	padding-left:10px; 
	line-height:29px; 
	font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;text-decoration:none; }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#ffe7a0 url(../images/topmenu_gray-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#829fc9 url(../images/topmenu_blue-arrow.gif) no-repeat 130px center;text-decoration:none; }
.menu ul ul :hover > a.drop {background:#829fc9 url(../images/topmenu_blue-arrow.gif) no-repeat 130px center;text-decoration:none; }
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ffe7a0;text-decoration:none; }
/* style the third level hover */
.menu ul ul ul a:hover {background:#829fc9;text-decoration:none; }


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ffe7a0; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;text-decoration:none; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;text-decoration:none; }

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#3f5b83;text-decoration:none; }
.menu :hover > a,{color:#fff; background:#263852;text-decoration:none; }
.menu ul ul :hover > a {color:#fff; background:#829fc9;text-decoration:none; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* CONTENT AREA***************************************************************************************/
#column-a{
    border: 0;
	border-right: 1px #CCCCCC solid;
	border-left: 0;
	border-top: 0;
	border-bottom: 0;
	margin-top:2px;
	}
	
#column-d{
    border: 0;
	border-left: 0;
	margin-left:6px;
	width: 570px;
	}
	
.navfocus{
	font-size:18px;
	}
	
.unitstores ul{
	text-decoration:none;
	}
	
.loc{
	margin-left:20px;
	margin-right:20px;
	width:200px;
	text-align: right
	}
	
.imgFrame {
		float:left; 
		margin:4px 10px 4px 0px; 
		border: 1px gray; 
		padding: 2px;
		}

.boxApproval{
		border:1px dashed gray; 
		margin: 0 40px 40px 40px; 
		background-color: #e1e1e1; 
		font-weight:bold; 
		font-style: Georgia; 
		padding: 0px 0 2px 26px; 
		font-size:10px;
		background-image:url(http://www.cutteragent.com/images/global_checkmark.png);
		background-repeat: no-repeat;
		background-position: center left;
		}


.arrowlistmenu{
width: 170px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: white;
background: black url(http://www.cutteragent.com/images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(http://www.cutteragent.com/images/titlebar.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: white !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: gray !important;
}

.arrowlistmenu ul li a{
color: #990000;
background: url(http://www.cutteragent.com/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #990000;
text-decoration: none;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #000;
	background-color: #CCCCCC;
	text-decoration: none;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
text-decoration: none;
}

.arrowlistmenu ul li ul li{
font-size: 10px;
}


div .BannerWrap{
	background-image: url(http://www.cutteragent.com/images/store_cgbanner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:575px;
	margin-left:-5px;
	height:34px;
	}

div .StoreBanner{
	width:350px;
	margin-left:70px;
	height:34px;
	float:left;
	}

.StoreBanner{
	font-size:26px;
	line-height:34px;
	font-weight:bold;
	color:black;
	}
div .StoreDetails{
	height:34px;
	width:140px;
	line-height:14px;
	}
	
.StoreDetails{
	color:#535353;
	font-style:italic;
	font-size:12px;
	text-align:right;
	}
	
#sosumi {
	text-align: center;
	color: #FFF;
	font-weight: bold;
	background-color:	#333333;
	padding-top: 4px;
	padding-bottom: 6px;
}

.feedburnerFeedBlock  ul{
list-style-type:none;
text-align:left;}

.NOAATitlePrint {display: none;}

/* Pagewide Styling
***************************************************************************************/

.dline   { 
	background-image: url("../images/global_d-line.gif"); 
	background-repeat: repeat-x; background-position: center 0 
	}

/* Category Navigation
***************************************************************************************/

.CategoryNav{
	font-size: 20px;
	font-weight: bold;
	}
	
.CategoryNav li {
	list-style-type:none;
	display:inline;width: 80px;
	margin: 0 5px 0 5px;
	}
	
.CategoryNav a:link{
	text-decoration: none;
	padding: 4px 8px 4px 8px;
	border: 2px black;
	background-color:#FFFFCC;
	color: #000099;	
	}
.CategoryNav a:visited{
text-decoration: none;
padding: 4px 8px 4px 8px;
border: 2px black;
background-color:#FFFFCC;
color: #000099;	
}	

.CategoryNav a:Hover{
	text-decoration: none;
	padding: 4px 8px 4px 8px;
	border: 2px black;
	background-color:#FFFFCC;
	color: #3399FF;	
	}
	
.CategoryNav a:active{
	text-decoration: none;
	padding: 4px 8px 4px 8px;
	border: 2px black;
	background-color:#FFFFCC;
	color: #000;
	}	

/* Info Graphics
***************************************************************************************/
#StoreName{
 height: 45px;
 width:595px;
 margin:-10px;
 background-repeat:no-repeat;
 }


.table-help{
	border: 1px solid black; 
	background-color:#FFFFFF;
	}

	
.bulk-help{
	border: 1px dashed black; 
	background-color:#e9e8ff;
	}
	
.ourdesign{
	background-image: url(/images/store_ourdesign.jpg);
	background-position: left top;
	padding: 0;
	border: 5px;
	}

/* Webstore Details
***************************************************************************************/	
.grouptitle{
	color: #FFF;
	width: 450px;
	background-color:#999999;
	font-size: 24px;
	margin-bottom: 10px;
	padding-left: 20px;
	font-weight: bold;
	text-transform: uppercase;
	}

.BuildGroup{
	border: 1px dashed #666666;
	padding: 3px;
	background-color: #FFFFCC;
	width: 610px;
	}
	
.QuantityDiscount{
	font-size:12px;
	font-style: italic;
	color:#4a4a87;
	}	
	
table#BulkNotice{
	background-image: url(../images/global_icon-pricebreaks.gif);
	background-position: left top;
	padding: 0;
	text-align: center;
	border: 0;
	height: 72px;
	}

/* Store Item Details
***************************************************************************************/	

.PRODUCT_TYPE{
	font-size:18px;
	font-weight:bold;
	color: #000;
	line-height:22px;
	}
	

.product{
	border: 1px  #999999 solid; 
	margin-left: 20px;
	margin-bottom: 2px;
	width: 520px;
	font-size:12px;
	background-color: #CCCCCC;
	padding-top: 2px;
	}

.DESC{
	text-align:left;
	font-size:12px;
	width: 380px;
	float:left;
	padding-top: 3px;
	padding-left:5px;
	font-weight:bold;
	}	
	
.PRICE{
	text-align:right;
	font-size:12px;
	float:left;
	width:50px;
	padding-top: 3px;
	}	
	
.QTY{
	margin-left: 10px;
	font-size:12px;
	text-align:right;
	float:left;
	width:30px;
	padding-bottom:1px;
	}	

	
	
.webstoreItem a:link{
	color: black;
	text-decoration: none;
	}	
	
.webstoreItem a:active a:visited a:hover{
	color: ##4a4a87;
	text-decoration: none;
	}	
	
.orderItem{
	font-size: 14px;
	}

.gray-box  { 
	padding: 3px 0 3px 20px 
	}

/* "CONTINUE" Button Styling
***************************************************************************************/	
a.continue:link  { 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif }

a.continue:Visited  { 
	color: blue; 
	}
a.continue:Hover{ 
	text-decoration: none 
	}

/* Order Item Styling
***************************************************************************************/	
.orderItem {
	border-top: 1px solid #D0D0D0; 
	}
	
.orderItem .lastColumn  { 
	border-right: 1px solid #D0D0D0; 
	border-bottom: 1px solid #D0D0D0; 
	}

.orderItem td {
	padding: 4px; 
	border-left: 1px solid #d0d0d0; 
	border-bottom: 1px solid #d0d0d0; 
	}
	
.orderItem td.NoBorder { 
	border: 0; 
	padding: 0px;
	}
	
.orderItem tr.orderItemHeader { 
	background: #eee; 
	}

a.AddToCart {
	color: #333333; 
	font-weight: bold; 
	text-decoration: none; 
	background-color: #ebebeb; 
	padding: 2px 12px; 
	border: solid 1px #787878     
	}
	
a.AddToCart:hover { 
	color: white; 
	font-weight: bold; 
	text-decoration: none; 
	background-color: #477aa1; 
	padding: 2px 12px; 
	border: solid 1px #000 
	}

.QTY input {
	background-color:#FFFFCC; 
	text-align:right; 
	font-weight:bold; 
	padding-right: 10px;
	}

/* always visible */
#outer .holder p {padding:5px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}

#outer p{font-size:12px;}

/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#c00; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}

	.fBlock{
	font-weight:bold;
	font-family: Arial;
	text-align:left;
	float:left;
	margin-left:10px;
	margin-top:5px;
	}
	
.fBlock input {
	background-color:#FFC;
	}
	
	
.ProductTile {
	width: 170px;
	text-align:center;
	border:2px #CCCCCC solid;
	padding:4px;
	margin-left:4px;
	margin-right:4px;
	margin-bottom:2px;
	float:left;
	}
	
.ProductTile-Desc {
	text-size:10px;
	font-weight:bold;
	color: #000066;
	margin-bottom:2px;
	}
	
.ProductTile-Img {
	height: 130px;
	}
	
.ProductTile-Price {
	font-size:14px;
	font-weight:bold;
	margin-left:-10px;
	}
	
.clickabove {
	font-size: 10px;
	color:#666666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	}