/*

The Shot Box 2010 (screen) style sheet
===============================================

Author:			John Metcalfe - john@discoverydesign.co.uk
Copyright:		Discovery Design Ltd.
Description: 	Stylesheet for The Shot Box
Last Edit:		01/03/2010 by John Metcalfe

*/

/* RESETS
=============================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:					0;
font-weight:			inherit;
font-style: 			inherit;
font-size: 				100%;
font-family: 			inherit;
margin: 				0;
padding:				0;
outline: 				0;
vertical-align: 		baseline;
}

:focus {
outline: 				0;
}

body {
background:				#000;
color: 					#DFDFDF;
font: 					14px/21px "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
}

ol, ul {
list-style: 			none;
}

table {
border-collapse: 		separate;
border-spacing: 		0;
}

caption, th, td {
font-weight:  			normal;
text-align:  			left;
}

blockquote:before, blockquote:after, q:before, q:after {
content: 				"";
}

blockquote, q {
quotes:  				"" "";
}

pre, code {
background: 			#e0e5e5;
border-left: 			3px solid #abb0b0;
display: 	 			block;
font-size: 				1.5em;
margin:  				25px 0;
padding:  				15px;
}

p > code {
font-size: 				1.0em;
line-height:  			1.2em;
}

pre code {
border: 				none;
}

acronym {
cursor: 				help;
border-bottom:			1px dashed #333;
}

strong {
font-weight: 			bold;
}

em {
font-style: 			italic;
}

.hide {
display:				none;
}

.clear {
clear: 					both;
}

.clearfix:after {
clear: 					both;
content: 				".";
display: 				block;
height: 				0;
line-height: 			0;
visibility: 			hidden;
}

.clearfix {
display: 				block;
}

html[xmlns] .clearfix {
display: 				block;
}

* html .clearfix {
height: 				1%;
}

/* Hide from IE Mac \*/
.inner, #content, .products, .products li, .pagination, #product, #total, .module1, .module2, #search, #advancedSearch, #brand, #newsletter, #navSubDept, #navSubDept li, #productSortOptions, dl, dl dt, dl dd, form, .billShipBlock {
display: 				block;
}
/* End hide from IE Mac */

#articles, .addCompare, .addWishlist, #navTools, .pagination .summary, .pagination .current, .pagination a#lastPage {
display:				none;
}

/* LAYOUT
=============================================== */
#indexcontainer_main {
margin:					0 auto;
width:					905px;
}

#container_main {
margin:					0 auto;
width:					950px;
}

#indexcontainer_body {
width:					905px;
}

#indexcontainer_nav {
height:					40px;
margin:					129px auto 12px;
width:					975px;
}

#pagecontainer_nav {
height:					40px;
margin:					49px auto 12px 59px;
width:					975px;
}

#container_nav {
height:					40px;
margin:					0 0 12px;
}

#container_header {
border-bottom:			1px dotted #1d1d1d;
margin:					8px 0 0;
}

#indexcontainer_footer {
color:					#DDDDDD;
float:					left;
height:					40px;
margin:					161px auto 0 0px;
padding:				0 0 0 94px;
width:					950px;
}

#container_footer {
color:					#DDDDDD;
float:					left;
height:					40px;
margin:					161px auto 0 115px;
padding:				0 0 0 155px;
width:					695px;
}

#imgGallery {
margin:					10px auto 14px 5px;
}

.info {
text-align:				center;
}

#acceptedCards {
margin:					10px 0;
}

#subdepartments {
color:					#505050;
font:					bold 13px/120% Georgia, "Times New Roman", Times, serif;
text-transform:			uppercase;
margin:					10px 0 10px 24px;
}

.pagination {
background:				#232323;
border:					1px solid #3A3A3A;
line-height:			26px;
padding:				3px;
margin:					0 0 0 22px;
text-indent:			9px;
width:					917px;
}

#emailoptin {
margin:					0 auto;
width:					450px;
}

#emailoptin form label {
margin:					10px auto;		
}

#emailoptin input {
background:				#232323;
border:					1px solid #3A3A3A;
color:					#CCC;
padding:				5px;
}

.optininput {
margin:					10px 0;
width:					436px;
}

#emailoptin a {
line-height:			45px;
}

#content {
margin:					10px 0 18px 23px;
}

.addtobasket {
background:				#313131;
margin:					19px 0 0;
padding:				0 0 5px;
width:					950px;
}

.checkoutwarning {
background:				#313131;
border:					1px solid #3A3A3A;
color:					#FFF;
margin:					19px 0 0;
padding:				13px;
text-align:				center;
width:					887px;
}

