/*------------------------------------------
	Reset (from the Yahoo UI Library)
------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
/*caption,th{text-align:left;}*/
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
 
/*------------------------------------------
  Base
------------------------------------------*/
a{outline: none;text-decoration: none;}
em{font-style: italic;}
strong{font-weight: bold;}
.btn {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left:15px;
    padding-right:15px;
    background-color: #A5CF38;
    color: #2E2E2E;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align:center;
     -moz-border-radius: 5px;
    border-radius: 5px;
}
.btnRed {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: red;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*------------------------------------------
  Global Reusable Classes
------------------------------------------*/
.seo {position:absolute; top:2300px; left:0px;}
.hide{display: none !important;}
.under{text-decoration:underline !important;}
.center{text-align: center;}
.clear-locked{
    clear: both;
    height: 20px;
    display: block;
    margin-bottom: -20px;
}
.align-right { float:right !important ;}
.align-left { float:left !important;}
.clear {
   clear:both;
   background:none !important;
   width:0px !important;
   height:0px !important;
	margin:0 !important;
	padding:0 !important;
}

.tblDisc { border-spacing: 10px;
    border-collapse: separate;
}
.spPrice { color: Black;
    
}

.divConsole {
    visibility: hidden;
    position: absolute;
    top: 125px;
    overflow: visible;
    float: left;
    left: 100px;
    background-color: #CCCCCC;
    
    text-align: right;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}
.tblConsole {
    width: 680px;
}
.tblConsole table {
    margin-left: 5px; 
}
.tblConsole table th {
    text-align:center; background-color: Black; color:White; font-family:Tahoma; font-size:12px; font-weight:bold;
}

.tblConsole table td {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    text-align: left;
    vertical-align: middle;
    background-color: #EEEEEE;
    height: 30px;
}


.txtOrderComments
{white-space:normal;

}

.divItemsList {

    width: 960px;
}


.tblStock {
    
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold; 
    background-color: #CCCCCC;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
}
    .tblStock td {
        padding: 5px;
        vertical-align:middle;
    }

.tblSize {
    table-layout: fixed;
    max-width: 960px;
    float: right;
    margin-top: 10px;
}

    .tblSize td {
        
    padding: 4px;
    text-align: center;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    white-space:nowrap;
    line-height: 25px;
    width: 40px;
}

.divTblSize {
    width: 60px;
}







/*------------------------------------------

	Structure
------------------------------------------*/
html{
	/*background: #F0F0F0 url('bg_home.jpg') no-repeat center top;*/
	height:100%;
}

body{
	font-family:arial;
	font-size:12px;
	color:#282828;
	/*line-height: 1.7em;*/
	/*background: #F0F0F0 url('bg_home.jpg') no-repeat center top;*/
	text-align: center;
	min-width: 960px;
	height:100%;
}
.wrap{
	width: 980px;
	margin:  0 auto;
	text-align: left;
}





/*------------------------------------------
	Header
------------------------------------------*/
#top {
	height:36px;
    background-color: #2e2e2e;
}
#top .bg {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	background:#000000;
	height:36px;
	width:100%;
	opacity:0.8;
	filter:alpha(opacity=80);
}
#top .wrap {
	position:relative;
	z-index:2;
}


#top .ifeelslo {
	float:left;
	margin:6px 0px 0px 0px;
	width:127px;
	height:23px;
} 
#top .ifeelslo img{
	margin:6px 0px 0px 7px;
}

/* TOP NAVIGATION -START */
#top .nav-top {
	float:left;
	margin:0px 0px 0px 0px;
}
#top .nav-top.en {width: 117px;}
#top .nav-top li{
	float: left;
	display: inline;
}
#top .nav-top li a{
	display: block;
	float: left;
	height: 36px;
	text-indent: -9000px;
}
#top .nav-top.en li a {
	width: 117px;
	background: url(menusocial_en.png);	
}
/* EN */
#top .nav-top li.selected a{opacity: 1;}
#top .nav-top.en li.facebook a{width:30px; background-position: 0 0;}
#top .nav-top.en li.twitter a{width:28px; background-position: -30px 0;}
#top .nav-top.en li.rss a{width:28px; background-position: -58px 0;}
#top .nav-top.en li.youtube a{width:28px; background-position: -86px 0;}

#top .nav-top.en li.facebook.selectedfacebook a,
#top .nav-top.en li.facebook a:hover{background-position: 0 -36px;}
#top .nav-top.en li.twitter.selectedtwitter a,
#top .nav-top.en li.twitter a:hover{background-position: -30px -36px;}
#top .nav-top.en li.rss.selectedrss a,
#top .nav-top.en li.rss a:hover{background-position: -58px -36px;}
#top .nav-top.en li.youtube.selectedyoutube a,
#top .nav-top.en li.youtube a:hover{background-position: -86px -36px;}

/* TOP NAVIGATION - END */


#search {
    float: right;
    color: white;
    margin-right:250px;
    margin-top:5px;
    cursor: pointer;
    display: inline;
    vertical-align:middle;
}
/*
#search input {
	
	right:0px;
	z-index:1;
	width:110px;
	margin-right:30px;

	height:24px;
	line-height:24px;
	background:none;
	border:none; 
	font-size:11px;
	text-indent:4px;
	color:#282828;
}


    */
.search-btn {	right:1px;	z-index:3;
                 height:22px;
                 width:22px;
                 border-style:none;
}
/* TOP RIGHT NAVIGATION -START */
#top .nav-topright {	float:right;	margin:0px 0px 0px 0px;}
#top .nav-topright.ce {width: 183px;}
#top .nav-topright li{	float: left;	display: inline; padding-right:10px;}


#top .nav-topright.ce li a {
	width: 183px;
    color: white;
}





/* TOP RIGHT NAVIGATION - END */


