/* ========================================================================================
BallisticBlue.com: Main Layout 
Version:1.1
Author: Raphael Marsh
Email: raphael@onbrand.co.uk
Last Updated: 13 May 2011
=========================================================================================== */

/* STANDARD FORMATTING 
=========================================================================================== */


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	margin:0;
	padding:0;
	min-width:960px;
	text-align:left;
	line-height:140%;                         
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
	background-image:url(http://cdnnewimages.ballisticblue.com/images/nav/bg-strip.gif);
}


/* Generic 
=========================================================================================== */
h1 {
	font-size:2.4em; margin:0;
}
h2 {
	font-size:2.0em; margin:0;
}
h3 {
	margin:0;
}
img {
	border:none;
}
p {
	color:#7c7c7c; font-size:110%; margin:0;
}
ul {
	list-style-type:none; margin:0; padding:0;
}
a:link {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	text-decoration:none;
}



/* Structure 
=========================================================================================== */
div#wrapper {
	width:1028px; margin:auto !important; text-align:left;
}
#pageContent {
	float:left; width:1028px; margin-bottom:10px;
}
#pageContent.nav #contentArea  {
	float:right;
}

#pageContent.edit #contentArea  {
	float:left !important; display:inline !important; margin:0 auto 0 18px !important; left:0;
}


#contentArea {
	float:left; width:828px; position:relative; margin-left:20px;
}
#Discard {
	float:left;
}
.fullWidth #contentArea {
	margin:0;
}
    #contentArea a {
       border:0; outline:0;
    }
#contentArea a {
	border:0; outline:0;
}
.clear {
	clear:both; text-indent:-9999px;
}
#introText {
	padding:14px 8px;
}
	#introText p {
		font-size:12px; line-height:17px; color:#134070;
	}
	

/* Secondary Navigation  
=========================================================================================== */
#secondaryNav {
	float:left; position:relative; display:inline; width:179px;
	background:#dddddd;
}
	#secondaryNav ul {
		list-style:none;
	}
		#secondaryNav ul li {
			float:left; font-size:11px; line-height:16px; border-bottom:1px solid #fff; font-weight:bold; 
			overflow:hidden; width:179px; 
		}
			#secondaryNav ul li a.header {
				background:#999 !important; font-weight:bold; color:#fff; text-indent:2px; cursor:default;
			}
			#secondaryNav ul li span {
				float:left; width:6px; text-align:center; padding:5px 7px; color:#fff; 
				margin-right:5px; background:#777 !important;
			}
				#secondaryNav ul li span.first {
					background:#878787 url(http://cdnnewimages.ballisticblue.com/images/reskin/secondaryNav-topleft.gif) top left no-repeat !important;
				}
			#secondaryNav ul li a {
				color:#666; display:block; font-weight:normal; text-decoration:none;
				text-align:left; padding:5px 0; background:#dddddd;
			}
				#secondaryNav ul li a.active {
					font-weight:bold; cursor:default;
				}
				#secondaryNav ul li a.first {
					background:#dddddd url(http://cdnnewimages.ballisticblue.com/images/reskin/secondaryNav-topright.gif) top right no-repeat !important;
				}
				#secondaryNav ul li a img {
					float:right; right:0; padding:0; margin-top:-5px; height:26px;
				}		

		#secondaryNav ul ul {	
			border-top:1px solid #fff;
		}
		#secondaryNav ul ul li span {	
			padding:0; width:18px; height:16px; border:2px solid #dddddd;
			text-align:center; background:#fff !important;
		}
			#secondaryNav ul ul li.complete a {	
				border-color:#d0d0d0; background:#d0d0d0 !important;
			}
			#secondaryNav ul ul li.complete span {	
				border-color:#d0d0d0;
				background:#fff url(http://cdnnewimages.ballisticblue.com/images/reskin/tick.gif) center no-repeat !important;
			}
			#secondaryNav ul ul li.active a {	
				border-color:#dddddd; text-decoration:underline; background:#fff !important; cursor:default;
			}
			#secondaryNav ul ul li.active span {	
				background:#fff url(http://cdnnewimages.ballisticblue.com/images/reskin/arrow_right.gif) center no-repeat !important;
			}
		#secondaryNav ul ul li a {
			padding:0 0 0 25px; text-decoration:none; border:2px solid #dddddd;
		}
			#secondaryNav ul ul li a:hover {
				padding:0 0 0 25px; text-decoration:underline; border:2px solid #d0d0d0;
				background:#d0d0d0;
			}