.viewcart {
background:				#171717;
color:					#FFFFFF;
float:					right;
margin:					19px -1px 0 0;
padding:				4px 13px 1px;
text-align:				center;
width:					89px;
}

.user td {
padding:				0 36px 0 0;
}

/* TYPOGRAPHY
=============================================== */
h1 {
float:					left;
font:					normal 32px/120% "Palatino Linotype", "Book Antiqua", Palatino, serif;
margin:					0 15px 0 0;
text-shadow:			1px 1px 1px #CCCCCC;
text-transform:			uppercase;
}

h2#tagline {
color: 					#666;
font:					italic 24px/19px Georgia, "Times New Roman", Times, serif;
margin:					0 0 12px;
padding:				10px 0 0;
}

h3#indextagline {
color: 					#999;
font:					italic 24px Georgia, "Times New Roman", Times, serif;
margin:					0 0 12px;
padding:				0;
text-align:				center;
}

h2#indexpageTitle {
color: 					#FFF;
font:					normal bold 72px Georgia, "Times New Roman", Times, serif;
margin:					0;
padding:				4px 0 0;
text-align:				center;
text-transform:			uppercase;
}

h2#pageTitle, .maintitle {
color: 					#FFF;
font:					normal bold 12px Georgia, "Times New Roman", Times, serif;
margin:					0 0 0 24px;
padding:				2px 0 0;
text-transform:			uppercase;
}

.innertitle {
color: 					#FFF;
font:					normal bold 12px Georgia, "Times New Roman", Times, serif;
margin:					0 0 0 3px;
padding:				2px 0 0;
text-transform:			uppercase;
}

h2#prodTitle, .largehead {
color: 					#FFF;
float:					left;
font:					normal bold 12px Georgia, "Times New Roman", Times, serif;
margin:					0 0 0 24px;
padding:				2px 0 0;
text-transform:			uppercase;
}

.largeheadnf {
color: 					#FFF;
font:					normal bold 12px Georgia, "Times New Roman", Times, serif;
text-transform:			uppercase;
}

h2#departmentTitle {
color: 					#FFF;
font:					normal bold 12px Georgia, "Times New Roman", Times, serif;
margin:					0 0 0 24px;
padding:				2px 0 0;
text-transform:			uppercase;
}

.department_text h3 {
color: 					#FFF;
font:					normal bold 12px Georgia, "Times New Roman", Times, serif;
margin:					0 0 2px;
padding:				2px 0 0;
text-transform:			uppercase;
}

#content p {
padding:				5px 2px;
}

.departmentdescrip {
margin:					10px 0 18px 23px;
}

.cursive {
color: 					#333;
font:					italic 14px Georgia, "Times New Roman", Times, serif;
}

.prodcursive  {
color: 					#999;
font:					italic 14px Georgia, "Times New Roman", Times, serif;
}

.cursivesmall, #viewlargelink {
color: 					#DFDFDF;
font:					italic 13px Georgia, "Times New Roman", Times, serif;
}

.indextag {
color:					#DDDDDD;
font:					normal 14px Georgia, "Times New Roman", Times, serif;
margin:					55px 0 0;
text-align:				center;
text-transform:			uppercase;
}

/* LISTS, UL, LI
=============================================== */
#navDept li {
display:				block;
float:					left;
margin:					8px 10px 0;
}

#container_footer li, #indexcontainer_footer li {
display:				block;
float:					left;
}

.products li {
clear:					left;
float:					left;
width:					920px;
}

#imgGallery li {
float:					left;
margin:					0 11px 0 0;
}

#navSubDept li {}

/* STYLES
=============================================== */
#navDept .right {
float:					right;
}

#homepage .inner {
background:				#000;
float:					left;
min-height:				500px;
width:					auto !important;
}

.inner {
background:				#000;
float:					left;
height:					500px;
min-height:				500px;
width:					936px;
}

html>body .inner, html>body #homepage .inner /* IE 6 min height */ { 
height: 				auto;
}

.logoinner {
padding:				0 10px 0;
}

.contentinner {
padding:				0 14px 10px;
width:					936px;
}

.img_border, .image img, .department_image img {
background:				#232323;
border:					1px solid #3A3A3A;
padding:				5px;
}

/*.image #productlargeimage {
width:					786px;
}*/

.image {
margin:					0 0 0 3px;
text-align:				center;
}

.price {
color: 					#FFF;
font:					italic 14px Georgia, "Times New Roman", Times, serif;
margin:					0 0 12px;
padding:				3px 0 0;
text-align:				right;
}

