@charset "UTF-8";
/* CSS Document */

BODY { 
	margin: 0px; 
	padding: 0px; 
	background: #8d8872 url(https://www.scorpion-arms.com/images/newstore/bg-repeat.jpg) repeat-x; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}

h1,
h2,
h3,
h4,
p {
	padding: 0px;
	margin: 0px;
	}
	
h2 {clear: none; }
	
img { border: none;}


div#mast {
	width: 970px;
	height: 151px;
	padding-left: 10px;
	margin: 0px auto 0px auto;
}


div#outterwrapper {
	width: 960px;
	margin: 0px auto 0px auto;
	padding: 0px 10px 0px 10px;
	background: url(https://www.scorpion-arms.com/images/newstore/frame-repeat.png) repeat-y;
	overflow: hidden;
}

#outterwrapper p {
	font-size: 12px;
	padding-bottom: 1em;
}


/************************************/
/********* LEFT NAV STYLES **********/
/************************************/

#outterwrapper #leftnav {
	width: 160px;
	padding: 0px 10px 10px 10px;
	border-right: 1px solid #DDD;
	background-color: #FFFFFF;
	color: #333333;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	clear: none;
}

#outterwrapper #leftnav ul {
	font-size: 11px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}

#outterwrapper #leftnav a:link:hover {
	color: #382c22;
}

#outterwrapper #leftnav a {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	display: block;
	line-height: 16px;
}

#outterwrapper #leftnav h1 {
	font-size: 12px;
	margin-top: 8px;
}

#outterwrapper #leftnav h2 {
	font-size: 14px;
	padding-top: 10px;
}

#outterwrapper #leftnav h3 {
	font-size: 12px;
	padding-top: 8px;
}

#outterwrapper #leftnav p {
	font-size: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
}

#outterwrapper #leftnav h4 {
	font-size: 11px;
	padding-top: 5px;
}

#outterwrapper #leftnav ul li {
	margin-bottom: 0px;
	border-bottom: 1px dotted #DDDDDD;
	padding: 2px 0px 2px 5px;
	border-top: 1px solid white;
	border-left: 1px solid white;
}

#outterwrapper #leftnav li:hover {
	border-right: 3px solid #003300;
}

#outterwrapper #leftnav li a:hover { border-right: 3px solid #003300;}
/*@@@@@@@@@ CONTENT DIV CSS @@@@@@@@@*/

DIV#CONTENT {
	width: 760px;
	padding: 0px 0px 20px 0px;
	float: right;
	;
	margin-left: 0px;
}

#outterwrapper #CONTENT h2 {
	color: #003300;
	padding-bottom: 8px;
}

#outterwrapper #CONTENT ul {
	font-size: 12px;
	margin-top: 0px;
}

#outterwrapper #CONTENT h3 {
	padding-bottom: 4px;
}

#outterwrapper #CONTENT h4 {
	padding-bottom: 2px;
	color: #003300;
}

#outterwrapper #leftnav ul:hover {
	background-color: #EEEEEE;
}

#mainmenu {
	height: 24px;
	width: 960px;
	background: #003300 url(https://www.scorpion-arms.com/images/newstore/mainmenu.jpg);
}

#mainmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#mainmenu ul li {
	float: left;
	display: block;
	width: 119px;
	text-align: center;
}


#mast #mainmenu a {
	font-size: 14px;
	line-height: 21px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

#mast #mainmenu a:hover {
	color: #003300;
}

#outterwrapper #leftnav hr {
	margin: 3px 0px 3px 0px;
}

/* SHOPAREA / PAGENOTE TEXT STYLING */

#SHOPAREA {
	font-family: Arial, Helvetica, sans-serif;
	width: 560px;
	}

#SHOPAREA h1,
.pageNote h1 {
	font-size: 20px;
	padding-top: .4em;
	padding-bottom: .2em;
	margin-right: 1em;
	}
	
#SHOPAREA h2,
.pageNote h2 {
	font-size: 16px;
	line-height: 22px;
	padding-top: .4em;
	padding-bottom: .1em;

	}
	
#SHOPAREA h3,
.pageNote h3 {
	font-size: 14px;
	line-height: 20px;
	padding-top: .6em;
	padding-bottom: .1em;

	}
	
#SHOPAREA h4,
.pageNote h4 {
	font-size: 13px;
	padding-top: .6em;
	padding-bottom: .3em;

	}
	
#SHOPAREA p,
.pageNote p,
#SHOPAREA a,
.pageNote a {
	font-size: 12px;
	padding-top: .1em;
	padding-bottom: .3em;
	line-height: 16px;
	max-width: 550px;
	}

td.list { padding: 5px; }

.content-odd3, .content-even3 {
padding: 2%;
}

/************************************/
/****** RIGHT COLUMN STYLES *********/
/************************************/

#CONTENT #rightColumn {
	width: 160px;
	float: right;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 10px 10px 10px 10px;
	margin-right: 1px;
}

#CONTENT #rightColumn h1,
#CONTENT #rightColumn h2,
#CONTENT #rightColumn h3,
#CONTENT #rightColumn h4,
#CONTENT #rightColumn p {
	margin-left: 0px !important;
	padding-left: 0px !important;
	border-bottom: 1px solid #000000;
	display: block;
	margin-bottom: 10px;
	}


#CONTENT #rightColumn a img {
margin-bottom: 8px; 
}

/************************************/
/******** BREADCRUMB STYLES *********/
/************************************/

#outterwrapper #breadcrumb {
	height: 30px;
	padding-left: 10px;
}

