/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.tulsacoins.com/
   TEMPLATE NAME:  Tulsa Coins
   DATE:           Aug-12th-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #e7ddc2 url('/images/bg.gif') repeat-x;
} 

/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 957px;
} 


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
font: bold 12pt Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
color: #494845;
}
 
textarea, input {
width: 20em;
border: 1px solid #777;
font: 12pt Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
color: #494845;
padding: 4px;
margin-bottom: 20px;
}
 
.button {
width: 6em;
font: bold 12pt Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
color: #fff;      
background: #c78c3e;
padding: 4px 5px;
border: 1px solid #c78c3e;
}

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

#header {
height: 151px;
}

/* --------------HEADERNAV------------- */


.images {
background: url('/images/nav_bg.gif');
height: 36px;
}

.images a { 
float: left; 
margin: 70px 10px 0px 10px;
}

#swap01 {background-image: url(/images/nav_off_home.gif);  width: 64px;  height: 36px; }
#swap02 {background-image: url(/images/nav_off_jewelry.gif);  width: 74px;  height: 36px; }
#swap03 {background-image: url(/images/nav_off_coins.gif);  width: 59px;  height: 36px; }
#swap04 {background-image: url(/images/nav_off_bullion.gif);  width: 66px;  height: 36px; }
#swap05 {background-image: url(/images/nav_off_about.gif);  width: 82px;  height: 36px; }
#swap06 {background-image: url(/images/nav_off_contact.gif);  width: 77px;  height: 36px; }


.rollover { display: inline; } /* Allow setting widths and heights */
.rollover img { 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 */


/* --------------LOGO IN HEADER *always use this*------------- */

.logolink {
float: left;
background-image: url('/images/logo.gif');
background-repeat: no-repeat;
height: 151px;
width: 388px;
}
 
.logolink a { float: left;  }
 
#swap {background-image: url(/images/logo.gif);  width: 388px;  height: 151px;  }
 
.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 */


/* --------------SWITCHTABS------------- */

#tabs {
background: url(/images/switch_topbg.gif) no-repeat;
height: 32px;
}




/* --------------MAIN CONTENT, VIDEO AND SUBCONTENT----------------*/

#main {
min-height: 630px; 
height: auto !important; 
height: 100%; 
background: #FFF url(/images/mainbg.gif) repeat-x; /* Main DIV Background Img */
}

#maincoins {
min-height: 630px; 
height: auto !important; 
height: 100%; 
background: #FFF url(/images/coinsbg.gif) no-repeat; /* Main DIV Background Img */
}

#mainjewelry {
min-height: 630px; 
height: auto !important; 
height: 100%; 
background: #FFF url(/images/jewelrybg.gif) no-repeat; /* Main DIV Background Img */
}

#mainbullion {
min-height: 630px; 
height: auto !important; 
height: 100%; 
background: #FFF url(/images/bullionbg.gif) no-repeat; /* Main DIV Background Img */
}

#about {
min-height: 630px; 
height: auto !important; 
height: 100%; 
background: #FFF url(/images/aboutbg.gif) no-repeat; /* Main DIV Background Img */
}




#main .content, #maincoins .content, #mainjewelry .content, #mainbullion .content {
padding: 0px;
margin: 0px;
margin-left: 400px;
margin-right: 20px;
min-height: 264px; /* Height of Background Img */
height: auto;
padding-top: 20px;
}

#main .subcontent, #maincoins .subcontent, #mainjewelry .subcontent, #mainbullion .subcontent, #about .subcontent {
padding: 0px;
margin: 0px;
margin-left: 20px;
margin-right: 20px;
min-height: 264px; /* Height of Background Img */
height: auto;
padding-top: 20px;
padding-bottom: 50px;
}


#main .content .head, #main .subcontent .head, #maincoins .content .head, #maincoins .subcontent .head,
#mainjewelry .content .head, #mainjewelry .subcontent .head,
#mainbullion .content .head, #mainbullion .subcontent .head,
#about .content .head, #about .subcontent .head {
background: url(/images/contenthead_bg.gif) repeat-x; 
border: 1px solid #d3d2ce;
height: 62px;
}

#main .content .head img, #main .video .head img, #main .subcontent .head img, #maincoins .content .head img, #maincoins .video .head img, #maincoins .subcontent .head img,  
#mainjewelry .content .head img, #mainjewelry .video .head img, #mainjewelry .subcontent .head img,
#mainbullion .content .head img, #mainbullion .video .head img, #mainbullion .subcontent .head img,
#about .content .head img, #about .video .head img, #about .subcontent .head img, {
padding: 13px 0px 0px 6px;
}