/* SKISELECTOR/COMPARE NAVIGATION -START */
#head {	z-index:2;}
#body-content {	z-index:1; }

#head .nav-selcomp {	float:right;	margin:14px 0px 0px 0px;}

#head .nav-selcomp.ce {width: 444px;}
#head .nav-selcomp li{	float: left;	display: inline;}
#head .nav-selcomp li a{	display: block;	float: left;	height: 28px;	text-indent: -9000px;}

#head .nav-selcomp.ce li a {    width: 444px;    background: url(menuselcomp_ce.png);}
#head .nav-selcomp.ce.trans li a {	width: 444px;	background: url(menuselcomp_trans_ce.png);	}

/* CE */
#head .nav-selcomp li.selected a{opacity: 1;}
#head .nav-selcomp.ce  li.compare a{width:113px; background-position: 0 0;}
#head .nav-selcomp.ce  li.selector a{width:107px; background-position: -113px 0;}
#head .nav-selcomp.ce  li.dealers a{width:130px; background-position: -220px 0;}
#head .nav-selcomp.ce  li.worldwide a{width:94px; background-position: -350px 0;}

#head .nav-selcomp.ce  li.compare.selectedcompare a,
#head .nav-selcomp.ce  li.compare a:hover{background-position: 0 -28px;}
#head .nav-selcomp.ce  li.selector.selectedselector a,
#head .nav-selcomp.ce  li.selector a:hover{background-position: -113px -28px;}
#head .nav-selcomp.ce  li.dealers.selecteddealers a,
#head .nav-selcomp.ce  li.dealers a:hover{background-position: -220px -28px;}
#head .nav-selcomp.ce  li.worldwide.selectedworldwide a,
#head .nav-selcomp.ce  li.worldwide a:hover{background-position: -350px -28px;}







/* MAIN NAVIGATION -START */
#header{	width: 100%;	min-width: 980px;	clear: both;}
#header .nav-wrap {	 		}
#header .nav {
    

    margin: 30px 0px 0px 0px;
}

#header .nav li {
    float: right;
    display: inline;
    padding-right: 5px;
    padding-left: 5px;
    font-family: Euphemia;
    font-size: 16px;
    padding-top: 10px;
    height: 38px;
    color: #000000;
}
#header .nav li:hover {
    color: #FFFFFF;
    background: url('menubg.png');
    background-repeat: repeat-x;
}

#header .nav li:hover a{
    color: white;
}

#header .nav .selected{background: url('menubg.png');background-repeat: repeat-x;color: white;}
#header .nav .selected a{    color: white;}

#header .nav li a{	display: block;	float: left;	height: 38px; text-decoration:none; color:black;}

#header .nav .menubreak { pointer-events: none;   width: 2px;    background: url('menubreak.png') no-repeat center top;}


.menulink {display: block;	float: left;	height: 38px; text-decoration:none;
}

.cmbLanguage {
    position: absolute;
    left: 900px;
    top: -23px;
}

/*#header .nav.ce li a {	width: 675px;		}
#header .nav.ce.trans li a {	width: 675px;	}
    */

/* CE */
/*#header .nav li.selected a{opacity: 1;}
#header .nav.ce li.home a{width:70px; background-position: 0 0;}
#header .nav.ce li.products a{width:94px; background-position: -70px 0;}
#header .nav.ce li.teamgreen a{width:103px; background-position: -164px 0;}
#header .nav.ce li.technology a{width:114px; background-position: -267px 0;}
#header .nav.ce li.news a{width:128px; background-position: -381px 0;}
#header .nav.ce li.about a{width:77px; background-position: -509px 0;}
#header .nav.ce li.goodies a{width:89px; background-position: -586px 0;}


#header .nav.ce li.home.selectedhome a,
#header .nav.ce li.home a:hover{background-position: 0 -42px;}
#header .nav.ce li.products.selectedproducts a,
#header .nav.ce li.products a:hover{background-position: -70px -42px;}
#header .nav.ce li.teamgreen.selectedteamgreen a,
#header .nav.ce li.teamgreen a:hover{background-position: -164px -42px;}
#header .nav.ce li.technology.selectedtechnology a,
#header .nav.ce li.technology a:hover{background-position: -267px -42px;}
#header .nav.ce li.news.selectednews a,
#header .nav.ce li.news a:hover{background-position: -381px -42px;}
#header .nav.ce li.about.selectedabout a,
#header .nav.ce li.about a:hover{background-position: -509px -42px;}
#header .nav.ce li.goodies.selectedgoodies a,
#header .nav.ce li.goodies a:hover{background-position: -586px -42px;}*/


/* MAIN NAVIGATION - END */



#head{	width:980px;	height:90px;		position:relative;}
#logo {	display:inline;	float:left;	margin:30px 0px 0px 0px;}
#logo img {	display:block;}





/*------------------------------------------
	Home
------------------------------------------*/


.vline {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:980px;
	height:1px;
	background:#c8c8c8;
	clear:both;
}
.vline.v2{
	margin-top:8px;	
}

.vline.v3{
	margin-top:16px;	
}

.vline.v4{
	margin-top:6px;	
}
.vline.v5{
	margin-top:2px;	
}



/*------------------------------------------
	Footer
------------------------------------------*/
#footer {
	height:310px;
}


#copy {
	background:#2e2e2e;
	margin:0 auto;
	width:962px;
	height:36px;
	text-align:left;	
	font-family:arial;
	font-size:12px;
	font-style:italic;
	color:#c8c8c8;
	line-height:36px;
	padding-left:9px;
	padding-right:9px;
}
#copy a {
	float:right;
	display:inline-block;
	color:#c8c8c8;	
	_margin-top:-36px;
	*margin-top:-36px;
}
#copy .privacy{ 
	margin-right:10px;
}
















/**/


.divSendEmail {
     -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 30px;
    position: fixed;
    border: 1px solid #2E2E2E;
    overflow: visible;
    background-color: #DADADA;
    top: 50%;
    margin-top: -100px;
    margin-left: 300px;
    visibility: hidden;
    width: 300px;
    text-align: center;
}

.divFloatCenter {
    padding: 30px;
    position: fixed;
    border: 1px solid #003366;
    overflow: visible;
    background-color: #D6D3CE;
    top: 50%;
    margin-top: -100px;
}

.divOptionDoc {
    border: 1px solid #003366;
    position: absolute;
    overflow: visible;
    background-color: #D6D3CE;
    width: 960px;
}


.divzoom {
    background-position: center center;
    padding-top: 30px;
    height: 315px;
    width: 325px;
    
    background-repeat: no-repeat;
}

.imgzoom { border: none;}



.divHeader {
    width: 960px;
    height: 163px;
    background: url('../images/HeaderCanada.png');
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    left: 50%;
    margin-left: -480px;
}

.divHeaderFr {
    width: 960px;
    height: 163px;
    background: url('../images/HeaderCanadaFr.png');
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    left: 50%;
    margin-left: -480px;
}

.divHdrBg {
    width: 100%;
    height: 163px;
    background: url(HeaderBg.png);
    background-repeat: repeat-x;
    background-position: center;
}

.fOrderComments {
    width: 350px;
}

.divSavedCarts1 {
    border-color: #2e2e2e;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-style: solid;
    border-left-width: 1px;
    width: 940px;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.09);
}

.divSavedCarts2 {
    border-color: #2e2e2e;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-style: solid;
    border-left-width: 1px;
    width: 940px;
    text-align: left;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.09);
}

#divTemplateComment {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12pt;
    visibility: hidden;
    padding: 10px;
    border: 1px solid #0E4A00;
    position: absolute;
    float: left;
    left: 50%;
    overflow: visible;
    top: 350px;
    background-color: #333333;
    width: 300px;
    height: 200px;
    text-align: left;
    vertical-align: middle;
    color: #FFFFFF;
}

.lnkLearnMore .lnkLearnMore:hover {
    text-decoration: underline;
    font-size: 12px;
    font-weight: normal;
    color: #f60a0a;
}

.divLoginStatus {
    width: 820px; 	float:right;
    margin-top: 10px;
    
}

.lnkLoginStatus {
    color: White;
    text-decoration: none;
    white-space: nowrap;
    border: none;
}


.tdContent {
    text-align: left;
}

.tdLine {
    background-color: Gray;
    height: 1px;
}

.tblCatNav {
    width: 960px;
    text-align: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: Bold;
}

.tdCatNav {
    height: 30px;
    text-align: center;
    background-color: #C0C0C0;
}

    .tdCatNav A {
        color: White;
        text-decoration: none;
    }

    .tdCatNav:hover {
        background-color: #7CA142;
    }


.tdCatNavSelected {
    text-align: center;
    background-color: #7CA142;
}

    .tdCatNavSelected A {
        color: White;
        text-decoration: none;
    }

    .tdCatNavSelected:hover {
        background-color: #94AC7C;
    }



.tblSubCat {
    width: 100%;
    text-align: left;
    vertical-align: top;
}

    .tblSubCat A {
        color: Gray;
    }

.divCrums {
    text-align: left;
}

.BreadCrum {
    text-decoration: none;
    color: Gray;
}

.lastBreadCrum {
    color: Red;
}

.BreadCrumbArrow {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: Gray;
}

.divItemCrums {
    text-align: left;
}

.ItemBreadCrum {
    font-size: 10px;
    color: Blue;
}

.ItemBreadCrumbArrow {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
}



.tblCatNavBottom {
    width: 980px;
    text-align: center;
    
}

.tdCatNavBottom {
    text-align: center;
    /*border-left: solid 1px Gray;*/
    padding: 5px;
    vertical-align: bottom;
}


/*.tdCatNavBottom:hover{    background-color: #99CCFF;} */
.imgCatNavBottom {
    border: none;
}

.lnkCatNavBottom {
    color: #686357;
    text-decoration: none;
}

.lnkCatNavBottomSub {
    color: Gray;
    text-decoration: none;
}



.tblItemDetail {
    width: 960px;
}

.tdFieldHeader {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #3399FF;
    white-space: nowrap;
    text-align: left;
}

.tdFieldValue {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: Black;
    text-align: left;
}
/*

5 1 2 3 4 6
5 1 2 3 7

*/
.tdItemListHeader5 {
    padding: 2px;
    width: 60px;
    font-size: 10pt;
    background-color: #C0C0C0;
    color: White;
    text-align: left;
    font-weight: bold;
}

.tdItemListHeader1 {
    padding: 2px;
    width: 140px;
    font-size: 10pt;
    background-color: #C0C0C0;
    color: White;
    text-align: left;
    font-weight: bold;
}

.tdItemListHeader2 {
    padding: 2px;
    width: 530px;
    font-size: 10pt;
    background-color: #C0C0C0;
    color: White;
    text-align: left;
    font-weight: bold;
}

.tdItemListHeader3 {
    padding: 2px;
    width: 200px;
    font-size: 10pt;
    background-color: #C0C0C0;
    color: White;
    text-align: left;
    font-weight: bold;
}
/*.tdItemListHeader4 {padding:2px; width:240px; font-size: 10pt; background-color:#C0C0C0; color:White; text-align:center; font-weight:bold; }*/
/*.tdItemListHeader6 {padding:2px; width:130px; font-size: 10pt; background-color:#C0C0C0; color:White; text-align: center; font-weight:bold;}*/

.tdItemListHeader7 {
    padding: 2px;
    width: 370px;
    font-size: 10pt;
    background-color: #C0C0C0;
    color: White;
    text-align: center;
    font-weight: bold;
}

.tdItemListData5 {
    padding: 2px;
    width: 60px;
    text-align: left;
    border-bottom: solid 1px Gray;
}

.tdItemListData1 {
    padding: 2px;
    width: 140px;
    text-align: left;
    border-bottom: solid 1px Gray;
    vertical-align: top;
}

.tdItemListData2 {
    padding: 2px;
    width: 530px;
    text-align: left;
    border-bottom: solid 1px Gray;
}

.tdItemListData3 {
    padding: 2px;
    width: 200px;
    text-align: left;
    border-bottom: solid 1px Gray;
}
/*.tdItemListData4 {padding:2px; width:240px; text-align:center; border-bottom: solid 1px Gray;  }*/
/*.tdItemListData6 {padding:2px; width:130px; text-align:right; border-bottom: solid 1px Gray;}*/

.tdItemListData7 {
    padding: 2px;
    width: 370px;
    text-align: right;
    border-bottom: solid 1px Gray;
}
.trItemListData {
    font-size: 8pt;
    background-color: White;
    color: Gray;
    cursor: default;
}
.trItemListData:hover {
        font-size: 8pt;
        background-color: #797979;
        color: White;
        cursor: default;
    }
.txtItemListQty {
    width: 25px;
    text-align: center;
    /*border-bottom: solid 1px Gray;*/

     -moz-border-radius: 5px;
    border-radius: 5px;

}

.cmbItemListPrice {
    visibility:hidden;
    width:0px;
}

.tdItemListData1a {
    font-size: 8pt;
    color: Black;
    text-align: left;
    vertical-align: top;
}

.tdItemListData1b {font-size: 8pt; color:Black; text-align:right; vertical-align:top;
}




.trItemListCol {
    border-right: solid 1px Gray;
    text-align: center;
}

.trItemListCola {
    border-right: none;
    text-align: center;
}

.tdItemListBot {
    border-bottom: solid 1px Gray;
}

.HotBuyItem {
    border: dashed 1px red;
}

.FeaturedItem {
    border: dashed 1px green;
}


.ItemRow {
    vertical-align: top;
    text-align: left;
    font-weight: bold;
    color: #000;
}

.ItemTitle {
    vertical-align: top;
    text-align: left;
    font-weight: bold;
    color: #000;
}

    .ItemTitle:hover {
        vertical-align: top;
        text-align: left;
        font-weight: bold;
        color: #000;
        background-color: Yellow;
    }


.tdLoginHeader {
    font-size: 12pt;
    vertical-align: top;
    text-align: center;
    background-color: #2e2e2e;
    color: White;
    padding: 2px 0px 2px 0px;
}
.tdLoginHeaderGreen {
    font-size: 12pt;
    vertical-align: top;
    text-align: center;
    background-color: #A5CF38;
    color: #2E2E2E;
    padding: 2px 0px 2px 0px;
}

.tdLoginData {
    vertical-align: top;
    text-align: left;
    font-weight: bold;
    color: Gray;
    padding: 5px;
}


.ClassTree {
    text-align: left;
    font-size: 12px;
    width: 412px;
}

.NodeExpand {
    text-decoration: none;
    font-size: 12px;
}

.tblCart {
    width: 950px;
    padding: 10px;
}


.tdItemDetailHeader {
    font-size: 10pt;
    vertical-align: top;
    text-align: left;
    color: #C0C0C0;
    background-color: White;
    padding: 2px;
}

.tdItemDetailData {
    font-size: 10pt;
    vertical-align: top;
    text-align: left;
    color: Gray;
    padding: 2px;
}


.tdCartItemHeader {
    padding: 3px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: #2e2e2e;
    color: White;
    text-align: center;
    font-weight: bold;
}

.ShoppingCartTable {
    padding: 3px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: Gray;
}

.tdSearch {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: White;
}


.tdNotification {
    text-align: left;
    color: Red;
}




/************************************************************************************************/

.slider {
    width: 580px;
    height: 235px;
    /*margin:0 auto;*/
    padding: 30px 30px;
    background: url(bg-products.png) 0px 0px no-repeat;
    /*border: 1px solid black;*/
}

.items {
    display: none;
}

.pagination {
    visibility: hidden;
    /*position:absolute;
	bottom:0px; 
	left:435px;
	z-index:9999;*/
}

    .pagination li {
        /*float:left;
	padding:0;
	margin-right:1px;
	background:url(bull.jpg) 0 0 no-repeat;*/
    }

        .pagination li:hover {
            /*background:url(bull-h.jpg);*/
        }

        .pagination li.current {
            /*background:url(bull-h.jpg);*/
        }

        .pagination li a {
            /*color:#fff;
	font-size:0px;
	line-height:0px;
	display:block;
	width:17px;
	height:17px;
	display:block;*/
        }

.play.paused {
    color: #f00;
}

.banner {
    width: 263px;
    min-height: 280px;
    position: absolute;
    left: 40px;
    top: 70px;
    color: #272625;
    font-size: 13px;
    line-height: 20px;
    z-index: 9998;
}

.caption-1 {
    background: #F7F7F5;
    width: 150px;
    padding: 10px 10px 10px 10px;
    box-shadow: 1px 1px 2px rgba(199,200,199,0.17);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.17);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.17);
}

.caption-2 {
    background: #F7F7F5;
    width: 150px;
    padding: 10px 10px 10px 10px;
    box-shadow: 1px 1px 2px rgba(199,200,199,0.17);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.17);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.17);
}

.banner h2 {
    color: #272625;
    margin-bottom: 10px;
    font-size: 18px;
}

/***********************************************/


.tblBot {
    background: url(bg-bot.png) 0px 0px no-repeat;
    padding: 0px 0px 0px 10px;
    width: 312px;
    height: 146px;
    text-align: center;
    /*border: 1px solid black;*/
}

.tdBot {
    /*width: 185px;*/
    height: 30px;
    text-align: center;
}

.divButton {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 88%;
    color: #F5F6F0;
    height: 30px;
    width: 100px;
    background: url(MenuButtonSmall.png);
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 6px;
}

    .divButton a {
        /*padding: 20px 0px 0px 0px;*/
        color: #F5F6F0;
        text-decoration: none;
    }

        .divButton a:hover {
            /*padding: 20px 0px 0px 0px;*/
            color: Red;
            text-decoration: none;
        }

.tblaside {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding-top: 20px;
    width: 500px;
    margin-left: 200px;
}

.tdaside {
    text-align: left;
    width: 50%;
    vertical-align: top;
}
/****************************aside************************/

.art-logo-text {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
    padding: 0;
    margin: 0;
    color: #124703;
}


.tdaside h3 {
    color: #f0f2ef;
    font-size: 18px;
    line-height: 1.2em;
    margin: 0 0 0 0;
    letter-spacing: -1px;
}

.list-2 li {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    list-style-image: url(marker-3.jpg);
}

    .list-2 li a {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #e7e7e2;
        text-decoration: none;
    }

        .list-2 li a:hover {
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
            font-size: 12px;
            text-decoration: underline;
        }
/**********************************************************/
.footerdiv {
    font-size: 9px;
    color: #DCDCDA;
    background-color: #242424;
    height: 30px;
}

#wrapfooter {
    width: 100%;
    /*height: 180px;
background: #2D2D2C url('footer.png') repeat-x;
*/
    clear: both;
    text-align: center;
    color: #DCDCDA;
}


/*#wrapfooter,#wrapfooter a { text-decoration:none; font-size:9px; color: White;}*/



.tblproduct {
    background: url(bg-products.png) 0px 0px no-repeat;
    padding: 5px 0px 5px 0px;
    width: 640px;
    height: 280px;
    vertical-align: middle;
    border: 1px solid black;
}

.tdProductL { /*border: 1px solid black;*/
    height: 280px;
    width: 200px;
    text-align: center;
}

.tdProductR { /*border: 1px solid black;*/
    height: 280px;
    text-align: left;
    padding-right: 0px;
}



html {
    width: 100%;
}

html {
    height: 100%;
}


#wrapheader {
    width: 100%;
    text-align: center;
    /*background:url(bg-row-1.png) 0 0 repeat  #f0f1ee;*/
}

#wrapheadercenter {
    position: relative;
    left: 50%;
    width: 960px;
    margin-left: -480px;
}







ul.firstnav, li.topnavitem, li.firstnav, .sitelink {
    font-size: 14px;
}


.searchlang {
    width: 380px;
    float: right;
}

.gtranslate {
    /*background-color: #292828;*/
    border: none;
    /*float: right;*/
    width: 180px;
    margin: 0;
    padding: 0 5px;
    height: 28px;
}

.searchpanel {
    background-color: #292828;
    border: 1px solid #CCCCCC;
    float: right;
    height: 25px;
    margin: 0;
    padding: 0 5px;
}

.searchbox {
    background: none transparent;
    border: 0;
    color: #FFFFFF;
    top: 5px;
}

.searchbutton {
    position: relative;
    top: 5px;
}


.logo {
    display: block;
    width: 100px;
    height: 105px;
    text-indent: -5000px;
    background: url(CDL_CDN_logo_80.png ) 0 0 no-repeat;
}





/* These are ids for container divs in layout.master */
#wrapwebsite {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    background-color: #F5F6F0;
}

#wrapcenter {
    clear: left;
    min-height: 300px;
    margin: 0;
}


/* these are the main column layouts for supporting automatic column layout from 1 to 3 columns 
   all columns are floated left, the system programmatically assigns on of the classes to the center column depending on whether content exists
 in the left or right content sections

.leftside { float:left; width:216px; margin:10px 0 0 9px; }*/
.leftside {
    width: 0px;
    margin: 0px 0 0 0;
}

.center-nomargins {
    float: left;
    width: 920px;
    margin: 10px 8px 0 9px;
}

.center-rightandleftmargins {
    float: left;
    width: 473px;
    margin: 10px 8px 0;
}

.center-rightmargin, .center-leftmargin {
    float: left;
    width: 650px;
    margin: 10px 0px 0;
}

.rightside {
    float: right;
    width: 300px;
    margin: 10px 8px 0 0;
}



/* Elements */
code {
    text-align: left;
    display: block;
    overflow: auto;
    font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
    background: #FAFAFA;
    border: 1px solid #EAEAEA;
    border-left: 5px solid #72A545;
    margin: 5px 0;
    padding: 10px;
}

acronym {
    cursor: help;
    border-bottom: 1px solid #777;
}

blockquote {
    border-left: 5px solid #777;
    margin: 15px;
    padding: 0 0 0 7px;
}

hr {
    height: 1px;
    background-color: #414141;
    color: #414141;
    border-width: 0;
}

p {
    line-height: 1.7em;
    margin: 0;
    padding: 0 0 16px;
}

img {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    text-align: right;
}


/* Headings */
h1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 40px;
    letter-spacing: .1em;
}

h2 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 30px;
}

h3 {
    font-family: 'Trebuchet MS';
    font-size: 24px;
    margin: 0;
    color: #747474;
    text-transform: uppercase;
    font-weight: bold;
}

h4 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0;
}

h5 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
}

h6 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
}

h1.siteheading {
    font-size: 160%;
    letter-spacing: .2em;
    text-transform: none;
    margin: 0;
    padding: 28px 0 0 19px;
}

.siteheading {
    font-size: 130%;
    text-decoration: none;
}

h2.moduletitle {
    clear: both;
    margin: 0;
    padding: 0 0 5px 7px;
    color: #8AAF55;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 140%;
    text-transform: uppercase;
    font-weight: 400;
}

div.leftside h2.moduletitle, div.rightside h2.moduletitle {
    background: #E1E5D5;
}

.modulesubtitle {
    height: 23px;
    font-weight: 700;
    padding: 4px 5px 0;
}

.pagelayout h2, .register h2, .sitesettings h3 {
    font-size: 14px;
}


/* Form styles */
fieldset {
    border: 1px solid #787878;
    margin: 0 7px;
    padding: 1em;
}

legend {
    font-size: larger;
    font-weight: 700;
}

ol.formlist {
    list-style: none;
    margin: 0px;
}

li.settingrow {
    list-style: none;
}

.settinglabel {
    float: left;
    clear: left;
    width: 20em;
    padding: 1px;
}

.settinglabelFixedHeight {
    float: left;
    clear: left;
    width: 20em;
    height: 77px;
    padding: 1px;
}

.settingrow {
    clear: left;
    padding: 4px 0;
}

.settinglabeltight {
    float: left;
    clear: left;
    width: 8em;
    font-weight: 700;
    padding: 1px;
}

.settingrowtight {
    clear: left;
    padding: 1px 0;
}

.settinglabel, .settinglabelFixedHeight {
    font-weight: 700;
    font-size: smaller;
}

.modulebuttonrow {
    clear: left;
    text-align: center;
}

.watermarktextbox {
    width: 9em;
    color: Gray;
}

.subscribeemail {
    color: Gray;
    width: 14em;
}

.smalltextbox {
    width: 4em;
}

.normaltextbox {
    width: 10em;
}

.mediumtextbox, .login .signinbox, .login .passwordbox {
    width: 15em;
}

.widetextbox {
    width: 25em;
}

.verywidetextbox {
    width: 35em;
}

.txtcopyright {
    color: #444;
    font-size: 80%;
    font-weight: 400;
}

.txterror {
    color: red;
    font-weight: 700;
}

input.openid_login {
    background: url('openidlogin.gif') no-repeat;
    background-color: #fff;
    background-position: 0 50%;
    color: #000;
    padding-left: 18px;
}

.pagelayout .addcontent {
    float: left;
    margin: 0 0 20px;
}

.pagelayout .panelayout {
    clear: both;
    margin: 0 0 20px 0;
    padding: 0;
}

    .pagelayout .panelayout h2 {
        text-align: center;
        margin: 0 10px 10px 0;
    }

.pagelayout .regularpanes {
    margin: 0 auto;
    width: 630px;
    clear: both;
}

.pagelayout .pane {
    float: left;
    clear: none;
    margin: 20px 0 20px 0;
    position: relative;
}

.pagelayout .layoutcenter {
    margin: 20px 30px;
}

.pagelayout .layoutalt1,
.pagelayout .layoutalt2 {
    float: none;
    clear: both;
    width: 190px;
    margin: 0 auto;
    position: relative;
}

.pagelayout .altlayoutnotice {
    margin-bottom: 20px;
}

.pagelayout .panelistbox {
    position: relative;
    width: 190px;
}

.pagelayout .pane select {
    width: 170px;
    margin-right: 10px;
}

.pagelayout .layoutbuttons {
    right: 0;
    top: 5px;
    position: absolute;
}

    .pagelayout .layoutbuttons input {
        display: block;
        margin-bottom: 10px;
    }

/* Grids and Tables */
div.memberlist table {
    width: 100%;
}

table.editgrid {
    margin: 10px;
}

    table.editgrid th {
        font-weight: 700;
        padding: 7px;
    }

.AspNet-GridView table thead tr th {
    padding: 2px;
}

.AspNet-GridView table tbody tr td {
    color: #333;
    background: #FFF;
    border-bottom: solid 1px #CCC;
    border-right: solid 1px #CCC;
    text-align: left;
    padding: 2px 20px 2px 2px;
}

.AspNet-GridView table tbody tr.AspNet-GridView-Alternate td {
    background: #F7F6F3;
}

table.editgrid td, .padded {
    padding: 7px;
}


/* Lists */
ol.searchresultlist {
    list-style-type: none;
}

.topnav {
    text-align: right;
}

    .topnav ul {
        margin: 0;
        padding: 0;
    }

li.topnavitem {
    list-style-type: none;
    color: White;
}

li.firstnav {
    float: left;
    list-style-type: none;
    padding: 0 7px 0 5px;
    color: White;
}

.simplelist, .simplelist li {
    list-style: none;
    padding: 0 0 4px 10px;
}

ul.linkitem {
    position: relative;
    top: -6px;
    left: 0;
    list-style: none;
    margin: 10px;
    padding: 0;
}

div.sitemap ul, div.sitemap ul li {
    list-style: none;
    font-size: 100%;
}

.site-statistics {
    border-bottom: solid thin #ccc;
    margin: 0 0 5px;
    padding: 0 0 5px;
}

ul.userstats {
    list-style-type: none;
    margin: 0 0 0 -40px;
}

    ul.userstats ul {
        display: block;
        margin: 0;
        padding: 0;
    }

    ul.userstats li {
        position: relative;
        list-style: none;
    }

ul.linkitem li {
    list-style: none;
    min-height: 18px;
    background: url('arrow.png') no-repeat;
    background-position: 0px 5px;
    margin: 0 0 1px;
    padding: 2px 0;
}

ul.linkitem a {
    color: #414141;
    text-decoration: none;
    margin: 0 0 0 7px;
    padding: 2px 5px 2px 10px;
}

* html body ul.linkitem a {
    height: 18px;
}

ul.linkitem a:hover {
    color: #8AAF55;
    padding: 2px 5px 2px 10px;
}

div.panelwrapper ul.simplelist {
    margin-bottom: 0;
}

div.AspNet-RadioButtonList ul, div.AspNet-CheckBoxList ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.simplehorizontalmenu {
    clear: both;
    width: 100%;
    height: 27px;
}