.department_image {
float:					left;	
width:					140px;
}

.department_text {
float:					left;
margin:					-3px 0 0 22px;
width:					592px;
}

.department_price {
color: 					#FFF;
font:					italic 14px Georgia, "Times New Roman", Times, serif;
margin:					0 0 12px;
padding:				3px 0 0;
text-align:				right;
}

.dottedline {
background:				none;
border-bottom:			none;
border-left:			none;
border-top:				1px dotted #1D1D1D;
border-right:			none;
clear:					both;
float:					left;
height:					1px;
margin:					10px 0 13px;
width:					950px;
}

#viewlargelink {
text-align:				center;
}

#quantity {
background:				#232323;
border:					1px solid #3A3A3A;
color:					#CCC;
padding:				5px;
text-align:				center;
}

#viewcart .qty .formFieldShort {
background:				#111;
border:					1px solid #3A3A3A;
color:					#CCC;
padding:				5px;
text-align:				center;
}

.formSelect, input, textarea {
background:				#232323;
border:					1px solid #3A3A3A;
color:					#CCC;
margin:					10px 0;
padding:				5px;
text-align:				left;
}

.checkoutpage input {
color:					#FFF;
width:					300px;
}

.formButton {
background:				none;
border:					none;
color: 					#FFF;
font:					italic 14px Georgia, "Times New Roman", Times, serif;	
}

.white {
color:					#FFF;
font:					italic bold 14px Georgia, "Times New Roman", Times, serif;	
}

#viewcart table {
border-collapse: 		collapse;
line-height:  			150%;
margin:  		 		0 auto;
width:  		 		100%;
}

#viewcart  th {
background:  		 	#232323;
border-left: 			1px solid #3A3A3A;
border-top:				1px solid #3A3A3A;
border-right:			1px solid #3A3A3A;
font-size:  		 	12px;
font-weight:  			bold;
padding:  		 		5px;
text-align:				center;
}

#viewcart td {
background:  		 	#232323;
border:  				1px solid #3A3A3A;
padding:  		 		5px;
text-align:				center;
vertical-align:  		middle;
}

.actions {
margin:					13px 0;
}

.actions input {
background:				#232323;
border:					1px solid #3A3A3A;
color: 					#FFF;
font:					normal 14px Georgia, "Times New Roman", Times, serif;
padding:				5px;
}

.products {
margin:					10px 0 10px 22px;
width:					905px;
}

.indexlogo {
margin:					41px 0 0 56px;
	
}

/* LINKS
=============================================== */	
a:link, a:visited, a:active {
color: 					#CCC; 
text-decoration: 		none;
}

a:hover {
color:  				#EFEFEF; 
text-decoration: 		underline;
}

h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {
color: 					#FFF; 
text-decoration: 		none;
}

.department_text h3 a:link, .department_text h3 a:visited, .department_text h3 a:active, .department_text h3 a:hover {
color: 					#FFF; 
text-decoration: 		none;
}

#navDept li a:link, #navDept li a:visited {
color:					#FFFFFF;
font:					normal 12px/120% Georgia, "Times New Roman", Times, serif;
text-shadow:			1px 1px 1px #666;
text-transform:			uppercase;
padding:				8px;
}

#navDept li .selected {
color:					#FFF !important;
text-decoration:		underline !important;
}

#container_footer a:link, #container_footer a:visited, #container_footer a:active,
#indexcontainer_footer a:link, #indexcontainer_footer a:visited, #indexcontainer_footer a:active{
color:					#CCC;
font:					normal 12px/120% Georgia, "Times New Roman", Times, serif;
text-shadow:			1px 1px 1px #666;
}

#indexcontainer_footer a:hover {
text-decoration:		none;
}

#navDept li a:hover, #navDept li .selected, #container_footer a:hover {
background:				#171717;
padding:				8px;
text-decoration:		none;
}

a.formButton:link, a.formButton:visited, a.formButton:active, a.formButton:hover {
color:					#FFF;
text-decoration:		none;
}

.pagination a#firstPage, .pagination a#nextPage {
color:					#CCC;
font-weight:			bold;
}
 
.pagination a#pageNumber {
color:					#CCC;
font-weight:			bold;
text-decoration:		none;
}

.pagination a#pageNumber:hover, .pagination a#firstPage:hover, .pagination a#nextPage:hover {
color:					#FFF;
font-weight:			bold;
text-decoration:		underline;
}

.linksimg {
background:				#333;
border:					1px solid #444;
padding: 				3px;
}

#bottomcredits {
float: 					left;
}

#bottomcredits .first {
margin: 				0 auto 0 170px;
}