*
{
    margin: 0;
    padding: 0;
}
li
{
    margin-left: 2em;
}
body
{
    margin:0;
    padding:0;
}
body p
{
    margin: 1em 0;
}
div.clearboth
{
    clear: both;
}
div.pageouter
{
    background-image:url(/images/tempdesign/bg.jpg);
    background-repeat:repeat-x;
    width:100%;
    margin: 0 auto;
}
#pagecontentholder
{
    border: 1px solid #B3B3B3;
    min-height: 500px;
    width: 900px;
    margin: 0 auto;
    background-color: white;
}
    .fullwidth #pagecontentholder
    {
        width: 95%;
    }
#pagetopsectionholder
{
    background-color:#FFFFFF;
    height:113px;
    width:900px;
}
    .fullwidth #pagetopsectionholder
    {
        width: 100%;
    }
    #pagetopsectionholder h1.logo
    {
        width:400px;
        background: #FFFFFF url(/images/tempdesign/templogo2.jpg) no-repeat scroll 15px 50%;
        margin:0;
        padding:0;
        cursor: pointer;
        text-indent: -9999px;
    }
        #pagetopsectionholder h1.logo a
        {
            display: block;
            width: 100%;
        }
    #craftysyntax
    {
        float: right;
        padding-top: 12px;
        height: 100px;
        width: 97px;
    }
    .fullwidth #pageloginsection
    {
        display: none;
    }
    #pageloginsection
    {
        float:right;
        height:113px;
        width:305px;
    }
    #pageloginsection div.shoppingcart a
    {
        background-image:url(/images/tempdesign/shoppingcart.jpg);
        background-repeat:no-repeat;
        border:medium none;
        color:#000000;
        float:left;
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:11px;
        font-weight:normal;
        height:38px;
        margin-left:2px;
        margin-top:10px;
        padding-left:8px;
        padding-top:4px;
        text-decoration:none;
        width:123px;
    }
    #pageloginsection div.shoppingcart a:hover
    {
        color:#BF4A33;
        cursor:pointer;
    }
    #pageloginsection div.myaccount21
    {
        color:#000000;
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:11px;
        font-weight:normal;
        text-decoration:none;
        font-style: italic;
        text-align:center;

        float:right;
        width: 220px;
        height: 15px;
        margin: 3px 0 5px 2px;
        padding: 0 10px 0 0;

    }
    #pageloginsection div.bbbheader
    {
        float:right;
        width: 200px;
        margin: 24px 0 3px 2px;
        height: 37px;
        text-align: center;
    }
        #pageloginsection div.bbbheader img
        {
            width: 175px;
            height: 37px;
            border: 0;
        }
    #pageloginsection div.myaccount22
    {
        color:#000000;
        float:left;
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:12px;
        font-weight:normal;
        text-align:right;
        text-decoration:none;

        width: 280px;
        height: 15px;
        margin: 5px 0 5px 2px;
        padding: 0 20px 0 0;
    }
        #pageloginsection div.myaccount22 a.n,
        #pageloginsection div.myaccount22 a.n:visited,
        #pageloginsection div.myaccount22 a.n:hover
        {
            color: blue;
            text-decoration: underline;
        }
        #pageloginsection div.myaccount22 a.black,
        #pageloginsection div.myaccount22 a.black:visited,
        #pageloginsection div.myaccount22 a.black:hover
        {
            color: black;
            text-decoration: underline;
        }
    #pageloginsection div.myaccount
    {
        background-image:url(/images/tempdesign/account.jpg);
        background-repeat:no-repeat;
        border:medium none;
        color:#000000;
        float:left;
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:11px;
        font-weight:normal;
        height:42px;
        margin-left:2px;
        margin-top:10px;
        padding-top:5px;
        text-align:center;
        text-decoration:none;
        width:153px;
    }
    #pageloginsection div.myaccount a
    {
        border:medium none;
        color:#000000;
        text-decoration:none;
    }
    #pageloginsection div.myaccount a:hover
    {
        color:#BF4A33;
        cursor:pointer;
    }
    #pageloginsection div.searchbox
    {
        background-color:#EDEDED;
        border:1px solid #999999;
        color:#CF1902;
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-weight:bold;
        height:33px;
        margin-top:63px;
        text-align:left;
        width: 100%;
        width:280px;
        padding: 5px 2px 0;
        text-align: center;
        /*margin-left:2px;*/
    }
    #pageloginsection div.searchbox div.title
    {
        display: inline;
        font-size: 12px;
        padding-right: 4px;
    }
    #pageloginsection div.searchbox input.searchbox
    {
        width: 165px;
    }
    #pageloginsection div.searchbox input.submitbutton
    {
        background: transparent url(/images/tempdesign/go.jpg) no-repeat scroll 0 0;
        cursor:pointer;
        height:25px;
        width:33px;
        border-width: 0;
        /*
        display: inline;
        float:left;
        margin-top:8px;
        text-align:center;*/
    }
