@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------------------------------------
Site Navigation in CSS and XHTML Screen Stylesheet

date:      February 2008
author:    mario luevanos
email:     marioluevanos@gmail.com
-----------------------------------------------------------------------------*/

*	{
margin: 0;
border: 0;
padding:0;
outline:none;
behavior: url(/css/iepngfix.htc);
}

/* BODY
-----------------------------------------------------------------------------*/
body {
background-repeat:repeat-x;
background-attachment:fixed;
background-position:center top;
background-image:url(/images/background2.jpg);
background-color:#000000;
font-family: Arial, Helvetica, sans-serif;
}

a:hover {
color:#333333;
text-decoration:none;
outline: none;
cursor:pointer;
}

a {
color:#006699;
text-decoration:underline;
outline: none;
cursor:pointer;
}

#productbg b {
color: #006699
}
#productbg strong {
color:#006699;
}

.horzrule {
border-bottom: 1px solid #CCCCCC;
}

.inline {
list-style:none;
list-style-type:none;
}

.inline li {
display:inline;
float:left;
}

blockquote {
font-style:italic;
font-weight:lighter;
line-height:25px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.15em;
padding:0px 30px 0px 30px;
}

#pgwrapper {
visibility:visible;
width:800px;
margin:0px auto;
}	

#wrapper {
visibility:visible;
width:800px;
margin:0px auto;
}

#header {
width:800px;
background-image:url(/images/header.png);
background-repeat:no-repeat;
height:140px;
margin-bottom:2px;
margin-left:auto;
margin-right:auto;
}

#alsalogo {
text-indent: -9999px;
width: 117px;
height: 116px;
left:600px;
bottom:15px;
position: relative;
background-image:url(/images/logo_alsa116x117.png);
background-repeat:no-repeat;
}

.logo {
background:url (/images/logo_alsa116x117.png) no-repeat center;
height:116px;
width:117px;
display:block;
text-indent:-9999px;
}

#alsalogo a {
position: absolute;
top: 0;
left: 0;
width: 117px;
height: 116px;
display: block;
border: 0;
background: transparent;
overflow: hidden;
}
#alsalogo .fake-hover {
width: 117px;
height: 116px;
display: block;
position: absolute;
top: 0;
left: 0;
background: url(/images/logo_alsa116x117.png) no-repeat 0 25px;
}

.imgbox {
padding:5px;
margin-left:auto;
margin-right:auto;
border:1px solid #cccccc;
}

.imgbox:hover {
border:1px solid #51095E;
cursor:pointer;
}

.ads {
width:750px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

.bg740top {background-image:url(/images/bg_740_top.png); background-repeat:no-repeat; width:740px; height:15px; margin:0px auto; background-position:top;}
.bg740body {background-image:url(/images/bg_740_body.png); background-repeat:repeat-y; width:740px; margin:0px auto;}	
.bg740Container {width:700px; margin:0px auto; padding:0px 20px 0px 15px;}
.bg740bottom {background-image:url(/images/bg_740_bottom.png); background-repeat:no-repeat; width:740px; height:15px; margin:0px auto; background-position:top;}	
.text740 { width:740px; margin:0px auto;}

.contactHead {
background:url(/images/contactus.jpg) no-repeat;
height:35px;
border-bottom:1px solid #999999;
margin:0px 30px 0px 30px;
text-indent:-9999px;
}

.sitemap {
background:url(/images/heading_sitemap.jpg) no-repeat;
height:35px;
border-bottom:1px solid #999999;
margin:0px 30px 0px 30px;
text-indent:-9999px;
}

.aboutalsa {
background:url(/images/aboutalsa.jpg) no-repeat;
height:35px;
margin:0px 30px 0px 30px;
text-indent:-9999px;
}

.custompaintsHead {
background:url(/images/custompaints.jpg) no-repeat;
height:28px;
margin:0px 30px 0px 30px;
text-indent:-9999px;
padding:5px 0px 5px 0px;
}

.media {
background:url(/images/heading_media.jpg) no-repeat;
height:35px;
border-bottom:1px solid #999999;
margin:0px;
padding:0px;
text-indent:-9999px;
display:block;
}

.catalog {
background:url(/images/catalog.jpg) no-repeat;
height:35px;
border-bottom:1px solid #999999;
margin:0px 30px 0px 30px;
text-indent:-9999px;
}

.samplepacks {
background:url(/images/samplepacks.jpg) no-repeat;
height:35px;
border-bottom:1px solid #999999;
margin:0px 30px 0px 30px;
text-indent:-9999px;
}


/* SEARCH
-----------------------------------------------------------------------------*/

#searchbox {
position:relative;
left:10px;
top:20px;
}

#searchbox form {
font-size:.70em;
padding:2px 2px 0px 2px;
color:#003366;
font-weight:bold;
}

#searchbox select {
color:#003366;
background-color:#FFFFFF;
width:140px;
border:1px solid #999999;
margin-top:2px;
}

#searchbox input {
background-color:#FFFFFF;
border:1px solid #999999;
margin-top:2px;
}

#searchbox input:focus {
background-color:#FFFFFF;
color:#003366;
}

/* SLIDEPANEL
-----------------------------------------------------------------------------*/

.emailExclusives {
float:left;
width:375px;
display:inline;
}

#panel {
height:50px;
margin:0px auto;
background:url(/images/blackoverlay.png) repeat;
border-bottom:1px solid #999999;
display:none;
}
.slide {
border-top: solid 1px #FFFFFF;
}
.btn-slide  {
background-image:url(/images/emailexclusives.png);
background-repeat:no-repeat;
background-position:center;
width:150px;
height:30px;
text-indent:-9999px;
float:left;
}


/* NEWSLETTER
-----------------------------------------------------------------------------*/

.newsletter {
width:790px;
text-align:left;
margin:0px auto;
}

.newsletter span {
font-size:11px;
color:#ffffcc;
position:relative;
float:right;
bottom:15px;
right:10px;
}

.newsletter form {
font-size:.70em;
padding:10px 2px 0px 2px;
color:#FFFFFF;
}

.newsletter input {
background-color:#CCCCCC;
border:1px solid #FFFFFF;
margin-top:2px;
}

