/********************/
/* tags etc
/********************/
body {margin:0; font:90%/180% Verdana, Arial, Helvetica, sans-serif; background:#31319c}
a,
a:link,
a:active,
a:visited {color:#31319c; text-decoration:none}
a:hover,
a:focus   {text-decoration:underline}
h1, h2, 
h3, h4, 
h5, h6, p {padding:0; margin:15px 0}
h1        {font-size:120%}
h2        {color:#31319c; font-size:120%}
abbr      {border:none}
address   {font-style:normal}

#main-container {position:relative; width:900px; margin:15px auto; background:transparent url(../images/bg/bg-body.png) repeat-y}


/********************/
/* head section
/********************/
#head-container         {position:relative; width:900px; height:124px; background:transparent url(../images/sprites/sprites-common.png) 0 0 no-repeat}
#head-container p,
#head-container address {display:none}


/********************/
/* body section
/********************/
#body-container                 {position:relative; width:900px}
#body-container img:first-child {position:relative; display:block; top:-4px; margin:auto}
#body-container .left       {width:520px; float:left; padding:0 0 110px 30px}
#body-container .left ul    {padding:0; margin:0; list-style:none}
#body-container .left li    {display:block; width:225px; float:left; margin:10px 20px 10px 0; border:6px solid #ffef00; background:transparent url(../images/bg/bg-top-sellers.png) repeat-x}
#body-container .left li dl {padding:0; margin:10px 0}
#body-container .left li dt {display:block; width:186px; padding:7px; margin:0 auto; color:#fff; font-size:100%; font-weight:700; background:#31319c; line-height:130%}
#body-container .left li dd {display:block; width:200px; padding:0; margin:10px auto; font-size:80%; font-weight:400; font-style:italic; line-height:150%}
#body-container .right                {width:300px; float:right; padding:0 30px 110px 0}
#body-container .right h2 + ul        {padding:0; margin:0; list-style:none} 
#body-container .right h2 + ul li     {width:289px; padding:5px; margin:2px 0; font-weight:700; background:#ffef00}
#body-container .right h2:first-child {width:285px; padding:4px 7px; margin:15px 0 0; color:#fff; background:#31319c}
#body-container .right address strong {display:block; font-size:140%}
#body-container .right address a:link,
#body-container .right address a:active,
#body-container .right address a:visited                 {color:#000}
#body-container .right a[title="Google Street Map"]      {display:block; margin:15px 0; color:#000; font-size:90%; font-weight:700}
#body-container .right a[title="Google Street Map"] span {display:block; width:42px; height:41px; float:left; margin:-7px 5px 0 0; background:transparent url(../images/sprites/sprites-common.png) -858px -144px no-repeat}


/********************/
/* foot section
/********************/
#foot-container    {position:relative; width:870px; height:20px; clear:both; padding:0 30px; color:#fff; font-size:90%; background:transparent url(../images/sprites/sprites-common.png) 0 -124px no-repeat}
#foot-container ul {position:absolute; width:826px; height:78px; padding:0; margin:0; top:-100px; list-style:none; background:transparent url(../images/sprites/sprites-common.png) 0 -144px no-repeat}
#foot-container li,
#foot-container h2 {display:none}
#foot-container p  {position:absolute; top:67px; right:60px}
#foot-container a:link,
#foot-container a:active,
#foot-container a:visited         {color:#fff}
#foot-container address           {position:absolute; top:30px}
#foot-container address + address {top:115px; padding:0 0 20px; color:#cbd5e6; font-size:80%; line-height:150%}


/********************/
/* jquery colorbox
/* original files :
/* _css/jquery/colorbox
/* /colorbox.css
/********************/
#colorbox, 
#modalBackgroundOverlay, 
#modalWrap              {position:absolute; top:0; left:0; z-index:9999}
#modalBackgroundOverlay {position:fixed; width:100%; height:100%}
#colorbox               {overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px}
#modalWrap              {width:9000px; height:9000px}
#modalContent, 
#borderTopLeft, 
#borderTopCenter, 
#borderTopRight, 
#borderBottomLeft, 
#borderBottomCenter, 
#borderBottomRight, 
#borderMiddleLeft, 
#borderMiddleRight {float:left; height:0; width:0; overflow:hidden}
#borderMiddleLeft, 
#borderBottomLeft  {clear:left}
#modalContent      {position:relative; overflow:visible}
#contentTitle      {margin:0}
#modalClose, 
#contentPrevious, 
#contentNext               {outline:none; cursor:pointer; border:0; margin:0}
#modalLoadedContent        {overflow:auto; width:0; height:0}
#modalLoadedContent iframe {display:block; width:100%; height:100%; border:0}
#modalLoadedContent embed  {display:block; border:0}
#modalLoadingOverlay       {position:absolute; width:100%; height:100%; top:0; left:0}

#modalBackgroundOverlay {background:url(/images/jquery/colorbox/stripe.png) 0 0 repeat}
#borderTopLeft          {width:21px; height:21px; background:url(/images/jquery/colorbox/borderCorners.png) 0 0 no-repeat}
#borderTopCenter        {height:21px; background:url(/images/jquery/colorbox/borderTopCenter.png) 0 0 repeat-x}
#borderTopRight         {width:21px; height:21px; background:url(/images/jquery/colorbox/borderCorners.png) -21px 0 no-repeat}
#borderBottomLeft       {width:21px; height:21px; background:url(/images/jquery/colorbox/borderCorners.png) 0 -21px no-repeat}
#borderBottomCenter     {height:21px; background:url(/images/jquery/colorbox/borderBottomCenter.png) 0 0 repeat-x}
#borderBottomRight      {width:21px; height:21px; background:url(/images/jquery/colorbox/borderCorners.png) -21px -21px no-repeat}
#borderMiddleLeft       {width:21px; background:url(/images/jquery/colorbox/borderMiddleLeft.png) 0 0 repeat-y}
#borderMiddleRight      {width:21px; background:url(/images/jquery/colorbox/borderMiddleRight.png) 0 0 repeat-y}
#modalContent           {background:#fff}
#modalLoadedContent     {margin-bottom:28px}
#contentTitle           {position:absolute; bottom:3px; left:0; text-align:center; width:100%; background:#fff; font-weight:bold; color:#949494}
#contentCurrent         {position:absolute; bottom:3px; left:58px; font-weight:bold; color:#949494}
#contentPrevious        {position:absolute; bottom:0; left:0px; background:url(/images/jquery/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px}
#contentPrevious:hover, 
#contentPrevious.hover  {background-position:-25px -25px}
#contentNext            {position:absolute; bottom:0; left:27px; background:url(/images/jquery/colorbox/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px}
#contentNext:hover, 
#contentNext.hover      {background-position:0px -25px}
#modalLoadingOverlay    {background:url(/images/jquery/colorbox/loading.gif) center center no-repeat #fff}
#modalClose             {position:absolute; bottom:0; right:0; background:url(/images/jquery/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px}
#modalClose:hover, 
#modalClose.hover       {background-position:-50px -25px}