/* styles.css - main stylesheet
 *
 * Copyright, 2007 All Audio Guides. All Rights Reserved.                         
 * Author: Tom Lwis (www.lwis.net)
 *
 */

@import "reset.css";
@import "forms.css";

body { background-color: #ffb200; color: Black; font: 11px/normal Verdana, Arial, Helvetica, sans-serif; text-align: center; }

a,a:link,a:visited { color: #ff3000; }
a:hover { color: #0066cc; }

a.button, a.button:visited { padding: 3px 5px; background-color: #ff6000; color: #fff; }
a.button:hover { background-color: #0066cc; }

p { margin-bottom: 1em; }

ul { list-style: disc; margin: 1em 0 1em 2em; }
ol { list-style: decimal; margin: 1em 0 1em 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }

.resetpos { clear: both; height: 0; font-size: 1px; }
.important { color: #ff3000; }
.edge { float: right; }
.on{ text-decoration: underline; }


/* Highlights */

.highlights { margin: 2em 0 !important; }
.highlights a { color: #ff6000; }
.highlights a:hover { color: #0066cc; }
dl.highlights dt, ul.highlights li { margin: .5em 0 1em; padding-left: 12px; background: url(../../images/arrow1-right.gif) center left no-repeat; color: #ff6000; font-weight: bold; }
dl.highlights dt { cursor: pointer; }
.highlights .on { background-image: url(../../images/arrow1-down.gif); text-decoration: none; }
.highlights .rollover { color: #0066cc; }

* html dl.highlights dt { height: 1px; }

#alert { margin: 1em 0; padding: .5em 10px; background: #ffa; border: 1px solid #ff6000; color: #ff6000; font-weight: bold; }

/* Titles */

h1,h2,h3,h4,h5,h6 { margin: 1em 0 .5em; color: #ff6000; font-family: Tahoma, Helvetica, sans-serif; font-weight: normal; }

h1 { font-size: 18px; }
h2 { font-size: 16px; }

#logo { margin: 0 0 1em; font-size: 20px; text-align: center; }
#logo a, #logo a:visited { color: #000; }
#logo a:hover { color: #f8b631; }
#logo img { display: block; margin: 0 auto; }

#outline { margin: 0 0 .5em; }


table.normal { border-collapse: collapse; }
table.normal th { border: solid 1px #efefef; background-color: #efefef; }
table.normal td { border: solid 1px #efefef; }

table.normal .totals { font-weight: bold; }
table.normal .buttons td, table.normal .totals td { border: none; }


/* Layout
==============================================================================================  */

/*#container { width: 772px; margin: 10px auto 0; background: url(../../images/bg-page.gif) top center repeat-y; text-align: left; }*/
#mainbar { width: 772px; margin: 10px auto 0; background: url(../../images/bg-page.gif) top center repeat-y; text-align: left; }

#containerBefore { background: url(../../images/bg-page-top.gif) top left no-repeat; }
#containerAfter { position: relative; z-index: 10; padding: 50px 35px 60px; min-height: 594px; background: url(../../images/bg-page-bottom.gif) bottom right no-repeat; }

#content {  }
#header {  }
#sidebar { float: left; width: 202px; }

/*#mainbar { float: right; width: 477px; }*/
#container { float: right; width: 477px; }

#footer { position: relative; z-index: 11; width: 772px; height: 50px; margin: -40px auto 0; text-align: left; }
#footer .inner { padding: 0 15px 0 45px; }
#col1 { float: left; width: 49%; }
#col2 { float: right; width: 49%; }

* html #containerAfter { height: 594px; }


/* Modules
==============================================================================================  */

/* Navigation */

#navbar { margin-bottom: 1em; background: url(../../images/bg-box1.gif) top center repeat-y; }
#navbar .before { background: url(../../images/bg-box1-top.gif) top left no-repeat; }
#navbar .after { padding: 22px 20px 21px 19px; min-height: 212px; background: url(../../images/bg-box1-bottom.gif) bottom right no-repeat; }

#navbar ul { padding: 7px; font-family: Arial, Helvetica, sans-serif; }
#navbar ul li { padding: .55em 0; background: url(../../images/separator1.gif) bottom left repeat-x; font-weight: bold; }
#navbar ul li.last { background: none; }
#navbar li a, #navbar li a:visited { padding-left: 12px; }

#nav { font-size: 12px; }
#nav li a, #nav li a:visited, #nav li span.on { padding-left: 12px; background: url(../../images/bullet1.gif) center left no-repeat; color: #000; }
#nav li span.on, #nav li a:hover { color: #ff6000; text-decoration: none; }

#subnav { background: url(../../images/separator1.gif) top left repeat-x; font-size: 11px; }
#subnav li a, #subnav li a:visited { color: #ff6000; background: url(../../images/arrow1-right.gif) center left no-repeat; }
#subnav li a:hover, #subnav li a.on { color: #000; text-decoration: none; }

* html #navbar .after { height: 212px; }


/* Picker */

.picker { font-family: Tahoma, sans-serif; color: #ff3000; }
.picker dt { padding: 1px 15px 1px 4px; border: solid 1px #ff9d00; background: #fff url(../../images/picker.gif) center right no-repeat; cursor: pointer; }
.picker dd { display: none; }
.picker dd.open { display: block; position: relative; z-index: 20; }
.picker dd ul { position: absolute; top: -1px; left: 0; z-index: 21; width: 132px; border: solid 1px #ff9d00; background-color: #fff; }
.picker dd ul li { float: left; width: 100%; }
.picker dd ul li a { display: block; width: 126px; padding: 2px 3px; }
.picker dd ul li a:hover { background-color: #0066cc; color: #fff; }
.picker dd ul li.on a {  }

/* Destination picker */
#destPicker { float: right; margin-top: 1em; }
#destPicker dt { text-align: right; }
#mainbarCap #destPicker { margin: 0 0 .5em; }

/* Language picker */
#sidebar #langPicker { margin: 0 19px; }
#sidebar #langPicker dd ul { width: 170px; }
#sidebar #langPicker dd ul li a { width: 164px; }


/* Login status */
#loginStatus .buttons { color: #ff3000; }

#settings { position: absolute; top: 12px; right: 45px; z-index: 2; }
#settings li { float: left; padding: 0 7px; border-right: solid 1px #ff3000; height: 15px; }
#settings li.last { border-right: none; }
#settings li img { float: left; }


/* Product */

.product { margin-bottom: 1em; border: solid 1px #ff6000; border-color: #fcccaf #fcad7e #fcad7e #fcccaf; background-color: #fff5de; padding: 7px; }
.product h2 { margin: 0 0 .5em; color: #666; font-size: 12px; font-weight: bold; }
.product img.visual, #products .row dl dt img.visual { float: left; border: solid 1px #c2bdb3; }
.product img.visual { margin: 0 10px 1em 0; }
.product .details { clear: left; list-style: none; margin: 0; padding: 0; }
.product .details li { float: left; width: 49%; color: #ff3000; }
.product .details li.even { float: right; }
.product .details li strong { color: #ff6000; }
.product .actions { clear: left; width: 100%; margin: 0; padding-top: 1em; }
.product .buy { display: inline; float: right; margin: 0 0 1em 10px; }
.product .score img { vertical-align: middle; }
#mainbar li.product { float: left; width: 461px; }

* html .product { height: 1%; }

#products { font-family: Tahoma, Helvetica, sans-serif;}
#products .row { clear: both; float: left; width: 100%; background: url(../../images/separator1.gif) bottom left repeat-x; }
#products .row.last { background-image: none; }
#products .row dl { float: left; width: 230px; padding: .5em 0; }
#products .row dl.even { float: right; padding: .5em 0 .5em 8px; background: url(../../images/separator2.gif) left top repeat-y; }
#products .row dl dd { float: left; width: 103px; }
#products .row dl dd p { margin: 0; }
#products .row dl dd p.more { text-align: right; }
#products .row dl dd h4 { margin: 0; font-weight: bold; }
#products .row dl dt { display: inline; float: left; width: 122px; margin-right: 5px; }

#products_minimal img.visual { margin-bottom: 0; }

/* Reviews */

div.reviewsContainer { display: none; margin-top: 1em; }
#reviews li { padding: 5px 10px; border: solid 1px #fcccaf; }
#reviews li.odd { background-color: #fafafa; }
#reviews li.last { }
#reviews li .stars { float: right; }
#reviews li cite { font-size: 12px; font-style: italic; }


/* Site Map List */

ul.sitemap li { padding: .5em 0 .5em 12px; }
ul.sitemap li a { padding-left: 12px; background: url(../../images/arrow1-right.gif) center left no-repeat; font-weight: bold; }
ul.sitemap li ul { padding-top: 1em; }
ul.sitemap li li { padding: 0 0 0 12px; line-height: 1.5em; }
ul.sitemap li li a { background-image: url(../../images/bullet1.gif); font-weight: normal; }


/* Footer */

#footer { color: #ff3000; font-family: Tahoma, Helvetica, sans-serif; }
#footer p { margin: 0; }
#statement { color: #fff; font-size: .9em; text-align: right; }

/* Footer icons */

.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.link{
	/*color: #fff; font-size: .9em; text-align: right;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	*/
}

.sociable-hovers {
	opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}