html { 
    background:#000000 url(/img/xyron/bg/GlobalBG.jpg) no-repeat center top;
}
body {
    margin:0;
}
.colmask {
    background-color:#FFFFFF;
    padding-top:10px;
}
.fullpage .col1 {
   background: url(/img/xyron/bg/bg2.jpg) repeat-y center;
   padding:55px 15px 15px 15px;
   min-height:450px;
}

/* left menu layout styles */
.leftmenu .colleft {
   background: url(/img/xyron/bg/bg2.jpg) repeat-y center;
   margin:0px 15px;
   width:956px;
   min-height:450px;
}
.leftmenu .col1 {
    width:715px;
    padding-top:40px;
}
.leftmenu .col2 {
    width:195px;
    margin-top:55px;
    margin-bottom:15px;
}
/*
    .leftmenu .mainColumnContent {
        border:1px solid #DADADA;
    }
*/
    .col1, .col2 {
        overflow: visible;
    }
    

.submitArrow {
    background-image: url(/img/xyron/icons/icon_submit.gif);
    width:17px; 
    height:17px;
}

/* 
   ============================================================================
   general styles
   ============================================================================
*/
* {
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#5C5C5C;
}
a {
    text-decoration: none;
    outline: none;
}
a:hover {
    text-decoration: none;
    color:#0F8596;
}
a:hover * {
    text-decoration: none;
    color:#0F8596;
}
table {
    margin:0;
}
th, td {
    border:1px solid #DADADA;
}
.noteText {
    font-size:9px;
    color:#9CAEB7;
}

    .validation,
    .validation li {
        color: #ff0000;
    }
    
  #loginPanel>.feedbackPanel{
		width:410px;
}

  #loginPanel>.feedbackPanel{
		width:410px;
}

  #newCustomerPanel>.feedbackPanel{
		width:410px;
}


/* 
   ============================================================================
   div.col2 left menu
   ============================================================================
*/
.leftmenu .col2 h3 {
    background:url(/img/xyron/bg/fullPageTitle.jpg) top left;
    color:#FFFFFF;
    padding:2px 15px;
    margin:0px;
}


.leftmenu .col2 div.bd {
    background-image:url(/img/xyron/bg/leftnav.png);
    background-color:#F3AFCE;
    border:1px solid #DADADA;
}

/* new leftnav after pflex redesign */

#leftNav h2 {
    background:url(/img/xyron/bg/fullPageTitle.jpg) top left;
    font-size: 13px;
    color:#FFFFFF;
    padding:2px 15px;
    margin:0px;
}
#leftNav > ul {
    background-image:url(/img/xyron/bg/leftnav.png);
    background-color:#F3AFCE;
    border:1px solid #DADADA;
}
#leftNav > ul h3 {
    background: none;
    padding: 0;
    font-weight: normal;
}
#leftNav > ul li.selected h3 {
    font-weight: bold;
}

/* 
   ============================================================================
   div#header
   ============================================================================
*/
#header { 
    background:#ffffff url(/img/xyron/bg/HeaderBG.jpg) no-repeat center top;
    height:140px;
    position:relative;
}
#header * { 
    font-size:14px;
}
#logo {
    position:absolute;
    left:45px;
    top:20px;
}
#logo img {
    width:177px;
    height:42px;
    border:none;
}
#smallLogo {
    display:none;
}
#greeting {
    position:absolute;
    left:230px;
    top:45px;
}
#greeting span {
    color:#ffffff;
}
#search {
    position:absolute;
    right:65px;
    top:45px;
    background:transparent url(/img/xyron/bg/HeaderToolBG.png) repeat scroll left top;
    height:29px;
    width:125px;
}
#search form {
    background:transparent url(/img/xyron/bg/HeaderToolBG.png) repeat scroll right top;
    margin:0 0 0 15px;
    padding:6px 0 0;
    position:absolute;
    min-width:0px;
    width:125px;
    height:25px;
    padding:4px 0 0 0 ;
}
#searchField input {
    background:url(/img/xyron/bg/HeaderToolBG.png) center; 
    border:none; 
    margin:3px 0 0 0;
    width:100px;
}
#searchImage {
    position:absolute;
    right:5px;
    top:3px;
}
#guestUser, #registeredUser {
    position:absolute;
    top:45px;
    left:500px;
    background:transparent url(/img/xyron/bg/HeaderToolBG.png) repeat scroll left top;
    height:29px;
    width:180px;
}
#signInLink, #logoutLink {
    width:55px;
    float:left;
    padding-top:7px;
    padding-left:15px;
}
#logoutLink {
    width:70px;
}    
#guestOrderStatus, #accountLink {
    width:100px;
    float:left;
    padding-top:7px;
}
#accountLink {
    width: 90px;
}
.navCart {
    position:absolute;
    top:45px;
    left:680px;
    background:transparent url(/img/xyron/bg/HeaderToolBG.png) repeat scroll right top;
    height:29px;
    width:60px;
}
#cartIcon {
    width:22px;
    padding-top:7px;
    float:right;
    padding-right:5px;
}
#cartCount {
    width:20px;
    float:right;
    padding-top:7px;
    padding-right:10px;
}
#globalmenu { 
    position:absolute;
    top:86px;
    left:45px;
    width:900px;
    height:40px;
}

