UL,LI,BODY,P {
    margin:0;
    padding:0;
    list-style:none;
}
.clear {
    clear:both;
}
.block,
.hbox A,
.hbox,
.icon {
    display:block;
}
.inline {
    display:inline;
}
.fullwidth {
    width:100%;
}
.debug{
    border:dotted 1px black;
}
.autowidth {
    width:auto;
    margin-left:auto;
    margin-right:auto;
}

.hbox li {
    display:inline;
}

.hidden {
    display:none;
}
.right,
.cright,
.hbox li.right
{
    float:right;
}
.left,
.cleft,
.hbox li {
    float:left;
}
.cleft {
    clear:left;
}
.cright {
    clear:right;
}
.bold {
    font-weight:bold;
}
.normal {
    font-weight:normal;
}
.bolder {
    font-weight:bolder;
}
.absolute {
    position:absolute;
    top:0;
    left:0;
}
.relative {
    position:relative;
}
/*
------------------------------------------------------------------------------
*/
.micro {
    font-size: 10px;
}

.tiny {
    font-size: 11px;
}
.small {
    font-size: 12px;
}
.medium {
    font-size: 13px;
}
.bigger {
    font-size: 14px;
}
.large {
    font-size: 16px;
}
.centered {
    text-align:center;
}
.leftered{
    text-align:left;
}



A {
    white-space:nowrap;
    color:#4687d1;
}
A.dark-link
{
    color:#003878;
}

A,
.mouseover A:hover {
    text-decoration:none;
}
A:hover,
.mouseover A {
    text-decoration:underline;
}

.sprite,
.icon,
.hbox.theme LI,
.hbox.theme A
{
    background-image:url('http://static.canadajewellery.ca/cjw/directory-pages-image/sprite.l502ww.png');
    background-repeat:no-repeat;
}

BODY {
    padding-top:176px;
    font-family:arial;
    font-size:13px;
}
#header {
    background-position:0px -843px;
    background-repeat:repeat-x;
}
#logo-bar {
    margin-left:17px;
}
#logo-bar,
#logo-bar LI,
#logo {
    height:93px;
}
#logo {
    width:242px;
}

.left-column-margin {
    margin-left: 208px;
}
.content-width {
    width:776px;
}

.menu-height LI,
.menu-height A,
.menu-height
{
    height:32px;
    line-height:32px;
    display:block;
}

.menu A {
    padding-left:12px;
    padding-right:10px;
    font-size:12px;
    text-transform:capitalize;
}

#main_menu A {
    width:110px;
}

#main_menu A ,
#navi_type A
{
    color:#ffffff;
    font-weight:bold;
    padding-right:9px;
    margin-right:1px;

}

#main_menu .active A {
    margin-right:0;
    padding-right:10px;
    background-position:0 -67px;
}
#main_menu LI {
    background-position:right top;
    text-align:center;
}

#sub_menu A,
#main_menu .active A,
.pagination A,
.breadcrumbs-body A ,
.company A.dark-link {
    color:#275c9e;
}
.pale-bg {
    background-color:#f6f6f6;
}
.dark-gray-v2 {
    color:#777777;
}
.pale-blue,
A.pale-blue
{
    color:#799bc4;
}

.dark-gray,
A.dark-gray {
    color:#6e6e6e;
}
A.gray,
.gray,
.gray A,
.gray SPAN
{
    color:#c4c4c4;
}
.darker-gray {
    color:#525252;
}
/*
  PALETTE

-Pale
-Pastel


Electric + 3
Bright + 2
Light + 1
Neutral 0
Deep -1
Dark -2
*/

.neutral.gray {
    color:#a2a2a2;
}
.light.gray {
    color:#c4c4c4;
}
.neutral.deep.gray {
    color:#6e6e6e;
}
.deep.gray {
    color:#525252;
}