.newsletter input:focus {
background-color:#575b60;
color:#FFFFFF;
}

/* HOMELINKS
-----------------------------------------------------------------------------*/

.homelinks {
padding:10px 10px 10px 0px;
font-size:0.7em;
color:#FFFFFF;
text-align:right;
}

.homelinks a {
color:#CCCCCC;
text-decoration:none;
}

.homelinks a:hover {
color:#FFFFFF;
text-decoration:underline;
}

.homelinks strong {
color:#FFFFFF;
font-weight:bold;
}

/* CSS NAVMENU
-----------------------------------------------------------------------------*/

#navigation {
background-image:url(/images/menu.png);
background-repeat:no-repeat;
height:50px;
width:800px;
margin-left:auto;
margin-right:auto;
margin-bottom:2px;
}
#navigation ul {
margin:0 0 0 20px;
padding:0;
}
#navigation ul li {
padding:0 5px 0 0;
margin:10px 0 0 0;
list-style:none;
float:left;
}
#navigation ul li a:link, #navigation ul li a:visited {
margin:0;
padding:0;
display:block;
text-decoration:none;
height:29px;
background-position:top;
background-repeat:no-repeat;
}
#navigation ul li a:hover {
background-position:bottom;
}
#navigation ul li a span {
display:none;
}
.menu-home {
background-image: url(/images/menu_home.png);
width:57px;
}
.menu-custompaints {
background-image: url(/images/menu_custompaints.png);
width:119px;
}
.menu-chromefx {
background-image: url(/images/menu_chromefx.png);
width:90px;
}
.menu-killercans {
background-image: url(/images/menu_killercans.png);
width:89px;
}
.menu-bldg {
background-image: url(/images/menu_bldg.png);
width:131px;
}
.menu-4ozkits {
background-image: url(/images/menu_4ozkits.png);
width:74px;
}
.menu-dynatone {
background-image: url(/images/menu_dynatone.png);
width:87px;
}
.menu-media {
background-image: url(/images/menu_media.png);
width:61px;
}

/* CSS SUB-NAVMENU 
-----------------------------------------------------------------------------*/
#subnavigation {
background-image:url(/images/menu.png);
background-repeat:no-repeat;
height:50px;
width:800px;
margin-left:auto;
margin-right:auto;
margin-bottom:2px;
}
#subnavigation ul {
margin:0 0 0 20px;
padding:0;
}
#subnavigation ul li {
margin:10px 0 0 0;
padding:0 16px 0 0;
list-style:none;
float:left;
}
#subnavigation ul li a:link, #subnavigation ul li a:visited {
margin:0;
padding:0;
display:block;
text-decoration:none;
height:29px;
background-position:top;
background-repeat:no-repeat;
}
#subnavigation ul li a:hover {
background-position:bottom;
}
#subnavigation ul li a span {
display:none;
}
.menu-basecoats {
background-image: url(/images/menu_basecoats.png);
width:87px;
}
.menu-candies {
background-image: url(/images/menu_candies.png);
width:68px;
}
.menu-additives {
background-image: url(/images/menu_additives.png);
width:72px;
}
.menu-primers {
background-image: url(/images/menu_primers.png);
width:63px;
}
.menu-clearcoats {
background-image: url(/images/menu_clearcoats.png);
width:80px;
}
.menu-specialfx {
background-image: url(/images/menu_specialfx.png);
width:80px;
}
.menu-chromepaint {
background-image: url(/images/menu_chromepaint.png);
width:97px;
}
.menu-artisttools {
background-image: url(/images/menu_artisttools.png);
width:84px;
}


/* JQUERY FANCY MENU
-----------------------------------------------------------------------------*/

.navmenu {
position: relative;
height: 50px;
width: 800px;
background: url("/images/menu.png") no-repeat top;
margin: 2px 0px 2px 0px;
overflow: hidden;
clear:both;
padding:0px;
}
.navmenu li {
float: left;
padding: 10px 0px 10px 0px;
list-style: none;
}
.navmenu li.back {
background: url("/images/menu_hover.png") no-repeat right -70px;
width: 9px;
height: 50px;
z-index:-1;
position: absolute;
bottom:-10px;
}
.navmenu li.back .left {
background: url("/images/menu_hover.png") no-repeat top left;
height: 50px;
margin-right:13px;
z-index:9;
}
.navmenu li a {
font-size:0.75em;
font-weight:bold;
text-decoration: none;
color:#FFFFFF;
outline: none;
text-align: center;
top: 5px;
letter-spacing: 0;
display: block;
float: left;
position: relative;
overflow: hidden;
margin: 2px 16px 0px 16px; 
z-index: 50;
}

/* CUSTOMPAINTS NAVMENU
-----------------------------------------------------------------------------*/

.custompaintsmenu {
position: relative;
height: 50px;
width: 800px;
background: url("/images/menu.png") no-repeat top;
margin: 2px 0px 2px 0px;
overflow: hidden;
clear:both;
padding:0px;
}
.custompaintsmenu li {
float: left;
padding: 10px 0px 10px 0px;
list-style: none;
}
.custompaintsmenu li.back {
background: url("/images/menu_hover.png") no-repeat right -70px;
width: 9px;
height: 50px;
z-index:-1;
position: absolute;
bottom:-10px;
}
.custompaintsmenu li.back .left {
background: url("/images/menu_hover.png") no-repeat top left;
height: 50px;
margin-right:13px;
z-index:9;
}
.custompaintsmenu li a {
font-size:0.75em;
font-weight:bold;
text-decoration: none;
color:#FFFFFF;
outline: none;
text-align: center;
top: 5px;
letter-spacing:0px;
display: block;
float: left;
position: relative;
overflow: hidden;
margin: 2px 12px 0px 11px; 
z-index: 50;
}

/* SLIDESHOW 
-----------------------------------------------------------------------------*/

.playerContainer {
width:528px;
float:left;
display:inline;
background-image:url(/images/player_bg.png);
background-repeat:no-repeat;
}

#player {
padding:0px;
width:528px;
margin:10px;
float:none;
}

/* ACCORDION 
-----------------------------------------------------------------------------*/

.accordionContainer {width:270px; float:left; display:inline; margin-left:2px;}

