/* @override http://nasr.dashbee.com/stylesheets/screen.css */

/* @override https://nasr.worldsecuresystems.com/stylesheets/screen.css */

/* @override http://nasr.dashbee.com/stylesheets/screen.css */


/*  
---------------------------------------

Title: 
Author: MIS, Inc. (http://www.yourmis.com/)
Date: Jan. 2011

---------------------------------------*/


/* 1.BODY and PAGE
---------------------------------------------------------------------- */
Body{
	font-family: 'Cardo', Times, serif;
	font-size: inherit;
	color: #32302e;
	background: #fff url(../images/pg-bg.png) repeat-y center top;

}

/* 2.LINKS
---------------------------------------------------------------------- */
a:link, a:visited{
color: #32302e;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}
/* 3.HEADINGS
---------------------------------------------------------------------- */
h1, .checkout-pg h2{
	font-size: 1.75em;
	color: #100602;
	margin-bottom: 10px;
}

h2{
	color: #100602;
	font-size: 1em;
}

h3{
	color: #c96307;
	font-size: 1em;
}

/* 4.DEFAULT STYLING
---------------------------------------------------------------------- */


/* 5.LAYOUT
---------------------------------------------------------------------- */
#container{
	width: 982px;
	margin: 0 auto;
	padding: 0 14px;
}
.inner{
	padding-left: 2%;
	padding-right: 2%;

}
.header{
	overflow: hidden;
	padding: 10px 0 15px;
	margin-left: 5px;
	margin-right: 5px;	
background: #e0e0e0;
}

.logo{
	width: 53%;
	float: left;
}

.header .sm{
	padding-top: 140px;
}
.header .cart{
	padding-top: 78px;
	float: right;
		width: 33%;

}

td.cartSummaryItem {
padding-right: 20px;	
}

table.cartSummaryTable {
width: 100%;	
}
.header .sm ul{
	display: none;
}
.header .sm li{
	display: inline-block;
}
.logo img{
float: left;	
display: block;
margin-left: 20px;
}
.logo span{
	text-align: center;
	display: block;
	color: #4f3f33;
	font-size: 1.75em;
	line-height: 35px;
	float: left;
	width: 54%;
	margin-top: 30px;
	margin-left: 20px;
}
.logo span strong{
	color: #2b221a;
}
.logo b{
	display: block;
	font-weight: bold;
	font-size: 1.25em;
	color: #c96307;

}
.logo a{
	text-decoration: none;
	display: block;
}
.col1{
	width: 58%;
	float: left;
	padding-right: 7%;
}
.intro .col1{
	font-size: 1.25em;
	line-height: 32px;
	padding-top: 30px;
}
.col2{
	width: 35%;
	float: right;
}
.intro{
	overflow: hidden;
	padding-bottom: 30px;
	padding-top: 10px;
}

.featured-items {
overflow: hidden;
background: #f0f3f4;
padding: 2%;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 20px;
}

.featured-items h2{
	font-size: 2em;
}
.featured-items h2 span{
	font-size: 0.5em !important;
	font-weight: normal;
	font-style: normal;
	display: block;
	color: #a89b95;
	margin-bottom: 2px;
}
.content{
	font-size: 1em;
	line-height: 26px;
	padding-top: 30px;
	padding-bottom: 20px;
	width: 60%;
}

body.wide .content{
	font-size: 1em;
	line-height: 26px;
	padding-top: 30px;
	padding-bottom: 20px;
	width: 100%;
}

body.home .content{
	width: 100%;	
font-size: 1.25em;
line-height: 32px;
}
.content p{
	margin-bottom: 15px;
}

body.home .content p{
	width: 550px;
}
.side-col{
	width: 35%;
	float: right;
	
	}
.shop-main .header{
background: #fff;	
	
}

li.catalogueItemNotFound {
display: none;	
}
.shop-main .breadcrumbs {
width: 100%;
}

.shop-product-small {
width: 46%;
float: left;
margin-right: 20px;
	height: 318px;
	margin-bottom: 20px;
}

.shop-product-small .image {
	background: url(../images/cd-img.gif) no-repeat center center;
}
.lg-img{
	width: 100%;
	min-height: 250px;
	height: 250px;
	background: url(../images/cd-img.gif) no-repeat center 30px;
}

.shop-main .footer {
background-image: none;	
}
li.price strong {
	color: #c96307;	
	font-size: 18px;
}

.shop-product-small h5 {
font-size: 16px;
padding: 10px 10px 2px;
min-height: 90px;	
}
.shop-product-small h5 a{
	text-decoration: underline;
}
.shop-product-small h5 a:hover{
	color: #c96307;
	text-decoration: none;
}
.shop-product-small ul {
	padding: 8px;
}

.shop-product-large .details h1{
font-size: 16px;
	color: #c96307;	
}

.shop-product-large .details {
width: 40%;	
float: left;
}
.shop-product-large .details h2{
font-size: 14px;
	font-weight: normal;
	font-style: normal;
	margin-top: 20px;
}

.shop-product-large  .description {
	margin-bottom: 30px;
}
.shop-product-large .image {
width: 40%;	
float: right;
margin: 0;
}

