/* site wide styles */

.hide {
   display: none;
}

body {
   background: #FFF;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 0.9em;
   color: #000;
   margin-bottom: 0;

}  

div#container{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	background: #FFF;
	border: 0;
}

div#navtop {
   padding: 0;
   margin: 0;
   text-align: right;
   background: #FFF;
}

div#navtop a {
   padding: 0;
   margin: 0;
   font-size: 0.9em;
   color: navy;
}

div#navtop a:hover {
   font-weight: bold;
}

div#masthead {
   padding: 0;
   margin: 0;
   border-bottom: 2px solid #D60000;
   background: #000;
}

div#masthead img {
   padding: 0;
   margin: 0;
   border: 0;
}

/* main navigation - top */

div#navarea {
   margin: 0;
   padding: 0;
   width: 800px;
   background: #000;
}

div#nav {
   padding: 0;
   margin: 0;
   float: left;
   width: 800px;
   z-index: 10; 
   background: #000;
}

div#nav a {
   color: #FFF; 
   font: 90% bold Arial, Verdana; 
   font-weight: bold; 
}



div#nav ul {
   padding: 0;
   margin: 0;
   list-style: none;
}

div#nav li {
   padding: 0;
   margin: 0;
   position: relative;
   float: left;
   width: 7.5em; 
   line-height: 1.5em; 
   padding-top: 3px;
   padding-bottom: 3px;
   text-align: center; 
} 

div#nav a.navcurrent:hover {
   background: #000;
}

div#nav li a:hover {
   color: #B0C4DE; 
   text-decoration: underline;
}

div#nav li a{display: block; padding: 0.25em 0.25em 0.25em 0.25em;
   text-decoration: none; width: 7.5em;
   background: #000;
   text-align:center;  } 
div#nav>ul a {width: auto;}


/* right - main content */

div#right { 
   float: right;
   min-height: 550px; 
   height: auto; /*for compliant browsers*/ 
   width: 600px;
   background: #FFF;
   margin-top: 4px;
}
  
* html div#right { 
   height: 550px; /* for IE browsers */
} 

/* general site style */

div#right .alist li {
   list-style-image: url(../media/images/general/redsquare.gif);
}

div#right h3 {
   padding: 0;
   margin: 0;   
   /*background: #B0C4DE;*/
   color: #000;  
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 10px;
   border: 1px solid #000;
}

div#right .toptitle {
   background: #FFF;
   border: 0;
   border-bottom: 2px solid #D60000;
   margin-bottom: 10px;
}

div#right h4 {
   margin: 0;
   padding: 0;
   color: #D60000;
   padding-left: 10px;
}

div#right .hometitle {
   color: #FFF;
   background: #000;
}

div#right .right1 {
   background: #B0C4DE;
   width: 600px;
   border: 1px solid #000;
   margin: 2px;
}

div#right .mainp {
   padding-left: 20px;
   padding-right: 20px;
}

div#right .newstore {
   color: red;
}

div#right .cgmain {
   background: #FFF;
   border: 2px solid #CCC;
   float: right;
   text-align: center;
   padding: 2px;
   margin-top: 2px;
   margin-bottom: 2px;
   padding-bottom: 10px;
   width: 200px;
}

div#right .cgmain a {
   color: #000;
   text-decoration: none;
   font-size: 1.1em;
}

div#right .cgmain a:hover {
   color: #D60000;
}


div#right .cgmain img{
   padding-bottom: 5px;
}


div#right .cgmainimg {
   border: 0;
   width: 200px;
   height: 35%;
   padding: 0;
   margin: 0;
}



div#right p.calsum  {
   margin: 0;
   padding: 0;
   padding-top: 5px;
   text-align: center;
   padding-left: 105px;
   padding-right: 105px;
   min-height: 25px;
}

* html div#right p.calsum { 
   height: 40px; /* for IE browsers */
} 


div#right p.calsum a {
   text-decoration: none;
   color: #000;
}

div#right p.calsum a:hover {
   color: #D60000;
}

div#right .right3b {
   width: 598px;
   background: #AAA;
   border: 1px solid #AAA;
   min-height: 450px;
}

* html div#right .right3b { 
   height: 450px; /* for IE browsers */
} 

div#right .right3b img {
   padding: 0;
   margin: 0;
   width: 595px;
   border: 0; 
}
div#right .right3 {
   margin: 0;
   padding: 0;
   width: 198px;
   float: left;
}

div#right .right3 h5 {
   margin: 0;
   padding: 0;
   width: 198px;
   text-align: center;
   background: #CCC;
   color: #000;
   border: 1px solid #AAA;
   min-height: 20px;
   padding-top: 5px;
}

* html div#right .right3 h5 { 
   height: 20px; /* for IE browsers */
} 

div#right .right3 img {
   margin: 0;
   padding: 0;
   width: 148px;  
   border-top: 1px solid #D60000;
   border-bottom: 1px solid #D60000;
}


div#right .right3 ul {
   margin: 0;
   padding: 0;
   border-top: 0;
   border: 1px solid #AAA;
   width: 198px;
   min-height: 300px;
   background: #FFF;
}

