/* --- base styles --- */
* {margin: 0; padding: 0;}
* img {border:0;}
* form {margin: 0;}
* ul {list-style: none;}
address {font-style:normal; }
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; }
a:focus {outline: none;background-color:#94CAE4;}

body { height:100%; font: 76% 'Arial', Helvetica, sans-serif; color:#666666; }
p {line-height:1.3em;margin-bottom:16px;font-size:1em;}

/*---------- common usage ---*/
.clearme {clear:both;height:0;margin:0;font-size:1px;line-height:0px;}
.float-left { float: left; }
.float-right { float: right; }


/*---------- site container ---*/
#site-container { width:900px; margin-right:auto; margin-left:auto; background: #FFF;vertical-align:top;text-align:left;}
#wrapper{width:100%;height:100%;text-align:center;}

#site-container a{color:#3399CC;text-decoration:underline;}
#site-container a:hover{color:#3399CC;text-decoration:none;}

/*---------- header ---*/
#header{width:100%;}

/*------------ Form css ----*/
.selectMenu{display:inline;width:275px;height:26px;line-height:24px;margin-right:10px;padding:0 1px 0px 8px;background: #FFFFFF url(../img/bg-formfield-greyshadow.gif) repeat-x top;border-top:none;font-size:13px;color:#000000;padding-top:6px;padding-bottom:2px;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;}
#wrapper .noprint{display:none;}

/*---------- subnav ---*/
#subnav{width:100%;height:19px;padding:17px 0px 7px 0px;font-size:0.9em;}
#subnav span{float:right;display:block;width:170px;}
#subnav a{color:#666666;text-decoration:underline;margin-right:10px;display:block;float:left;height:16px;line-height:16px;}
#subnav a:hover{color:#666666;text-decoration:none;margin-right:10px;height:16px;line-height:16px;}
#subnav span a{float:none;margin-right:0px;}
#subnav span a:hover{float:none;margin-right:0px;}

#subnav a.pdf-download, #subnav a.pdf-download:hover{background-image:url('../img/icon-pdf.gif');background-position:center right;background-repeat:no-repeat;padding-right:19px;}
#subnav a.print, #subnav a.print:hover{background-image:url('../img/icon-print.gif');background-position:center right;background-repeat:no-repeat;padding-right:21px;}
#subnav a.bookmark, #subnav a.bookmark:hover{background-image:url('../img/icon-bookmark.gif');background-position:center right;background-repeat:no-repeat;padding-right:19px;}
#subnav a.cart, #subnav a.cart:hover{background-image:url('../img/icon-cart.gif');background-position:center right;background-repeat:no-repeat;padding-right:19px;}
#subnav a.email, #subnav a.email:hover{background-image:url('../img/icon-email.gif');background-position:center right;background-repeat:no-repeat;padding-right:19px;}

/*---------- body content section --*/
#body-content{}
#body-left-content{float:left;width:650px;}
#body-right-content{float:right;width:210px;margin-left:10px;}
#print-image{display:none;}

#body-content h1{font-size:1.6em;color:#336699;line-height:110%;font-family:'Verdana', Arial, Helvetica, sans-serif;margin-bottom:16px;}
#body-content h2{font-size:1.3em;color:#3399CC;line-height:130%;margin:10px 0px 16px 0px;}
#body-content p{font-size:1.1em;color:#666666;line-height:130%;margin-bottom:16px;}

#body-content #product-item-container h2{font-size:1.3em;line-height:100%;margin:0px;}
#body-content #product-item-container p{line-height:100%;margin:0px;}
#body-content ul{list-style:square;padding-left:25px;margin:0px;padding-bottom:15px;}
#body-content ul.border{list-style:square;padding-left:25px;margin:0px;padding-bottom:15px;border-bottom:1px dotted #CCCCCC;}
#body-content ol{padding-left:25px;margin:0px;padding-bottom:15px;margin-top:15px;}
#body-content li{padding-bottom:5px;}

#body-content .news-item-container{border-top:1px dotted #CCCCCC;}
#body-content .news-item-container h2{margin-bottom:8px;margin-top:0px;}
#body-content .news-item-container p{padding-bottom:20px;margin-bottom:0px;}
#body-content .news-item-container p.date{font-size:0.9em;color:#999999;font-weight:bold;font-family:'Verdana', Arial, Helvetica, sans-serif;line-height:110%;border-bottom:none;padding-bottom:3px;padding-top:13px;}
/*---------- product section --*/
#product-section-container{}

#product-section-container #normalDisplay .normalDisplay{display:block;}
#product-section-container #dealerDisplay .normalDisplay{display:none;}
#product-section-container #dealerDisplay .dealerDisplay{display:block;}
#product-section-container #normalDisplay .dealerDisplay{display:none;}
#product-section-container #normalDisplay .more-info{display:block;}
#product-section-container #dealerDisplay .more-info{display:none;}

#product-section-container .no-right-margin{margin-right:0px;}

#product-navigation{margin:15px 0px;font-family:'Verdana', Arial, Helvetica, sans-serif;}
#product-navigation h1{color:#336699;font-size:14px;margin-bottom:8px;line-height:110%;}
#product-navigation h1 a{color:#3399CC;text-decoration:underline;}
#product-navigation h1 a:hover{color:#3399CC;text-decoration:none;}

#product-item-container{border-bottom:2px solid #E0E0E0;border-right:2px solid #E0E0E0;border-left:1px solid #E0E0E0;border-top:1px solid #E0E0E0;width:208px;float:left;margin:0px 18px 24px 0px;text-align:center;}
#normalDisplay #product-item-container .product-description{height:45px;}
#dealerDisplay #product-item-container .product-description{height:75px;}
#product-item-container .product-description{background-color:#F5F5F5;font-family:'Verdana', Arial, Helvetica, sans-serif;padding:10px 9px;text-align:left;}
#product-item-container .product-description h1{font-size:1em;color:#3399CC;width:105px;float:left;}
#product-item-container .product-description h1 a{color:#3399CC;text-decoration:underline;}
#product-item-container .product-description h1 a:hover{color:#3399CC;text-decoration:none;}
#product-item-container .product-description span{width:80px;float:right;display:block;text-align:right;}
#product-item-container .product-description h2{color:#666666;font-size:1em;line-height:110%;font-weight:bold;}
#product-item-container .product-description span.price-cad {font-size:60%;font-weight:normal;float:none;display:inline;margin-left:2px;}
h3 span.price-cad {font-size:60%;font-weight:normal;float:none;display:inline;margin-left:2px;}
#product-item-container .product-description .dealer-price {color:#CC0000;}
#product-item-container .product-description .dealer-reg-price { font-size:80%; font-weight:normal; background-color: #FFFFE6; padding: 0.1em; }
#product-item-container .product-description .add-to-cart-small { margin-top: 2px; background: #3399CC; text-align: center; padding: 0.1em;border:1px solid #FFF;color:#FFFFFF;font-size:0.8em; }
#product-item-container .product-description .add-to-cart-small a{color:#FFF;text-decoration:none;}
#product-item-container .product-description .add-to-cart-small a:hover{color:#FFF;}
#product-item-container .product-description p{font-size:0.9em;color:#999999;margin:0px;height:20px;}
#product-item-container .product-description p a{color:#999999;text-decoration:underline;}
#product-item-container .product-description p a:hover{color:#999999;text-decoration:none;}

#product-details-container{font-family:'Arial', Helvetica, sans-serif;margin-top:10px;}
#product-details-container #left-detail-content{width:439px;float:left;}
#left-detail-content h1{font-size:1.6em;color:#336699;line-height:110%;font-family:'Verdana', Arial, Helvetica, sans-serif;margin-bottom:16px;}
#left-detail-content h3{font-size:40px;color:#3399CC;line-height:120%;font-weight:normal;margin-bottom:16px;}
#left-detail-content h2{font-size:1.3em;color:#3399CC;line-height:130%;margin-bottom:16px;}
#left-detail-content p{font-size:1.1em;color:#666666;line-height:130%;margin-bottom:20px;}
#left-detail-content ul{list-style:square;padding-left:25px;margin-top:15px;margin-bottom:20px;}
#left-detail-content li{line-height:130%;}
#left-detail-content .float-left, #left-detail-content .float-right{width:200px;padding-right:15px;}
#product-details-container #right-detail-info{width:440px;float:right;font-family:'Arial', Helvetica, sans-serif;}
#right-detail-info .border{}
#right-detail-info .product-image-gallery{border:3px solid #D6EBF5;margin-bottom:20px;}
#right-detail-info .product-image-gallery span{padding:13px 0px 0px 0px;display:block;background-color:#D6EBF5;}
#right-detail-info .product-image-gallery span a, #right-detail-info .product-image-gallery span a:hover{padding-left:4px;padding-right:3px;padding-bottom:4px;float:left;}
#right-detail-info .flora{border:6px solid #D6EBF5;margin-bottom:20px;background-color:#FFFFFF;}
#right-detail-info .flora .nav{list-style:none;background-color:#D6EBF5;margin:0px 0px 1px 0px;padding:0px;}
#right-detail-info .flora .nav li{font-size:1.3em;padding:0px;margin:0px;}
#right-detail-info .flora .nav li a{height:42px;line-height:42px;background-color:#D6EBF5;display:block;float:left;text-align:center;padding:0px 22px 0px 23px;color:#336699;font-weight:bold;margin:0px;text-decoration:none;}
#right-detail-info .flora .nav li a:hover{height:42px;line-height:42px;background-color:#FFFFFF;display:block;float:left;text-align:center;padding:0px 22px 0px 23px;margin:0px;}
#right-detail-info .flora div{padding:16px;}
#right-detail-info .flora div ul{padding:0px;list-style:square;padding-left:25px;}
#right-detail-info .flora div p{font-size:1.1em;color:#666666;line-height:130%;margin:0px;padding:0px;}

/* Page Numbers */
.pagination-header-box{}
.pagination-header-box .pages-wrapper{float:right;width:350px;}
.pagination-header-box .product-nav{float:left;width:350px;}
.pagination-header-box label{font-weight:bold;color:#336699;font-size:14px;margin-bottom:8px;float:right;}
.pages { font-size: 90%; float:right;margin:0 0.2em;}
.pages a, .pages span { display: block; float: right; padding: 0.4em 0.8em; margin-right: 0.1em; border: 1px solid #fff; }
.pages span.current { font-weight: bold; background: #3399CC; color: #fff; border: 1px solid #3399CC; }
.pages span.empty { background: #DADADA; border: 1px solid #3399CC; color: #DADADA; }
.pages a { border: 1px solid #C0E1EF; text-decoration: none; color: #D60C16; }
.pages a:hover { border-color: #3399CC; background: #FFFFFF; }
.pages a.nextprev { font-weight: bold; border: 1px solid #C0E1EF; }
.pages a:hover.nextprev { border-color: #3399CC; }
.pages span.nextprev { padding-bottom: 0.5em;border: 1px solid #C0E1EF; color: #999; }


#right-detail-info .product-software-notice{ margin-top:2px; margin-bottom:2px; background-color:#EAEAEA; padding:16px; width:408px; border-top: 1px solid #D7D7D7; }
#right-detail-info .product-software-notice h1{font-size:1.3em;color:#3399CC;line-height:130%;}
#right-detail-info .product-software-notice p{font-size:1.1em;color:#666666;line-height:130%;margin:0px;}

#right-detail-info .product-software-notice li {line-height:1.8em;list-style:disc;color:#CCC;margin-left:16px;}

#product-content-container{padding:30px 0px 0px 0px;font-family:'Arial', Helvetica, sans-serif;}
#prod-content{width:215px;padding-right:10px;float:left;margin-bottom:15px;}
#prod-content h1{font-size:1.3em;margin-bottom:12px;line-height:130%;color:#3399CC;}
#prod-content p{font-size:1.1em;margin-bottom:0px;line-height:130%;color:#666666;}
#prod-content a{color:#3399CC;text-decoration:underline;}
#prod-content a:hover{color:#3399CC;text-decoration:none;}

#library-section{}
#body-content #library-section h2{color:#336699;padding-top:15px;border-top:1px dotted #CCCCCC;}

#splash-home-content{width:900px;color:#CCC}
#splash-home-content .splash-home-article{width:252px;background-image:url(../img/home-article-bg.jpg);background-repeat:no-repeat;background-position:top left;float:left;margin-right:8px;padding:26px 20px;}
#splash-home-content .splash-home-article h2{font-family:'Verdana', Arial, Helvetica, sans-serif;font-size:1.3em;color:#3399CC;line-height:120%;font-weight:bold;margin:0px 0px 12px 0px;}
#splash-home-content .splash-home-article p{font-family:'Arial', Helvetica, sans-serif;font-size:1.3em;color:#CCC;line-height:120%;margin:0px 0px 0px 0px;}
#splash-home-content .splash-home-article ul{padding-left:20px;margin-left:0px;}
#splash-home-content .splash-home-article a{color:#3399CC;text-decoration:underline;}
#splash-home-content .splash-home-article a:hover{color:#3399CC;text-decoration:none;}

#footer{color:#999999;font-size:1em;font-family:'Arial', Helvetica, sans-serif;padding:15px 0px 30px 0px;border-top:2px dotted #CCCCCC;}
#footer span{display:block;float:right;text-align:right;}
#footer a{color:#3399CC;text-decoration:underline;}
#footer a:hover{color:#3399CC;text-decoration:none;}

#flashcontent{display:block;background-color:#000000; border:none;vertical-align:top;}

#ajaxPopupBox a{color:#3399CC;text-decoration:underline;}
#ajaxPopupBox a:hover{color:#3399CC;text-decoration:none;}

#left-detail-content .dealer-price {color:#CC0000; line-height:80%}
#left-detail-content .dealer-price span { font-size:40%}
#left-detail-content .dealer-reg-price { font-size:1.5em; font-style:oblique; margin-top: 10px; padding-top: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFE7B3; margin-bottom: 20px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFE7B3; background-color: #FFFFE6; padding-left: 10px; }
#left-detail-content .dealer-reg-price span {font-size:60%; margin-left:2px;}
#left-detail-content a.add-to-cart { background-color: #0099CC; color: #FFFFFF; text-decoration: none; padding: 0.5em; border-top: 1px solid #00BBF9; border-right: 1px solid #00789F; border-bottom: 1px solid #00789F; border-left: 1px solid #00BBF9; }
#left-detail-content a:hover.add-to-cart { text-decoration: none; background: #006699; }
  
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {.ui-tabs-nav {
        display: none;}
}

#prod-resources-wrapper { text-align: center; width:434px; margin-right: auto; margin-left: auto; background-color:#D6EBF5; padding:3px; }
#prod-resources-wrapper .resources-display  ul li{line-height:1.8em;list-style:disc;color:#D6EBF5;margin-left:16px;}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: Arial, Verdana, Helvetica, Arial, sans-serif;color:#336699;
    font-size:1.2em;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
margin-top:1px
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li { float: left; margin:0 1px 0 0; font-weight: bold; }
.ui-tabs-nav a, .ui-tabs-nav a span { float: left; /* fixes dir=ltr problem and other quirks IE */ padding: 14px 14px 6px; background-color:#D6EBF5;text-decoration:none; }
.ui-tabs-nav a {
    margin: 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    text-decoration:none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color:#336699;
}

.ui-tabs-nav .ui-tabs-selected a { position: relative; z-index: 2; margin-top: 0; background:#FFF; }
.ui-tabs-nav a span {
    padding-top: 0px;
    padding-right: 0;
    height:auto;
    
}
.ui-tabs-nav .ui-tabs-selected a span { padding-top: 0; height:auto; background: #FFFFFF; }
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;border-top: 1px solid #B7DCEE; border-right: 1px solid #B7DCEE;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel { padding: 10px; background: #FFF; font-size: 1em; text-align: left; }
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}