.shop-catalogue {
	background: #fff url(../images/cat-icon.gif) no-repeat;
	border-bottom: 1px dashed #ccc !important;
border: none;	
height: auto;
	width: 200px;
	padding: 6px;
	margin-right: 30px;
	padding-left: 30px;
	
}
.shop-catalogue h4{
	font-size: 16px;
}
.shop-catalogue h4 a{
	color: #100602;	
	
}
.shop-catalogue h4 a:hover{
	color: #c96307;		
}



.section{
	overflow: hidden;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 5px;
	margin-bottom: 20px;
	font-size: 14px;
}
.wide{
	width: 100% !important;
	margin-right: 0px !important;
}
.section .item{
	width: 300px;
	height: 57px;
	float: left;
	padding: 0px 2px 5px !important;
	margin-bottom: 10px;
	margin-right: 30px;
}

select.cat_dropdown, #CardExpiryMonth, #CardExpiryYear {
width: 130px;	
}

#CardCCV {
width: 60px;	
}
#CardExpiryMonth{
	margin-right: 5px;
}

.section .item label{
display: block;
font-size: 14px;
color: #994d09;
}
.section .item input, .section .item textarea{
	background: #f0f3f4;
	border: 1px solid #e3e3e3;
	padding: 8px;
	width: 260px;
	
}

#ShippingZip, #BillingZip {
width: 80px;	
}



input.PaymentMethodType {
width: 20px !important;
margin: 0;	
}

input#Amount.cat_textbox {
width: 120px;	
}
.section h3{
	color: #100602;
	font: bold 18px 'Cardo', Times, serif;
	margin-bottom: 15px;
	display: block;
}
p.required{
	font-size: 12px;
	margin: 0 0 25px;
	color: #994d09;

}
#catwebformbutton {
	padding: 0;
	width: 150px;
	height: 45px;
	color: #fff;
	border: 0;
	font-size: 18px;
	font-family: 'Cardo', Times, serif;
	background: #72655c;
}
.checkout-pg h1{
	display: none;
}

table.cart {
	margin-top: 20px;
	width: 100%;
}

table.cart tr.var th {
	font-size: 16px;
}

table.cart  tr.total td strong {
	color: #c96307;
	
}

ul.productfeaturelist li.productItem {
list-style-type: none;
overflow: hidden;
float: left;
width: 24%;
margin-right: 1%;	
	
}

ul.productfeaturelist .shop-product-small {
width: 100%;	
margin: 0;
height: 300px;
border: 0;
background: #f0f3f4;
}

ul.productfeaturelist .shop-product-small h5 {
font-size: 14px;
line-height: 20px;
min-height: 85px;
height: 85px;		
}
ul.productfeaturelist .shop-product-small ul{
background: #f0f3f4;
	
}

ul.productfeaturelist li.quantity {
	font-weight: bold;
}
/* 6.NAVIGATION
---------------------------------------------------------------------- */

ul.nav{
	list-style-type: none;
	margin-top: 20px;
}
ul.nav a{
	text-decoration: none;
	color: #c96307;
	padding: 4%;
	display: block;
	font-size: 1.25em;
	border-bottom: 1px solid #f4f1ea;
}
ul.nav a:hover, ul.nav li.active{
	background: #f0f3f4;
}

/* 7.SITEINFO/FOOTER
---------------------------------------------------------------------- */
.footer{
	font-size: 0.75em;
	color: #654a31;
	text-align: right;
	background: url(../images/footer-bg.gif) no-repeat left bottom;

}
.footer .inner{
	margin-left: 2%;
	margin-right: 2%;
		border-top: 6px solid #c96307;
	padding-top: 15px;
	padding-bottom: 20px;
}

/* 8.FORMS
---------------------------------------------------------------------- */


/* 9.MEDIA QUERIES
---------------------------------------------------------------------- */

@media (max-width: 600px) {
	#container{
	width: 540px;
}
.header .sm{
display: none;}
.header .sm img{
	width: 90%;
}
.logo{
	width: 100%;
}
.header .cart{
width: 90%;
padding: 10px 10px 0;	
	border-top: 1px dashed #dcd8cf;
	margin-top: 10px;
	margin-right: 15px;
	
}
body.home .content p{
	width: 100%;
}
.logo a{
	width: 95%;
}

}
@media (max-width: 420px) {
	#container{
	width: 360px;
}.side-col {
	width: 100%;
	margin-bottom: 20px;
}
.content{
	width: 100%;
}
body.home .content p{
	width: 100%;
}
.logo{
	width: 100%;
}
.header .cart{
width: 93%;
padding: 10px 10px 0;	
	border-top: 1px dashed #dcd8cf;
	margin-top: 10px;
}
.header{
	border: 0;
}
.logo img{
	float: left;
	margin-left: 5px;
}
.logo span{
	margin-top: 0;
	width: 48%;
	margin-left: 0;
	font-size: 1.75em;
}
.intro{
	padding-top: 0;
}
ul.nav{
	margin-top: 10px;
}
ul.nav li.resources, ul.nav li.home{
	display: none;
}
ul.nav li a{
	border: none;
	color: #fff;
	background: #c96307;
	padding: 7px 5px 0;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	width: 97px;
	text-align: center;
}
ul.nav li{
	display: inline-block;
}
.intro .col2{
	width: 100%;
}
.intro .col1{
	display: none;
}
table.cart th, table.cart td {
	font-size: 12px !important;
	padding: 2px;
}
}