.Accordion {
overflow: hidden;
width:270px;
height:240px;
margin:0px 0px 0px 0px;
background-image:url(/images/accordion_body.png);
background-repeat:no-repeat;
}

.AccordionPanel {color:#FFFFFF;}

.AccordionPanelTab span {
font-size:.75em;
font-weight:bold;
margin-left:25px;
position:relative;
top:5px;

}

.AccordionPanelContent {
background-position:top;
background-repeat:no-repeat;
overflow:hidden;
width:250px;
height:145px;
}

.accordPadding {padding:10px;}

.AccordionPanelContent p {
color:#333333;
margin-left:10px;
margin-right:10px;	
padding-top:5px;
padding-bottom:2px;
font-size:0.75em;
}

.AccordionPanelTab {
background-image:url(/images/accordion_tab.png);
background-repeat:no-repeat;
background-position:top;
width:250px;
height:24px;
cursor: pointer;
}

.AccordionPanelTabHover {
background-image:url(/images/accordion_tab_hover.png);
background-repeat:no-repeat;
background-position:top;
}

.AccordionPanelOpen .AccordionPanelTabHover {
background-image:url(/images/accordion_tab_hover.png);
background-repeat:no-repeat;
background-position:top;
}

.AccordionFocused .AccordionPanelTab {
color:#FFFFFF;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-image:url(/images/accordion_tab_hover.png);
background-repeat:no-repeat;
background-position:top;
color:#FFFFFF;
}


.contentimg {
padding:5px;
margin:10px 5px 0px 15px;
border:1px solid #cccccc;
outline-color:invert;
outline-style:none;
outline-width:medium;
}

.contentimg:hover {
border:1px solid #333333;
cursor:pointer;
}

/* COLLAPSIBLE PANNEL 
-----------------------------------------------------------------------------*/
.CollapsiblePanel {
margin-left:auto;
margin-right:auto;
width:800px;
}

.alsaimg {
padding:5px;
margin:10px 5px 0px 10px;
border:1px solid #cccccc;
}

.alsaimg:hover {
border:1px solid #51095E;
cursor:pointer;
}


#paintspage .CollapsiblePanelTab, 
#aboutpage .CollapsiblePanelTab, 
#dynatonepage .CollapsiblePanelTab,
#contactpage .CollapsiblePanelTab {
background-image:url(/images/pannel_top_Hover.png);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
padding: 10px 0px;
text-indent:40px;
margin-bottom:1px;
cursor:default;
}


.CollapsiblePanelTab {
background-image:url(/images/pannel_top_Hover.png);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
padding: 10px 0px;
text-indent:20px;
cursor: pointer;
margin-bottom:0px;
}

.CollapsiblePanelOpen .CollapsiblePanelTab {
background-image:url(/images/pannel_top.png);
background-repeat:no-repeat;
padding: 10px 0px;
color:#336699;
font-weight:bold;
}

.CollapsiblePanelTab:Hover {
background-image:url(/images/pannel_top.png);
background-repeat:no-repeat;
padding: 10px 0px;
color:#336699;
font-weight:bold;
}

.CollapsiblePanelContent {background:inherit;}

#paintspage .CollapsiblePanelContent {
background:none;
}

.cpcontent {
width:740px;
margin-left:auto;
margin-right:auto;
}

table.cpcontent td.cptextinfo h3 a {
color:#333333;
text-decoration:none;
border:hidden;
font-size:2em;
font-weight:lighter;
letter-spacing:-1px;
}

table.cpcontent td.cptextinfo h3 a:hover {
color:#006699;
text-decoration:underline;
}

table.cpcontent h3 a:hover {
text-decoration:none;
}

table.cpcontent p {
padding:10px 10px 0px 0px;
}

.cptextinfo {
width:500px;
}

.contentBGTop {
background-image:url(/images/cpcontent_bgTop.png);
background-repeat:no-repeat;
background-position:top;
width:775px;
height:40px;
margin-left:auto;
margin-right:auto;
}

.contentBG {
background-image:url(/images/cpcontent_bg.png);
background-repeat:repeat-y;
width:775px;
margin-left:auto;
margin-right:auto;
}


.contentBGBot {
background-image:url(/images/cpcontent_bgBot.png);
background-position:bottom;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
width:775px;
height:40px;
}

.CollapsibleContentMain {
padding: 0px 45px 0px 45px;
color:#3e5068;
font-size:.80em;
}

#paintspage .CollapsibleContentMain {
font-size:.80em;
padding:0px;
background:none;
}

.CollapsibleContentMain p {
padding-bottom:10px;
line-height:20px;
}

.CollapsibleContentMain h1, h2, h5 { 
padding:5px 0px 2px 0px;
letter-spacing:-1px;
color:#006699;
}

.CollapsibleContentMain h3 {
padding:5px 0px 2px 0px;
color:#333333;
letter-spacing:-0.5px;
}


/* IMAGE FADE
-----------------------------------------------------------------------------*/

.fadeContainer {
width:800px;
margin:0px auto;
list-style:none;
list-style-type:none;
height:189px;
clear:both;
}

ul.fadeContainer li {
width:158px;
height:189px;
float:left;
display:inline;
margin:0px;
}

.fade {
position: absolute;
margin-top:1px;
}

.fade div {
position: absolute;
top:0;
left:0;
display: none;
}

/* PRODUCT BROWSER
-----------------------------------------------------------------------------*/

#container {
width: 800px;
margin-bottom:2px;
}
.sliderGallery {
background: url(/images/productbrowser_bg.png) no-repeat;
overflow: hidden;
position: relative;
height: 200px;
width: 800px;
}

.sliderGallery a {
color:#FFFFFF;
text-decoration:none;
text-indent:5px;
}

.sliderGallery a:hover {
color:#FFFF66;
text-decoration:none;
}

/* hide from incapable browsers */
div#scrollbar { 
display:none;
}

/* below in external file */
div#wn	{ 
position:relative; 
width:800px;
height:200px; 
overflow:hidden;	
}
div#scrollbar { 
position:relative;
bottom:30px;
background-image:url(/images/productbrowser_sb.png);
margin-left:auto;
margin-right:auto;
width:760px;
height:19px;
display:block; /* display:none initially */
font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
}