.gray-border {
    border:1px solid #c4c4c4;
}
.neutral.gray-border {
    border:1px solid #e8e8e8;
}
.no-top-border {
    border-top:none;
}
.no-bottom-border {
    border-bottom:none !important;
}
.pale.underline {
    border-bottom:1px solid #ebebeb;
}

.gray-bg,
.gray HR,
HR.gray {
    background-color:#e9e9e9;
}
.gray-bg.gray,
.gray-bg.gray SPAN
{
    color:#9d9d9d;
}
.gray-bg.gray A{
    color:#85a2c4;
}

.gray HR,
HR.gray {
    height:1px;
    border:none;
    margin-top:16px;
}
.green,
.green A
{
    color:#006400;
}
#sub_menu A{
    background-position:0 -35px;
}
#homeicon{
    width:14px !important;
    background-position:-258px -716px;
}
.alternative A {
    background-position:0 -99px;
}
#main_menu LI.alternative {
    background-position:right -99px;
}
#sub_menu li.right,
#sub_menu li.right A
{
    background-image:none;
    padding-left:0;
}
#sub_menu .icon {

    width:35px;
    height:32px;
    background-color:black;
    float:left;
}
#mitem_add .icon {
    background-position:-296px -716px;
}
#mitem_update .icon {
    background-position:-335px -716px;
}

.double-line,
.double-line A,
.double-line LI,
.double-line .icon
{
    height:44px;
    line-height:44px;
}
.semi-line{
    height:32px;
    line-height:32px;

}

.single-line,
.single-line .icon
{
    height:24px;
    line-height:24px;

}
.ga {
    /*background-color:#faebd7;*/
}
.ga.left {
    height:620px;
    width:200px;
}
.gad,
#footer {
    margin-left:20px;
}
#footer {
    padding-top:20px;
}
#gad_home {
    top:170px;
}
#gad_menu{
    /*top:172px;*/
    top:142px;
}
.margin {
    margin:10px;
}
.margin-left-x2 {
    margin-left:20px;
}
.margin-right-x2 {
    margin-right:20px;
}
.vmargin{
    margin:10px 0;
}
.hmargin{
    margin:0 10px;
}
.margin-top {
    margin-top:10px;
}
.margin-right {
    margin-right:10px;
}

.padding {
    padding:10px;
}
.paddingX2 {
    padding:20px;
}
.vpadding{
    padding:10px 0;
}
.sidepadding,
.hpadding
{
    padding:0 10px;
}
.sidemargin {
    margin:0 10px;
}
#site {
    width:984px;
}
.dark-bg {
    background-color:#4d7fbd;
    color:#ffffff;
}
.heading{
    font-size:20px;
    margin-bottom:16px;
    margin-top:20px;
}
.no-bottom-margin {
    margin-bottom:0;
}
#navi_type LI {
    background-position:right -175px;
}
#navi_type A {
    background-position:-5px -175px;
    padding-top:5px;
    height:39px;
    text-align:center;
    margin-right:3px;
    font-weight:normal;
    padding-right:0;
}

#navi_type .first A {
    background-position:-4px -175px;
    padding-right:0;
}
#navi_type .overlay {
    padding:0px;
}
#navi_type LI.active {
    background-position:right -131px;
}
#navi_type LI.active.first A {
    background-position:0 -131px;
    padding-left:15px;
}
#navi_type LI .overlay {
    background-position:-912px -747px;
    padding-right:10px;
}
#navi_type LI.active .overlay {
    background-position:-943px -793px;
    padding-right:0px;
}
#navi_type LI.active A {
    color:#4d7fbd;
    background-position:-4px -131px;
    font-weight:bold;
    text-decoration:none;
}
#navi_type LI SPAN.wrap {
    background:none;
    padding-right:8px;
    width:100px;

}
#navi_type SPAN {
    background-position:right -739px;
    padding-right:15px;
    display:block;
}
A.sprite {
    cursor:pointer;
}
.info-plate{
    background-position:left bottom;
    width:352px;
    line-height:16px;
    padding:5px 10px;
    padding-top:9px;
    padding-bottom:7px;
    cursor:pointer;
}
.info-plate.mouseover {
    background-position:-376px bottom;
}
#stores .icon {
    width:35px;
    background-position:-258px -750px;
}
#stores .info-plate {
    background-position:left -1087px;
}
#stores .info-plate.mouseover {
    background-position:-376px -1087px;
}

