/*
AUTO+ cascading style sheet
0T0 studio (http://www.oto-studio.com)
markup and PHP programming 	by crash_D.
.NET programming  		by helios
design       				by RooF

*/

/* for photo albums 
ul.brick {list-style: none; padding: 0; margin: 0; width: 98%}
ul.brick li {float: left; margin: 10px; border: none; display: block; text-align: center; height: 200px}
ul.brick li img {display: block; cursor: pointer; margin: auto}
ul.brick li small {color: #c70102; cursor: pointer; text-decoration: underline} 
*/
table#brick {width: 95%}
table#brick tbody tr td {text-align: center}
table#brick tbody tr td img {display: block; cursor: pointer; margin: auto}
table#brick tbody tr td img.b {display: block; cursor: pointer; margin: auto; border: 1px solid #c70102}
table#brick tbody tr td small {display: block; color: #c70102; cursor: pointer; text-decoration: underline; margin: auto; text-align: center} 
/* #####3 */

.hover-list {float: right; margin: 10px}
.hover-list ul {margin: 3px 10px 10px 0; list-style: none;padding-left: 0px;}
.hover-list ul li {padding: 2px 0}

.noborder {border: none !important}

div#loader {font-weight: bold; color: #c70102; margin: 10px 0}

body {
     background-color: #c70102;
     margin: 0px;
     padding: 5px 0px 0px 5px;
     font: 12px Arial, sans-serif;
     color: black}
  