#main p, #maincoins p, #mainjewelry p, #mainbullion p, #about p {
font: 12pt Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
color: #494845;
padding: 12px 12px 20px 12px;
line-height: 20px;
}

#main a, #maincoins a, #mainjewelry a, #mainbullion a, #about a {
color: #c78c3e;
}


#main .navleft, #maincoins .navleft, #mainjewelry .navleft, #mainbullion .navleft {
float:left; 
width: 200px;
margin: 0px;
padding: 0px;
background-color: #65e03f;
}


/* --------------VIDEO------------- */


#main .video, #maincoins .video, #mainjewelry .video, #mainbullion .video {
float:left; 
width: 400px;
margin: 0px;
padding: 0px;
}

#main .video .container, #maincoins .video .container, #mainjewelry .video .container, #mainbullion .video .container  {
padding: 0px;
margin: 20px;
}

#main .video .head, #maincoins .video .head, #mainjewelry .video .head, #mainbullion .video .head {
background: url(/images/contenthead_bg.gif) repeat-x; 
border: 1px solid #d3d2ce;
height: 62px;
}

#main .video .holder, #maincoins .video .holder, #mainjewelry .video .holder, #mainbullion .video .holder {
background: #fff url(/images/videobg.gif) repeat-x;
height: auto;
height: 300px; 
padding-top: 12px;
text-align: center;
}

/* --------------LOCATION------------- */

#main .location, #maincoins .location, #mainjewelry .location, #mainbullion .location {
margin: 0px;
padding: 0px 0px 0px 30px;
width: 420px;
font: 10pt Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
color: #494845;
}

#main .location img, #maincoins .location img, #mainjewelry .location img, #mainbullion .location img {
float: left;
margin: 0px 20px 0px 0px;
}


/* --------------FLASH------------- */

#flashvid {
text-align: center;
margin-top: 45px;
}




/* --------------CONTACT------------- */

#contact {
padding: 0px 0px 0px 12px;
}


/* --------------FOOTER------------- */

.clear {
clear: both;
}

#footer, .push { 
clear: both;
width: 100%;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {
background: #494845 url(/images/footerbg.gif) repeat-x;
height: 200px;
height: auto;
}

#footer .container {
padding-top: 20px;
}

#footer .content { 
width: 957px; 
margin: 0 auto; 
position: relative; 
}


/* --------------FOOTER LINKS------------- */

#footer .left {
float: left;
width: 500px;
}

#footer .right {
float: right;
margin: 0px 0px 0px 0px;
text-align:right;
width: 400px;
}

#footer ul {
padding: 10px;
}

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

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

#footer .links li a {
color: #d8d3c5;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 8pt Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
}

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

#footer .bbb {
padding-right: 15px;
}


#footer .asc {
padding: 0px;
margin-bottom: 15px;
width: 180px;
font: 10pt Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
color: #333;
}

* html #leftnav { /*IE 6 only */
width: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#footer .asc ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#footer .asc li {
margin: 0px;
border-bottom: 1px solid #494845;
list-style-type: none;
}

#footer .asc li a{
display: block;
padding: 5px 5px 5px 8px;
background-color: #5a5a5a;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #footer .asc li a{ /*Non IE6 width*/
width: auto;
}

#footer .asc li a:hover{
background-color: #c78c3e;
color: #fff;
}


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

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

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

#footer .w3 li a {
color: #e7e7e6;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 10pt Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
}

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



#seo     	 { font-family: Tahoma, Helvetica, Arial, Verdana, Sans-Serif; text-decoration: none; color: #909090; font-size: 8pt; }

a.seo:link {  font-family: Tahoma, Helvetica, Arial, Verdana, Sans-Serif; text-decoration: none; color: #909090; font-size: 8pt;}
a.seo:visited  { font-family: Tahoma, Helvetica, Arial, Verdana, Sans-Serif; text-decoration: none; color: #909090; font-size: 8pt; }
a.seo:hover { font-family: Tahoma, Helvetica, Arial, Verdana, Sans-Serif; text-decoration: none; color: #909090; font-size: 8pt;}





.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
font: 10pt Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
color: white;
background: url(/images/switch_coin.jpg) no-repeat; /* Main DIV Background Img */
height: 226px;
line-height: 20px;
}

.virtualpage p {
padding: 70px 55px 20px 385px;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 957px;
text-align: center;
background: url(/images/switch_topbg.gif) no-repeat;
height: 32px;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: green;
}

.style1 {
border-width: 0px;
}







/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }