body {
        font-style: normal;
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size:   1em;
        margin: 0px;
        margin: 0px;
        border:         0px;
        width:          100%;
        min-width:600px;
        margin-bottom: 0px;
        color:          #999;
        background:     #17242D;
        border:0;			/* This removes the border around the viewport in old versions of IE */
}

.pagecontainer  {
        width:          850px;
        margin-top:     5px;
        margin-left:    10px;
}

li.links	{
	margin-top:		10px;
	margin-bottom:		20px;

}

h1       {
	margin-top:		0px;
        padding-top:            10px;
        font-size:              18px;
        font-size:              18px;
        font-weight:            bold;
        font-family:            verdana, helvetica, arial, sans-serif;
        color:                  #999;
}

h2        {
        padding-top:            25px;
        font-size:              16px;
        font-weight:            bold;
        font-family:            verdana, helvetica, arial, sans-serif;
        color:                  #999;
}

h3        {
        padding-top:    8px;
	margin-left:	10px;
        font-size:      14px;
        font-weight:    bold;
        font-family:    verdana, helvetica, arial, sans-serif;
        color:          #999;
}

.quote_lg	{
	font-style:	italic;
	margin-top:	10px;
	margin-left:	20px;
	margin-right:	20px;
}


.quote	{
        font-size:      13px;
	font-style:	italic;
	margin-top:	30px;
	margin-left:	20px;
	margin-right:	20px;
}

.citation_RJ	{
        font-size:      12px;
	text-align:	right;
	margin-right:	70px;
}

.info	{
/*
	margin-left:	30px;
	margin-right:	15px;
*/
	margin-top:	15px;
	margin-bottom:	15px;
	font-size:	.9em;
	font-style:	italic;
}

.indent10	{
	margin-left:	20px;
	margin-right:	15px;
}

.logo img {
        float:  right;
        border: 0px;

}
.web20	{
        margin-top: 35px;
	margin-left:	20px;
}

.sidenav  ul li {
        list-style: none;
        margin-top: 15px;
	margin-left:	-18px;
        display: list-item;
	text-indent: 16px;
}

.sidenav ul li a {
        padding:                4px;
        font-family:            verdana, helvetica, arial, sans-serif;
        margin-left:            -20px;
        font-size:              16px;
        font-weight:            bold;
        text-decoration:        none;
        color:                  #999;
}

.sidenav a:hover 	{
	color:#fff;
	background:	NONE;
}

#selected 	{
        color:                  #FFF;
}

.MainBody 	{
    position:		relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:		both;
    float:		left;
    width:		100%;		/* width of whole page */
    overflow:		hidden;		/* This chops off any overhanging divs */
}

td.col1		{
    width:		170px;
    vertical-align:	top;
    border-right:  	1px solid #545057;
}

td.colMainWide 	{
    vertical-align:	top;
    width:		680px;
    padding-right:	0px;
    padding-left:	20px;
}

td.colMain 	{
    vertical-align:	top;
    padding-right:	20px;
    padding-left:	20px;
}

td.colLeft 	{
    vertical-align:	top;
    border-left:  	1px solid #545057;
    padding-left:	15px;
    width:		200px;
}

img.floatLeft {
        float: 		left;
        margin-right:  	13px;
        margin-bottom: 	8px;
        margin-top:     0px;
        padding-top:    0px;
        clear: 		both;
}

img.floatRight {
        float: 		right;
        margin-left:  	13px;
        margin-bottom: 	10px;
        margin-top:     0px;
        padding-top:    0px;
        clear:  	both;
}

img.floatRight2 {
        float: 		right;
        margin-top:  	15px;
        margin-left:  	13px;
        margin-bottom: 	10px;
        clear:  	both;
}



/* #######################################################################  */
/* product listing information
/* #######################################################################  */

#shortlist	{
	padding-top:	30px;
}

#shortlist .cdtitle2	{
	font-size:	16px;
	font-weight:	bold;
	line-height:	1em;
	margin-bottom:	0px;
}

