body,p,table,div,ul,li,h1,h2,h3,a,
span,tr,td,dl,dt,dd,img{
margin:0;
padding:0;
}

body{
font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif;
text-align:center;
color:#333;
font-size: 76%;
background-color:#F0F9FC;
}

/* General Style Info */
a{
color:#000000;
text-decoration:none;
}
a:hover{
color:#003d4c;
text-decoration:none;
}

a img{
border:none;
}

.help {
color:#777;
font-size:11px;
}

/* pagenate */
div.searchform {
margin:3px 20px 0 0;
float:right;
}
div.searchform select,div.searchform input {
font-size:80%;
}

table.result {
clear:both;
}
div.result {
clear:both;
}
div.result ul {
list-style-type:none;
}
div.result ul li {
float:left;
margin-right: 5px;
padding:1px 0;
}
div.result ul li.thispage {
font-weight:bold;
}
div.result a {
padding:0 3px;
border:1px solid #DDD;
background-color:white;
}
div.result a:hover {
padding:0 3px;
border:1px solid #E7DBBE;
background-color:#E7DBBE;
color:white;
}

/* Layout */

#container{
text-align:left;
width:860px;
background-color:white;
}

#headertop {
background-color:#282928;
color:#FFFFFF;
padding:2px 5px;
}
#header{
background-color:#565858;
}
#header h1{
float:left;
margin:14px 0 0 20px;
font-size:28px;
}
#header h1 a{
color:white;
}
#header div#ad468{
float:right;
width:468px;
height:60px;
margin:5px 10px 5px 0;
}
#header div#navi{
clear:both;
margin:10px 0 0 0;
height:20px;
font-size:0;
line-height:0;
}
#header div#navi img{
vertical-align:bottom;
}

#content{
clear:both;
color: #333;
}
#footer{
clear:both;
background-color:#565858;
color:#FFFFFF;
padding: 20px 10px 6px 10px;
text-align: center;
}
#footer a{
color:#FFFFFF;
}

/* notices and errors */

#flashMessage, .error, .error_message {
color:#900;
font-size: 12px;
margin: 8px 0px;
font-weight: bold;
}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}

/* forms */

form div.date{
margin-left: 0em;
}
.required{
clear: both;
color:#222;
font-weight:bold;
}
.optional{
clear: both;
color:#555;
}
.submit {
clear: both;
margin-top: 40px;
margin-left: 140px;
}

/* action links */
ul.actions {
float: left;
margin-left:20px;
width: 200px;
}
ul.actions li {
margin-top: 4px;
}
pre {
padding: 1em;
}


/**/
#leftarea {
float:left;
width:180px;
background-color:#282928;
}
#mainarea {
float:right;
width:680px;
}

#leftarea div#introduction {
border-right:5px solid #B6623E;
background-color:#372F28;
color:#FFFFFF;
padding:5px 10px 20px 10px;
}
#leftarea div.side_box {
background-color:#37352F;
padding:7px 0 10px 0;
margin:10px 0;
color:white;
border-right:5px solid #9C8979;
}
#leftarea div.side_box_list {
background-color:#3B3E3B;
padding:7px 0 10px 0;
margin:10px 0;
color:white;
border-right:5px solid #666D6D;
}
#leftarea div.side_box div.sidetop,
#leftarea div.side_box_list div.sidetop {
height:6px;
margin: 0 10px;
}
#leftarea div.side_box div.sidebottom,
#leftarea div.side_box_list div.sidebottom {
height:6px;
margin: 0 10px 20px 10px;
}
#leftarea div.side_box div.sidetitle,
#leftarea div.side_box_list div.sidetitle {
margin: 0 10px 10px 10px;
font-weight:bold;
text-align:center;
}
#leftarea div.side_box div.sidetitle img,
#leftarea div.side_box_list div.sidetitle img {
vertical-align:middle;
}
#leftarea div.side_box div.sidebody {
color:#FFFFFF;
margin:0 0 0 10px;
width:155px;
padding: 5px 0;
}
#leftarea div.side_box_list div.sidebody {
color:#FFFFFF;
margin:0 0 0 10px;
width:155px;
padding: 5px 0;
}
div.sidebody li.subs {
margin:0 5px;
color:#4F4941;
}

