/*--------------------------------------------------
Car Stereo Site style sheet

Version: 2.0

----------------------------------------------------*/
/**
 * News calendar.
 */
table.cal { 
    border-style: 			solid;
    border-color: 			#ffffff;
    border-width: 			2px;
    border-bottom-width: 	0px;
    border-right-width: 	0px;
    margin: 				0px;
}
table.cal td { 
    font-weight: 			normal;
    text-align: 			center; 
    border-style:			solid;
    border-color: 			#ffffff;  
    border-width: 			0px;
    border-bottom-width: 	2px;
    border-right-width: 	2px;
    padding: 				2px; 
    background: 			#e8e8ff; 
    color: 					#b0b0b0;
    font-size: 				85%; 
}
table.cal th { 
    text-align: 			center; 
    border-style:			solid;
    border-color: 			#ffffff;  
    border-width: 			0px;
    border-bottom-width: 	2px;
    border-right-width: 	2px;
    background: 			#666666;
    color :					#ffffff; 
    padding: 				2px;
    font-size: 				95%;
    font-weight: 			bold;
}
table.cal td.sel { 
    background: #666666;
    font-weight: bold; 
    color: #ffffff; 
}
table.cal td.empty { 
    background: #e0e0ff; 
}

table.form { 
    width: 100%; 
    font-weight: bold; 
    border-style: solid;
    border-width: 1px;
    border-color: #c0c0c0; 
}
table.form td { 
    padding: 2px; 
}
table.searchNav td { 
    font-weight: normal; 
    text-align: center; 
    border-style: solid;
    border-width: 1px;
    border-color: #c0c0c0;
    border-top-width: 0px;
    vertical-align: middle; 
    padding: 2px 4px 2px 4px; 
}
table.searchNav td.n { 
    border-color: #ffffff; 
}
table.searchNav td.prev, table.searchNav td.prev { 
    width: 50px; 
}
table.searchNav td.prev { 
    text-align: right; 
}
table.searchNav td.page { 
    font-weight: bold; 
    font-size: 12px; 
}
table.searchNav td.sel {
    background: #015a44; 
    font-weight: bold; 
    color: #ffffff; 
}
span.hilite { 
    font-weight: bold; 
    background-color: #b3f5de; 
    padding: 0; 
}

/*Page Styling*/

div.bounding {
	margin:					0px;
	padding:				0px;
	border-width:			0px;
	background:				#000000;
	color:					#ffffff;
	background-image:		url('/images/design/background-target.gif');
	background-position:	bottom right;
	background-repeat:		no-repeat;
}

/*Header*/

div.header {
	margin:					0px;
	padding:				0px;
	width:					100%;
	color:					#000000;
	background-image:		url('/images/design/background-header.jpg');
	background-position:	bottom right;
	background-repeat:		no-repeat;
	text-align:				left;
	font-size:				90%;
	height:					161px;
}
div#home-header {
	background-image:		url('/images/design/background-header-home.jpg');
	background-position:	bottom right;
	background-repeat:		no-repeat;
}
div.logo {
	border-width:			0px;
	margin:					0px;
	padding:				0px;
	background:				#000000;
}
img.logo {
	border-width:			0px;
	margin:					0px;
	margin-left:			10px;
	margin-top:				-14px;
	padding:				0px;
}
div.search-box {
	margin:					0px;
	margin-top:				12px;
	padding:				0px;
	color:					#000000;
	background:				#b7bdc4;
	background-image:		url('/images/design/background-top-menu.gif');
	background-position:	top left;
	background-repeat:		repeat-y;
	text-align:				right;
	float:					right;
	height:					36px;
	width:					100%;
}

input.search-form-field {
	border-style:			solid;
	border-color:			#000000;
	border-width:			1px;
	margin-top:				4px;
}
input.search-form-button {
	margin:					0px;
	padding:				0px;
	border-width:			0px;
	vertical-align:			text-bottom;
	color:					#000000;
	background:				transparent;
	font-weight:			bold;
}
.header a:link {
	padding:				0px;
	margin:					0px;
	color:					#000000;
	background:				transparent;
	text-decoration:		none;
	text-align:				right;
}
.header a:visited {
	padding:				0px;
	margin:					0px;
	padding-bottom:			2px;
	color:					#000000;
	background:				transparent;
	text-decoration:		none;
	text-align:				right;
}
.header a:active {
	padding:				0px;
	margin:					0px;
	color:					#000000;
	background:				transparent;
	text-decoration:		none;
	text-align:				right;
}
.header a:hover {
	padding:				0px;
	margin:					0px;
	color:					#ed8804;
	background:				transparent;
	text-decoration:		none;
	text-align:				right;
}
/* Breadcrumb Trail */
p.breadcrumb-trail {
	border-width:			0px;
	color:#ed8804;
}

