/********************************************
   AUTHOR:          http://www.theauctiongroupllc.com 
   WEBSITE:   		http://www.theauctiongroupllc.com
   TEMPLATE NAME: 	The Auction Group
   DATE:          	Feb-24-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

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

body { 
margin: 0; 
padding: 0px;
background: #226a82 url('/images/bg.gif') repeat-x; 
}

#container {
width: 960px;
margin: 0 auto;
}

#container2 {
width: 960px;
height: 800px;
margin: 0 auto;
background-color: #FFF;
text-align: center;
}

#container2 img {
padding-top: 600px;
border: none;
}


#frame {
height: 100%;
width: 960px;
background: transparent;
margin-right: auto;
margin-left: auto;
}

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


/* LABELS AND FORMS */

label {font-weight: bold; padding-right: 12px; }

input#ask {
width: 20em; 
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
background-color: #c1effe;
padding: 4px;
color: #226a82;
border: none;
}

textarea { 
width: 20em; 
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
background-color: #c1effe;
padding: 4px;
color: #226a82;
border: none;
}

input.button {
float: right;
margin-right: 5px; 
width: 6em;
font: bold 10pt Arial, Sans-serif;
color: #fff;	
background: #226a82; 
padding: 5px 3px; 
border: none;
}

input.searchbutton {
width: 6em;
font: bold 10pt Arial, Sans-serif;
color: #fff;	
background: #226a82; 
padding: 5px 3px; 
border: none;
}

input#other {width 18em }


/* LABELS AND FORMS */


/* LEFTSIDE */

#left {
width: 169px;
background: url('/images/leftbg.gif') repeat-y;
}

#left .logo {
width: 169px;
height: 187px;
background: url('/images/logo.jpg') no-repeat;
}


/* LOGO */
.logolink {
background-image: url('/images/logo.jpg');
background-repeat: no-repeat;
height: 187px;
width: 169px;
}

.logolink a { float: left; }

#swap {background-image: url(/images/head_logo.jpg.jpg);  width: 169px;  height: 187px; }

.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 */
/* LOGO */


/* LEFTSIDE */


/* NAV */

.navtop {
height: 43px;
background: url('/images/nav_top.jpg') no-repeat;
}


.arrowlistmenu{
width: 169px; /*width of accordion menu*/
background: url('/images/leftbg.gif') repeat-y;
}

.arrowlistmenu .menuheader a {
text-decoration: none;
color: #FFF;
}

.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
text-align: right;
font: 14pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #FFF;
padding: 4px 6px 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
border-top: 1px solid #4890a9;
}

.arrowlistmenu .menuheader p {
text-align: right;
padding-left: 12px;
font: 8pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #c1effe;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: url(/images/nav_greybg.gif) repeat-y;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
padding: 12px;
margin: 0px;
background: url(/images/nav_greybg.gif) repeat-y;
font-family: 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
}

.arrowlistmenu ul li{
text-align: right;
padding: 0px;
margin: 0px;
}

.arrowlistmenu ul li a{
color: #FFF;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
text-decoration: none;
border-bottom: 1px solid #797979;
font-size: 8pt;
padding: 4px 5px 4px 0px
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #284042;
background-color: #c1effe;
}


/* NAV */


/* MAINPIC */

#mainpic {
width: 595px;
height: 155px;
background: url('/images/main.jpg') no-repeat;
}

/* MAINPIC */


/* SLOGAN */

#slogan {
height: 58px;
background: #f78c50 url('/images/slogan.jpg') no-repeat;
}

#slogan h1 {
float: left;
padding: 15px;
font: 16pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #FFF;
}

#slogan p {
padding: 2px 10px 0px 18px;
font: 8pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #FFF;
}

#slogan p b {
font-size: 12pt;
}


/* SLOGAN */


/* MAIN */

#main {
background-color: #FFF;
height: 600px;
}

#main .content {
font: 9pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #767676;
padding: 15px;
line-height: 16px;
}

#main .content h1 {
font: 16pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #f4974b;
margin-bottom: 10px;
}

#main .content a {
color: #226a82;
}

#main .content a:hover {
color: #f0710a;
}

/* MAIN */


/* ASK THE EXPERTS */

#asktheexperts {
margin-top: 20px; 
margin-bottom: 20px;
padding: 0px;
}

#asktheexperts h1 {
background: url('/images/askexperts.gif') no-repeat;
width: 213px;
height: 54px;
padding-bottom: 10px;
}

#asktheexperts img {
float: left;
border: 6px solid #fcf3da;
}

#asktheexperts .forms {
float: right;
width: 280px;
}


/* ASK THE EXPERTS*/


/* LISTINGS */

#listings {
font: 8pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
}

#listings .row-a {
padding: 8px;
background-color: #ffb459;
color: #FFF;
text-align: center;
font-weight: bold;
border-bottom: 1px solid #fcf3da;
}

#listings .row-b {
padding: 6px;
background-color: #FFF;
color: #484747;
text-align: center;
border-top: 1px solid #f1d78e;
border-bottom: 1px solid #FFF;
font-size: 8pt;
}

#listings .row-b .pic {
border: 1px solid #767676;
}


#listings .row-c {
padding: 6px;
background-color: #fcf3da;
color: #484747;
text-align: center;
border-top: 1px solid #f1d78e;
border-bottom: 1px solid #FFF;
font-size: 8pt;
}


#listings .row-c .pic {
border: 1px solid #90731b;
}


/* LISTINGS */


/* DETAILS */

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

#details .content {
padding: 0px 0px 0px 15px;
}

#details .content div{
padding: 0px 0px 3px 0px;
}


#details .bar {
background-color: #ffb459;
width: 280px;
height: 20px;
padding: 2px 2px 2px 6px;
font: bold 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #FFF;
}

#details .bg {
width: 300px;
padding: 10px;
margin-top: 2px;
background: #FFF url(/images/listingsdarkbg.gif) repeat-x;
}

#details .bg .pic {
border: 1px solid #fff;
margin-bottom: 6px;
}

/* DETAILS */

/* DOCUMENTS */

#documents ul {
margin: 15px;
padding: 0px;
}

#documents li {
display: block;
list-style-image: url(/images/documentbullet.gif);
}

#documents li a {
color: #000;
text-decoration: underline;
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
}

#documents li a:hover {
text-decoration: underline;
color: #c1effe;
}

/* DOCUMENTS */




/* RIGHTSIDE */

#right {
width: 195px;
background: url('/images/rightbg.gif') repeat-y;
}

#right .grey {
width: 195px;
height: 187px;
background: url('/images/right_top.jpg') no-repeat;
}

/* RIGHTSIDE */


/* FOOTER */

#footer {
position: relative;
clear: both;
height: 100px;
margin-left: auto;
margin-right:auto;
background-color: #484747;
padding: 2px;
color: #FFF;
}

#footer ul {
margin: 0px;
padding: 10px 5px 10px 4px;
}

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

#footer li a {
color: #FFF;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: 8pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
}

#footer li a:hover {
text-decoration: underline;
color: #c1effe;
}

#footer .asc {
padding: 0px 0px 8px 12px;
}

#footer .asc a {
color: #FFF;
text-decoration: none;
font: 8pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
}

#footer .asc a:hover {
color: #c1effe;
text-decoration: underline;
}

/* FOOTER */


/* ----- 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; }