/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.tulsafirearms.com/
   TEMPLATE NAME:  Tulsa Fire Arms
   DATE:           Apr-16th-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 

* { margin: 0; padding: 0px; }

  
html {
margin: 0;
padding: 0px;
height: 100%;
background: #163c6b;
font-size:16px;
}
  
  
body {
margin: 0;
padding: 0px;
height: 100%;
background: #163c6b;
}
  
#frame {
width: 960px;
margin-left: auto;
margin-right: auto;
background-color: #FFF;
}
 
 
#main 
{
position: relative;
margin: 0 auto;
margin-left: auto;
margin-right: auto;
}

p {margin: 0; padding: 0px; }


/* ----------container to center the layout-------------- */
#container 
{
position: relative;
margin: 0 auto;
margin-left: auto;
margin-right: auto;
background-color: #a40007;
}

 
/* --------------LABELS & FORMS------------- */
 
label {
font: bold 10pt Verdana, Tahoma, Arial, Sans-serif;
color: #FFF;
}

.cartsearch {
width: 18em;
border: 1px solid #777;
font: 10pt Verdana, Tahoma, Arial, Sans-serif;
color: #000;
padding: 2px;
margin-bottom: 20px;
}


.forms {
width: 20em;
border: 1px solid #777;
font: 10pt Verdana, Tahoma, Arial, Sans-serif;
color: #000;
padding: 4px;
margin-bottom: 20px;
}

 
textarea {
width: 20em;
border: 1px solid #777;
font: 10pt Verdana, Tahoma, Arial, Sans-serif;
color: #000;
padding: 4px;
}

.button {
background-color: #000;
padding: 4px;
border: none;
color: #FFF;	
font: 10pt Verdana, Tahoma, Arial, Sans-serif;
}
 
.cartbutton {
width: 74px;
height: 22px;
color: #fff;      
padding-top: 3px;
}

  

/* --------------HEADER------------- */

 
#header {
height:146px;
background: url(/images/headerbg.jpg) repeat-x;
}

#header .cart {
margin: 40px 0px 0px 50px;
width: 100px;
float: right;
font: 10pt Verdana, Tahoma, Arial, Sans-serif;
}

#header .cart a {
font-weight: bold;
color: #FFF;
}

/* --------------LOGO IN HEADER *always use this*------------- */
.logolink {
float: left;
background-image: url('/images/logo.jpg');
background-repeat: no-repeat;
height: 146px;
width: 726px;
}
 
.logolink a { float: left;  }
 
#swap {background-image: url(/images/logo.jpg);  width: 726px;  height: 146px;  }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */


 
/* --------------ADDRESS------------- */
 
 
#address {
height: 27px;
background: url(/images/addressbg.gif) repeat-x;
} 

#address h3 {
height: 27px;
width: 960px;
background: url(/images/address.gif) no-repeat;
}
 

/* --------------MAIN------------- */
#main {
margin: 0px;
padding: 0px;
height: auto;
height: 100%;
}


/* --------------LEFTNAV------------- */


#main .navleft {
float:left; 
width: 221px;
margin: 10px 0px 10px 4px;
padding: 0px;
background-color: transparent;
}

#nav {
padding: 0px;
margin: 0px;
}

#nav h1 {
background: url(/images/nav_head.jpg) no-repeat;
width: 221px;
height: 45px;	
}

#nav .newsletter {
width: 221px;
height: 53px;	
margin-top: 7px;
border: none;

}

#nav .liberty {
border: none;
margin-top: 10px;
}

#nav .location {
background: url(/images/locationbg.jpg) no-repeat;
width: 221px;
height: 125px;	
margin-top: 10px;	
padding: 40px 0px 10px 12px;
font-family: Verdana, Tahoma, Arial, Sans-serif;
}

#nav .location p {
font-size: 8pt;
color: #FFF;	
}

#nav .location a {
color: #FFF;	
}



/* --------------MAIN CONTENT------------- */


#main .content {
float: right;
background-color: transparent;
width: 708px;
margin-top: 10px;
font: 10pt Verdana, Tahoma, Arial, Sans-serif;
min-height: 600px;
color: #FFF;
}

#main .homesection {
background-color: transparent;
margin-top: 10px;
font: 10pt Verdana, Tahoma, Arial, Sans-serif;
color: #FFF;
}

#main .homesection .pic {
float: right;
margin-top: 7px;
border: 3px solid #000;	
}

#main .content h1 {
padding-left: 6px;
padding-bottom: 6px;
font-size: 16pt;
}


#main .content p {
padding-left: 6px;
padding-right: 8px;
padding-bottom: 40px;
}

#main .content .firearms img {
border: 1px solid #000;
}

#main .content .picright {
float: right;
margin: 15px;	
border: 4px solid #000;
}

#main .content .picleft {
float: left;
margin: 15px;	
border: 4px solid #000;
}

#main .content a {
color: #FFF;	
}



/* --------------3 HOME BLOCKS------------- */

#threeblocks {
padding: 0px;
margin: 10px 0px 0px 0px;	
font-family: Verdana, Tahoma, Arial, Sans-serif;
color: #000;
}

#threeblocks div {
padding: 0px;
margin: 0px;
background-color: #FFF;
}

#threeblocks td {
padding-right: 3px;
text-align: center;
}

#threeblocks h3 {
background: url(/images/monthlyhead.jpg) no-repeat;
height: 39px;
width: 233px;
}

#threeblocks h4 {
background: url(/images/eventshead.jpg) no-repeat;
height: 39px;
width: 233px;
}

#threeblocks h5 {
background: url(/images/32head.jpg) no-repeat;
height: 39px;
width: 233px;
}

#threeblocks .white {
background-color: #FFF;
padding: 10px 10px 10px 10px;
font-size: 8pt;	
width: 219px;
height: 125px;
}

#threeblocks .white img {
float: left;
}

#threeblocks .thanks{
background-color: #000;
height: 122px;
position: relative;
top: 0px;
}

#threeblocks .content {
padding: 8px;
}



/* --------------FOOTER------------- */
#footer {
background-color: #000;
margin-left: auto;
margin-right:auto;
position: relative;
clear: both;
}

#footer ul {
padding: 10px;
}

#footer .links ul {
margin: 0px;
padding: 0px;
}

#footer .links li {
display: inline;
list-style-type: none;
}

#footer .links li a {
color: #FFF;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: bold 8pt Verdana, Tahoma, Arial, Sans-serif;
}

#footer .links li a:hover {
text-decoration: underline;
}


#footer .asc ul {
margin: 0px;
padding: 0px;
}

#footer .asc li {
display: block;
list-style-type: none;
}

#footer .asc li a {
color: #FFF;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 8pt Verdana, Tahoma, Arial, Sans-serif;
}



#footer ul {
padding: 10px;
}

#footer .w3 ul {
margin: 0px;
padding: 0px;
}

#footer .w3 li {
display: inline;
list-style-type: none;
}

#footer .w3 li a {
color: #FFF;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: 8pt Verdana, Tahoma, Arial, Sans-serif;
}

#footer .w3 li a:hover {
text-decoration: underline;
}



/* --------------COUPON------------- */

#coupon {
width: 500px;
margin: 15px;
background-color: #FFF;
border: 1px solid #000;
}

#coupon .top {
background-color: #000;
text-align: center;
height: 26px;
padding-top: 8px;
font: bold 10pt Verdana, Tahoma, Arial, Sans-serif;
color: #FFF;
}

#coupon .main {
text-align: center;
background: #FFF url(/images/coupon_bg.gif) repeat-x;
min-height: 300px;
height: auto;
}

#coupon .main .logo {
background: url(/images/coupon_logo.gif) no-repeat;
width: 487px;;
height: 120px;
}

#coupon .main h1 {
font: bold 18pt Verdana, Tahoma, Arial, Sans-serif;
color: #a40007;
}

#coupon .main p {
font: 10pt Verdana, Tahoma, Arial, Sans-serif;
padding: 8px 20px 20px 20px
}

.shareThis {
	position: absolute;
	z-index: 1000;
	top: 8px;
	left: 300px;
	height: 16px;
	width: 200px;
}
.bookmarkThis {
	position: absolute;
	z-index: 1000;
	top: 8px;
	left: 600px;
	height: 16px;
	width: 200px;
}

#SpecialtyItemsTable td
{
 padding: 0px 8px 0px 8px;
}

#SpecialtyItemsTable th
{
 background-color: black;
 padding: 0px 8px 0px 8px;
}

#tfnavmenu img
{
border-style:none;
padding-left:8px;
vertical-align: middle;
}
.navbullet
{
border-style:none;	
height:12px;
width:27px;
}
#tfnavmenu p
{
height: 21px;
padding: 2px 0px 2px 0px;
text-align: left;
width: 209px;
}
#tfnavmenu a
{
text-decoration: none;
}
#tfnavmenu span
{
cursor: pointer;
width: 209px;
color: white;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: 12px;
font-family: Verdana;
}