* html div#right .right3 ul { 
   height:300px; /* for IE browsers */
} 

div#right .right3 li {
   margin-left: 25px;
   list-style: url(../media/images/general/redsquare.gif);
   margin-top: 2px;
   padding: 0;
}

div#right .right3img {
   background: #000;
   margin-bottom: 10px;
   width: 597px;
   padding-left: 3px;
}

div#right .right3img img{
   width: 145px;
   padding: 0;
   margin: 0;
   margin-top: 2px;

}

div#right .right4 {
   margin-top: 2px;
   float: left;
   width: 350px;
   background: #EEE;
   border: 2px solid #CCC;
   padding-top: 10px;
}

div#right .right4 ul {
   
   margin-left: 50px;
   list-style: url(../media/images/general/redsquare.gif);
   margin-top: 2px;
   padding: 0;
}

/* services */

div#right .services li {
   list-style: url(../media/images/general/redsquare.gif);
}


/* rentals */
div#right .halfprice {
   margin-left: 40px;
   margin-right: 40px;
   text-align: center;
   margin-top: 50px;
   padding-bottom: 20px;
}

div#right .halfprice img {
   border: 0;
   margin-bottom:10px;
}

div#right .halfprice a {

}

/* product lines and links */

div#right .disclaimer{
   margin-top: 0px;
   margin-bottom: 20px;
   width: 100%;
   float: left;
   font-size: 0.8em;
}

div#right .prodlist {
   width: 500px;
   min-height: 30px;
}

* html div#right .prodlist { 
   height: 30px; /* for IE browsers */
} 

div#right .prodlist li {
   list-style: url(../media/images/general/redsquare.gif);
   margin-top: 5px;
}

div#right .prodlist ul ul li{
   font-weight: normal;
   margin: 0;
}

div#right .prodlist a {
   text-decoration: none;
   color: #D60000;
}

div#right .prodlist a:hover {
   text-decoration: underline;
}

div#right .prodlines{
   width: 175px;
   min-height: 200px;
   float: left;
}

* html div#right .prodlines { 
   height: 200px; /* for IE browsers */
} 

div#right .prodlines ul {
   padding: 0;
   margin: 0;
   margin-left: 25px;
   margin-top: 10px;
   padding-bottom: 10px;
   float: left;
   
}   

div#right .prodlines li {
   list-style-image: url(../media/images/general/redsquare.gif);
}

div#right .prodlines p {
   margin: 0;
   padding: 0;
   font-weight: bold;
}

div#right .prodlines h4 {
   margin: 0;
   padding: 0;
   color: #D60000;
   margin-left: 15px;
} 


div#right ul.pl2 {
   margin-top: 30px;
}

div#right .fbrands {
  padding: 0;
  margin: 0;
  margin-top: 10px;
  border: 1px solid #D60000;
  min-height: 200px;
}

* html div#right .fbrands { 
   height: 200px; /* for IE browsers */
} 

div#right .fbrands ul {
   padding: 0;
   margin: 0;
   padding-top: 10px;
   width: 140px;
   min-height: 125px;
   float: left;
   text-align: center;
   list-style: none;
}

* html div#right .fbrands ul { 
   height: 125px; /* for IE browsers */
} 

div#right .fbrands h4 {
   margin: 0;
   padding: 0;
   padding: 5px;
   padding-left: 10px;
   color: #000; 
   background: #DDD;
   border-bottom: 1px solid #D60000;
}



div#right .summerloc {
   padding: 0;
   margin: 0;
   text-align: center;
   font-size: 1.15em;
   font-weight: bold;
   padding: 50px;
} 


div#right .summerloc img{
   border: 2px solid #000;  
   margin-top: 15px;
}

/* hiking */

div#right .featureb li{
   font-weight: normal;
}

/* employment */
div#right .emppost ul{
   list-style-image: url(../media/images/general/redsquare.gif);
   padding-bottom: 5px;
}

div#right .emppostdate{
   margin: 0;
   padding: 0;
   font-style: italic;
   font-size: .9em;
   padding-left: 10px;
}

div#right .emptitle ul{
   margin: 0;
   padding: 0;   
}

div#right .emplist {
   margin-left: 20px;
   margin-top: 10px;
}

div#right .emptable {
   width: 60%;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 0.95em;

}

div#right .emptable th {
   text-align: left;
}

div#right .emplocation {
   color: blue;
   font-weight: bold;
}

div#right .emplisting {
   padding-left: 10px;
}

div#right .cmpnydesc{
   background: aliceblue;
   padding: 15px;
   margin-bottom: 10px;
   border: 1px solid;
   font-size: 0.9em;
}

div#right .cmpnydesc p {
   margin: 0;
   padding: 0;
   padding-bottom: 10px;
}

div#right .applyto {
   padding-bottom: 10px;
}

/* Canada Goose items page */


div#right .itemdesc {
   background: #FFF;
   width: 500px;
   padding-bottom: 10px;
}


div#right .itemdesc img {
   width: 150px;
}

