﻿    #tempPromotionID
    {
        margin-left:130px;
    }


.pageHeaders
{
    font-size: xx-large;
    font-weight: bolder;
}

.firstHeadings
{
    font-size:large;
    font-weight:bold;
}

.secondHeadings
{
    font-size:small;
    font-weight:bold;
}

.compareLink
{
	text-decoration:none;
	color: #dc1b05;
}

.compareLink:hover
{
	text-decoration:underline;
}



/*******************************inputs****************************/
.inputs
{
    font-size: 12px;
	line-height: 15px;
}

.required
{
    color:Red;
}

/*focus classes are defined in the focus function located in the master page*/

/*****************Validator callouts******************************/
.validatorCallout
{
	background-color:#f6e341;
	color:#666;
	font-size:12px;
}

.customCalloutStyle div, .customCalloutStyle td{
    border: solid 1px Black;
    background-color:#feed5f;
    color:#666;
    font-size:small;
    padding:0px;
}

.customCalloutStyle image
{
    height:15px;
    width:15px;
}

.customCalloutStyle .ajax__validatorcallout_icon_cell{
    width:30px;
    padding-bottom:2px;
    padding-left:2px;
}

.customCalloutStyle .ajax__validatorcallout_icon_cell img{
height:25px;
width:28px;
border: none;
}


.customCalloutStyle .ajax__validatorcallout_error_message_cell{
    vertical-align:middle;
    text-align:center;
}

.customCalloutStyle .ajax__validatorcallout_close_button_cell
{
    width:2px;
}

.customCalloutStyle .ajax__validatorcallout_close_button_cell img
{
    width:10px;
    margin-top:-3px;
    margin-left:3px;
}

/*    *  .ajax__validatorcallout_popup_table:  The popup table.
    * .ajax__validatorcallout_popup_table_row: The popup table row.
    * .ajax__validatorcallout_callout_cell: The callout cell.
    * .ajax__validatorcallout_callout_table: The table in the callout cell.
    * .ajax__validatorcallout_callout_table_row: The callout table row.
    * .ajax__validatorcallout_error_message_cell: The error message cell.
    * .ajax__validatorcallout_icon_cell: The warning icon cell.
    * .ajax__validatorcallout_close_button_cell: The close button cell.
    * .ajax__validatorcallout_arrow_cell: The arror cell.
    * .ajax__validatorcallout_innerdiv: Inner div of a cell. Used in the close button cell and the arrow cell.
*/


/*CSS for the red and gray btns
use btn_red for a red btn or link to look like a btn
use btn_gray for gray btn or link to look like a btn
*/


input.btn_red 
{
	text-align:center;
	display:block;
	background: #d23127 url(/images/bg_grad_btn.png) repeat-x top;
	font-size: 16px;
	letter-spacing: -1px;
	color: #FFF;
	font-weight: bold;
	text-shadow: #333 1px 1px 2px;
	text-decoration: none;
	padding:  0 0px 0 0;
	text-transform:uppercase;
	float:left;
	height:30px;
	padding-top:3px;
	padding-bottom:3px;
	border: solid .1px #d23127;
}

a.btn_red 
	{
		text-align:center;
		display:block;
		background: #d23127 url(/images/bg_grad_btn.png) repeat-x top;
		font-size: 17px;
		letter-spacing: -1px;
		color: #FFF;
		font-weight: bold;
		text-shadow: #333 1px 1px 2px;
		text-decoration: none;
		text-transform:uppercase;
		float:left;
		padding-top:6px;
		padding-bottom:6px;
		border: solid .1px #d23127;
	}

input.btn_gray 
	{
		text-align:center;
		display:block;
		font-size: 16px;
		color: #000;
		font-weight: bold;
		text-decoration: none;
		padding:  0 0px 0 0;
		float:left;
		height:30px;
		padding-top:3px;
		padding-bottom:3px;
		border: solid .1px #ccc;
		background: #CCC url(/images/bg_grad_btn.png) repeat-x top;
	}
	