ul.simplehorizontalmenu {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.simplehorizontalmenu li {
        display: inline;
        padding: 0 10px;
    }

ul.linkitem li:hover {
    background: url('arrow_select.png') no-repeat left center;
}

li.AspNet-RadioButtonList-Item, li.AspNet-CheckBoxList-Item {
    white-space: nowrap;
}

ul.simplehorizontalmenu li.selecteditem {
    font-weight: 700;
}

div.sitemap .AspNet-TreeView-Expand {
    background: url('expand.gif') 0 0 no-repeat;
    width: 15px;
    margin-right: 5px;
    float: left;
    cursor: pointer;
    line-height: 15px;
}

div.sitemap .AspNet-TreeView-Collapse {
    background: url('collapse.gif') 0 0 no-repeat;
    width: 15px;
    margin-right: 5px;
    float: left;
    cursor: pointer;
    line-height: 15px;
}

.AspNet-TreeView-Hide {
    display: none;
}

div.sitemap a.AspNet-TreeView-Expand, div.sitemap a.AspNet-TreeView-Collapse {
    text-decoration: none;
}

.tag-cloud {
    list-style-type: none;
    margin: 15px 0 3px -30px;
}

    .tag-cloud li {
        display: inline;
        list-style-type: none;
    }

.tagcount {
    font-size: x-small;
}

.tag-cloud .weight1 {
    font-size: 90%;
}

.tag-cloud .weight2 {
    font-size: 110%;
}

.tag-cloud .weight3 {
    font-size: 120%;
}

.tag-cloud .weight4 {
    font-size: 130%;
}

.tag-cloud .weight5 {
    font-size: 140%;
}

.tag-cloud .weight6 {
    font-size: 150%;
}

.tag-cloud .weight7 {
    font-size: 160%;
}

.tag-cloud .weight8 {
    font-size: 180%;
}

.tag-cloud .weight9 {
    font-size: 200%;
}

.tag-cloud .weight10 {
    font-size: 210%;
}


/* Links */
.sitelink, a.sitelink:link, a.sitelink:visited, a.sitelink:hover, a.sitelink:active {
    color: #000000;
}

a.ModuleEditLink, a.ModuleEditLink:link, a.ModuleEditLink:visited {
    color: #8AAF55;
}

    a.ModuleEditLink:active, a.siteheading:link, a.siteheading:visited, a.siteheading:hover, a.siteheading:active {
        color: #777;
    }

a:hover {
    color: #8AAF55;
    text-decoration: underline;
}

legend a.ModuleEditLink:hover {
    color: #414141;
    font-size: smaller;
}

a.ModuleEditLink:hover, .accent, a:link, a:visited, a:active {
    color: #1348f6;
}

a.SelectedPage:link, a.SelectedPage:visited, a.SelectedPage:active {
    color: #FFF;
    font-weight: 700;
    text-decoration: none;
}

legend a.ModuleEditLink, legend a.ModuleEditLink:link, legend a.ModuleEditLink:visited, legend a.ModuleEditLink:active {
    color: #8AAF55;
    font-size: smaller;
}

legend a, a.siteheading:link, a.siteheading:visited, a.siteheading:hover, a.siteheading:active, a.sitelink:link, a.sitelink:visited, a.sitelink:active, a.selectedcrumb:link, a.selectedcrumb:visited, a.selectedcrumb:active, a.unselectedcrumb:link, a.unselectedcrumb:visited, a.unselectedcrumb:active {
    text-decoration: none;
}


a.ModuleEditLink, a.ModuleEditLink:link, a.ModuleEditLink:visited, a.ModuleEditLink:hover, a.ModuleEditLink:active, .WelcomeMessage {
    font-size: 10px;
}


a.sitelink:hover, a.ModulePager:link, a.ModulePager:visited, a.ModulePager:hover, a.ModulePager:active, a.selectedcrumb:hover, a.unselectedcrumb:hover {
    text-decoration: underline;
}

a.adminlink,
a.adminlink:link,
a.adminlink:visited,
a.adminlink:hover,
a.adminlink:active {
    font-size: 16px;
    border-left: 1px solid #a4a4a4;
    padding: 8px 8px 10px 8px;
    line-height: 32px;
    color: #555;
    text-decoration: none;
}

    a.adminlink:hover {
        text-decoration: underline;
    }

.extrasearchlink {
    padding-left: 10px;
}

.buttonlink {
    background-color: transparent;
    color: #03F;
    cursor: pointer;
    text-decoration: underline;
    font-size: 13px;
    border-style: none;
}

.accent {
    font-weight: 700;
}

.pageditlinks a {
    margin: 3px 7px 3px 0px;
}

.breadcrumbs {
    padding: 4px 4px 10px;
}

.unselectedcrumb {
    font-weight: 400;
}

.selectedcrumb {
    font-weight: 700;
}

.modulepager {
    vertical-align: top;
    padding: 4px;
}

.selectedpage {
    color: #FFF;
    font-weight: 700;
}

a.SelectedPage:hover {
    color: #FFF;
    font-weight: 700;
    text-decoration: underline;
}

.modulepager, .ModulePager, .PageInfo, .SelectedPage, .pageditlinks a {
    font-size: 16px;
}

.modulecontent {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #272625;
    margin: 0 auto;
    vertical-align: top;
    text-align: left;
    /*border: 1px solid black;*/
}

div.leftside div.modulecontent, div.rightside div.modulecontent {
    background: #E1E5D5;
    color: #555;
}

.modulefooter {
    display: none;
    font-size: 11px;
    text-align: center;
}

tr.modulerow td, tr.modulealtrow td {
    border: solid thin #414141;
    padding: 0 0 0 10px;
}



/* Corner Rounding with Nifty Corners */
.rtop, .rbottom {
    display: block;
    background: #F5F6F0;
}

    .rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4, .rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4 {
        background: #E1E5D5;
        display: block;
        height: 1px;
        overflow: hidden;
    }

.r1 {
    margin: 0 5px;
}

.r2 {
    margin: 0 3px;
}

.r3 {
    margin: 0 2px;
}

.rtop .r4, .rbottom .r4 {
    height: 2px;
    margin: 0 1px;
}

.rbottom {
    margin-bottom: 10px;
}

.center-leftmargin .rtop, .center-leftmargin .rbottom, .center-rightmargin .rtop, .center-rightmargin .rbottom, .center-nomargins .rtop, .center-nomargins .rbottom, .center-rightandleftmargins .rtop, .center-rightandleftmargins .rbottom, .logolist, .pageicons, .skiplink {
    display: none;
}


.foldergallery h1 {
    font-size: large;
    margin-bottom: 20px;
}

.albumMetaName {
    font-weight: 700;
}

.albumFloat {
    float: left;
    text-align: center;
    margin-right: 8px;
    margin-bottom: 4px;
}

.albumMetaSectionHead {
    background-color: Gray;
    color: #FFF;
    font-weight: 700;
}

.gmaptextbox {
    width: 27em;
}

.gmap {
    margin: 0 0 10px;
}

.bmap {
    position: relative;
}

.ratingcontainer {
    float: right;
    white-space: nowrap;
    margin: 5px 5px 5px 5px;
}

.ratingprompt {
    float: left;
    margin-right: 5px;
}

.leftside .ratingprompt, .rightside .ratingprompt {
    display: none;
}

.voteswrap {
    margin-left: 5px;
}

.ratingcontainer div {
    float: left;
    white-space: nowrap;
    margin: 0px 0px 0px 0px;
}

.ratingrow {
    white-space: nowrap;
}

.ratingStar {
    white-space: nowrap;
    height: 14px;
    margin: 1em;
}

    .ratingStar .ratingItem {
        font-size: 0;
        width: 13px;
        height: 12px;
        display: block;
        background-repeat: no-repeat;
        cursor: pointer;
        margin: 0;
        padding: 0;
    }

    .ratingStar .Filled {
        background-image: url('ratingStarFilled.png');
    }

    .ratingStar .Empty {
        background-image: url('ratingStarEmpty.png');
    }

    .ratingStar .Saved {
        background-image: url('ratingStarSaved.png');
    }

.ratingbuttons {
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 0px 0px;
}

.rcommentprompt {
    display: block;
}

.ratingcomments {
    border: #000 1px solid;
    background-color: #eee;
    color: #000;
    width: 206px;
    height: 200px;
    position: absolute;
    margin-top: 15px;
    padding: 5px;
}

.ratingcommentbox {
    width: 200px;
    height: 100px;
}

div.addthisbutton {
    float: right;
    clear: right;
    margin: 5px;
}

.moduleedit {
    height: 28px;
    background-color: #C7D0D7;
    border: 0;
    text-indent: 4px;
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

.clearpanel {
    clear: left;
    padding-top: 15px;
}

.minheightpanel {
    min-height: 200px;
}

.center {
    text-align: center;
}

.vevent {
    padding: 10px;
}

    .vevent abbr {
        border: 0;
    }

.whoson {
    float: left;
    padding: 5px;
}

.searchterm {
    color: #000;
    background-color: #FF0;
}

.templatewrapper {
    border-bottom: solid 4px #000;
}

.linkdescription {
    padding: 5px;
}

.forumnotify {
    white-space: nowrap;
    vertical-align: middle;
    padding: 10px 0px 5px 0px;
}

    .forumnotify img {
        float: left;
    }

.mojo-tabs {
    font-size: inherit;
}

.cmwrapper {
    margin: 10px;
}

/* password stength meter */
.pwspoor {
    background-color: Red;
    color: White;
    padding: 5px 5px 5px 5px;
}

.pwsweak {
    background-color: Orange;
    color: White;
    padding: 5px 5px 5px 5px;
}

.pwsaverage {
    background-color: Yellow;
    color: Black;
    padding: 5px 5px 5px 5px;
}

.pwsstrong {
    background-color: Teal;
    color: Black;
    padding: 5px 5px 5px 5px;
}

.pwsexcellent {
    background-color: Green;
    color: White;
    padding: 5px 5px 5px 5px;
}

.pwdstrengthbarborder {
    border-style: solid;
    border-width: 1px;
    width: 200px;
    vertical-align: middle;
}

.pwdstrengthbar {
    width: 200px;
    height: 15px;
    padding: 2px 2px 2px 2px;
}

.hidden {
    display: none;
}

.fthumbs img {
    padding: 5px;
    margin: 5px;
    -moz-box-shadow: #333 2px 2px 5px;
    -webkit-box-shadow: #333 2px 2px 5px;
    cursor: pointer;
}

span.btn {
    padding: 10px;
    margin-left: 5px;
    display: inline-block;
    cursor: pointer;
    font: 12px/14px Arial, Helvetica, sans-serif;
    color: #aaa;
    background-color: #eee;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-box-shadow: #999 2px 0px 3px;
    -webkit-box-shadow: #999 2px 0px 3px;
}

    span.btn.pages {
        background-color: #fff;
    }

        span.btn.pages:hover, span.btn.pages.sel {
            background-color: #f3f3f3;
            color: #999;
        }

    span.btn:hover, span.btn.sel {
        background-color: #000;
    }

.galleryinfo {
    position: relative;
    display: inline-block;
    margin-top: 10px;
}

.floatrightimage {
    float: right;
    margin-right: 15px;
}

.highlight1 {
    background-color: #FF0;
}

.highlight2 {
    background-color: lime;
}

.floatpanel, .floatleftimage {
    float: left;
    margin-right: 15px;
}