div#right .itemimg {
   margin-left: 175px;
   list-style: none;
}

div#right .itemdesc h3 {
   border: 0;
   color: #D60000
}

div#right .itemdesc p {
   padding-left: 10px;
}


div#right .bannercg{
   background: #000 url(../media/images/canada-goose/header.jpg);
   height: 50px;
   width: 598px;
   border: 1px solid #000;
}


* html div#right .bannercg { 
   height: 50px; /* for IE browsers */
} 

div#right .bannerkarbon {
   width: 598px;
   background: #000;
   margin-bottom: 7px;
   margin-top: 100px;
}


/* contact us */
div#right .location {
   padding-bottom: 5px;
   margin-top: 10px;
   margin-bottom: 15px;
   width: 100%;
   height: 265px;
   border: 1px solid #000;
}

div#right .location h4 {
   background: #000;
   color: #FFF;
   height: 20px;   
}

div#right .location ul {
   margin: 0;
   padding: 0;
   margin-left: 10px;
   list-style: none;
   float: left;
   width: 300px;
}

div#right .location img {
   float: right;
   border: 1px solid;
}

div#right ul.prods {
   width: 550px;
}

div#right ul.prods li {
   margin-top: 10px;
}

/* footwear */

div#right #footwear {
   background:#FFF;
   width: 100%;
   border: 0;
}

#footwear tr {
   border: 0;
}

#footwear td {
   width: 33%;
   text-align: center;
}

#footwear img {
   padding: 4px;
}

/* racks */

div#right #racks {
   background:navy;
   width: 100%;
   border: 0;
}

#rack tr, td {
   border: 0;
}

#racks th {
   background: #EEE;
}

#racks .rleft {
   background: #FFF;
   width: 20%;
   font-weight: bold;
}

#racks .rmid, .rright {
   width: 40%;
   background: #FFF;
   color: #000;
}





div#right .goose-image, .promo-image {
   float: left;
   margin-left: 2px;
}

div#right .goose-image img {
   border: 2px solid #000;
}

div#right .goose-item {
   float: right;
   padding-right: 10px;
   padding-left: 0;
   width: 75%;
}

div#right .goose-item h3 {
   margin: 0 0 7px 0;
   padding: 0;
}



/* left menu */


div#left {
   width: 190px;
   float: left;
   border: 0;
}

div#leftnav {
   padding: 0;
   margin: 0;
   margin-top: 4px;
   background: #000;
   border: 1px solid #000;
   border-left: 1px solid #000;
}

div#leftnav ul {
   list-style: none;
   padding: 0;
   margin: 0;
   margin-left: 1em;
}

div#leftnav li {
   text-align: left;
   border: 0;
   margin: 0;
   padding: 0;
   line-height: 1.5em;
   background: #000;
   border-bottom: 1px solid #000;
}

div#leftnav a.current {
   background: #000;
   color: #FFF;
   border-left: 5px solid #D60000;
}

div#leftnav li a {
   display: block;
   text-decoration: none;
   color: #000;
   background: #EEE;
   line-height: 1.5em;
   padding-left: 5px;
   border: 0;
   border-left: 5px solid #AAA;
}

div#leftnav li a:hover {
   text-decoration: none;
   background: navy;
   color: #FFF;
   border-left: 5px solid #D60000;
}

div#leftnav li a.current:hover {
   background: #000;
   border-left: 5px solid #D60000;
}



div#leftnav ul ul li a {
   display: block;
   background: #FFF;
   margin-left: -15px;
   padding-left: 20px;
   border-left: 5px solid #000;
}

div#leftnav ul ul li a:hover {
   background: #000;
   color: #FFF;
   border-left: 5px solid #000;
}


div#left img {
   border: 0;
   padding: 0;
   padding-top: 10px;
}

div#left p {
   margin: 0;
   padding: 0;
   text-align: center;
   padding-top: 15px;
}

div#left a {
   text-decoration: none;
   color: #000;
}

div#left .leftwinter {
   background: #000;
   color: #FFF;
}

div#left .leftwinter a {
   display: block;
   text-decoration: none;
   color: #000;
}

div#left .leftwinter ul li a:hover {
   display: block;
   color: #D60000;
   margin: 0;
   padding: 0;
}

div#left .leftwinter ul {
   padding: 0;
   margin: 0;
   border: 5px solid #AAA;
}

div#left .leftwinter li {
   display: block;
   background: #EEE;
   list-style: none;
   padding: 3px 7px;

}

div#left .leftwinter h5 {
   padding: 0;
   margin: 0;
   margin-top: 5px;
   padding-left: 3px;
}

ul#submenu7 ul {
   border: 0;
   background: red;
}


div#leftmenu #submenu1 li {
   background: red;
}


/* footer */
#footer {
   border-top: 1px solid #AAA;
   margin: 0; 
   padding: 0.5em 1em 1em;
   font-size: 75%; 
   text-align: center;
   color: #AAA; 
   background: #FFF;  
   background-position: 0px 0px;
   clear: both; 
} 

#footer p {margin: 0; padding: 0;}