/* My Current Item
=========================================================================================== */
#currentItem {
	float:left; background:#fff; width:157px; padding:11px; margin-top:20px;
	background:#fff url(http://cdnnewimages.ballisticblue.com/images/reskin/currentItem-top.gif) top no-repeat;
}
	#currentItem p.title {
		font-size:13px; line-height:16px; font-weight:bold; margin-bottom:4px;
	}
	#currentItem p.category {
		font-size:11px; line-height:14px; font-weight:bold;
	}
	#currentItem p.product {
		font-size:11px; line-height:14px; margin-bottom:8px;
	}
		#currentItem img {
			float:left; margin-bottom:2px;
		}
		#currentItem #item {
			float:right; width:100px; text-align:center !important;
		}
		#currentProof {
			float:left; position:relative; width:179px; text-align:center !important; padding-bottom:5px;
			background:#fff url(http://cdnnewimages.ballisticblue.com/images/reskin/currentItem-bottom.gif) bottom no-repeat;
		}
			#currentProof img {
				padding-bottom:10px;
			}

		

/* Product Edit Page
=========================================================================================== */
#pageContent.nav {
	background:#fff url(http://cdnnewimages.ballisticblue.com/images/reskin/secondaryNav-bg.gif) top left repeat-y;
}
#pageContent.edit {
	background:url(http://cdnnewimages.ballisticblue.com/images/reskin/editPanel-bg.gif) right repeat-y;
}
#pageContent.edit #contentArea {
	width:631px; margin-right:15px;
}
#editPanel {
	float:right; width:182px;
}
	#editPanel table td {
        background:#dddddd;
    }

#pageContent.fullWidth #secondaryNav {
	display:none;
}
#pageContent.fullWidth #contentArea {
	width:1028px;
}
		

/* Side Options
=========================================================================================== */
.sideOptions { 
	float:left; position:relative; margin:20px 0;
}
	.sideOptions img { 
		float:left;
	}




/* List Pagination
=========================================================================================== */
#paginationTop {
	float:left; position:relative; width:804px; padding:12px;
	background:url(http://cdnnewimages.ballisticblue.com/images/reskin/paginationTop-bg.gif) top left no-repeat;
}
#paginationBottom {
	float:left; position:relative; width:804px; padding:12px 12px; margin-top:6px;
	background:url(http://cdnnewimages.ballisticblue.com/images/reskin/paginationBottom-bg.gif) top left no-repeat;
}

.pageTitle {
	float:left;
}
	.pageTitle p {
		font-size:13px; line-height:16px; font-weight:bold; color:#fff;
	}	
.pagination {
	float:right; position:relative; display:block;
}
	.pagination p {
		float:left; color:#2d2d2d; font-size:12px; margin-right:10px;
	}
	.pagination ul { 
		float:left;
	} 
		.pagination ul li { 
			float:left; padding:0 4px; font-size:12px; border-right:#5d5d5d 1px solid;
		}
			.pagination ul li.previous { margin-right:8px; border-right:0px; }
			.pagination ul li.next { margin-left:5px; border-right:0px; }
			.pagination ul li.end { border-right:0px; }
			.pagination ul li a {
				color:#fff; text-decoration:none;
			}
				.pagination ul li a.active, .pagination ul li a:hover {
					text-decoration:underline;
				}
				
	#paginationBottom .pagination p {
		color:#6b6b6b;
	}			
		#paginationBottom .pagination ul li a {
			color:#0c99e9;
		}


/* Graphical Headers
=========================================================================================== */
#header {
	width:828px; height:146px; overflow:hidden;
}
		#header h1 {
			display:block; overflow:hidden; text-indent:-5000em;
		}