#leftarea div.side_box ul,
#leftarea div.side_box_list ul {
list-style-type:none;
}
#leftarea div.side_box ul li,
#leftarea div.side_box_list ul li {
padding: 2px 5px;
}
#leftarea div.side_box ul a,
#leftarea div.side_box_list ul a {
color:white;
}
#leftarea div.side_box ul a:hover {
background-color:#9C8979;
}
#leftarea div.side_box_list ul a:hover {
background-color:#666D6D;
}


/* guides */

#mainarea span#brandname {
color:#B3B3B3;
font-family:"Palatino Linotype", Georgia;
}
#mainarea h1 {
border-top:6px solid #23235F;
color:#23235F;
padding:2px 8px;
}
#mainarea h1 a {
color:#23235F;
}
#mainarea div.toTOP {
text-align:right;
margin-right:20px;
}
#mainarea div.toTOP a {
color:#23235F;
}
#mainarea h2.categoryItems {
padding:5px 8px 2px 8px;
margin:10px 20px 10px 20px;
color:#9C8979;
}
#mainarea h3.categoryItems {
padding:0 8px;
margin:20px 20px 10px 20px;
color:#9C8979;
border-bottom:4px solid #9C8979;
}
#mainarea h3.categoryItems a {
color:#9C8979;
}
#mainarea h3.categoryItems a:hover {
color:#AAA;
}
#mainarea h3.categoryItems span.titleLeft {
padding-right:20px;
border-right:1px solid #9C8979;
}
#mainarea h3.categoryItems span.titleRight {
font-size:70%;
margin-top:7px;
font-weight:normal;
}
#mainarea h3 span.stars, .topBlock span.star, #aboutpage span.star {
font-size:70%;
color:#C6C65B;
}
#mainarea h3 span.prices {
font-size:70%;
}


#welcomeLeft {
float:left;
width:400px;
}
#welcomeLeft h2 {
color:#372F28;
margin:10px 0 0 20px;
background-color:white;
}
#welcomeLeft p {
margin:10px 0 10px 20px;
color:#625548;
}
#welcomeRight {
float:right;width:200px;
margin:10px 20px 0 0;
}
#welcomeRight dl {
margin:0 10px 15px 0;
}
#welcomeRight dt {
text-align:center;
}
#welcomeRight dd {
padding:2px 5px;
border:1px dotted #DDC48C;
color:#B3883E;
margin-bottom:1px;
}
#welcomeRight dd a {
color:#625548;
}
#welcomeRight dd:hover {
background-color:#EEE;
}

.guidecomment {
font-size:85%;
margin:10px 20px;
}

.sparateHR {
border-top:1px dashed #CCC;
border-bottom:none;
border-left:none;
border-right:none;
margin:20px 20px;
}

.brandDescr {
width:534px;
margin:10px auto;
}
.brandItems {
width:534px;
margin:0 auto;
background-color:#DDDDDD;
}
.brandItems div.leftBOX {
width: 300px;
float:left;
padding-top:8px;
}
.brandItems div.rightBOX {
width: 220px;
margin-left:305px;
padding-top:8px;
}
.brandItems p.bottomBOX {
text-align:left;
padding-top:10px;
}
.brandItems div.leftBOX p {
margin:0 5px 2px 15px;
text-align:left;
}
.brandItems div.leftBOX img, .brandItems div.rightBOX p img {
vertical-align:middle;
margin-right:5px;
}
.brandItems div.rightBOX p {
margin:0 5px 2px 15px;
}
.textcenter {
text-align:center;
}
.textleft {
text-align:left;
}
.brandItems table {
margin:2px 10px;
}
.brandItems table td {
padding: 0 2px;
}
.brandItemshead {
width:534px;
margin:10px auto 0 auto;
background:#DDDDDD url(../img/guides.back.01.png) no-repeat bottom left;
height:5px;
line-height:0;
font-size:0;
}
.brandItemstale {
width:534px;
margin:0 auto;
background:#DDDDDD url(../img/guides.back.02.png) no-repeat top left;
height:5px;
line-height:0;
font-size:0;
}
.guideItems {
margin:0 0 20px 0;
border-collapse:collapse;
}
.guideItems td {
vertical-align:top;
padding:0 15px 15px 15px;
width:162px;
}
.guideItems table.itemPhoto {
border:1px solid #DDD;
margin:0 auto;
}
.guideItems table.itemPhoto td {
width:132px;
height:130px;
vertical-align:middle;
text-align:center;
padding:0;
}
.guideItems table.itemPhoto div {
width:128px;
height:128px;
overflow:hidden;
}
.guideItems table.itemPhoto a img {
border:2px solid #FFFFFF;
}
.guideItems table.itemPhoto a:hover img {
border:2px solid #9C8979;
}
.guideItems div.itemName {
font-size:80%;
}
.guideItems div.itemName img {
vertical-align:middle;
margin-right:2px;
}

