body { font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:none; margin:0; padding:0; background-image:url(/images/colbg.png); background-repeat:repeat-x; }
html>body { font-family:Verdana, Arial, Verdana, sans-serif; font-size:12px; }
html { 
/*overflow: -moz-scrollbars-vertical;
overflow: scroll;*/
}
a img { border:none; }
.clearall { clear:both; }
.frame { width:1038px; margin:0 auto; }
.holder { width:1038px; height:634px; background-image:url(/images/stagecanvas.png); background-repeat:no-repeat; background-position:top center; }
.holderproducts { width:1038px; min-height:734px; height:auto!important; height:534px; background-image:url(/images/stagecanvasproducts.png); background-repeat:no-repeat; background-position:top center; }

/*
NEW PAGE LAYOUT INDEX
*/
.holdergridflow { width:1038px; background-image:url(/images/stagecanvas_new2.png); background-repeat:no-repeat; background-position:top center; background-color:none; }
.gridcontainer { width:960px; margin:0 auto; margin-top:2px; 
/*padding-bottom: 25px;margin-bottom: 25px; border-bottom: 1px solid #f3f3f3;*/
background-image:url(/images/gridcontainerbg.png); background-repeat:repeat-y; background-position:center top; }
.gridleft { float:left; width:199px; 
/*border-right: 1px solid #f3f3f3;min-height:400px; height:auto !important; height:534px;*/
background-image:url(/images/topsellheadergradleft.png); background-repeat:repeat-y; background-position:right top; background-color:#f3f3f3; }
.gridleftheader { padding:14px; text-transform:uppercase; font-size:13px; font-weight:bold; background-color:#000; color:#fff; background-image:url(/images/nav_header_shadow.png); background-repeat:no-repeat; background-position:center top; border-bottom:1px solid #fff;}
.gridleftnavholder { padding-left:0; background-image:url(/images/topsellheadergradleft.png); background-repeat:repeat-y; background-position:right top; background-color:#f3f3f3; font-size:12px; font-weight:normal; }
.gridleftnavholder ul { list-style:none; padding:0; margin:0; width:199px; }
.gridleftnavholder li { display:block; margin-top:0; }
.gridleftnavholder a { display:block; text-decoration:underline; color:#000; padding:6px 5px 6px 20px; background-image:url(/images/topsellheadergradleft.png); background-repeat:repeat-y; background-position:right top; background-color:#f3f3f3; }
.gridleftnavholder a:hover { text-decoration:none; color:#333; padding:6px 5px 6px 20px; background-color:#ffd14c; }
.gridleftnavholderselected { 
/*padding:6px 5px 6px 20px;*/
color:#333; background-color:#ffd14c; font-weight:bold; background-image:url(/images/topsellheadergradleft.png); background-repeat:repeat-y; background-position:right top; }
.gridleftnavholderselected a { 
/*padding:6px 5px 6px 20px;*/
color:#333; background-color:#ffd14c; font-weight:bold; background-image:url(/images/topsellheadergradleft.png); background-repeat:repeat-y; background-position:right top; }
.gridright { float:right; width:200px; background-color:#f3f3f3; 
/*border-left: 1px solid #f3f3f3;min-height:734px; height:auto !important; height:534px;*/
background-image:url(/images/topsellheadergrad2.png); background-repeat:repeat-y; background-position:right top; }
.gridrightheader { padding:14px; text-transform:uppercase; text-align:center; font-size:13px; font-weight:bold; background-color:#000; color:#000; background-image:url(/images/topsellheadergrad2.png); background-repeat:no-repeat; background-position:left top; color:#ffd14c; }
.topsellercontainer { width:200px; text-transform:uppercase; color:#000; 
/*border-top: 2px solid #f3f3f3;border-bottom: 2px solid #f3f3f3;*/
margin-bottom:1px; margin-top:1px; }
.topsellerimageonly { width:200px; height:60px; }
.topsellerimageonly img { background:transparent; width:200px; height:60px; display:block; }
.topsellerimageonly a { width:200px; height:60px; background-color:#333; display:block; }
.topsellerimageonly a:hover { width:200px; height:60px; background-color:#000; display:block; }
.topsellerleftsmall { display:block; margin-bottom:8px; }
.topsellerleftsmall img { float:left; width:46px; height:46px; border:3px solid #fff; margin-right:5px; }
.topsellerrightsmall { width:140px; text-transform:capitalize; font-family:Verdana, Tahoma, "Lucida Sans"; font-weight:bold; font-size:11px; }
.topsellersmall { font-weight:normal; font-size:9px; }
.gridcentre { width:549px; margin:0 auto; 
/*background-color: #fff;*/
padding-top:5px; }
.gridcentretopstrip { width:536px; padding:5px; margin:0 auto; margin-left:2px; text-transform:uppercase; font-size:13px; font-weight:bold; background-color:#ffd14c; color:#000; margin-top:5px; margin-bottom:5px; }
.gridcentretopstrip_prdetails { width:537px; padding:10px 5px; margin:0 auto; margin-left:2px; text-transform:uppercase; font-size:13px; font-weight:bold; background-color:#ffd14c; color:#000; margin-top:5px; text-align:center; }

/*FOR PRODUCTS DETAILS PAGE*/
.gridcentretop { width:549px; height:297px; background-color:#f3f3f3; }
.gridcentremiddlestrip { width:527px; padding:5px 10px; margin:0 auto; margin-left:2px; text-transform:uppercase; font-size:13px; font-weight:bold; background-color:#ffd14c; color:#000; margin-top:5px; margin-bottom:5px; }
.gridcentreprodholder { width:549px; overflow:hidden; margin:0 auto; margin-left:2px; background-color:#f3f3f3; }
.gridctrprodoutbox { width:133px; height:198px; border:1px solid #ccc; overflow:hidden; background-color:#fff; float:left; margin-right:2px; margin-bottom:2px; }
.gridctrprodinbox { width:111px; margin:0 auto; height:178px; background-color:#f3f3f3; margin-top:10px; border:1px solid #999; }
.gridctrprodinboxheader { height:54px; padding:5px; overflow:hidden; background-color:#f3f3f3; text-align:center; }
.gridctrprodinboximge { height:114px; padding:0; margin:0; background-color:#fff; }
.prodname { font-size:10px; font-weight:bold; }
.prodmodel { font-size:9px; }
.gridholderend { width:960px; margin:0 auto; background-image:url(/images/gridholderend.png); background-repeat:no-repeat; background-position:center top; background-color:#f3f3f3; padding-top:20px; padding-bottom:10px; margin-bottom:10px; }
.slideshownew { margin-top:2px; }
#portfolionew { width:547px; height:297px; background-color:#ccc; margin-right:2px; }
#portfolionew ul { padding:0; margin-left:auto; margin-right:auto; }
#portfolionew li { list-style:none; }
.thaitransnote { width:505px; margin:0 auto; border:1px solid red; font-size:14px; text-align:center; padding:10px 20px; margin-right:2px; font-weight:bold; margin-top:10px; }
.relatedprdcontainer { width:545px; background-color:#000; margin-right:2px; padding-top:2px; padding-bottom:2px; padding-left:2px; }
.relatedimageonly { width:181px; height:60px; float:left; }
.relatedimageonly img { background:transparent; width:181px; height:60px; display:block; }
.relatedimageonly a { width:181px; height:60px; background-color:#333; display:block; }
.relatedimageonly a:hover { width:181px; height:60px; background-color:#000; display:block; }
.relatedimageonlyheader { width:537px; padding:10px 5px; margin:0 auto; margin-right:2px; text-transform:uppercase; font-size:13px; font-weight:bold; background-color:#ffd14c; color:#000; margin-top:5px; }
.databaseupdate { width:537px; padding:10px 5px; margin:0 auto; margin-right:2px; text-transform:capitalize; font-size:13px; font-weight:bold; background-color:#ffd14c; color:#000; margin-top:5px; text-align:center; }
.contactus { width:527px; padding:10px 10px; margin:0 auto; margin-right:2px; text-transform:normal; font-size:13px; line-height:20px; font-weight:normal; background-color:none; color:#000; margin-top:5px; text-align:left; }

/*
NEW PAGE LAYOUT INDEX
*/
.newslide { margin:0; padding:0; }
#newslidefolio { width:960px; height:133px; background-color:#fff; overflow:hidden; }
#newslidefolio ul { padding:0; margin-left:auto; margin-right:auto; }
#newslidefolio li { list-style:none; }
.langswitch { float:left; width:70px; text-align:right; margin-top:4px; margin-left:10px; }
.langswitch ul.languages { float:right; }
.langswitch ul.languages li { float:left; margin-left:5px; list-style:none; }
.langswitch ul.languages li a.unselected { opacity:0.4; filter:alpha(opacity=40); }
.langswitch ul.languages li a.unselected:hover { opacity:1.0; filter:alpha(opacity=100); }
.logo { width:960px; background-image:url(/images/Pepsano_LogoWeb01.png); background-repeat:no-repeat; background-position:right; margin-top:20px; margin-right:20px; height:95px; width:300px; float:right; }
.navholder { margin:0 auto; height:100px; }
.navmenu { width:960px; margin:0 auto; font-size:13px; padding-top:34px; text-transform:uppercase; color:#c6c6c6; 
/*text-shadow: #e2e2e2 -0.1em -0.1em 0.1em;*/
}

/*.navmenu ul{list-style: none;}
.navmenu li{float: left;padding:2px 12px; display: block;}*/

/*Selective Color #919191*/
.navmenu a { text-decoration:none; color:#c6c6c6; }
.navmenu a:hover { color:red; }
.slideshow { margin-top:2px; }
#portfolio { width:960px; height:519px; margin:0 auto; background-color:#fff; }
#portfolio ul { padding:0; margin-left:auto; margin-right:auto; }
#portfolio li { list-style:none; }
#promoboxescontainer { width:928px; margin:0 auto; 
/*margin-top: 7px;*/
background-image:url(/images/promocontainerbg.png); background-repeat:repeat-x; background-position:top left; background-color:#f3f3f3; padding-left:16px; padding-right:16px; }
#promoboxes { width:231px; height:160px; float:left; }
.one { height:159px; background-image:url(http://xercore.com/images/promobg01.png); background-repeat:no-repeat; background-position:bottom center; margin-right:1px; }
.two { height:159px; background-image:url(http://xercore.com/images/promobg02.png); background-repeat:no-repeat; background-position:bottom center; margin-right:1px; }
.three { height:159px; background-image:url(http://xercore.com/images/promobg03.png); background-repeat:no-repeat; background-position:bottom center; margin-right:1px; }
.four { height:159px; background-image:url(http://xercore.com/images/promobg04.png); background-repeat:no-repeat; background-position:bottom center; }
#productlistcontainer { width:960px; margin:0 auto; margin-top:10px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:10px 0; }
#productlist { width:229px; float:left; font-size:10px; color:#666; line-height:18px; padding-left:10px; }
#productlist .listheader { font-weight:bold; text-decoration:none; text-transform:uppercase; }
#productlist ul { margin:0; padding:0; list-style:none; }
#productlist li { }
#productlist a { text-decoration:none; color:#666; }
#productlist a:hover { text-decoration:underline; color:#666; }
#productscontainer { width:960px; margin:0 auto; margin-top:2px; }
#flashcontainer { width:960px; margin:0 auto; margin-left:-1px; margin-top:2px; }
#productsnavholder { width:200px; height:519px; float:left; position:relative; left:-1px; }
#productimgholder { width:759px; height:519px; float:right; padding-right:1px; }
#productsnavcontents { width:201px; margin:0 auto; }
#productsinfoheader { width:182px; margin:0 auto; padding:10px; font-size:12px; font-weight:bold; line-height:17px; background-color:#333; color:#fff; text-transform:uppercase; display:block; height:50px; text-align:center; }
.headone { color:#fbbd41; }
#productsteaserimagecontainer { width:201px; height:190px; background-color:#333; padding-top:5px; }
#productsteaserimage { width:180px; height:180px; margin:0 auto; margin-bottom:0; border:3px #fff solid; text-align:center; }
.prdclassmain { text-transform:uppercase; font-size:11px; font-weight:bold; color:#fff; background:transparent url(http://xercore.com/images/newnavhoverbg.png) repeat-x top left; background-color:#ffd605; padding:5px; margin-top:1px; }

/*#CCFF00*/
#prdclassmain ul { text-transform:uppercase; font-weight:bold; }
.footerbg { width:1038px; margin:0 auto; margin-bottom:20px; font-size:11px; line-height:22px; min-height:200px; background-image:url(/images/canvasbtm.png); background-repeat:no-repeat; background-position:center bottom; text-align:center; }
.footer { font-size:12px; color:#666; padding:0; text-align:center; width:960px; margin:0 auto; padding:20px 0; }
img { border:none; }

/*
Plates - Accessories - Cable Attachments 
*/
.accesscontainer { width:924px; height:180px; margin:0 auto; background-color:#fff; background:transparent url(/images/xcaccessories.jpg) no-repeat; border:1px solid #f3f3f3; }
.accessory1 { width:244px; height:180px; float:left; }
.accessory2 { width:234px; height:180px; float:left; }
.accessory3 { width:476px; height:168px; float:right; margin-top:2px; text-align:center; margin-right:2px; }
.callus { width:200px; height:130px; background:transparent url(/images/callus.jpg) no-repeat; border-bottom:1px solid #000; }
.navsideboxesheader { padding:14px; text-transform:uppercase; font-size:13px; font-weight:bold; background-color:#000; color:#fff; background-image:url(/images/nav_header_shadow.png); background-repeat:no-repeat; background-position:center top; border-bottom:1px solid #fff; margin-bottom:4px; }
.navsideboxes { width:188px; height:102px; margin:0 auto; margin-bottom:6px; border:solid 1px #ccc; }
.navsideboxes a { }
.navsideboxes a:hover { }
.dbcontainer { padding:0; margin:0; width:547px; }
.dbteaser1 { padding:0; margin:0; width:547px; height:188px; }
.dbheader1 { width:538px; padding:10px 5px; margin:0 auto; margin-rigth:2px; text-transform:uppercase; font-size:13px; font-weight:bold; background-color:#000; color:#fff; text-align:center; margin-bottom:0; }
.dbfeature { font-weight:bold; text-transform:uppercase; margin-top:10px; }
.dbtextcontainer { padding:5px 10px; width:527px; line-height:18px; margin-bottom:10px; }
.dbtextcontainer p { margin-bottom:5px; }

/*
Contact Form */
#contact-area { width:526px; margin:0 auto; background-color:none; padding:10px; margin-right:3px; }
#contact-area input,#contact-area textarea { padding:5px; width:400px; font-family:Helvetica, sans-serif; font-size:12px; margin:0 20px 10px 0; border:1px solid #ccc; }
#contact-area textarea { height:120px; max-width:400px; }
#contact-area textarea:focus,#contact-area input:focus { border:1px solid #fbbd41; }
#contact-area input.submit-button { float:left; width:80px; height:auto; padding:2px 15px; margin-left:86px; }
#contact-area input.reset-button { float:left; width:80px; height:auto; padding:2px 15px; background-color:#f3f3f3; }
label { float:left; text-align:right; margin-right:15px; width:70px; padding-top:5px; font-size:12px; color:#000; }


.emailmessage{color: #fff; width:526px; margin:0 auto; margin-top:25px; background-color: #d1ff17; padding:10px; margin-right:3px; font-weight: bold; font-size: 12px; }