p.breadcrumb-trail a:link {
	color:					#ed8804;
	background:				transparent;
	text-decoration:		none;
}
p.breadcrumb-trail a:visited {
	padding-bottom:			2px;	
	color:					#ed8804;
	background:				transparent;
	text-decoration:		none;
}
p.breadcrumb-trail a:active {
	color:					#ed8804;
	background:				transparent;
	text-decoration:		none;
}
p.breadcrumb-trail a:hover {
	color:					#ffffff;
	background:				transparent;
	text-decoration:		none;
}

/*Content*/

td.content {
	padding:				12px;
	margin:					0px;
	vertical-align:			top;
	text-align:				left;
	font-size:				80%;
}
div.content {
	margin:					12px;
	padding:				12px;
	background:				transparent;
	color:					#ffffff;
}
td.content-home {
	padding:				0px;
	margin:					0px;
	padding-left:			20px;
	vertical-align:			top;
	text-align:				right;
	font-size:				80%;
}


/*Home Page*/

td.content-home p {
	padding:				10px;
	font-size:				140%;
	font-style:				italic;
	text-align:				justify;
}

div.left-box {
	margin:					0px;
	padding:				0px;
	width:					188px;
	height:					255px;
	text-align:				left;
	vertical-align:			top;
}
td.link-box {
	margin:					0px;
	padding:				0px;
	width:					188px;
	height:					255px;
	text-align:				left;
	vertical-align:			bottom;
}

td#box-speakers {
  background-image:           url('/images/design/box-speakers.gif');
  background-position:        top left;
  background-repeat:          no-repeat;
}
td#box-mp3 {
  background-image:           url('/images/design/box-mp3.gif');
  background-position:        top left;
  background-repeat:          no-repeat;
}
td#box-cd-players {
  background-image:           url('/images/design/box-cd-players.gif');
  background-position:        top left;
  background-repeat:          no-repeat;
}
td.link-box h1 {
  margin:                     0px;
  padding:                    0px;
  margin-left:               20px;
  margin-bottom:             40px;
  font-size:                  100%;
}
td.link-box h2 {
  display:                    none;
}
td.link-box p {
  margin:                     0px;
  padding:                    0px;
  margin-left:               40px;
  margin-bottom:             36px;
  font-size:                  100%;
}
td.link-box a:link {
  background:                 transparent;
  color:                      #111111;
  font-weight:                bold;
  font-size:                  130%;
  text-decoration:            none;
}
td.link-box a:visited {
  background:                 transparent;
  color:                      #111111;
  font-weight:                bold;
  font-size:                  130%;
  text-decoration:            none;
}
td.link-box a:active {
  background:                 transparent;
  color:                      #111111;
  font-weight:                bold;
  font-size:                  130%;
  text-decoration:            none;
}
td.link-box a:hover {
  background:                 transparent;
  color:                      #ed8804;
  font-weight:                bold;
  font-size:                  130%;
  text-decoration:            none;
}
td#right {
	vertical-align:				top;
	padding:					4px;
	margin:						0px;
	width:						200px;
	font-size:					80%;
	color:						#666763;
	background:					transparent;
}
div.welcome {
	margin:						0px;
	padding:					0px;
	background-image:         	url('/images/design/welcome.jpg');
	width:                    	554px;
	height:						267px;
}
div.welcome h1 {
	display:					none;
}
div.welcome p {
	display:					none;
}

/*Panel Box Styling*/

div#box-brands {
  background-image:         url('/images/design/box-brands.gif');
  background-position:      top left;
  background-repeat:        no-repeat;
}
div#box-price-check {
  background-image:         url('/images/design/box-price-check.gif');
  background-position:      top left;
  background-repeat:        no-repeat;
}

