body,p,table,div,ul,li,h1,h2,h3,h4,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:#D6E9EA;
}

/* General Style Info */
a{
color:#000000;
text-decoration:none;
}
a:hover{
color:#003d4c;
text-decoration:none;
}

a img{
border:none;
}

h2 {
	color:#FFFFFF;
}

.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:#53BDFF;
}

#headertop {
background:#153A61 url(/img/headertop.gif) no-repeat center top;
color:#FFFFFF;
padding:4px 5px;
}
#header{
background:#FFFFFF url(/img/sunoboback.jpg) no-repeat center top;
height:151px;
}
#header h1{
padding:0 0 0 20px;
font-size:28px;
}
#header h1 a{
color:#FFF;
}
#headertop div#navi{
width:260px;
height:11px;
margin-top:3px;
font-size:0;
line-height:0;
float:right;
}
#header div#navi img{
vertical-align:bottom;
}

#content{
clear:both;
color: #333;
}
#footer{
clear:both;
background-color:#153A61;
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:160px;
margin-left:10px;
}
#mainarea {
float:right;
width:680px;
margin-top:10px;
}

div#introduction {
color:#FFFFFF;
margin:10px 0;
}
#leftarea div.side_box {
background-color:#FFF;
margin:10px 0;
color:#888;
}
#leftarea div.side_box div.sidetop {
}
#leftarea div.side_box div.sidebottom {
}
#leftarea div.side_box div.sidetitle {
background:#162E6C url(/img/side.head.gif) no-repeat left top;
color:#FFF;
padding:5px 0 2px 0;
margin: 0 0 1px 0;
font-weight:bold;
text-align:center;
}
#leftarea div.side_box div.sidebody {
color:#FFFFFF;
margin:0;
padding: 0;
}
div.sidebody li.subs {
margin:0 5px;
color:#4F4941;
}

#leftarea div.side_box ul {
list-style-type:none;
}
#leftarea div.side_box ul li {
background:#FFFFFF url(/img/side.body.gif) repeat-y left;
padding: 2px 5px;
margin:1px 0;
}
#leftarea div.side_box ul a {
color:#2872A2;
border-bottom:1px dotted transparent;
}
#leftarea div.side_box ul a:hover {
border-bottom:1px dotted #2872A2;
}


/* guides */

#mainarea span#brandname {
color:#EEEEEE;
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;
}
h2.categoryItems {
	margin-bottom:20px;
}
#mainarea h3.categoryItems {
padding:0 8px;
margin:20px 0 10px 0;
color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
}
#mainarea h3.categoryItems a {
color:#FFFFFF;
}
#mainarea h3.categoryItems a:hover {
color:#4444FF;
}
#mainarea h3.categoryItems span.titleLeft {
padding-right:20px;
border-right:1px solid #FFFFFF;
}
#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 {
margin:10px 0 0 0;
}
#welcomeLeft p {
margin:10px 0 10px 0;
color:#625548;
}
#welcomeRight {
float:right;width:200px;
margin:10px 10px 0 0;
}
#welcomeRight dl {
margin:0 0 15px 0;
}
#welcomeRight dt {
text-align:center;
}
#welcomeRight dd {
padding:2px 5px;
border:1px dotted #FFFFFF;
color:#FFFF00;
margin-bottom:1px;
}
#welcomeRight dd a {
color:#555555;
}
#welcomeRight dd:hover {
background-color:#88FFFF;
}

.sparateHR {
border-top:1px dashed #CCC;
border-bottom:none;
border-left:none;
border-right:none;
margin:20px 20px;
}

.brandDescr {
width:534px;
margin:10px auto;
}

div.item_line {
	clear:both;
}
div.item_line span {
	display:block;
}
a.itembox {
	display:block;
	float:left;
	width:150px;
	margin-bottom:20px;
	background:url(/img/item.t.gif) no-repeat left bottom;
}
a.sp_r {
margin-right:25px;
}
span.itemboxin {
	background:url(/img/item.h.gif) no-repeat left top;
}
span.itemPhoto {
	text-align:center;
	padding-top:2px;
}
span.itemName {
	font-size:80%;
	margin-left:10px;
	margin-bottom:5px;
	width:130px;
}
span.itemPrice {
	text-align:center;
}




.brandItems {
width:534px;
margin:0 auto;
background-color:#8BD3E5;
}
.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;
}


#itemList {
margin: 0 5px 20px 0;
border-collapse:collapse;
border:1px solid #DDD;
}
#itemList td.topBorder {
border-top:1px solid #DDD;
}
#itemList td {
padding:2px 4px;
}
#itemList h3 {
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:#FFFFFF;
}
#itemList h3.ranking span {
color:#FFFF3E;
}



/* top */
div.topBlock {
float:left;
width:305px;
height:200px;
margin:0 20px 5px 0;
}

div.topBlock div.title {
font-size:120%;
font-weight:bold;
padding:3px 3px 2px 3px;
color:#FFFFFF;
border-bottom:1px dotted #FFFFFF;
}
div.topBlock div.title a {
color:#FFFFFF;
}
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.simage {
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:#FFFFFF;
}
.eachlink {
margin:20px 5px;
}


#aboutpage {
}
#aboutpage h3 {
margin:30px 10px 10px 0;
}
#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;
}