/* Catalogue  
=========================================================================================== */
#catalogue {
	float:left; position:relative; width:828px; display:inline;
}
	#catalogue .product {
		float:left; position:relative; display:inline; text-align:left; width:199px; border:3px solid #fff!important; margin:14px 1px 8px 1px;
		background:#f0f0f0 url(http://cdnnewimages.ballisticblue.com/images/reskin/product-bg.gif) top repeat-x; border
	}
		#catalogue .product p {
			font-size:11px; line-height:16px; color:#4d4e50; padding:6px 0 4px 6px; font-weight:bold;
		}
			#catalogue .product p a {
				color:#02264a; text-decoration:none;
			}
			
			#catalogue .product .options {
				float:left; width:190px; padding:3px 4px 0 5px; text-align:right;
				background:#f0f0f0 url(http://cdnnewimages.ballisticblue.com/images/reskin/title-bg.gif) bottom repeat-x;
			}
			#catalogue .product .thumbs img {
				float:left; width:177px; margin-left:11px;
			}
			#catalogue .product .thumbs p {
				float:left; width:199px;
			}
				.thumbs a img:hover {
					text-decoration:none;
				}
				#catalogue .product .thumbs:hover {
					text-decoration:underline;
				}
				#catalogue .product .thumbs p a {
					text-decoration:none; color:#02264a;
				}
					#catalogue .product .thumbs p a:hover {
						text-decoration:underline;
					}
			#catalogue .product img.price {
				float:left; margin-right:5px;
			}
			#catalogue .product img.format {
				float:right; margin:-3px 0 3px 0;
			}
			#catalogue .product .options span {
				float:left; display:block; width:10px; height:10px; 
				margin:3px 1px 0 1px; border:1px solid #666;
			}
				#catalogue .product .options span a {
					display:block; width:10px; height:10px; 
				}
				
				#catalogue .product .options span.lime { background:#b5d334; }
				#catalogue .product .options span.blue { background:#00aeef; }
				#catalogue .product .options span.magenta { background:#e40488; }
				
				
				#catalogue .product.archived { /*borders for staging archived products*/
					border:3px solid #d2232a !important;
				}
				#catalogue .product.hidden { /*borders for staging archived products*/
					border:3px solid #019dda !important;
				}


/* Footer Advert
=========================================================================================== */
#footerAdvert { 
	float:left; width:960px; position:relative; margin-bottom:10px;
}
	

/* Footer Panel
=========================================================================================== */
#footerPanel { 
	float:left; width:998px; padding:20px 10px 10px 20px; height:62px; position:relative; margin-bottom:10px;
	background:#f9eb4d url(http://cdnnewimages.ballisticblue.com/images/reskin/footerPanel-bg.gif) top left no-repeat;
}
	#footerPanel ul { 
		margin-left:2px;
	}
		#footerPanel ul li { 
			float:left; font-size:12px; line-height:14px; padding-bottom:4px; margin-right:25px; margin-top:8px;
			background:url(http://cdnnewimages.ballisticblue.com/images/reskin/footerPanel-bullet.gif) 0 4px no-repeat;
		}
			#footerPanel ul li a { 
				padding-left:10px; color:#808183; text-decoration:underline;
			}
				#footerPanel ul li a img { 
					float:left; position:relative; width:79px; height:26px; padding-left:22px; margin-top:-4px !important;
				}
				#footerPanel ul li a:hover, #footerPanel ul li a.active { 
					text-decoration:none;
				}
			
	#footerPanel #info { 
		float:left;
	}				
	
	#footerPanel #customerService { 
		float:left; margin:5px 0 0 110px;
	}
		#footerPanel #customerService p { 
			font-size:12px; line-height:12px; color:#0a9dd3; font-weight:bold; margin-bottom:5px;
		}
			
	#footerPanel #contact { 
		float:left; margin:2px 0 0 110px;
	}
		#footerPanel #contact a { 
			position:relative; display:block; width:417px; height:21px; text-indent:-5000em;
			background:url(http://cdnnewimages.ballisticblue.com/images/reskin/contact-link.gif) top left no-repeat;  overflow:hidden;
		}


/* Footer
=========================================================================================== */
#footer { 
	position:relative; clear:both; height:36px; padding:10px 0 15px 0; margin-bottom:20px;
	background:url(http://cdnnewimages.ballisticblue.com/images/reskin/footer-bg.gif) bottom no-repeat;
} 
	#footer p {
		float:left; color:#808183; font-size:12px; !margin-top:-10px !important; !line-height:14px;
	}
		#footer p a {
			color:#808183;
		}
	#footer ul {
		float:right;
	}
		#footer ul li {
			float:left; font-size:12px; padding:0 10px; color:#0a9dd3; border-right:#bababa 1px solid;
		}
			#footer ul li.end {
				border-right:0;
			}
			#footer ul li a {
				color:#0a9dd3; text-decoration:none;
			}
				#footer ul li a:hover, #footer ul li a.active {
					text-decoration:underline;
				}



