/* ######### CSS for Shade Tabs. Remove if not using ######### */

#commerce-tab1 { display: block; width: 104px; height: 22px; background: url("../images/commerce/tab-advantages.png") no-repeat 0 -22px; float:left; margin-left: 275px; }
#commerce-tab1 span { display:none; }
#commerce-tab1:hover { color:#09F; }
#commerce-tab1.selected { background: url("../images/commerce/tab-advantages.png") no-repeat 0 0px; }

#commerce-tab2 { display: block; width: 172px; height: 22px; background: url("../images/commerce/tab-accepting-payments.png") no-repeat 0 0; float:left; margin-left: 0px; }
#commerce-tab2 span { display:none; }
#commerce-tab2:hover { color:#09F; }
#commerce-tab2.selected { background: url("../images/commerce/tab-accepting-payments.png") no-repeat 0 -22px; }

#cms-tab1 { display: block; width: 156px; height: 22px; background: url("../images/cms/tab-different.png") no-repeat 0 -22px; float:left; margin-left: 100px; }
#cms-tab1 span { display:none; }
#cms-tab1:hover { color:#09F; }
#cms-tab1.selected { background: url("../images/cms/tab-different.png") no-repeat 0 0px; }

#cms-tab2 { display: block; width: 172px; height: 22px; background: url("../images/cms/tab-advantages.png") no-repeat 0 0; float:left; margin-left: 0px; }
#cms-tab2 span { display:none; }
#cms-tab2:hover { color:#09F; }
#cms-tab2.selected { background: url("../images/cms/tab-advantages.png") no-repeat 0 -22px; }

#cms-tab3 { display: block; width: 114px; height: 22px; background: url("../images/cms/tab-ease.png") no-repeat 0 0; float:left; margin-left: 0px; }
#cms-tab3 span { display:none; }
#cms-tab3:hover { color:#09F; }
#cms-tab3.selected { background: url("../images/cms/tab-ease.png") no-repeat 0 -22px; }

#seo-tab1 { display: block; width: 114px; height: 22px; background: url("../images/seo/tab-what-is.png") no-repeat 0 -22px; float:left; margin-left: 125px; }
#seo-tab1 span { display:none; }
#seo-tab1:hover { color:#09F; }
#seo-tab1.selected { background: url("../images/seo/tab-what-is.png") no-repeat 0 0px; }

#seo-tab2 { display: block; width: 172px; height: 22px; background: url("../images/seo/tab-what-can.png") no-repeat 0 0; float:left; margin-left: 0px; }
#seo-tab2 span { display:none; }
#seo-tab2:hover { color:#09F; }
#seo-tab2.selected { background: url("../images/seo/tab-what-can.png") no-repeat 0 -22px; }

#seo-tab3 { display: block; width: 140px; height: 22px; background: url("../images/seo/tab-on-site-off-site.png") no-repeat 0 0; float:left; margin-left: 0px; }
#seo-tab3 span { display:none; }
#seo-tab3:hover { color:#09F; }
#seo-tab3.selected { background: url("../images/seo/tab-on-site-off-site.png") no-repeat 0 -22px; }

#nav_tabs2 { color:#000; display: block; width: 155px; height: 22px; background: url("green-tab.png") no-repeat 0 0; float:left; margin-left: 0px; text-align: center; padding-top:13px; font-size: 10px; }
#nav_tabs2:hover { color:#09F; }
#nav_tabs2.selected { background: url("black-tab.png") no-repeat 0 0; color:#FFF; }

#nav_tabs3 { color:#000; display: block; width: 155px; height: 22px; background: url("green-tab.png") no-repeat 0 0; float:left; margin-left: 0px; text-align: center; padding-top:13px; font-size: 10px; }
#nav_tabs3:hover { color:#09F; }
#nav_tabs3.selected { background: url("black-tab.png") no-repeat 0 0; color:#FFF; }

#nav_tabs4 { color:#000; display: block; width: 155px; height: 22px; background: url("green-tab.png") no-repeat 0 0; float:left; margin-left: 0px; text-align: center; padding-top:13px; font-size: 10px; }
#nav_tabs4:hover { color:#09F; }
#nav_tabs4.selected { background: url("black-tab.png") no-repeat 0 0; color:#FFF; }

#nav_on_site { color:#000; display: block; width: 155px; height: 22px; background: url("green-tab.png") no-repeat 0 0; float:left; margin-left: 15px; text-align: center; padding-top:13px; font-size: 10px; }
#nav_on_site:hover { color:#09F; }
#nav_on_site.selected { background: url("black-tab.png") no-repeat 0 0; color:#FFF; }

#nav_good_logo { color:#000; display: block; width: 155px; height: 22px; background: url("green-tab.png") no-repeat 0 0; float:left; margin-left: 45px; text-align: center; padding-top:13px; font-size: 10px; }
#nav_good_logo:hover { color:#09F; }
#nav_good_logo.selected { background: url("black-tab.png") no-repeat 0 0; color:#FFF; }

.shadetabs{ margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ 
}

.content_con { background-image: url(../images/commerce/tabbed-middle.png); background-repeat: no-repeat; text-align: left; width: 523px; padding-right: 25px; padding-left: 25px; padding-top: 10px; padding-bottom: 10px; }

.tabcontent{
display:none;
}