.guideItems div.itemPrice {
font-size:80%;
text-align:right;
color:#F3549D;
}


#itemList {
width:640px;
margin: 0 0 20px 20px;
border-collapse:collapse;
border:1px solid #DDD;
}
#itemList td.topBorder {
border-top:1px solid #DDD;
}
#itemList td {
padding:2px 4px;
}
#itemList h3 {
background-color:white;
margin:0;
}
#itemList h3 span {
font-size:150%;
color:#C6C65B;
}
#itemList td.titleRight {
vertical-align:bottom;
padding-bottom:3px;
color:gray;
font-size:80%;
}
#itemList td.photos {
text-align:center;
padding:5px;
}
#itemList span.itemPrice {
color:#F3549D;
}
#itemList h3.ranking span {
color:#B3883E;
}


#itemDisplay td.WrapTD {
padding:0 15px 15px 15px;
vertical-align:top;
}
#itemDisplay td.WrapTD a {
color:#565858;
}
#itemDisplay td.WrapTD a:hover {
color:#9C8979;
}
#itemDisplay table {
width:129px;
height:129px;
border:1px solid #AAA;
border-collapse:collapse;
}
#itemDisplay td {
text-align:center;
}
#itemDisplay td div {
width:129px;
height:129px;
overflow:hidden;
}

h2#noticedBrand {
color:#3B3E3B;
background-color:white;
border-top:1px dashed #DEDEDE;
margin:0 20px 0 20px;
padding:20px 0 10px 0;
}

/* top */
div.topBlock {
float:left;
width:305px;
height:200px;
margin:0 0 5px 20px;
}

div.topBlock div.title {
font-size:120%;
font-weight:bold;
padding:3px 3px 2px 3px;
color:#9AA7AF;
border-bottom:4px solid #9AA7AF;
}
div.topBlock div.title a {
color:#9AA7AF;
}
div.topBlock div.title a:hover {
color:#555;
}
div.topBlock div.desc {
margin:5px;
color:#9AA7AF;
}
div.topBlock div.itemname {
font-size: 120%;
margin-top:10px;
}
div.topBlock div.itemname div.simages {
text-align:center;
float:left;
width:66px;
height:66px;
overflow:hidden;
}
div.topBlock div.photo {
margin-top:10px;
}
div.topBlock  a img {
border-top:3px solid #FFF;
}
div.topBlock a:hover img {
border-top:3px solid #9AA7AF;
}


.clear {
clear:both;
}
.moreButton {
margin:5px 20px;
text-align:right;
}

.eachlink a {
color:white;
}
.eachlink {
margin:20px 10px;
}


#aboutpage {
}
#aboutpage h2 {
background-color:white;
color:#9C8979;
margin:10px;
padding-bottom:5px;
border-bottom:1px dotted #9C8979;
}
#aboutpage h3 {
margin:30px 10px 10px 10px;
}
#aboutpage p {
margin:10px;
}



/* contact */
.contact {
margin:10px auto;
background-color:#F7F2E2;
width:450px;
}
.contact td, .contact th {
padding:5px;
}
.bottomborder td, .bottomborder th {
border-bottom:1px dashed #DDD;
}

/* map */
.gmapBOX {
width:300px;
width:300px;
margin-top:10px;
float:left;
}
.Gmap {
width: 250px;
height: 250px;
border:1px solid #777;
}


h2#links {
margin:20px 20px;
padding-bottom:10px;
color:#9C8979;
border-bottom:1px dotted #E7DBBE;
}
table#links {
margin:10px 20px;
}
table#links td, table#links th {
vertical-align:top;
}
h3.links {
margin:30px 20px 10px 20px;
border-top:1px dotted #E7DBBE;
padding-top:10px;
}
div.links {
margin:10px 20px 0px 20px;
}
div.links a {
border-bottom:1px dashed #9C8979;
}
div.links a:hover {
border-bottom:0px dashed #9C8979;
}
div.urls {
margin:0 20px 10px 20px;
font-size:85%;
color:#888;
}
p.links {
margin:10px 20px;
}
div#linkspreview {
border:1px dotted #E7DBBE;
padding:10px;
margin:10px;
}