a.btn_gray 			
	{
		text-align:center;
		display:block;
		font-size: 16px;
		color: #000;
		font-weight: bold;
		text-decoration: none;
		float:left;
		padding-top:6px;
		padding-bottom:6px;
		border: solid .1px #ccc;
		background: #CCC url(/images/bg_grad_btn.png) repeat-x top;
	}

input.btn_gray:hover
{
	background: #bbb url(/images/bg_grad_btn.png) repeat-x top;
	color:#000;
}

a.btn_gray:hover
{
	background: #bbb url(/images/bg_grad_btn.png) repeat-x top;
	color:#000;

}
			
			
input.btn_red:hover {
	background: #ac1d16 url(/images/bg_grad_btn.png) repeat-x top;
	color:#fff;
}

a.btn_red:hover {
	background: #ac1d16 url(/images/bg_grad_btn.png) repeat-x top;
	color:#fff;
}


/* Style for btn_red in a menu type navigation, but like the ones on university or media center */

.menuBTNs
{
    margin-top:20px;
}

	.menuBTNs DIV
	{
		float:left;
		padding: 0 0 10px 10px;
        width:220px;
	}
		
		.menuBTNs  IMG
		{
			padding: 0 10px 0 0;
			vertical-align:middle;
		}
		
		.menuBTNs  a.btn_red
		{	
			padding:  0 0px 0 0;
			width:220px; 
			text-align:left; 
			margin-right:10px; 
			margin-bottom:10px;
		}			
			
/* for btns in a modal*/

	#simplemodal-container a.btn_red
	{
		color:#fff;
		text-decoration:none;
		height:17px;
		padding-top:7px;
		font-size:16px;
	}
	
	#simplemodal-container a.btn_red:hover
	{
		color:#fff;
		text-decoration:none;
	}
	
	#simplemodal-container a.btn_gray
	{
		color:#000;
		text-decoration:none;
		height:17px;
		padding-top:7px;
		font-size:16px;
	}
	
	#simplemodal-container a.btn_gray:hover
	{
		color:#000;
		text-decoration:none;
		
	}	


/**************************Product Details*************************/
#prod-description ul
{
    list-style-image:url(/images/bulletDetails.png);
    padding-left: 10px;
    margin-left:5px;
    line-height:18px;
}
	
#salesFeatures img
{
    width:75px;
    height:81px;
}

.prod-detail-specs
{
    display:block;
    background-image: url(/images/greyBar.png);
    background-repeat:no-repeat;
    width:100%;
    
    
}


.prod-detail-specs-list
{
    display:inline-table;
    border-style:dotted;
    border-color:#ccc;
    border-width:1px;
    border-left:none;
    border-top:none;
    border-bottom:none;
    margin-top:5px;
    width:160px;
    padding-left:10px;
}


.prod-detail-tabs-list-items
{
    padding-top:7px;
}

#tabs-2 li
{
	padding-bottom:10px;
}
#tabs-6
{
	margin: 0 0 20px 0;
	height:70px;
}

#tabs-5
{
	margin: 0 0 20px 0;
	height:30px;
}

/****************************loose ends***************************/
.shoppingCartRightLinks
{
    color:Red;
    font-size:small;
    float:right;
}

.ttlContainer
{
    height:70px;
}

select
{
    color:#666;
}


/***************************************Shopping Cart******************************/

.cartItem
{
    border:solid 2px #ccc;
}

.imageCell
{
    border-right:solid 2px #ccc;
    vertical-align:top;
    padding:0px;
}
.imageCell img
{
    width:140px;
    
}

.descriptionCell
{
    vertical-align:top;
    background-image:url(/images/cartGradient.png);
    background-repeat:repeat-x;
    width:555px;
    padding:0px;
    
}

.itemTopRow
{
    border-bottom:solid 2px #ccc;
    width:550px;
}

.productName
{
    width:340px;
    padding-left:5px;
    font-size: 12px;
    font-weight:bold;
}

.cost
{
    font-size: 12px;
    font-weight:bold;
    text-align:left;
    width:65px;
}

.spacer
{
    width:80px;
}
.quantity
{
    font-size: 12px;
    font-weight:bold;
    text-align:center;
    width:75px;
}

.total
{
    font-size: 12px;
    font-weight:bold;
}



.itemBottomRow
{
    width:500px;
}