div.left-box h2 {
  display:                  none;
}
div.left-box-content {
	margin:					0px;
	padding:				0px;
	margin-left:			40px;
	padding-top:			198px;
	font-size:				100%;
}
div#box-brands-content {
  padding-top:       130px;
	margin-left:			20px;
}
div.left-box a:link {
	background:				transparent;
	color:					#111111;
	font-weight:			bold;
	font-size:				130%;
	text-decoration:		none;
}
div.left-box a:visited {
	background:				transparent;
	color:					#111111;
	font-weight:			bold;
	font-size:				130%;
	text-decoration:		none;
}
div.left-box a:active {
  background:                 transparent;
  color:                      #111111;
  font-weight:                bold;
  font-size:                  130%;
  text-decoration:            none;
}
div.left-box a:hover {
  background:                 transparent;
  color:                      #ed8804;
  font-weight:                bold;
  font-size:                  130%;
  text-decoration:            none;
}


/*Left Menu*/
td.left {
	vertical-align:			top;
	padding:				4px;
	margin:					0px;
	width:					200px;
	font-size:				80%;
	color:					#666763;
	background:				transparent;
}

td.left h1 {
	padding:				0px;
	margin:					5px;
	margin-left:			14px;
	color:					#ed8804;
	font-size:				100%;
	border-width:			0px;
}
td.left h3 {
	padding:				0px;
	margin:					5px;
	margin-left:			14px;
	color:					#ed8804;
	font-size:				100%;
	border-width:			0px;
}
td.left ul {
	padding:				0px;
	margin:					5px;
	margin-left:			14px;
}
td.left li {
	margin:					5px;
	margin-left:			0px;
	padding:				0px;
	padding-bottom:			5px;
	border-width:			0px;
	list-style:				none;
}
td.left p {
	vertical-align:			top;
	padding:				0px;
	margin:					0px;
	margin-left:			14px;
	width:					200px;
	color:					#666763;
	background:				transparent;
	font-weight:			bold;
}
td.left a:link {
	padding:				0px;
	margin:					0px;
	color:					#ffffff;
	background:				transparent;
	text-decoration:		none;
	font-weight:            bold;
}
td.left a:visited {
	padding:				0px;
	margin:					0px;
	padding-bottom:			2px;	
	color:					#ffffff;
	background:				transparent;
	text-decoration:		none;
  font-weight:              bold;
}
td.left a:active {
	padding:				0px;
	margin:					0px;
	color:					#ffffff;
	background:				transparent;
	text-decoration:		none;
	font-weight:            bold;
}
td.left a:hover {
	padding:				0px;
	margin:					0px;
	color:					#ed8804;
	background:				transparent;
	text-decoration:		none;
	font-weight:            bold;
}

td.left table {
    margin-left: 14px;
    margin-right: 5px;
}
/*Footer*/

div.footer {
	background:				transparent;
	color:					#ffffff;
	font-size:				80%;
}
div.footer-right {
	float:					right;
}
div.footer a:link {
	padding:				0px;
	margin:					0px;
	color:					#ffffff;
	background:				transparent;
	text-decoration:		none;
}
div.footer a:visited {
	padding:				0px;
	margin:					0px;
	padding-bottom:			2px;	
	color:					#ffffff;
	background:				transparent;
	text-decoration:		none;
}
div.footer a:active {
	padding:				0px;
	margin:					0px;
	color:					#ffffff;
	background:				transparent;
	text-decoration:		none;
}
div.footer a:hover {
	padding:				0px;
	margin:					0px;
	color:					#000000;
	background:				transparent;
	text-decoration:		none;
}

/* DATA FORM */
/* ========= */
/* Styles for data forms */

/* table.form - use for the table containing the form */
table.form {
	margin:					0px;
	margin-bottom:			16px;
	margin-left:			20px;
}
/* td.form-header - use for 'header' rows in forms */
td.form-header {
	background:				transparent;
	color:					#226644;
	font-weight:			bold;
	border-style:			solid;
	border-color:			#226644;
	border-width:			0px;
	border-top-width:		1px;
	border-bottom-width:	1px;
}
/* td.form-label - use for cells containing form field labels (e.g. 'Name:') */
td.form-label {
	background:				transparent;
	color:					#616972;
	font-weight:			bold;
	padding-right:			10px;
}
/* td.form-field - use for cells containing form fields */
td.form-field {
	margin:					0px;
	padding:				0px;
	background:				transparent;
	color:					#616972;
}
/* td.form-error - use for cells containing form error messages */
td.form-error {
	background:				transparent;
	color:					#ff0000;
	font-weight:			bold;
}
/* input.form-button - use for form submit and cancel buttons */
input.form-button {
	font-weight:			bold;
}
/* td.form-space - use for adding space rows in forms */
td.form-space {
	font-size:				1px;
}