#globalmenu .bd ul {
    padding:0 20px;
    margin:0;
    text-align:center;
}
#globalmenu .bd ul li { 
    list-style:none;
    display:inline; 
    text-align:center;
    line-height:36px;
}
#globalmenu .bd ul li a:hover {
    background:url(/img/xyron/header/nav/NavBGHover.png) no-repeat right top;
    text-decoration:none;
}
#globalmenu .bd ul li a {
    height:36px;
    display:inline-block;
    padding:0px 20px;
    font-weight:bolder;
    color:#545454;
}

.xdglobalmenu .bd ul li { 
    float:left;
}

/* 
   ============================================================================
   div#breadcrumb
   ============================================================================
*/
#breadcrumb {
    
    background-color: #fff;
    width: 895px;
    min-height: 15px;
    position: absolute;
    top: 25px;
    left: 30px;
    z-index: 1;
    padding: 4px 15px;
    border: 1px solid #dadada;
}
#breadcrumb .breadcrumbIcons {
    float:right;
    position:absolute;
    top:5px;
    right:5px;
}
.breadcrumbIcons {
	position: absolute;
	top: -3px;
	right: 8px;
	float: right;
}

/* 
   ============================================================================
   div#footer
   ============================================================================
*/

    #footer {
        height: 115px;
        background: transparent url( "/img/xyron/bg/footerBG.png" ) no-repeat top;
        position: relative;
    }
    
#copyright {
    position:absolute;
    top:35px;
    left:15px;
}
#copyright a {
    font-size:10px;
}
#footerLinks {
    position:absolute;
    top:35px;
    left:175px;
    width:600px;
}
#footerLinks ul {
    margin:0px;
    text-align:center;
}
#footerLinks ul li {
    list-style:none;
    padding:0 9px;
    border-left:#ababab 1px solid;
    display:inline;
    text-align:center;
}
#footerLinks ul li:first-child {
    border-left:none;
}
#global {
    position:absolute;
    top:35px;
    right:15px;
}

/* 
   ============================================================================
   h1/h2/h3
   ============================================================================
*/

h1 {
    background:url(/img/xyron/bg/fullPageTitle.jpg) top left;
    color:#FFFFFF;
    font-size:20px;
    height:39px;
    line-height:40px;
    margin:0px;
    padding-left:15px;
}
h1 * {
    color:#FFFFFF;
    font-size:20px;
}


/* 
   ============================================================================
   ul.navigation
   ============================================================================
*/
ul.navigation {
    margin: 0;
    padding: 1em 0 0 0;
}
ul.navigation li {
    padding: 3px 0 3px 0;
    list-style: none;
}
ul.navigation a {
    padding: 3px 3px 3px 27px;
    display: block;
    background-image: url(/img/xyron/lists/bullet.gif);
    background-position: 10px 4px;
    background-repeat: no-repeat;
}
ul.navigation a:hover {
    background-color: #fff;
    background-image: url(/img/xyron/lists/selectedBullet.jpg);
}

/* 
   ============================================================================
   div.price
   ============================================================================
*/
.price { 
    background:url(/img/xyron/buttons/price.jpg) no-repeat top; 
    height:40px !important;
    padding:0px !important;
    width:123px !important;
    position:relative;
}
.price span {
    color:#545454 !important;
    font-size:16px !important;
    font-weight:bolder !important;
    position:absolute;
    bottom:13px;
    left:40px;
}

/* 
   ============================================================================
   div#thumbnails
   ============================================================================
*/
.thumbnailItem {
    float: left;
    border: solid 1px #dadada;
    width: 203px;
    height: 194px;
}
html > body .thumbnailItem {
    width: 204px;
    height: 243px;
}
.thumbnailItem:hover {
	cursor:pointer;
}
.thumbnailItem h2 {
    margin: 0;
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #dadada;
    background-image: url("/img/xyron/icons/pointer-right.jpg");
    background-position: 5px 8px;
    background-repeat: no-repeat;
    font-size: 12px;
    padding-left: 20px;
    height: 28px;
}
.thumbnailItem:hover h2 {
    color:#0F8596;
    background-image: url("/img/xyron/icons/pointer-right-hover.jpg");
}
.thumbnailItem h2 a {
    display: block;
}
.thumbnailItem .image img {
    width: 204px;
}