/* Edit Panel
=========================================================================================== */
#edit {
	text-align:left; margin-bottom:-3px;background-color:white;
}
	#edit .content {
		padding:5px; margin:0 auto; background-color:#ddd!important;
	}
	#edit .content fieldset, #edit .content label,
	#edit .content textarea, #edit .content select {
		width:163px; font-size:12px;
	}
	#edit .content input[type="text"] {
		width:160px; padding:2px; font-size:12px; border:#abadb3 1px solid;
	}
	#edit .content textarea {
		width:160px; padding:2px; font-size:12px; border:#abadb3 1px solid;
	}
    	#edit .content table {
            margin:0 auto; width:100%; text-align:left;
backcolor:white;
        }
        #edit .content .editTitle {
            margin:5px 0 5px 5px;
        }
		#edit .content .editLabel {
            text-transform:uppercase; font-weight:bold; font-size:11px; padding:4px 0 0 2px;
        }
        	#edit .content table td {
                background:#dddddd;
            }
            #edit .content table td.rightmenuheader {
                background:#858585 !important;
            }
	#edit .content a img {
		padding-top:5px;
	}
    #edit .content a img {
		margin-bottom:-8px;
	}
    #edit .content .editLabel a img {
		margin:0 !important;
	}

/* Mailing List Panel
=========================================================================================== */
#mailing {
	text-align:left;
}
	#mailing .content {
		padding:5px 10px;
	}
    	#mailing .content, #mailing table td {
            background:#dddddd !important;
        }
		#mailing .content p {
			font-size:11px; line-height:15px; color:#4d4b4c;
            FONT-FAMILY: Arial, Helvetica, sans-serif;
		}
			#mailing .content p strong {
				color:#001846;
			}

			#mailing .content p a {
				font-size:12px; color:#001846; display:block; margin-bottom:10px; 
				font-weight:bold; text-decoration:underline;
			}
				#mailing .content p a:hover {
					text-decoration:none;
				}
	#mailing .content a img {
		margin-left:9px; padding:5px 0;
	}
	
	
	span#Genericbuttonbox2 {
		padding:7px; position:relative; display:block;
	}
	#NameAddressCollectionDisplay1 {
		margin:10px 0;
	}


/* Admin Info Headers
=========================================================================================== */
#SystemHeader {
	background:#fff6dd; margin-bottom:15px; border:none; padding:15px 15px 10px 15px;
	-moz-border-radius:7px; border-radius:7px; -webkit-border-radius:7px;
}
	#SystemHeader td {
		!padding:7px 0 !important;
	}
	.introductionBoxBoldHeader {
		font-family:Arial, Helvetica, sans-serif !important; font-weight:normal !important;
		font-size:19px !important; line-height:23px !important; color:#159cd8 !important;
	}
	.introductionBoxBody {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px; line-height:17px; color:#58585a;
	}

	.tableHolder td {
		!padding:7px !important;
	}
		
	
	#uploader_container {
		padding:0 !important;
	}
	.plupload_header {
		display:none;
	}
	
	
	.plupload_content {
		border:1px solid #9d9fa2; text-align:left !important; padding:20px;
		-moz-border-radius:7px; border-radius:7px; -webkit-border-radius:7px;
	}
	
	.plupload_filelist_header {
		backround:#e7e7e9 !important;
		border-bottom:2px solid #fff !important;
	}
	#uploader_filelist {
		background:#e3effb !important;
	}
		#uploader_filelist li {
			background:#c4ddf3 !important;
			border-bottom:2px solid #fff !important;
			color:#000 !important;
		}
	.plupload_filelist_footer {
		background:#c4ddf3 !important;
		border-top:2px solid #fff !important;
		height:25px;
	}
	#uploader_browse {
		width:68px; height:20px; text-indent:-5000em;
		/*background:url(../images/buttons/account/add-files.gif) no-repeat !important;*/
	}
	.plupload_button, .plupload_start, plupload_disable {
		width:81px; height:20px; text-indent:-5000em;
		/*background:url(../images/buttons/account/start-upload.gif) no-repeat !important;*/
	}