div#track { 
position:absolute;
left:20px;
margin-left:5px;
margin-right:5px;
top:0;
width:710px;
height:19px; 
}
div#dragBar {
position:absolute;
left:1px;
top:1px;
margin-bottom:1px;
cursor:pointer;
width:100px;
min-width:100px;
max-width:100px;
background-repeat:no-repeat;
height:17px;
background-position:left;
background-image:url(/images/productbrowser_scroller.png); 
}  

div#left { position:absolute; left:0; top:0;}  
div#right { position:absolute; right:0; top:0;}

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
-moz-user-select: none;
-khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
display:block; 
} 

#wn #lyr1 table {
margin-top:45px;
}


#wn #lyr1 td {
color:#FFFFFF;
text-align:center;
font-size:.70em;
vertical-align:top;
padding-right:20px;
}

.sbimg {
height:auto;
width:122px;
}

.jumplinks {
width:740px;
margin-left:auto;
margin-right:auto;
}

.jumptobackground {
background-image:url(/images/jumpto_bg.png); 
background-position:center; 
background-repeat:no-repeat; 
height:53px; 
width:360px;
}

ul.retroglow li {
width:120px;
height:130px;
float:left;
display:inline;
list-style:none;
list-style-type:none;
}

ul.retroglow li span {
position:relative;!important
top:105px;!important
}


/* PRODUCT TABLE
-----------------------------------------------------------------------------*/

#productbgTop {
background-image:url(/images/product_bgTop.png);
background-position:top;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
width:800px;
height:24px;
}

#productbg {
background-image:url(/images/product_bg.png);
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
width:800px;
}

#productbgBot {
background-image:url(/images/product_bgBot.png);
background-position:bottom;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
width:800px;
height:24px;
}

#productbg h2 {
color:#000000;
font-weight:lighter;
margin-left:33px;
margin-right:30px;
border-bottom:1px solid #999999;
}


.producttable {
width:770px;
margin-left:auto;
margin-right:auto;
border-collapse:collapse;
position:relative;
left:10px;
}

.producttable a {
text-decoration:none;
}

.producttable th a {
color:#333333;
}

.producttable th a:hover {
color:#006699;
}


.producttable th {
font-weight:normal;
text-align:left;
font-size:1.25em;
letter-spacing:-1px;
padding: 5px 5px 5px 10px;
}

.producttable td {
padding:5px;
}

.cphighlight {
border-bottom:1px solid #EDEDED;
border-top:1px solid #EDEDED;
}

.cphighlight:hover {
color:#006699;
border-bottom:1px solid #EDEDED;
border-top:1px solid #EDEDED;
background-image:url(/images/cp_highlight_hover.png);
background-position:left;
background-repeat:no-repeat;
}

.cpdesc {
padding-right:5px;
padding-bottom:5px;
width:150px;
vertical-align:top;
font-size:1em;
}

.arrow {
background-image: url(/images/arrow_blue.gif);
background-repeat:no-repeat;
background-position:left center;
width:10px;
}

.learnmore {
background-image:url(/images/learnmore.png);
background-position:top;
height:21px;
width:102px;
display:block;
text-indent:-9999px; 
outline-color:invert;
outline-style:none;
outline-width:medium;
background-repeat:no-repeat;
}

.learnmore:hover {
background-image:url(/images/learnmore.png);
background-position:bottom;
background-repeat:no-repeat;
}

.readmore {
background-image:url(/images/readmore.png);
background-position:top;
height:21px;
width:102px;
display:block;
text-indent:-9999px; 
outline-color:invert;
outline-style:none;
outline-width:medium;
background-repeat:no-repeat;
clear:both;
}

.readmore:hover {
background-image:url(/images/readmore.png);
background-position:bottom;
background-repeat:no-repeat;
}

/* ---------- READ MORE BREAK ---------- */

.readmoreAlt {
background-image:url(/images/readmore_alt.png);
background-position:top;
height:16px;
width:106px;
display:block;
text-indent:-9999px; 
outline-color:invert;
outline-style:none;
outline-width:medium;
background-repeat:no-repeat;
clear:both;
}

.readmoreAlt:hover {
background-image:url(/images/readmore_alt.png);
background-position:bottom;
background-repeat:no-repeat;
}

.addtocart {
background-image:url(/images/addtocart_alt.png);
background-position:top;
height:21px;
width:102px;
display:block;
text-indent:-9999px; 
outline-color:invert;
outline-style:none;
outline-width:medium;
background-repeat:no-repeat;
}

.addtocart:hover {
background-image:url(/images/addtocart_alt.png);
background-position:bottom;
background-repeat:no-repeat;
}

div#productbox div#application h3 {
font-weight:lighter;
letter-spacing:normal;
font-size:1.5em;
}

#info h3, #buy h3, #killer h3, #productshowcase h3, #application h3, #tds h3  {
border:medium hidden;
font-size:2em;
font-weight:lighter;
letter-spacing:-1px;
}


.tdsFirstData {width:125px;}

.tdsSecondData {font-size:1.25em; font-weight:lighter; line-height:40px;}

.applist {
padding-left:30px;
line-height:25px;
}

#normal #one,
#normal #two,
#normal #three,
#paintspage #info, 
#paintspage #productshowcase, 
#paintspage #buy, 
#paintspage #application, 
#paintspage #killer, 
#paintspage #tds {
width:740px;
margin-left:auto;
margin-right:auto;
}

#paintspage #info p, 
#paintspage #productshowcase p,
#paintspage #buy p,  
#paintspage #application p, 
#paintspage #killer p, 
#paintspage #tds p {
margin-top:15px;
}

#paintspage #info table tr td,
#paintspage #productshowcase table tr td,
#paintspage #application table tr td,
#paintspage #tds table tr td   {
vertical-align:top;
}


/* BUY and KILLER CAN TABLES 
-----------------------------------------------------------------------------*/
 