/* MAIN COLUMN CONTENT */


    .twoCol .mainLeftColumn {
        width: 500px;
        float: left;
    }
    
    .twoCol .mainRightColumn {
        width: 200px;
        float: right;
    }
    
    .mainColumnContent, .container {        
        border: none;
        -moz-box-shadow: 5px 5px 5px #aaa;
        -khtml-box-shadow: 5px 5px 5px #aaa;        
    }
    

/* 
   ============================================================================
   div.item
   ============================================================================
*/

    div.item {
        border:1px solid #dadada;
    }
        
    div.item, div.mainColumnContent, .container {
        
        background-color:#fff;
        padding:15px;
        margin-top:15px;
        position:relative;

    }
       #header > .container {
               background: none;
               padding: 0px;
               margin-top: 0;
       }


.mainContentFS .mainColumnContent {
    float:left;
    width:895px;
}

/* 
   ============================================================================
   div.relatedItems
   ============================================================================
*/
.relatedItems .relatedItem {
    padding:15px 0px;
    border-top:1px solid #DADADA;
    float:left;
    position:relative;
}
.relatedItems .relatedItem:first-child {
    border:none;
}
.relatedItems .relatedItem img {
    width:75px;
    height:75px;
}
.relatedItems .relatedItem .image {
    width:75px;
    height:75px;
    float:left;
    padding:0 10px 40px 0;
}
.relatedItems .relatedItem .description {
    float:left;
    padding-bottom:40px;
    width:110px;
}
.relatedItems .relatedItem .description .sku {
    font-weight:bold;
}
.relatedItems .relatedItem .price {
    position:absolute;
    bottom:15px;
    left:-2px;
    background:url(/img/xyron/buttons/price-tiny.jpg) no-repeat top; 
    height:30px !important;
    padding:0px !important;
    width:90px !important;
}
.relatedItems .relatedItem .price span {
    font-size:12px !important;
    bottom:10px;
    left:27px;
}

.relatedItems .relatedItem .buyNowDiv {
    position:absolute;
    bottom:15px;
    right:-2px;
}
.relatedItems .relatedItem .buyNowDiv a.buyNowBtn {
    background:transparent url(/img/xyron/buttons/btn1-tiny.jpg) no-repeat scroll right top;
    line-height:24px;
    width:75px;
    min-width:0px;
}
.relatedItems .relatedItem .buyNowDiv a.buyNowBtn span {
    background:transparent url(/img/xyron/buttons/btn1-tiny.jpg) no-repeat scroll left top;
    font-size:12px !important;
    height:30px;
    padding:0 0 0 8px;
}


/* 
   ============================================================================
   div.rollover
   ============================================================================
*/
.rollover h2 {
    /*background:none url(/img/xyron/icons/pointer-down.png) no-repeat scroll 5px 7px inherit;*/
}
.rollover h2 a {
    color:#FFFFFF;
}
.rollover .description {
    background-image: url(/img/xyron/bg/grad_white.png);
    font-weight:bolder;
}

/* 
   ============================================================================
   div.yui-pg-container (paging control)
   ============================================================================
*/
.yui-pg-container {
    float:left;
    width:100%;
    position:relative;
    margin-top:15px;
}
.yui-pg-container .summary {
    position:absolute;
    top:0px;
    right:0px;
}


/* 
   ============================================================================
   div.subPanel
   ============================================================================
*/

    div.subPanel {
        background-color: #fff;
        margin-top: 15px;
        width: 200px;
        -moz-box-shadow: 5px 5px 5px #aaa;
        -khtml-box-shadow: 5px 5px 5px #aaa;
    }
    
    div.subPanel h2 {
        
        background: transparent url( "/img/xyron/bg/relatedItemTitle.gif" ) repeat-x scroll center center;
        border-bottom: 1px solid #dadada;
        line-height: 40px;
        margin: 0;
        padding:0 0 0 15px;
        
    }
    
    div.subPanel .data {
        padding: 15px;
        /* float: left; */
    }
    
    .subPanel .data ul {
        margin: 0px;
        padding-left: 0px;
    }
    
    .subPanel .data ul li {
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 10px;
    }
    
    .subPanel .data ul, .subPanel .data ul li {
        list-style-image: url("/img/xyron/lists/bullet.gif");
        list-style-type: disc;
        list-style-position: inside;
    }
    
    
