@import url(/deedsv2/reset.css);

#container{
width: 900px;
min-height: 795px;
position: relative;
left: 50%;
margin: 0 0 0 -450px;
background: #FFF;
padding: 0 5px 5px 5px;
}
* html #container{
height: 795px;
}
#footer{
width: 900px;
position: relative;
left: 50%;
margin: 10px 0 15px -450px;
clear: both;
text-align: center;
color: #CCC;
font-size: 11px;
}
#leftcol{
width: 270px;
float: left;
display: inline;
margin: 0;
}
#logo{
width: 267px;
height: 88px;
background: url(../images/logo.jpg) no-repeat;
}
a.viewcart{
display: block;
width: 203px;
height: 52px;
text-indent: -100em;
overflow: hidden;
background: url(../images/viewcart.gif) no-repeat;
margin: 8px 0 8px 10px;
}
#geninfo{
width: 267px;
min-height: 235px;
background: url(../images/topgratebg.jpg) no-repeat;
}
* html #geninfo{
height: 235px;
}
#geninfo-small{
width: 267px;
height: 160px;
background: url(../images/smallgratebg.gif) no-repeat;
}
#shop{
width: 267px;
height: 442px;
background: url(../images/bottomgratebg.jpg) no-repeat;
}
#featproducts{
width: 250px;
height: 224px;
background: url(../images/featproductbg.jpg) no-repeat;
position: relative;
top: 43px;
left: 10px;
}
.propaganda{
display: block;
margin: 32px 0 0 12px;
}
#maincol{
width: 615px;
float: right;
display: inline;
}
#header{
width: 610px;
margin: 10px 0 0 0;
}
#content{
width: 610px;
background: url(../images/randompart.jpg) no-repeat right center;
}
#content-sub{
width: 610px;
}
* html #content-sub{
	overflow: hidden;
}
#actioncalls{
width: 610px;
margin: 10px 0 0 0;
}
.genthumb{
width: 270px;
background: url(../images/thumb.gif) no-repeat;
min-height: 80px;
margin: -4px 0 0 0;
}
* html .genthumb{
height: 80px;
}
.addtocart{
text-align:center;
width:160px;
height:35px;
color:#FFFFFF;
cursor:pointer;
border:none;
font:bold 11px arial, sans-serif;
background: url(http://namtra.com/deeds/store/components/com_virtuemart/shop_image/ps_image/add-to-cart_orange.gif) no-repeat left center;
text-indent: -15px;
}
/* == Main Nav == */
#nav li{
float: left;
display: inline;
padding: 0 10px;
list-style: none;
}
/*Home*/
#nav li a.home:link, #nav li a.home:visited{
display: block;
float: left;
background: url(../images/home.gif) no-repeat 0px -38px;
width: 48px;
height: 38px;
text-indent: -100em;
overflow: hidden;
}
#nav li a.home:hover{
background-position: 0px 0px;
}
/*services*/
#nav li a.services:link, #nav li a.services:visited{
display: block;
float: left;
background: url(../images/services.gif) no-repeat 0px -38px;
width: 70px;
height: 38px;
text-indent: -100em;
overflow: hidden;
}
#nav li a.services:hover{
background-position: 0px 0px;
}
/*products*/
#nav li a.products:link, #nav li a.products:visited{
display: block;
float: left;
background: url(../images/products.gif) no-repeat 0px -38px;
width: 74px;
height: 38px;
text-indent: -100em;
overflow: hidden;
}
#nav li a.products:hover{
background-position: 0px 0px;
}
/*projects*/
#nav li a.projects:link, #nav li a.projects:visited{
display: block;
float: left;
background: url(../images/projects.gif) no-repeat 0px -38px;
width: 103px;
height: 38px;
text-indent: -100em;
overflow: hidden;
}
#nav li a.projects:hover{
background-position: 0px 0px;
}
/*clients*/
#nav li a.clients:link, #nav li a.clients:visited{
display: block;
float: left;
background: url(../images/clients.gif) no-repeat 0px -38px;
width: 94px;
height: 38px;
text-indent: -100em;
overflow: hidden;
}
#nav li a.clients:hover{
background-position: 0px 0px;
}
/*mailing list*/
#nav li a.maillist:link, #nav li a.maillist:visited{
display: block;
float: left;
background: url(../images/maillist.gif) no-repeat 0px -38px;
width: 100px;
height: 38px;
text-indent: -100em;
overflow: hidden;
}
#nav li a.maillist:hover{
background-position: 0px 0px;
}
/*about*/
#nav li a.about:link, #nav li a.about:visited{
display: block;
float: left;
background: url(../images/about.gif) no-repeat 0px -38px;
width: 96px;
height: 38px;
text-indent: -100em;
overflow: hidden;
}
#nav li a.about:hover{
background-position: 0px 0px;
}
/* === End Main Nav === */