.tableone {width:740px; color:#000000; margin:0 auto; border-collapse:collapse;}
.tableone tbody {color:#000;}
.tableone th {text-align:left; font-size:1em; color:#FFFFFF;}

.tabletwo {width:720px;  border-collapse:collapse;  }
.tabletwo td {color:#3E5068;}

.th1 {width:144px; height:30px; background-image:url(/images/table_left_bg.png); background-position:top left; background-repeat:no-repeat;}
.th2 {width:200px; height:30px; background-image:url(/images/table_head_bg.png); background-repeat:repeat-x; padding-left:7px;}
.th3 {width:80px; height:30px; background-image:url(/images/table_head_bg.png); background-repeat:repeat-x;}
.th4 {width:85px; height:30px; background-image:url(/images/table_head_bg.png); background-repeat:repeat-x;}
.th5 {width:85px; height:30px; background-image:url(/images/table_head_bg.png); background-repeat:repeat-x;}
.th6 {width:140px; height:30px; background-image:url(/images/table_head_bg.png); background-repeat:repeat-x;}!important



.td1 {width:130px;}
.td2 {width:200px;}
.td3 {width:80px;}
.td4 {width:85px;}
.td5 {width:85px;}
.td6 {width:120px;}

.datarow { display:table-row;}
.datarow strong a {text-decoration:none; cursor:text; color:#006699}
.datarow strong a:hover {text-decoration:none; cursor:text; color:#006699}

.innerb {overflow:auto; height:500px; text-align: left; font-size:0.90em; text-indent:5px;}

.kc-box {list-style:none; list-style-type:none;}
ul.kc-box li {
float:left;
display:inline;
background-image:url(/images/kc_box.png);
background-position:center;
background-repeat:no-repeat;
height:270px;
width:296px;
}

.buykillercans {
background-image:url(/images/buykillercans.png);
background-position:top;
height:41px;
width:200px;
display:block;
text-indent:-9999px; 
outline-color:invert;
outline-style:none;
outline-width:medium;
background-repeat:no-repeat;
}

.buykillercans:hover {
background-image:url(/images/buykillercans.png);
background-position:bottom;
background-repeat:no-repeat;
}

.kcbgTop {
background-image:url(/images/product_bgTop.png);
background-position:top;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
width:800px;
height:24px;
}

.kcbg {
background-image:url(/images/product_bg.png);
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
width:800px;
}

.kcbgBot {
background-image:url(/images/product_bgBot.png);
background-position:bottom;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
width:800px;
height:24px;
}

.kcbgTop h2 {
color:#000000;
font-weight:lighter;
margin-left:33px;
margin-right:30px;
padding:0px;
border-bottom:1px solid #999999;
}

.kcTab {
background-image:url(/images/kc_tab.png);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
padding: 10px 0px;
text-indent:35px;
cursor:default;
cursor: pointer;
margin-bottom:2px;
}

.CollapsiblePanelOpen .kcTab {
background-image:url(/images/kc_tab_hover.png);
background-repeat:no-repeat;
padding: 10px 0px;
color:#336699;
font-weight:bold;
}

.kcTab:Hover {
background-image:url(/images/kc_tab_hover.png);
background-repeat:no-repeat;
padding: 10px 0px;
color:#336699;
font-weight:bold;
}


/* -----------------------CHROMEFX & ALSAMAX----------------------- */

.cFXbuybox { background-image:url(/images/cFX_buybox.png); height:115px; width:210px; background-repeat:no-repeat; background-position:center;}
.ambuybox { background-image:url(/images/am_buybox.png); height:115px; width:210px; background-repeat:no-repeat; background-position:center;}


/* -----------------------` PRODUCTS----------------------- */


.related { 
vertical-align:middle;
width: 740px;
list-style:none;
list-style-type:none;
}


ul.related li {
width:225px;
height:190px;
background-image:url(/images/related_bg.png);
background-repeat:no-repeat;
background-position:center;
float:left;
display:inline;
margin:10px;
}

.related img {
margin:10px 0px 0px 15px;
}

ul.related li table tr td {
font-size:0.90em;
height:15px;
letter-spacing:-0.25px;
line-height:20px;
padding:40px 0pt 0pt 15px;
}

ul.related li table tr td span a {
color:#FF0000;
font-size:.75em;
}



/* RELATED 2
-----------------------------------------------------------------------------*/
.related2 { 
vertical-align:middle;
width: 740px;
list-style:none;
list-style-type:none;
}


ul.related2 li {
width:225px;
float:left;
display:inline;
margin:0px 10px 0px 10px;
}

ul.related2 li a  {
width:102px;
margin:0px auto;
}

ul.related2 li td  {
vertical-align:text-top;
text-align:center;
margin:0px auto;
}

ul.related2 li strong  {
color:#000000;
font-size:.75em;
}

ul.related2 li span  {
color:#000000;
font-weight:lighter;
font-size:1.25em;
}


/* UL XPOSURES 
-----------------------------------------------------------------------------*/

.xposureContainer {width:740px; float:left; margin-top:15px;}
 
.xposuresBuy {list-style:none; list-style-type:none;}

ul.xposuresBuy li {
width:740px;
height:200px;
background-image:url(/images/xposures_buybg.gif);
background-repeat:no-repeat;
background-position:center;
float:left;
display:inline;
clear:both;
}

.xposuresBuy img {margin:20px 15px 0px 0px;}
ul.xposuresBuy li table {margin-left:20px;}

ul.xposuresBuy li table tr td {
font-size:0.85em;
letter-spacing:-0.25px;
line-height:20px;
}

ul.xposuresBuy span {color:#006699; font-size:.85em;}

ul.xposuresBuy li table tr td h3 { padding:0px; }


/* UI TABS
-----------------------------------------------------------------------------*/


@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.tabs-hide {display: none;}
}

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

/* Skin */
.tabs-nav {
list-style: none;
margin: 0;
padding: 10px 0 0 3px;
}
.tabs-nav:after { /* IE+ */
display: block;
clear: both;
content: " ";
}
.tabs-nav li {
float: left;
margin: 0 0 0 28px;
min-width: 84px; /* Opera */
}
.tabs-nav a, .tabs-nav a span {
display: block;
padding: 0 10px;
background: url(/images/pd_tab.png) no-repeat;
}

.tabs-nav a {
position: relative;
top: 1px;
z-index: 2;
padding-left: 0;
color: #27537a;
font-size: 12px;
font-weight: bold;
line-height: 1.2;
text-align: center;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */    
}

.tabs-nav .tabs-selected a {color: #000;}
.tabs-nav .tabs-selected a, 
.tabs-nav a:hover, 
.tabs-nav a:focus, 
.tabs-nav a:active {background-position: 100% -150px;outline: 0; /* prevent dotted border in Firefox */}

.tabs-nav a, 
.tabs-nav .tabs-disabled a:hover, 
.tabs-nav .tabs-disabled a:focus, 
.tabs-nav .tabs-disabled a:active {background-position: 100% -100px;}

.tabs-nav a span {width: 64px; /* IE 6 treats width as min-width */min-width: 64px;height: 18px; /* IE 6 treats height as min-height */min-height: 18px;padding-top: 7px;padding-right: 0;}

*>.tabs-nav a span { /* hide from IE 6 */width: auto;height: auto;}

.tabs-nav .tabs-selected a span {padding-top: 7px;}

.tabs-nav .tabs-selected a span, 
.tabs-nav a:hover span, 
.tabs-nav a:focus span, 
.tabs-nav a:active span {background-position: 0 -50px;}

.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, 
.tabs-nav .tabs-disabled a:focus span, 
.tabs-nav .tabs-disabled a:active span {background-position: 0 0;}

.tabs-nav .tabs-selected a:link, 
.tabs-nav .tabs-selected a:visited, 
.tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */cursor: text;}

.tabs-nav a:hover, 
.tabs-nav a:focus, 
.tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */cursor: pointer;}
.tabs-nav .tabs-disabled {opacity: .4;}

.tabs-container {border-top:1px solid #CCCCCC;margin:0px 30px 0px 32px;background: #ffffff; /* declare background color for container to avoid distorted fonts in IE while fading */}


#normal .tabs-container {border:none; background:#5a7b9e; margin:0px 30px 0px 32px; /* declare background color for container to avoid distorted fonts in IE while fading */}


/* CONTACT
-----------------------------------------------------------------------------*/

.contactContainer {
float:left;
}

.contactText {
list-style:none; 
list-style-type:none;
line-height:20px;
}

/* GALLERY LIGHTBOX
-----------------------------------------------------------------------------*/

.thickbox {
outline-color:invert;
outline-style:none;
outline-width:medium;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}

#TB_secondLine {
font: 11px Arial, Helvetica, sans-serif;
color:#000000;
}

#TB_window a:link {color: #006699;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}

.TB_overlayMacFFBGHack {background: url(/images/macFFBgHack.png) repeat;}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
top:50%;
left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
}

#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}

#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}

#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
font-weight:bold;
text-align:center;
width:100px;
}

#TB_ajaxWindowTitle{
float:left;
padding:15px 0px 0px 10px;
margin-bottom:1px;
font-weight:lighter;
font-size:18px;
letter-spacing:-.25px;
color:#000000;
}

#TB_title{
background-color:#e8e8e8;
height:50px;
border-bottom:1px solid #999999;
}

#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
padding:15px;
}