.itemBottomRow .productName
{
    font-weight:normal;
}


	
	
/****index pages with headers***/

#headerDIV #headerBlackBG
{
    background-color:Black;
    height:50px;
    width:50px;
    margin-left:-50px;
    position:absolute;
    z-index:1;
}

.headerBlackBGSeries
{
    background-color:Black;
    height:50px;
    width:30px;
    position:absolute;
    margin-left:-30px;
}

#headerDIV #headerDIVIMG
{
    float:right;
    position:absolute;
    z-index:2;
}

	#headerDIV #headerDIVIMG h1
	{
		position:absolute; 
		z-index:0;
	}
	
	#headerDIV #headerDIVIMG img
	{
		position:absolute; 
		z-index:1;
	}
	
.indexContent
{
    margin-top:250px;
    font-size: 12px;
	line-height:20px;
	color: #666;
}
    
    .indexContent p
    {
        padding:0px 10px 30px 30px
    }
    
    .indexContent ol
    {
        padding-left:25px;
    }
    
    .indexContent ul li
    {
        line-height:20px;
    }

        .indexContent p span.subTitle
        {
            color:Red; 
            font-size:medium; 
            font-weight:bold;
        }
        
        .indexContent p a
        {
        color:#666;
        }
        
        .indexContent p a:hover
        {
        color:#666;
        }
        
        .indexContent p a:visited
        {
        color:#666;
        }
        
        .indexContent p a:active
        {
        color:#666;
        }

.hrOnImage
{
    margin-left:27px;
}

		
/* recover your combo */

#recoverYourCombo
{
	
}
	#recoverYourCombo h2
	{
		color:#cc0000;
	}
	
		#recoverYourCombo  .menuBTNs a.btn_red {
				text-align:left;
				margin-right:10px;
				height:25px;
				padding-top:5px;
				padding-left:10px;
			}
			
			#recoverYourCombo  #modelPop 
			{
				display:none;
			}
			
			#simplemodal-container  h2
			{
				color:#cc0000;
				padding-bottom:10px;
			}
			#simplemodal-container  #modelPop P {
				margin-left: 1em;
				color:#666;
				font-weight:normal;
				line-height:20px;
				font-size:12px;
				
			}
			
			#simplemodal-container  #modelPop OL
			{
				list-style-type:decimal;
				margin-left: 1em;
				
			}
			
			#simplemodal-container  #modelPop li {
				margin-left: 1em;
				line-height:20px;
				margin-bottom:12px;
				color:#cc0000;
				font-size:12px;
				font-weight:bold;
			}
			
			#simplemodal-container  #modelPop li SPAN {
				color:#666;
				font-weight:normal;

			}
			
			#simplemodal-container  #modelPop li P {
				margin-left: 1em;
				padding-top:10px;
			}
			
		
/* ReplacementKeys */

#safeImages
{
	padding-bottom:10px;
	
}

	#safeImages img
	{
		margin: 0 12px 0 0;
		padding: 0 0 0 0;
		border:2px solid #999; 
		width:110px;
		cursor:pointer;
	}
	
	#keyForm select
	{
		font-size:18px;
		color:#666;
		margin-bottom:10px
		
	}
	
	#keyForm input
	{
		font-size:18px;
		color:#666;	
	}
	
	#keyForm DIV
	{
		font-size:18px;
		color:#666;	
		padding-right:10px;
	}
	
/*BuySafes*/
.onlineLinks
{
    float:left;
    height:100px;
    padding-bottom:20px;
}

/* mediaCenter */
#mediaCenter
{
	
}

#mediaCenter  .menuBTNs
{
	width:460px;
}
	


			#mediaCenter  .menuBTNs a.btn_red {
				text-align:left;
				padding-left:10px;
				height:25px;
				padding-top:5px;
			}
		