#pagebodynavholder
{
    background: #A30C01 url(/images/tempdesign/menu_bg.jpg) repeat-x scroll 0 0;
    width:900px;
    height: 38px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    z-index: 50;
    position: relative;
}
    .fullwidth #pagebodynavholder
    {
        width: 100%;
    }
    #pagebodynavholderwrapper
    {
        /* The following is for horizontal centering */
        /*position: relative;
        left: 50%;
        float: left;*/
        display: table;
        text-align: center;
        margin: 0 auto;
        white-space: nowrap;
    }
    #pagebodynavholder ul,
    #pagebodynavholder li,
    #pagebodynav2holder li,
    #pagebodynav2holder li,
    #pagebodynavfooterholder ul,
    #pagebodynavfooterholder li
    {
        margin: 0;
    }


    #pagebodynavholder ul
    {
        white-space: nowrap;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin: 0;
        padding: 0;
        /* The following is for horizontal centering */
        /*position: relative;
        left: -50%;*/
        display: table-row;

    }
        #pagebodynavholder ul li
        {
            width: auto;
            line-height: 34px;
            margin: 0;
            padding: 2px 0;
            color: #FFFFFF;
            border-width: 0;
            
            display: table-cell;
            vertical-align: top;
        }
        #pagebodynavholder ul li div
        {
            border-right: 1px solid #B8B8B8;
            padding: 0 10px;
            width: auto;
            position: relative;
        }
        #pagebodynavholder ul li.first
        {
        }
        #pagebodynavholder ul li.last
        {
            border-right: 0 solid transparent;
        }
            #pagebodynavholder ul li.last div
            {
                border-right: 0 solid transparent;
            }
        #pagebodynavholder ul li.twoline
        {
            padding: 2px 0;
            line-height: 17px;
            text-align: center;
        }
        #pagebodynavholder ul li.selectedoption
        {
            background-color: #E7E7E7;
            border-top: 2px solid #B32301;
            padding: 0 0 2px 0;
        }
        #pagebodynavholder ul li.selectedoption div
        {
            border-right-width: 0;
        }
            #pagebodynavholder ul li.selectedoption div a,
            #pagebodynavholder ul li.selectedoption div a:visited
            {
                color: black;
            }
            #pagebodynavholder ul li.selectedoption div a:hover
            {
                color: black;
                text-decoration: underline;
            }
        #pagebodynavholder ul li.leftselectedoption div
        {
            border-right-width: 0;
        }
            #pagebodynavholder ul li a,
            #pagebodynavholder ul li a:visited
            {
                text-decoration: none;
                color: #FFFFFF;
                /*display: block;*/
            }
            #pagebodynavholder ul li a:hover
            {
                text-decoration: underline;
                color: #FFFFFF;
            }
        #pagebodynavholder ul li ul
        {
            list-style-image: none;
            list-style-position: outside;
            list-style-type: none;
            background: #464646 none repeat scroll 0 0;
            border: #727272 solid 2px;
            border-top-width: 0;
            width: 200px;
            text-align: left;

            left: 0;
            position: absolute;
            top: -999em;
        }
        #pagebodynavholder ul li.sfHover ul
        {
            left: 0;
            top: 36px; /* match top ul list item height */
        }
            #pagebodynavholder ul li ul li,
            #pagebodynavholder ul li.selectedoption ul li
            {
                border: 0 solid transparent;
                background: #464646 none repeat scroll 0 0;
                color: #FFFFFF;
                line-height: normal;
                border-bottom: 1px solid #B9D6DC;
                padding: 0;
                margin: 0;
                width: 100%;

                float: left;
                /*width: auto;*/
            }
            #pagebodynavholder ul li.keyboardcoversskins ul { width: 200px; }
            #pagebodynavholder ul li.keyboards ul { width: 230px; }
            #pagebodynavholder ul li.foreignlanguage ul { width: 325px; }
            #pagebodynavholder ul li.visuallyimpaired ul { width: 175px; }
            #pagebodynavholder ul li.screenproducts ul { width: 160px; }
            #pagebodynavholder ul li.antistaticproducts ul { width: 140px; }

            #pagebodynavholder ul li ul li.last
            {
                border-bottom: 0 solid transparent;
            }
                #pagebodynavholder ul li ul li a,
                #pagebodynavholder ul li ul li a:visited,
                #pagebodynavholder ul li.selectedoption ul li a,
                #pagebodynavholder ul li.selectedoption ul li a:visited
                {
                    display: block;
                    position: relative;
                    text-decoration: none;
                    padding: 5px 5px;
                    color: white;
                }
                #pagebodynavholder ul li ul li a:hover,
                #pagebodynavholder ul li.selectedoption ul li a:hover
                {
                    background: #D9E1E4 none repeat scroll 0 0;
                    color: #727272;
                }