.ap {color: #c70102}  

h3 {font: bold 15px/17px Arial, sans-serif;
 margin-bottom: 0; padding-bottom: 0}
img 
{border: 0px}
img.floater {float: right; border: 1px solid #c70102; margin: 10px; width: 200px}
/*code {border-left: 4px solid #ddd; padding-left: 10px; display: block}*/
acronym, abbr {cursor: help; border-bottom: 1px dashed gray}
     
/* for stupidest internet explorer */ td,th,caption, label {font: 12px Arial, sans-serif}


ul.table {
		list-style: none; 
		width: 90%;
		padding-left: 0;
		margin-left: 0}
ul.table li {
		padding: 3px 0}
ul.table li label {
		width: 120px !important;
		float: left;
		text-align: right;
		margin-right: 3px}


.gray {color: gray !important}

label {font-weight: bold}
legend {color: #c70102}

a:link, .link{
          text-decoration: underline;
          color: #c70102;
          background-color: inherit;
          cursor: pointer}
a:visited {
	color: #6F0000;
	text-decoration: underline;
	background-color: inherit	
	}
a:hover {
        text-decoration: none;
        background-color: inherit;
        color: #FF0000}
a.unvisited:link, a.unvisited:visited {
		color: #c70102}
a.unvisited:hover {
		color: #FF0000}
img.thumb {
		border: 2px solid #c70102}
div#main-container {
		width: 998px;
		margin: auto;
		text-align: left}
table#header {
             background-color: white;
             height: 177px;
             width: 998px;
             margin: 0px;
             color: inherit}
             
table#nav {
          height: 17px;
          margin: 0px;
          width: 992px;
          line-height: 17px;
          background-color: white;
          color: inherit}
td.nav-cell {
            background: white url('images/nav-back.gif') repeat-x top;
            text-align: center;
            padding: 0px;
            color: inherit;
            width: 123px}

a.nav-item:link,
a.nav-item:visited {
           display: block;
           font: 12px/17px Arial, sans-serif;
           text-decoration: none;
           margin: auto;
           color: black;
           width: 100%;
           background: white url('images/nav-back.gif') repeat-x top}
a.nav-item:hover {
                 text-decoration: none;
                 background: white url("images/nav-back-hover.gif") repeat-x top;
                 color: #c70102}
a.nav-item:active {
                  color: #c70102;
                  background-color: white}

table#container, table#footer {
                width: 998px;
                background-color: white;
                color: black}
images {
    border: none}

tr.cars {
        height: 110px}
    
td.bottom {
          font-size: 12px;
          line-height: 16px}
          
small {
      font-size: 11px}

div.menu {
         padding: 8px 15px 8px 8px;
         font-size: 12px}
.caption {
         font: bold 13px Arial, sans-serif;
         color: #c70102;
         text-align: center}

         
h1 {
   color: #c70102;
   padding: 9px 0 0 0;
   margin: 0;
   font-size: 20px}
h2, .page_title {
   color: #c70102;
   padding: 0 4px 0 0;
   margin: 0;
   font-size: 16px;
   font-weight: bold}
 h3 {
	font: bold 15px/17px Arial, sans-serif;
	}
   
   
 /* BULKY INLINE STYLING */
 
#header1 {width: 6px; height: 177; background-image: url('images/header-vertical-left.gif')}
#header2 {height: 2px; background-image: url('images/header-horizontal-top.gif'); line-height: 2px}
#header3 {width: 14px; height: 177; background-image: url('images/header-vertical-right.gif')}
#header4 {height: 168px; padding-left: 30px}
#header5 {width: 6px; background-image: url('images/header-info-vertical-left.gif')}
#header6 {background-image: url('images/red-dot.gif'); line-height: 1px; height: 1px}
#header7 {width: 20px; padding: 7px 2px 0px 0px}
#header8 {background-image: url('images/red-dot.gif'); line-height: 1px; height: 1px}
#header9 {background-image: url('images/header-horizontal-bottom.gif'); line-height: 7px}

#nav1 {width: 5px; background-image: url('images/nav-left.gif')}
#nav2 {width: 5px; background-image: url('images/nav-right.gif')}

#cont-top1 {height: 19px; line-height: 19px}
#cont-top2 {background-image: url('images/caption-left-1.gif'); width: 165px}
#cont-top3 {background-image: url('images/caption-middle.gif'); background-repeat: repeat-x}
#cont-top4 {background-image: url('images/caption-right-1.gif'); width: 171px}

#cont-left1 {background-image: url('images/left-sub-menu.gif'); background-repeat: repeay-y}
#cont-left2 {background-image: url('images/menu-left-back.gif'); display: block; padding: 3px 10px} 
#cont-left2 a {display: block; padding: 3px 3px}
a#menu-item-active {/*background-color: #ffcccc*/ font-weight: bold; text-decoration: underline}
#cont-left3 {background-image: url('images/caption-left-2.gif'); height: 29px; line-height: 29px; display: block; padding-top: 5px}
#cont-left4 {background-image: url('images/menu-left-back.gif'); display: block}
#cont-left4 a {display: block; padding: 3px 3px}
#cont-left5 {background-image: url('images/menu-left-bottom.gif'); height: 7px; line-height: 7px}

#cont-right1 {background-image: url('images/right-sub-menu.gif'); background-repeat: repeay-y}
#cont-right2 {background-image: url('images/menu-right-back.gif'); display: block}
#cont-right2 a {display: block; padding: 3px 3px}
#cont-right3 {background-image: url('images/caption-right-2.gif'); height: 29px; line-height: 29px; display: block; padding-top: 5px}
#cont-right4 {background-image: url('images/menu-right-back.gif'); display: block}
#cont-right4 a {display: block; padding: 3px 3px}
#cont-right5 {background-image: url('images/menu-right-bottom.gif'); height: 7px; line-height: 7px}

#cont-bot1 {height: 6px; line-height: 6px}
#cont-bot2 {background-image: url('images/sub-menu-bottom-left.gif')} 
#cont-bot3 {background: url('images/red-dot.gif') bottom repeat-x}
#cont-bot4 {background-image: url('images/sub-menu-bottom-right.gif')}

#bot1 {background: white url('images/index-foot-vertical-right.gif') repeat-y right; padding-right: 12px}
#bot2 {background-image: url('images/the-bottom.gif')}

/*
#####################################
*/

input, select {border: 1px solid #c70102; font: 12px Arial, sans-serif}
textarea {border: 2px inset #c70102; font: 12px Arial, sans-serif}
address {font: normal 11px Arial, sans-serif}
.red {color: #c70102}
p {font: 13px Arial, sans-serif; margin: 5px 0 10px 0}
th {font: bold 14px Arial, sans-serif}
tr.t-head {background-color: #ff9999}
tr.even {background-color: #eee}
table.table {font: 14px Arial, sans-serif}



/* for aspx-generated classes and id's */

a.MenuUnselected, a.MenuSelected {font-size: 12px}
/*a.MenuSelected {
		font-weight: bold;
		background: white url("images/plus.gif") right no-repeat}*/

.SearchHead
{
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold
}

/* */
.HomeHead
{
    color: #999966;
    font-family: Verdana, Arial;
    font-size: 20px;
    font-weight: bold;
    HEIGHT: 35px
}

a.BuyButtons:link, a.BuyButtons:visited {
		font-size: 13px;
		padding: 3px 6px;
		border: 2px outset #c70102;
		text-decoration: none;
		color: black}
a.BuyButtons:hover {border: 2px inset #c70102; color: #c70102}
a.BuyButtons:active {border: 2px inset #c70102}

/* */
.ContentHead
{
  font-size: 20px;
  font-weight: bold
}

/* */
.ErrorText
{
    color: #c70102;
    font-family: Courier New
}

div.alsobought {
	border-left: 1px solid silver
	}
.MostPopularHead
{
   font: bold 14px Arial;
   border-left: 4px solid silver;
   padding: 6px
}
div.MostPopularItem {margin-left: 10px; padding: 2px}
/*A.MostPopularItemText, A.MostPopularItemText:link, A.MostPopularItemText:visited
{
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    text-decoration: none
}

A.MostPopularItemText:hover
{
    color: red;
    font-family: Verdana, Arial;
    font-size: 11px;
    text-decoration: underline
}*/

.ProductListHead
{
    font: bold 13px Verdana, sans-serif;
    font-variant: small-caps 
}
.ProductListItem
{
    color: black;
    font: 11px Arial, sans-serif;
}

.UnitCost 
{
	font-family: Courier New, serif;
	color: #c70102
	}
	
.CartListItem 
{
	background-color: White;
}

.CartListItemAlt 
{
	background-color: #ddd;
}
.CartListHead td
{
	font-weight: bold;
	font-size: 13px;
	background-color: #f8a7a4 
	}

.search-button {	border: 0;
	position: relative;
	top: 5px}
	
.extSearchDescription
{
	width:300px;
	overflow:scroll
	}
	
/* formatting for the super blog starts */


#blogBody {width: 627px; margin: 0}

.blog-caption {border-top: 1px solid silver;
	border-left: 4px solid silver;
	padding: 5px 0 5px 5px;
	margin-bottom:7px}

.blogTitle h3 {font: bold 15px/16px Arial, sans-serif; padding: 0; margin: 0; color: #c70102}
.blogDate {color: Gray; font-size: 11px}
.blog-comments {padding-top: 2px; margin-top: 2px}

div.prod-review {
	background-color: #FFFFCC;
	border-left: 1px solid #c70102;
	padding-left: 6px
	}

div.prod-review .review {
	padding: 6px 5px 20px 40px; 
	font: italic 13px Arial; 
	margin-bottom: 6px; 
	border-bottom: 1px dashed #c70102;
	width: 90%
	}
div.prod-review .NormalBold {
	color: #c70102;
	font-weight: bold
	}
	
div#bottom-cover {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 30px;
	z-index: 4;
	background-color: #c70102}

	
.in_products {
	background-color: #eee; 
	padding: 7px; 
	border: 1px solid silver; 
	float: right; 
	text-align: center; 
	font: bold 14px Arial; 
	color: #c70102; 
	width: 200px
	}
	
	/* styling for wiki */
	
div.path {font-size: 11px !important;
	margin-bottom: 8px}
div.page_info {
	font-size: 11px !important;
	color: gray;
	text-align: right;
	margin-top: 6px;
	border-top: 1px solid silver}
span.info {font-weight: bold}
.index_letter {font: bold 13px Verdana}

table.wikitable {border: 1px solid silver}
tr.wikitable_header {background-color: #ff9999}