#mediaCenter #media-container {
	border: 1px solid #000;
	margin-bottom: 12px;
	position: relative;
	display:block;
	}
		#mediaCenter #media-container h2 {
		background: #cc3333 url(/css/smoothness/images/ui-bg_highlight-soft_75_red_1x100.png) 50% 50% repeat-x;
		font-size: 12px;
		padding: 8px;
		text-transform: uppercase;
		color: #fff;
		}
		
		#mediaCenter #media-container #media-center-content ul {
		display: inline-table;
		margin-left: 20px;
		padding-top:5px;
		padding-bottom:20px;
		}
		
		#mediaCenter #media-container #media-center-content ul li
		{
			background:transparent url(/images/mediaFolder.png) no-repeat left top;
			width:65px;
			float: left;
			padding-left:30px;
			padding-top:5px;
			padding-bottom:5px;
			margin-bottom:10px;
			}
			
			#mediaCenter #media-container #media-center-content ul li a {
				display: block;
				color: #000;
				font-size: 14px;
				text-decoration:none;
				}
				
			#mediaCenter #media-container #media-detail
			{
				
					padding:20px 0 20px 0;
				
				
				}
				
				#mediaCenter #media-container #media-detail img
				{
				
					float:right;
					border-top: 1px solid #000;
					border-left: 1px solid #000;
					border-bottom: 1px solid #000;
					border-right: none;
					}
			
					#mediaCenter #media-container #media-detail #media-detail-content
					{
						padding-top:80px;
						padding-left:45px;
					}
			
					#mediaCenter #media-container #media-detail #media-detail-content img
					{
						vertical-align:middle;
						border: none;
						float:none;
						padding-bottom:3px;
					}
			
			#mediaCenter #media-container #media-list
			{
				padding-left:10px;
				
			}
			
			#mediaCenter #media-container #media-list ul {
				display: inline-table;
				margin-left: 20px;
				padding-top:5px;

				}
				
				#mediaCenter #media-container #media-list ul li
				{
					width:180px;
					float: left;
					padding-left:30px;
					padding-top:5px;
					padding-bottom:5px;
					margin-bottom:10px;
					text-align:center;
					}
					
					#mediaCenter #media-container #media-list ul img
					{
						display:block;
						
					}
					
					#mediaCenter #media-container #media-list ul li a {
						display: block;
						color: #000;
						font-size: 14px;
						text-decoration:none;
						}
				


.logos
{
    display:inline-table;
    padding-left:20px;
    padding-bottom:20px;
}

    .logos span
    {
        vertical-align:top;
        padding-right:5px;
        color:White;
    }

        .logos a img
        {
            width:150px;
        }

.bottomDiv
{
    border: solid 1px black; 
    background-color: Gray;
}




/*Browse All Product*/
#filterSystem
{
    text-align:center;
    margin-left:15px;
}

    #filterSystem h3
    {
        padding-bottom:10px;
    }

        #filterSystem div
        {
            padding-left:3px;
            font-size:small;
            color:#666;
            padding-bottom:10px;
            text-align:left;
        }


        #filterSystem .filterTitle
        {
            background-image:url(/images/cartGradient.png);
            background-repeat:repeat-x;
            width:195px;
            padding-bottom:0px;
            text-transform:uppercase;
            padding-top:2px;
            padding-bottom:2px;
        }

/*Share your story*/
div .sectionHeading
{
    width: 100%; 
    height: 30px; 
    background: #d23127 url(/images/bg_grad_btn.png) repeat-x top;
}

    div .sectionHeading span
    {
        font-size: 24px; 
        letter-spacing: -1px; 
        color: #FFF; 
        font-weight: bold;
        text-shadow: #333 1px 1px 2px; 
        margin-left: 30px;
        padding-top:7px;
    }
        div .sectionHeading span#test_navigation
        {
            float:right;
            margin-right:20px;
        }
    
        div .sectionHeading span a
        {
            margin-left:4px;
            font-size:14px;
            font-weight:normal;
            color:White;
        }

#storyForm table
{
    color:Black;
    width:100%;
}

    #storyForm table input
    {
        color:Black;
    }
#testimonials
{
    opacity:0;
}
    
#testimonials div
{
    width:650px;
    margin-left:30px;
}

    #testimonials div hr
    {
        width:700px;
        color:Black;
        margin-left:-30px;
    }
    
    #testimonials div img
    {
        padding:5px 5px 5px 5px;
    }
    
    /* Commercial Safes */
			