.green-bracket,
.info-plate .tiny
{
    background-position:right -713px;
    padding-right:9px;
}
.company .blue-bracket {
    background-position:right -738px;
    padding-right:8px;
}

#footer table A {
    display:block;
}

.info-plate IMG,
.info-plate DIV.pale-bg
{
    width:34px;
    height:26px;
}
#breadcrumbs UL {
    background-position: left -388px;
    margin-right:6px;
    padding-left:5px;
    padding-top:4px;
    padding-bottom:4px;
}
.breadcrumbs-body {
    position:relative;
    top:-4px;
    left:-4px;
    zoom:1;
    height:auto;



}
.breadcrumbs-body,
.breadcrumbs-body .side,
.company,
.com-sprite,
.bottom-gradient    
{
    background-image:url('http://static.canadajewellery.ca/cjw/directory-pages-image/sprite2.l3xvm3.png');
    background-repeat:no-repeat;
}
.breadcrumbs-body  {
    background-position:bottom left; 
}
.breadcrumbs-body .wrap {
    -margin-right:10px;
    -margin-left:-6px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:0px;
    position:relative;
}
.breadcrumbs-body .wrap TABLE {
    padding-bottom:10px;
}
.breadcrumbs-body .wrap HR {
    margin-top:2px;
    margin-bottom:0px;
}

.breadcrumbs-body .side {
    background-position:-978px bottom ;
}
.pagination .prev,
.pagination .disabled.mouseover.prev {
    background-position:left -358px;
}
.pagination .mouseover.prev {
    background-position:left -327px;
}
.pagination .prev A {
    padding-left:15px;
}
.pagination .next,
.pagination .disabled.mouseover.next {
    background-position:right -358px;
}
.pagination .mouseover.next {
    background-position:right -327px;
}

.pagination .next A {
    padding-right:15px;
}
#breadcrumbs {
    background-position:right -388px ;
    position:relative;
    left:-4px;
}
#breadcrumbs LI.supressed {
    display:none;
}
#breadcrumbs A,
#breadcrumbs B,
#breadcrumbs LI
{
    background-position:-20px -1000px;
}
#breadcrumbs A,
#breadcrumbs B
{
    padding-left:15px;
    margin-right:1px;
}
#breadcrumbs .icon,
#breadcrumbs .active .icon,
#breadcrumbs .active .mouseover.icon
{
    margin:0;
    padding:0;
    width:25px;
    background-position:-381px -720px;
}
#breadcrumbs .mouseover.icon {
    background-position:-413px -720px;
}

#breadcrumbs LI.active {
    background-position:right -430px;
}
#breadcrumbs LI.active A,
#breadcrumbs LI.active B
{
    background-position:left -430px;
}

.delimiter {
    margin-top:10px;
    border-bottom:solid #dcdcdc 1px;
}

#hide {
    background-position:-445px -725px;
    padding-right:20px;

}

.bold.margin.dark-gray-v2 {
    font-family:sans-serif;
}
.text-shadow{

    text-shadow:1px 1px 2px #aaaaaa;
}
/*
	filter: progid:DXImageTransform.Microsoft.Shadow(color="#489951", direction=150, strength=2, positive="true");
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#489951', direction=150, strength=2, positive='true')";
*/
.side
{
    width:10px;
    height:100%;
    position:absolute;
    right:0;
    bottom:0;
}