#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}

#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}


/* TOOLTIP & SCREENSHOT
-----------------------------------------------------------------------------*/

/*  */
#preview {
position:absolute;
background:#000000;
padding:5px 5px 5px 5px;
display:none;
color:#FFFFFF;
font-size:.80em;
}
/*  */

/*  */

#screenshot {
position:absolute;
border:1px solid #ccc;
background:#000000;
padding:5px 5px 3px 5px;
display:none;
color:#fff;
z-index:9999;
font-size:1em;
}

/*  */


/* 4oz KIT BUTTONS
-----------------------------------------------------------------------------*/

.buy4ozStandard {
background-image:url(/images/4oz_standard_buy.png);
background-position:top;
height:41px;
width:200px;
display:block;
text-indent:-9999px; 
outline-color:invert;
outline-style:none;
outline-width:medium;
background-repeat:no-repeat;
}

.buy4ozStandard:hover {
background-image:url(/images/4oz_standard_buy.png);
background-position:bottom;
background-repeat:no-repeat;
}

.buy4ozDelux {
background-image:url(/images/4oz_delux_buy.png);
background-position:top;
height:41px;
width:200px;
display:block;
text-indent:-9999px; 
outline-color:invert;
outline-style:none;
outline-width:medium;
background-repeat:no-repeat;
}

.buy4ozDelux:hover {
background-image:url(/images/4oz_delux_buy.png);
background-position:bottom;
background-repeat:no-repeat;
}


/* SMOOTH DROPDOWN
-----------------------------------------------------------------------------*/


.dropdown dt {cursor:pointer;}

dt#one-ddheader, dt#two-ddheader, dt#three-ddheader, dt#four-ddheader, dt#drop-ddheader {
background:url(/images/bg_dropdown.gif);
width:177px;
height:18px;
padding:3px 3px 3px 7px;
}

.dropdown dd {
position:absolute; 
overflow:hidden; 
display:none;
background:#222222;
border:1px solid #CCCCCC;
z-index:200; 
opacity:0;
}

.dropdown ul {
list-style:none;
padding:2px 12px 12px 12px;
width:163px;
}

.dropdown a, .dropdown a:active, .dropdown a:visited {
display:block; 
padding:8px 5px; 
text-decoration:none; 
background:#cccccc;
background:url(/images/bg_dropdown_line.gif) repeat-x bottom;
}

ul.dropdownlist li {
background:none;
width:150px;
height:35px;
display:block;
font-size:1.25em;
}


/* HORIZONTAL SLIDER
-----------------------------------------------------------------------------*/