/* 
   ============================================================================
   div.pageInfo
   ============================================================================
*/
div.pageInfo h2 {
    margin-top:0px;
    font-size:18px;
}
.pageInfo .description {
    float:left;
    margin-top:15px;
}
    
    
/* BANNERS */

    
    /* main */           
        
        #banners .imageOnlymain img,
        #banners .flashOnlymain object {
            width: 620px;
            height: 265px;
        }
        
        #banners .imageTextmain img,
        #banners .flashTextmain object {
            width: 385px;
        }
        
        
    /* small */   
               
        #banners .imageOnlysmall img,
        #banners .flashOnlysmall object {
            width: 685px;
            height: 200px;
        }
        
        #banners .imageTextsmall img,
        #banners .flashTextsmall object {
            width: 450px;
        }
        
        
    /* thin */
        
        #banners .imageOnlythin img,
        #banners .flashOnlythin object {
            width: 685px;
            height: 150px;
        }
        
        #banners .imageTextthin img,
        #banners .flashTextthin object {
            width: 450px;
        }
    

/* NEWSLETTER UNSUBSCRIBE */

    .description h2 {
        margin-top: 0;
    }
    
    .description .bottomButton {
        height: 30px;
        margin-left: -3px;
    }
    

/* SALES */

    .onSale .salePrice {
        display: none;
    }
    
     .onSale .salePrice  {
        display: block;
        color: #C31C1C !important;
    }
    
    .listPrice {
        display: none;
    }
    
/* DRIVING DIRECTIONS */
    
    .submitArrow {
        position:absolute;
        right: 35px;
    }
    
    .navSearchField {
    	width: 215px;
    }
    
    .displayNone {
    	display: none;
    }
    
/* CONFORMATION PAGE CAMPAIGN */    
    
    .CampaignsConfirmationMessages #banner1>.small{
		-moz-box-shadow:5px 5px 5px #AAAAAA;
		-khtml-box-shadow: 5px 5px 5px #AAA;
		background-color:#FFFFFF;
		height:265px;
		overflow:hidden;
		padding:15px;
		width:685px;
		margin-top:15px;
    }
    
    .CampaignsConfirmationMessages
    {
    	margin-top:-15px;
    }
    

/* OVERLAY PAGES GENERAL SETTINGS */ 

.ui-dialog {
    background-color: #FFFFFF;
    border: 1px solid orange;
    padding: 10px;
}

.ui-dialog .ui-dialog-titlebar {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    min-height: 30px;
    overflow: hidden;
    position: relative;
    padding:0;
}

span#ui-dialog-title-messageOverlay,
span#ui-dialog-title-videoPlayer,
span#ui-dialog-title-highResImageOverlay,
span#ui-dialog-title-ProductInformationOverlay,
span#ui-dialog-title-ProductSampleOverlay,
span#ui-dialog-title-sendFeedbackOverlay,
span#ui-dialog-title-DealerOverlaySuccess,
span#ui-dialog-title-RelatedProjectOverlay,
span#ui-dialog-title-forumsUsernameNotSelectedOverlay {
    background-image: url("/img/xyron/bg/fullPageTitle.jpg");
    background-position: left top;
    width: 100%;
    padding: 5px;
    font-size: 123.1%;
    font-weight:bold;
}

.ui-dialog .ui-dialog-titlebar-close {
    padding: 0;
    position: absolute;
    right: 5px;
    top: 16px;
    width: 23px;
    height: 19px;
    background: url("/img/xyron/uidialogClose.gif") repeat scroll 0 0 transparent;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display:none;
}

.ui-widget-overlay {
    background: none repeat scroll 0 0 #333333;
    left: 0;
    filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
}

#DrivingDirectionForm div span {
	float: left;
	width: 50px;
}	

#DrivingDirectionForm .submitArrow {
    position: absolute;
    right: 95px;
}

/* OVERRIDES FOR OVERLAYS  */

.popup_closebox span  {
	display: none; 
}
#btnPrivatePolicy  {
	position: absolute; 
	right: 6px; 
	top: 6px; 
}
#videoPlayer h2  {
	display: none; 
}
#highResImageOverlay.popup  {
	padding: 10px 0 0 0; 
}
.singleThumbnail #galleryViewItems .strip_wrapper,
.singleThumbnail #galleryViewItems .pointer,
.singleThumbnail #galleryViewItems .nav-next,
.singleThumbnail #galleryViewItems .nav-prev {
	display: none;
}