.company {
    position:relative;
    margin-right:200px;
    background-position:-1021px bottom;
    color:#575757;
    padding-top:0;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:15px;
}
.company.mouseover{
    background-position:-2036px bottom;
}
.profile {
    width:570px;
    height:180px;
}
.profile-wrap {
    position:relative;

}
.company .side {
    background-position:-1990px bottom;
}
.company.mouseover .com-sprite {
    background-position:-3007px bottom;
}
.company .single-line .icon {
    height:24px;
}
.company .icon,
.profile .icon
{
    width:16px;
    height:16px;
}
.company .micro.gray .icon {
    background-position:-634px -720px;

}
.company .toggler.left {
    width:116px;
}
.phone .icon  {
    background-position:-513px -725px;
}
.website .icon{
    background-position:-549px -725px;
}
.info-button{
    width:80px;
    background-position:left -297px;
    position:relative;
    
}
.info-button .side {
    width:1px;
    background-position:-203px -297px;
}
.bottom-gradient {
     background-position:-1022px bottom;
}
.right-column-margin {
    margin-right:200px;
}
.map {
    width:180px;
    height:180px;
    /*background-color:#E9E7D4;*/
    margin-left:20px;
    margin-bottom:20px;
    z-index:10;
    cursor:pointer;
}
#mapcontainer{
    margin:0px;
    z-index:20;
    position:absolute;
    right:0px;
    top:0px;
    width:180px;
    height:180px;
    background-color:#E9E7D4;
    float:right;
    margin-right:-1px;
}
.low-level{
    position:relative;
    top:0px;
    z-index:1;
}
.map.expanded {
    width:784px;
    height:784px;  
}
div.xbox-shadow {
  


}
.xbox-shadow-small{
    -moz-box-shadow: 1px 1px 2px #ccc; /* FF3.5+ */
 -webkit-box-shadow: 1px 1px 2px #ccc; /* Saf3.0+, Chrome */
         box-shadow: 1px 1px 2px #ccc; /* Opera 10.5, IE 9.0 */


}
.map-expander {
    z-index:30;
    width:20px;
    height:20px;
    background-position:-592px -722px;
    right:5px;
    top:5px;
    cursor:pointer;
    position:absolute;
}
.company .email q,
.company .email s
{
    text-decoration:none;
    display:inline;
    border-collapse:collapse;
    quotes: none;

}
.teleport{
    position:relative;
    padding-bottom:70px;
}
.teleport-group {
    position:absolute;
    bottom:0px;
}
#profile_tabs {

    position:relative;
    top:1px;
    left:-1px;
}
#profile_tabs A,
#profile_tabs LI
{
    height:31px;
    line-height:31px;
}

#profile_tabs LI {
    background-position:right -250px;
    margin-left:1px;
}
#profile_tabs a {
    background-position:0 -250px;
    padding-right:5px;
}

#profile_tabs LI.active {
    background-position:right -219px;
}

#profile_tabs LI.active A {
    color:#4d7fbd;
    background-position:0 -219px;
    font-weight:bold;
}
#profile_tabs LI.active SPAN {
    background:none;
}
#profile_tabs SPAN {
    background-position:right -753px;
    padding-right:15px;
    display:block;
}
.company-info{
    height:auto;
    padding-bottom:20px;
    position:relative;
}
#site.country .heading {
    padding-left:14px;
    padding-right:8px;
    margin-bottom:5px;
}
#site.country .info-plate{
    padding-left:14px;
    
}
#site.country .status {
    margin-top:8px;
    margin-bottom:4px;
}
.hours-of-op {
    width:180px;
    background-color:white;
    border-bottom:1px solid #d3d3d3;
    -border-top:1px solid #d3d3d3;
 
}
.company-logo {
   padding-right:20px;
    border-right:1px solid #E8E8E8;
    margin-right:20px;
}

#details .underline.large {
    margin-top:15px;
    margin-left:15px;
    margin-right:15px;
}
#details .underline.details-heading {
    margin-top:25px;
}

.details-body {
    margin-left:15px;
    margin-right:15px;
}
/*....*/
#previews {
    margin-left:5px;
}