#outterwrapper #breadcrumb p {
	line-height: 30px;
}

#outterwrapper #breadcrumb img {
	padding-top: 6px;
	float: left;
	margin-right: 3px;
}


/************************************/
/********* MAIN MENU WIDTHS *********/
/************************************/

#mast #mainmenu li.first {
	width: 126px;
}

#mast #mainmenu li.second {
	width: 117px;
}

#mast #mainmenu li.third {
	width: 119px;
}

#mast #mainmenu li.fourth {
	width: 119px;
}

#mast #mainmenu li.fifth {
	width: 118px;
}

#mast #mainmenu li:hover {
	border-bottom: 2px solid #003300;}


#outterwrapper #leftnav a img {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	border: none;
}

/************************************/
/********* ECOM STYLEs *********/
/************************************/

#CONTENT div {clear: none; font-size: 12px;}
#CONTENT div a { color: #003300; }

#categoryGrid td {
	vertical-align: top;
	}

#categoryGrid h2,
#productGrid h2 {
	color: #000000;
	font-size: 16px;
	}
#categoryGrid h2 a,
#productGrid h2 a {
	color: #003300;
	}
	
#productGrid table {
	width: 100%;
	}

#extraDetails #price {
	font-size: 14px;

}

#extraDetails #price .myerror { 
	color: #009900; 
	font-weight: bold;
	}

.title {
font-size: 16px !important;
padding-top: .5em;
margin-bottom: .3em;
}

.title a {
	font-weight: bold;
	color: #003300;
	}
	
.sprice {
margin-bottom: .4em;
}
	
.sprice a {
	color: #00CC00;
	}

#categoryGrid .description p {
	font-size: 12px;
	padding-top: 4px;
	}
	
/* Widget Sidebar Detailed CSS */
/* CSS Pertaining to the right-nav shopping */
/* cart that is embedded at the right side of */
/* each page */
#widgetSidebarDetailed table {
	width: 160px !important;
	}
	
#widgetSidebarDetailed {
	font-size: 10px !important;
	}
	
#widgetSidebarDetailed a {
		color: #003300;
		}
		
#widgetSidebarDetailed .price {
	font-size: 12px;
	color: #009900;
	font-weight: bold;
	}
/***************************/
/* Related Products seperator CSS */
#detailGroup #productsRelated {
margin-top: 15px;
padding: 20px;
 
overflow: visible;
}

#productsRelated div {
	width: 50%;
	}
	
#productsRelated .hdr-title {
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	}

#productsRelated .content-odd, #productsRelated .content-even { margin-bottom :15px;}
#productsRelated .content-odd {
	float: right;
	clear: right;
	}



/***************************/
/* Add a review CSS */
#productReviewsAdd .form-field {
	font-size: 11px;
	}

/***************************/
/* View Cart CSS */

#viewCart #cartInfo div {
margin-top: 8px;
margin-bottom: 8px;
}
/***************************/


#categoryGrid, 
#productGrid, 
#productDetail, 
#pageContent, 
#customerLogin, 
#viewCart, 
#clientAccount {
	float: left !important; 
	clear: none !important; 
	width: 100% !important;
	}

/* TOP OPTIONS CSS */
/* This is the row of text that indicates how many options are  */
/* displaying, and provides sorting options for the user, when  */
/* looking at product lists or category lists */
#topOptions .display, #topOptions .sort {
	font-size: 12px;
	font-weight: bold;
	}
	
#topOptions .display { 
	margin-bottom: 10px;
	}
	
#topOptions .sort .label {
	margin-bottom: 5px;
	}

/* Fixing forms */

#createCustomer .body div,
#clientAccount .form-label, 
#clientAccount .form-field,
#checkoutBilling div, 
#checkoutPayment div {
	clear: left !important; 
	text-align: left; 
	}

#paymentInfo, 
table#orderDetails { 
	max-width: 540px !important;
	float: left !important; 
	clear: none !important; 
	}

/* WIDGET SEARCH SIZE */

#widgetSearch { 
	width: 160px !important; 
	padding: 0px; 
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
	}

#widgetSearch .top {
	font-size: 12px;
	}

#widgetSearch .body .field {
	width: 100px;
	float: left;
	}

#widgetSearch .field input { 
	width: 100px !important;
	}
	
#widgetSearch .advanced a {
font-size: 12px;
color: #003300;
}

/************************************/
/********* BREADCRUMB STYLE *********/
/************************************/

#outterwrapper #breadcrumb {
	height: 30px;
	padding-left: 10px;
}

#outterwrapper #breadcrumb h2 {
	font-size: 12px;
	line-height: 30px;
}

#outterwrapper #breadcrumb a {
	color: #003300;
	}

#outterwrapper #breadcrumb a:hover {
	text-decoration: none;
	color: #000;
}


/************************************/
/********* BREADCRUMB STYLE *********/
/************************************/

p.myerror {
	width: 465px;
	display: block;
	color: #FF0000;
	font-size: 16px;
	padding: 10px;
	background-color: #ffd5d5;
	border: 1px dotted #FF0000;
	margin-bottom: 10px;
	margin-right: 20px;
	
	}

/************************************/  
/********* Footer STYLE *********/ /*********/
/************************************/
div#footer {
	margin-right: auto;
	width: 960px;
	padding-top: 20px;
	text-align: center;
	border-top: 2px solid black;
	margin-left: auto;
	}
	
div#footer p { font-size: 11px; }
div#footer a {color: #003300; border: none;}
div#footer a img { border: none; }