#shortlist .cdartist2	{
	font-size:	13px;
	font-weight:	bold;
	line-height:	1em;
	margin-bottom:	0px;
}

#shortlist .prodid2	{
	font-size:	12px;
	font-weight:	normal;
	line-height:	1em;
	margin-bottom:	15px;
}

#shortlist .prodshortdesc	{
	padding-top:	10px;
}

#buy-button		{
	float:		right;
	margin-right:	100px;;
	margin-top:	10px;;

}
#shortlist .moreinfo	{
	padding-top:	5px;
	padding-bottom:	20px;
}

/* #######################################################################  */

/* #######################################################################  */

    /* <!-- */
	/* General styles */
	a {
    	color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	img {
		margin:10px 0 5px;
	}
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
    }
	#header {
/*
		border-bottom:  3px solid #545057;
*/
		border-bottom:  1px solid #999999;
	}
	#header p,
	#header h1,
	#header h2 {
	    padding:		.4em 15px 0 15px;
            margin:		0;
	}
	#header ul {
	    clear:		left;
	    float:		left;
	    width:		100%;
	    list-style:		none;
	    margin:		10px 0 0 0;
	    padding:		0;
	}
	#header ul li {
	    display:		inline;
	    list-style:		none;
	    margin:		0;
	    padding:		0;
	}
	#header ul li a {
	    display:		block;
	    float:		left;
	    margin:		0 0 0 2px;
	    padding:		3px 10px;
	    text-align:		center;
	    background:		#999;
	    color:		#000;
	    text-decoration:	none;
	    position:		relative;
	    left:		193px;
	    line-height:	1.3em;
	}

	#header ul li a:hover {
	    background:		#369;
		color:		#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:		#fff;
	    background:		#000;
	    font-weight:	bold;
	}
	#header ul li a span {
	    display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
	    position:		relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:		both;
	    float:		left;
        width:100%;				/* width of whole page */
		overflow:	hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:		#17242D;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:		left;
        width:200%;
        margin-left:	-200px; 	/* Width of right column */
        position:	relative;
        right:		100%;
        background:	#17242D;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:		left;
        width:		100%;
        /*margin-left:	-50%; */
        margin-left:	-50%;
        position:	relative;
        left:		400px;         	/* Left column width + right column width */
        /*background:	#17242D; */   	/* Left column background colour */
        background:	#eee;    	/* Left column background colour */
	border-right:  1px solid #455057;
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    /*right:		200px; */ 	/* Width of left column */
	    right:		220px; 	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}

    .holygrail .col1 {
        margin:0 	215px;  	/* Centre column side padding:
                            		Left padding = left column width + centre column left padding width
                            		Right padding = right column width + centre column right padding width */
        position:relative;
	    left:	200%;
	    overflow:	hidden;
	}
    .holygrail .col2 {
        float:		left;
        float:		right;		/* This overrides the float:left above */
        /*width:		170px; */       	/* Width of left column content (left column width minus left and right padding) */
        width:		200px;        	/* Width of left column content (left column width minus left and right padding) */
        position:	relative;
        right:		15px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:		left;
        float:		right;		/* This overrides the float:left above */
        /*width:		170px;  */      	/* Width of right column content (right column width minus left and right padding) */
        width:		200px;        	/* Width of right column content (right column width minus left and right padding) */
        /*margin-right:	45px; */ 		/* Width of right column right-hand padding + left column left and right padding */
        margin-right:	5px;  		/* Width of right column right-hand padding + left column left and right padding */
        position:	relative;
        left:		50%;
    }
	/* Footer styles */
	#footer {
        clear:		both;
        float:		left;
        width:		100%;
	border-top:     1px solid #999999;
    }

    #footer p {
        padding:	10px;
	font-size:	.7em;
        margin:		0;
    }
    /* --> */

#blogpost {
	padding-bottom:	30px;
}

#blogpost hr {
	margin-top:	30px;
}