.sm {list-style:none; width:650px; height:205px; display:block; overflow:hidden; margin:0px auto; border:2px solid #CCCCCC;}
.sm li {float:left; display:inline; overflow:hidden; border-right:2px solid #ffffff;}

/* ERROR
-----------------------------------------------------------------------------*/

.errorContainerL {width:400px; height:400px; padding:0px 30px 0px 30px; border-right:1px solid #999999; float:left;}
.errorContainerR {width:310px; float:left;}

.errorContainerR p,
.errorContainerL p,
.errorContainerL h3 {font-weight:lighter; color:#333333;}

.errorContainerL p 

.errorContainerR a {text-decoration:none;}

.errorlinks {list-style:none; line-height:30px; margin-top:15px; font-size:.80em;}


/* BUILDING MATERIALS 
-----------------------------------------------------------------------------*/

#bldg p {
line-height:20px;
padding-bottom:10px;
font-size:.80em;
color:#3E5068;
}

#bldg h2 { font-size:1.2em;}


#bldg table.cpcontent td.cptextinfo h3 {
color:#333333;
letter-spacing:-0.5px;
padding:5px 0px 2px;
border:medium hidden;
color:#333333;
font-weight:lighter;
letter-spacing:-1px;
text-decoration:none;
}

#bldg h3 { font-size:1em;}

#bldg-Pannel,
#bldg-Pannel2,
#bldg-Pannel3 { width:740px; margin:0px auto;}

.browse {
background-image:url(/images/browse.png);
background-position:top;
height:21px;
width:102px;
display:block;
text-indent:-9999px; 
outline-color:invert;
outline-style:none;
outline-width:medium;
background-repeat:no-repeat;
}

.browse:hover {
background-image:url(/images/browse.png);
background-position:bottom;
background-repeat:no-repeat;
}

#bldg-Pannel .CollapsiblePanelTab,
#bldg-Pannel2 .CollapsiblePanelTab,
#bldg-Pannel3 .CollapsiblePanelTab {
color:#999999;
letter-spacing:-.25px;
text-indent:-9999px;
width:102px;
margin-left:240px;
background:none;
/*
background-image:url(/images/accordion500_tab.png);
background-position:center;
background-repeat:no-repeat;
padding: 10px 0px;
text-indent:10px;
cursor: pointer;
margin-bottom:0px;
margin-left:auto;
*/
}


#bldg-Pannel .CollapsiblePanelOpen .CollapsiblePanelTab,
#bldg-Pannel2 .CollapsiblePanelOpen .CollapsiblePanelTab,
#bldg-Pannel3 .CollapsiblePanelOpen .CollapsiblePanelTab {
/*
padding: 10px 0px;
color:#FFFFFF;
background-image:url(/images/accordion500_tab_hover.png);
*/
background:none;
}

#bldg-Pannel .CollapsiblePanelTab:Hover,
#bldg-Pannel2 .CollapsiblePanelTab:Hover,
#bldg-Pannel3 .CollapsiblePanelTab:Hover {
/*
padding: 10px 0px;
background-image:url(/images/accordion500_tab_hover.png);
color:#FFFFFF;
*/
background:none;
}

#bldg .CollapsiblePanelContent {background-color:#FFFFFF;}

#bldg .CollapsibleContentMain {padding:0px 0px;}

#bldg .CollapsibleContentMain table tr td {vertical-align:top;}
#bldg .CollapsibleContentMain table tr td ul li a {font-weight: bold; text-decoration:none; color:#333333;}
#bldg .CollapsibleContentMain table tr td ul li a:hover {color:#006699;}
#bldg .CollapsibleContentMain table tr td ul li { font-size:11px;}
#bldg .CollapsibleContentMain p {font-size:1em; color:#444444;}


.bldg-techContainer {width:740px; margin:0px auto; margin-top:15px;}
.bldg-techinfoBox {width:210px; float:left;}
#paintspage #info .bldg-techContainer .bldg-techinfoBox p {font-size:0.90em; color:#333333; margin-top:0px;}
#info .bldg-techContainer .bldg-techinfoBox h2 {margin:0px; color:#006699; font-size:17px; letter-spacing:-0.5px;}


/*-- BUY SECTION TO FX SHEETING --*/
#buy .bldg-techContainer .bldg-techinfoBox h2 {margin:0px; color:#006699; font-size:17px; letter-spacing:-0.5px;}
#paintspage #buy .bldg-techContainer .bldg-techinfoBox p {font-size:0.90em; color:#333333; margin-top:0px;}


#paintspage #buy .bldg-techContainer {width:auto;}

.fsxTable {
float:left;
border-collapse:collapse;
margin-top:30px;
}

#buy .fsxTable tr td {
text-align:center;
height:145px;
font-size:0.90em;
width:165px;
vertical-align:top;
}

#buy .fsxTable tr td span {
text-align:left;
font-weight:normal;
margin:0px 5px 0px 0px;
}


.fxsBorder {
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}

#buy .fsxTable tr td a {text-decoration:none;}

#paintspage #info table.fxs_tableOne tr td {vertical-align:middle; clear:both;}
.fxs_tableOne {vertical-align:middle; clear:both;}




/* DIVINE TILES
-----------------------------------------------------------------------------*/