#pagebodynav2holder
{
    background: #E7E7E7 url(/images/topbar2-1.gif) repeat-x scroll 0 0;
    width:900px;
    height: 25px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    overflow: hidden;
}
    .fullwidth #pagebodynav2holder
    {
        width: 100%;
    }
    #pagebodynav2holderwrapper
    {
        display: table;
        text-align: center;
        /*margin: 0 auto;*/
        margin: 0;
        white-space: nowrap;
    }

    #pagebodynav2holder ul
    {
        white-space: nowrap;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin: 0;
        padding: 0;
        /*overflow: hidden;*/

        display: table-row;
    }
        #pagebodynav2holder ul li
        {
            /*float: left;
            overflow: hidden;*/
            width: auto;
            line-height: 20px;
            padding: 2px 8px;
            color: #000000;
            border-width: 0;
            font-size: 10px;

            display: table-cell;
            vertical-align: top;
        }
        #pagebodynav2holder ul li.first
        {
        }
            #pagebodynav2holder ul li a,
            #pagebodynav2holder ul li a:visited
            {
                color: black;
                text-decoration: none;
            }
            #pagebodynav2holder ul li a:hover
            {
                text-decoration: underline;
            }

#pagebodyholder
{
    background-color: #FFFFFF;
    z-index: 45;
    position: relative;
}
    #pagebodyholder div.pagebodyheading,
    h1.mainheading  /* Grandfather in old syntax */
    {
        border-color:#686868;
        border-style:solid;
        border-width:0 0 1px;
        font-family:Verdana,Tahoma,Arial;
        font-size:22px;
        font-weight:bold;
        margin-bottom:9px;
        margin-top:10px;
        width:100%;
    }
        #pagebodycontentholder
        {
            clear: both;
            background-color: white;
            padding: 4px 7px 15px 7px;
            font-family: arial,helvetica,clean,sans-serif;
            font-size: 12px;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            line-height: 1.22;
            min-height: 250px;
        }