.cookieTrail
{
    color: #ffffff; 
    text-indent:5px; 
    margin-top:5px; 
    font-size:10px;
}

    .cookieTrail a
    {
        color:#ffffff;
        text-decoration:none;
    }
    
    .cookieTrail a:visited
    {
        color:#ffffff;
    }
    
 /**********************************Jackson-Hewitt*/

	#JacksonHewitt .menuBTNs a.btn_red
	{
		padding-top:7px;
		height:25px;
		text-align:center;
	}

/******************************************Buy Safe Accessories ******************************/

	#AccessoriesContainer .pg-row .acsry-item {
			display: block;
			width: 315px;
			min-height: 250px;
			float: left;
			margin-left: 15px;
			padding-top:7px;
			padding-bottom:25px;
			}
			
	
		   #AccessoriesContainer .pg-row .acsry-item .acsry-item-thumb {
			width: 81px;
			border: 1px solid #efefef;
			float: left;
			}
		
		  #AccessoriesContainer .pg-row .acsry-item .acsry-item-info {
			width: 225px;
			float: left;
			padding: 0 0 0 7px;
			}
			
			#AccessoriesContainer .pg-row h3 {
				margin: 0 0 4px 0;
				padding: 0;
				}
		
			#AccessoriesContainer .pg-row p {
				margin: 7px 0;
				padding: 0;
				font-size: 11px;
				}
		
			#AccessoriesContainer .pg-row .price {
				font-weight: bold;
				color: #dc3227;
				}
			
			#AccessoriesContainer .pg-row label {
				margin-left: 7px;
				}
			
			#AccessoriesContainer .pg-row label,
			#AccessoriesContainer .pg-row input,
			#AccessoriesContainer .pg-row select {
				vertical-align: middle;
				}
	
	/********************************************Your Finances *********************************/
		
        .indexContent #leftSide
        {
            width: 470px;
        }
        .indexContent #leftSide div
        {
            margin-left: -4px;
        }
			.indexContent div p
			{
				margin-left: 0px;
			}
			.subTitle
			{
				color: #c6221f;
				font-weight: bold;
				font-size: 20px;
			    margin-top: 20px;
			}
			
			.miniTitle
			{
				color: #000;
				font-weight:bold;
				font-size:14px;
			}
			.indexContent #leftSide  img
			{
				margin-top: 10px;
			}
			.indexContent #leftSide  a
			{
				color: #c6221f;
				text-decoration: underline;
				font-weight: bold;
			}
			.indexContent #leftSide  a:hover
			{
				color: #c6221f;
			}
			.indexContent #leftSide  a:visited
			{
				color: #c6221f;
			}
        .indexContent #rightSide
        {
            float: right;
            margin-right: 10px;
        }
			.indexContent #rightSide div
			{
				margin-left: 0px;
			}
			.indexContent #rightSide #RecentUpdates
			{
				width: 208px;
				padding-bottom:20px;
			}
				.indexContent #rightSide #RecentUpdates .theUpdates
				{
        			background-color: #eeecec;
					padding-bottom: 10px;
					padding-top:7px;
					margin-top:-5px;
				}
        
					.indexContent #rightSide #RecentUpdates .theUpdates .arrows
					{
        				margin-left:4px;
        				float:left;
        				margin-top:3px;
        				
					}
					
					.indexContent #rightSide #RecentUpdates .theUpdates span
					{
						float:left;
        				color:#f5513b;
        				margin-left:10px;
        				width:170px;
        				
					}
					.indexContent #rightSide #RecentUpdates .theUpdates a
					{
						float:left;
        				color:#f5513b;
        				margin-left:10px;
						text-decoration:none;
						font-weight:normal;
					}
					.indexContent #rightSide #RecentUpdates .theUpdates a:hover
					{
        				color:#f5513b;
					}
					.indexContent #rightSide #RecentUpdates .theUpdates a:visited
					{
        				color:#f5513b;
					}
				.indexContent #rightSide #RecentUpdates h2
				{
					color: White;
					font-size: 16px;
					background-color: #c6221f;
					width: 198px;
					padding-left: 10px;
					padding-top: 7px;
					padding-bottom: 7px;
				}