.indexTilesTable {width:500px; float:right; }
table.indexTilesTable tr td {text-align:center;}
table.indexTilesTable tr td a {text-decoration:none; font-size:11px; color:#333333;}
table.indexTilesTable tr td a:hover {text-decoration:underline; color:#006699;}

.divineContainer {width:740px; float:left; margin-top:15px; clear:both; margin-left:auto; margin-right:auto;}
.divineBuy {list-style:none; list-style-type:none; clear:both;}
ul.divineBuy li {
width:740px;
height:275px;
background-image:url(/images/dt_buybg.gif);
background-repeat:no-repeat;
background-position:center;
float:left;
display:inline;
}
.divineBuy img {margin:23px 15px 0px 7px;}
ul.divineBuy li table {margin-left:20px;}
ul.divineBuy li table tr td {
font-size:0.85em;
letter-spacing:-0.25px;
line-height:20px;
}
ul.divineBuy span {color:#006699; font-size:.85em;}
ul.divineBuy li table tr td h3 { padding:0px; }
.divineBuy li table tr .dt_data {color:#006699; font-size:13px; text-decoration:underline;}
.divineBuy li table .dt_row{font-size:14px; color:#000000; height:18px;}
ul.divineBuy li table tr td {line-height:30px; }



ul.xposuresBuy li table tr td.dt_dataTwo {color:#000000; font-size:11px;}


/* SITEMAP
-----------------------------------------------------------------------------*/


.siteBody {
width:740px;
height:auto;
margin:0px auto;
}

.siteBody span {
color:#55555;
font-weight:bold;
font-size:12px;
list-style-type:disc;
}

#productbg .siteBody h2 {
border:none;
margin:0px;
color:#444444;
}

#productbg .siteBody h2 a {
color:#444444;
text-decoration:none;
}

#productbg .siteBody h2 a:hover {
color:#006699;
text-decoration:underline;
}


.siteContainerOne {
width:260px;
float:left;
}
.siteContainerTwo {
width:245px;
float:left;
}
.siteContainerThree {
width:235px;
float:left;
}

.siteList {
list-style:none;
list-style-type:none;
font-size:12px;
line-height:15px;
}

.siteList a {
text-decoration:none;
color:#444444;
}

.siteList a:hover {
text-decoration:underline;
color:#006699;
}


/* SAMPLE PACK
-----------------------------------------------------------------------------*/

.samplepackBox {
width:215px;
height:265px;
float:left;
margin:13px;
background:url(/images/sample_boxbg.gif) no-repeat center;
}


#productbg .text740 .samplepackBox h2 {
border:none;
margin:5px 0px 2px 0px;
text-align:center;
color:#333333;
font-size:15px;
}


.sampleList {
list-style:none;
list-style-type:none;
}

.sampleList li {
text-align:center;
font-size:11px;
line-height:20px;
}

.sampleList li h3 {
font-weight:lighter;
color:#000000;
font-size:18px;
color:#000000;
}

/* MEDIA CONTENT
-----------------------------------------------------------------------------*/


.mediaContainer {
width:740px;
margin-left:auto;
margin-right:auto;
color:#111111;
margin-top:15px;
}

#productbg .mediaContainer h2 {
margin:0px;
border:none;
color:#006699;
}

#productbg .mediaContainer h2 a {
text-decoration:none;
}

#productbg .mediaContainer h2 a:hover {
text-decoration:underline;
}

#productbg .mediaContainer h3 {
font-size:2em;
font-weight:lighter;
letter-spacing:-1px;
margin-top:15px;
}

.mediaText {
width:425px;
float:left;
padding:0px 15px 0px 0px;
}


.mediaSpotlight {
margin-top:15px;
}

.mediaSpotlightText {
font-size:12px;
float:right;
width:260px;
}


/* CONTENT SLIDER
-----------------------------------------------------------------------------*/

.sliderwrapper {
position: relative;
overflow: hidden; 
width:450px; 
height:320px;
float:left;
display:inline;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background: white;
width:450px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height:320px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width:290px; 
text-align: right;
height:322px;
float:right;
background:url(/images/media_gliderbg.jpg)	 no-repeat;
display:inline;
}

.pagination a{
text-decoration:none;
font-size:12px;
display:block;
color:#FFFFFF;
padding:10px;
}

.pagination a:hover, .pagination a.selected{
color:#33CCFF;
background:url(/images/blackoverlay.png);;
}

.sliderText {
width:200px;
height:310px;
color:#FFFFFF;
float:right;
position:absolute;
left:235px;
margin-top:20px;
}

.sliderText p {
margin-top:10px;
}


#productbg .mediaContainer .sliderwrapper h2 {
color:#33CCFF;
}

.sliderTextBG {
width:225px;
height:320px;
background-color:#000;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
float:right;
}


/* CODA SLIDER
-----------------------------------------------------------------------------*/


#slider {
width:660px;
margin-top:15px;
margin-left:auto;
margin-right:auto;
position: relative;
}

.scroll {
height: 350px;
width: 660px;
overflow: auto;
overflow-x: hidden;
position: relative;
clear: left;
background:#FFFFFF;
background:url(/images/scroll_bg.jpg) center no-repeat scroll;
z-index:9;
}

.scrollContainer div.panel {
height:350px;
width:660px;
}

.scrollPanelContainer {
padding:15px 15px 10px 30px;
font-size:11px;
}

ul.navigation {
list-style: none;
margin: 0;
padding: 0;
padding-bottom:4px;
}

ul.navigation li {
display: inline;
margin-right:0px;
}

ul.navigation a {
padding:5px 10px;
color:#000;
text-decoration: none;
background:url(/images/scroll_tab.gif)
}

ul.navigation a:hover {
background-color: #f6f6f6;
}

ul.navigation a.selected {
background:url(/images/scroll_tab-selected.gif) no-repeat center;
color:#FFFFFF;
font-weight:bold;
}

ul.navigation a:focus {
outline: none;
}

.scrollButtons {
position: absolute;
top:160px;
cursor: pointer;
}

.scrollButtons.left {
left: -26px;
}

.scrollButtons.right {
right: -26px;
}

.hide {
display: none;
}

/* FOOTER
-----------------------------------------------------------------------------*/

#footerBody {
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:1px;
clear:both;
padding-bottom:30px;
}

.footerTop {
clear:both;
background:transparent url(/images/links_top.png) no-repeat scroll 0%;
height:13px;
margin-left:auto;
margin-right:auto;

width:800px;
}

.footerBG {
height:auto;
background-image:url(/images/links_bg.png);
background-repeat:repeat-y;
margin-left:auto;
float:left;
clear:both;
margin-right:auto;
width:800px;
}

.footerContainer {
margin-left:auto;
margin-right:auto;
height:auto;
width:740px;
clear:both;
}

.footerContainer h2 {
color:#FFFFFF;
padding:0px 0px 0px 0px;
margin-bottom:5px;
font-size:1em;
border-bottom:1px solid #FFFFFF;
}


.footerBottom {
background:transparent url(/images/links_bottom.png) no-repeat scroll 0%;
height:13px;
margin-left:auto;
margin-right:auto;
width:800px;
clear:both;
}


.footerListContainer {
height:auto;
width:105px;
float:left;
}

dl.footerList {
font-size:11px;
color:#FFFFFF;
float:left;
}

dl.footerList dt a {
font-size:11px;
font-weight:bold;
color:#FFFFFF;
}

dl.footerList a {
text-decoration:none;
color:#bbbbbb;
}
dl.footerList a:hover {
text-decoration:underline;
color:#FFFFFF;
}

.copy {
color:#cccccc;
font-size:11px;
text-align:center;
padding:5px 0px 0px 5px;
}