#pagebodynavfooterholder
{
    background: #A30C01 none no-repeat scroll 0 0;
    width: 900px;
    height: 28px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
}
    .fullwidth #pagebodynavfooterholder
    {
        width: 100%;
    }
    #pagebodynavfooterholderwrapper
    {
        /* The following is for horizontal centering */
        /*position: relative;
        left: 50%;
        float: left;*/
        display: table;
        text-align: center;
        margin: 0 auto;
        white-space: nowrap;

        padding: 7px 0;
    }


    #pagebodynavfooterholder ul
    {
        white-space: nowrap;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        /* The following is for horizontal centering */
        /*position: relative;
        left: -50%;*/
        display: table-row;
    }
        #pagebodynavfooterholder ul li
        {
            /*float: left;
            overflow: hidden;*/
            width: auto;
            line-height: 14px;
            border-right: 2px solid #E6E6E6;
            padding: 0px 15px;
            color: #FFFFFF;
            /*margin: 7px 0;*/

            display: table-cell;
            vertical-align: top;
        }
        #pagebodynavfooterholder ul li.first
        {
            /*margin-left: 25px;*/
        }
        #pagebodynavfooterholder ul li.last
        {
            /*margin-right: 25px;*/
            border-right: 0;
        }
            #pagebodynavfooterholder ul li a,
            #pagebodynavfooterholder ul li a:visited,
            #pagebodynavfooterholder ul li a:hover
            {
                text-decoration: none;
                color: #FFFFFF;
            }
            #pagebodynavfooterholder ul li a:hover
            {
                text-decoration: underline;
            }
#pagefooterholder
{
    width: 900px;
    font-size: 12px;
    font-family: verdana,arial,helvetica,clean,sans-serif;
    text-align: center;
    background-color: white;
}
    .fullwidth #pagefooterholder
    {
        width: 100%;
    }
    #footeravailablenotice
    {
        padding-top: 7px;
        font-weight: bold;
    }
    #footercopyrightnotice
    {
        margin: 3px 0 7px;
        font-size: 11px;
    }
    #footerimages
    {
        text-align: center;
        height: 110px;
    }
        #bbbholder
        {
            float: left;
            margin-left: 50px;
            border: 0 solid transparent;
            width: 153px;
            height: 100px;
        }
            #bbbholder img
            {
                border: 0;
            }
        #securesealholder
        {
            float: right;
            margin-right: 50px;
            border: 0 solid transparent;
            width: 135px;
            margin-top: 25px;
        }
            #securesealholder img
            {
                border: 0;
                height: 39px;
                width: 100px;
            }
        #footerimages #trustwaveSealImage
        {
            margin-top: 20px;
        }


/* New style tables */
.newtablestyle1
{
    font-size: 13px;
    width: 100%;
}
    .newtablestyle1 table.newtablestyle1-table
    {
        border-collapse: collapse;
        color: #333333;
        font-size: 14px;
        padding: 0;
    }
    .newtablestyle1 table th
    {
        background: #E5E5E5 none repeat scroll 0 0;
        border: 1px solid #BBBBBB;
        font-weight: normal;
        padding: 0.6em;
        text-decoration: underline;
    }
    .newtablestyle1 table tbody td
    {
        background: #F9F9F9 none repeat scroll 0 0;
        border: 1px solid #DDDDDD;
        padding: 0.2em 0.4em;
    }



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

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#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(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 #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#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;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#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;
}

/* Messages */
div.info, div.success, div.warning, div.error, div.validation
{  
    border: 1px solid;  
    margin: 10px 0px;  
    /*padding:15px 10px 15px 50px;  */
    padding:8px 10px 8px 10px;
    background-repeat: no-repeat;  
    background-position: 10px center;  
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}  
div.info
{  
    color: #00529B;  
    background-color: #BDE5F8;  
    /*background-image: url('/images/messages/Knob Info.png');  */
}  
div.success
{  
    color: #4F8A10;  
    background-color: #DFF2BF;  
    /*background-image:url('/images/messages/Knob Valid Green.png');  */
}  
div.warning
{  
    color: #9F6000;  
    background-color: #FEEFB3;  
    /*background-image: url('/images/messages/Knob Attention.png');  */
}  
div.error
{  
    color: #D8000C;  
    background-color: #FFBABA;  
    /*background-image: url('/images/messages/Knob Cancel.png');  */
}