#footer p{
color: #666;
font-size: 10px;
margin: 8px 0;
}
#footer a:link, #footer a:visited{
	color: #ccc;
	text-decoration: none;
}
#footer a.namtra{
width: 127px;
height: 29px;
background: url(../images/namtralogo.gif);
text-indent: -100em;
overflow: hidden;
display: block;
position: relative;
left: 50%;
margin-left: -63px;
}
*:first-child+html #footer a.namtra{
left: 63px;
}
* html #footer a.namtra{
left: 63px;
}
/* === Typography === */
h1{}
#header h1{
text-indent: -100em;
overflow: hidden;
}
#content h1{
font: bold 22px georgia, serif;
margin: 10px 0 5px 5px;
letter-spacing: -1px;
width: 395px;
}
#content-sub h1{
font: bold 22px georgia, serif;
margin: 10px 0 5px 5px;
letter-spacing: -1px;
}
#geninfo h1{
font: bold 20px georgia, serif;
letter-spacing: -1px;
width: 245px;
color: #FFF;
padding: 5px 0 0 20px;
}
h3{}
#geninfo h3{
font: normal 16px rockwell, georgia, serif;
color: #FFF;
letter-spacing: -1px;
padding: 0 0 0 10px;
}
h6{}
#gallery h6{
clear: both;
margin: 10px 0;
}
p{}
#content p{
font: normal 11px arial, sans-serif;
width: 395px;
}
#content-sub p{
font: normal 11px arial, sans-serif;
}
#geninfo p{
font: normal 11px arial, sans-serif;
color: #FFF;
padding: 5px 10px 0 20px;
}
strong{}
.genthumb strong{
font: bold 19px georgia, serif;
letter-spacing: -1px;
}
/* === Common classes === */
.floatRight{
float: right;
display: inline;
padding: 0 5px 5px 5px;
}
.floatLeft{
float: left;
display: inline;
padding: 0 5px 5px 5px;
}
.seperator{
display: block;
margin: 10px 0;
width: 372px;
height: 6px;
background: url(../images/seperator.gif) no-repeat;
}
#logo a{
width: 267px;
height: 88px;
outline: none;
display: block;
}
/* === lists === */
#featproducts ul{
list-style: none;
padding: 0px 0 0 5px;
}
#featproducts ul li{
float: left;
display: block;
width: 115px;
min-height: 100px;
text-align: center;
text-transform: uppercase;
padding: 5px 0 0 0;
}
* html #featproducts ul li{
height: 100px;
}
#featproducts ul li small{
letter-spacing: -1px;
}
#gallery ul li{
float:left;
width:auto;
background: url(../images/shadow.gif) no-repeat bottom right;
list-style: none;
margin: 0px 10px;
}
#gallery ul li a img{
display: block;
position: relative;
background-color: #FFF;
border: 1px solid #A9A9A9;
margin: -6px 6px 6px -6px;
padding: 4px;
}
/* === Links === */
.product_title{
color: #000;
text-decoration: none;
font: bold 16px arial, sans-serif;
}
#content-sub a:link, #content-sub a:visited{
color: #CC0000;
text-decoration: none;
}
#content-sub a:hover{
text-decoration: underline;
}
#mainlevel{
margin: 15px 0 0 10px;
list-style: none;
width: 90%;
}
#mainlevel li{
margin: 1px 0;
}
#mainlevel li a:link, #mainlevel a:visited{
font: normal 11px arial, sans-serif;
color: #000;
text-decoration: none;
display: block;
background: #CCC;
padding: 3px 0 3px 5px;
border-left: 6px solid #333;
}
#mainlevel li a:hover{
background: #999;
color: #FFF;
text-indent: 5px;
font: normal 12px arial, sans-serif;
padding-top: 2px;
}
/* === Start sIFR-screen css === */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
visibility: visible !important;
margin: 0;
}
.sIFR-replaced {
visibility: visible !important;
}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
display: none !important;
}
/* Start decoy styles */
.sIFR-hasFlash #content h1 {
visibility: hidden;
margin: 10px 0 5px 5px;
letter-spacing: -1px;
}
.sIFR-hasFlash #geninfo-small h1 {
visibility: hidden;
font: bold 20px georgia, serif;
letter-spacing: -1px;
width: 245px;
color: #FFF;
padding: 5px 0 0 10px;
background: transparent;
}
.sIFR-hasFlash #geninfo h3{
font: normal 15px rockwell, georgia, serif;
color: #FFF;
letter-spacing: -1px;
padding: 0 0 0 10px;
}
.sIFR-hasFlash .genthumb strong{
font: bold 26px georgia, serif;
letter-spacing: -1px;
}
.sIFR-hasFlash .phone-number{
font: bold 26px georgia, serif;
letter-spacing: -1px;
margin: 0 0 0 10px;
}
.sIFR-hasFlash .pageTitle{
font-size: 16px;
letter-spacing: -1px;
margin: 0;
}
/* === Store Stylez === */
#content-sub table{
font: normal 11px arial, sans-serif;
}
tr.sectiontableheader{
background: #ECECEC;
font: bold 11px arial, sans-serif;
}