/*Admin Controls*/
/* ============== */
/* Styles for highlighting in-page admin controls (links, buttons etc) */

table.admin {
	border-style:			solid;
	border-width:			1px;
	border-top-width:		0px;
	border-color:			#ffc000;
	margin:					0px;
	margin-bottom:			10px;
	background:				#ffffe0;
	color:					#000000;
}
.admin caption {
	background:				#ffff00;
	color:					#000000;
	text-align:				left;
	font-weight:			bold;
	padding:				2px;
	border-style:			solid;
	border-width:			1px;
	border-bottom-width:	0px;
	border-color:			#ffc000;
	white-space:			nowrap;
}
.admin td {
	text-align:				left;
	vertical-align:			top;
	background:               #ffffe0;
    color:                    #404040;
}
.admin td.form-error {
    color:                 #c00000;
    font-weight:           bold;
    background-image:      url('/images/error.gif');
    background-position:   top left;
    background-repeat:     no-repeat;
    padding-left:          27px;
}
td.admin {
    background:               #ffff00;
    color:                    #000000;
}
p.admin {
    background:               #ffff00;
    color:                    #000000;
}
span.admin {
    background:               #ffff00;
    color:                    #000000;
}

/*CORE STYLES*/
/*Base elements to be styled*/

body {
	margin:					0px;
	padding:				0px;
	background:				#666666;
	color:					#000000;
	font-family:			arial,verdana,helvetica,sans-serif;
	font-weight:			normal;
	height:					100%;
	width:					800px;
	margin-right:			auto;
	margin-left:			auto;
	position:				relative;
	border-style:			solid;
	border-color:			#999999;
	border-width:			0px;
	border-top-width:		0px;
}
h1 {
	padding:				0px;
	margin:					0px;
	margin-bottom:			12px;
	background:				transparent;
	color:					#666666;
	font-family:			arial,verdana,helvetica,sans-serif;
	font-size:				160%;
	font-weight:			bold;
}
h2 {
	margin:					0px;
	margin-bottom:			10px;
	background:				transparent;
	color:					#666666;
	font-family:			arial,helvetica,sans-serif;
	font-size:				140%;
	font-weight:			bold;
}
h3 {
	margin:					0px;
	margin-bottom:			8px;
	background:				transparent;
	color:					#666666;
	font-family:			arial,helvetica,sans-serif;
	font-size:				130%;
	font-weight:			bold;
}
h4 {
	margin:					0px;
	margin-bottom:			6px;
	background:				transparent;
	color:					#666666;
	font-family:			arial,helvetica,sans-serif;
	font-size:				120%;
	font-weight:			bold;
}
h5 {
	margin:					0px;
	margin-bottom:			4px;
	background:				transparent;
	color:					#666666;
	font-family:			arial,helvetica,sans-serif;
	font-size:				110%;
	font-weight:			bold;
}
p {
	margin:					0px;
	margin-bottom:			16px;
	font-family:			arial,verdana,helvetica,sans-serif;
	font-weight:			normal;
}
ul {
	margin:					0px;
	margin-bottom:			10px;
}
li {
	list-style:				disc;
	margin-left:			28px;	
}
caption {
	margin:					0px;
	padding:				2px;
	background:				transparent;
	color:					#505050;
	font-family:			arial,verdana,helvetica,sans-serif;
	font-size:				82%;
	font-weight:			bold;
}
th {
	background:				#505050;
	color:					#ffffff;
	font-family:			arial,verdana,helvetica,sans-serif;
	font-size:				82%;
	font-weight:			bold;
}
td {
	font-family:			arial,verdana,helvetica,sans-serif;
	font-weight:			normal;
}
form {
	margin:					0px;
	margin-bottom:			10px;
	padding:				0px;
}
input {
	font-family:			arial,verdana,helvetica,sans-serif;
	font-weight:			normal;
}
textarea {
	font-family:			arial,verdana,helvetica,sans-serif;
	font-weight:			normal;
}
select {
	font-family:			arial,verdana,helvetica,sans-serif;
	font-weight:			normal;
}
a:link {
  background:                 transparent;                    
  text-decoration:            none;
}
a:visited {
  background:                 transparent;
  color:                      #ed8804;
  text-decoration:            none;
}
a:active {
  background:                 transparent;
  color:                      #ed8804;
  text-decoration:            none;
}
a:hover {
  background:                 transparent;
  color:                      #ed8804;
  text-decoration:            none;
}
/*End*/