.product-browse{
width: 160px;
float: left;
display: inline;
margin: 0 30px 0 0;
min-height: 420px;
}
* html .product-browse{
height: 440px;
}
*:first-child+html .product-browse{
height: 440px;
}
.product-browse h3{
text-transform: capitalize;
font-size: 13px;
}
.product-browse h3 a{
font-size: 14px;
}
.product-browse p{
margin: 5px 0 0 0;
}
.product-browse p em{
padding: 5px 0;
margin: 3px 0 0 0;
display: block;
border-bottom: 2px solid red;
border-top: 2px solid red;
width: 160px;
font-size: 9px;
}
.product-browse p em span{
font: bold 14px arial, sans-serif;
}
.qty{
padding: 5px;
border-top: 1px dotted #666;
width: 150px;
background: #e8e8e8;
}
.rating{
margin: 0;
padding: 5px 0;
border-top: 1px dotted #666;
width: 160px;
}
.prod-thumb{
min-height: 90px;
}
.pageTitle{
font: bold 14px arial, sans-serif;
margin: 5px 0;
}
#leftcol hr{
display: none;
}
#leftcol table{
margin: 10px 0 0 10px;
padding: 0;
line-height: 15px;
font-size: 10px;
}
#leftcol form#login{
border-bottom: 1px dotted #666;
border-top: 1px dotted #666;
margin: 10px 0;
padding: 5px 10px;
background: #e8e8e8;
width: 220px;
}
#leftcol form#login input{
width: 150px;
border: 1px solid #999;
}
#leftcol form#login input.button{
width: auto;
margin: 10px 0;
padding: 2px;
}
#leftcol form#login label{
line-height: 18px;
}
#leftcol input{
width: 150px;
border: 1px solid #999;
}
#leftcol input.button{
width: auto;
}
#leftcol table a{
color: #333;
}
/* new product details layout */
.productdetailsholder{
width: 605px;
}
.productdetailsholder #productimage{
width: 180px;
float: left;
display: inline;
min-height: 250px;
padding-top: 10px;
text-align: center;
}
* html .productdetailsholder #productimage{
height: 250px;
}
.productdetailsholder #productdetails{
width: 395px;
float: left;
display: inline;
padding: 0 15px;
}
#productrelateditems{
max-width: 605px;
overflow: auto;
}
table.adminlist{
	width: 610px;
}