/**
 * STYLE SHEET :: LAYOUT / DEFAULT
 *
 * Specifies layout of page suround
 */



/*/////[ BASE CROSS BROWSER STYLES ]
*/

body,
h1, h2, h3, h4, h5, h6,
div, p, a,
dl, dt, dd,
form, fieldset, label, input, select, option, textarea, button,
pre, code {
	margin: 0;
	padding: 0;
	}

li {
	margin-bottom: 0;
	padding: 0;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1.0em;
	}

table {
	margin: 0;
	text-align: left;
	}

th, td, img {
    border: 0 solid #000;
	}

th, td {
	padding: 0;
	vertical-align: top;
	text-align: left;
	}


/*-----[ GENERAL
*/

body,
h1, h2, h3, h4, h5, h6,
div, p,
ul, ol, li,
dl, dt, dd,
form, fieldset, label, input, select, option, textarea, button,
code, pre {
	font-family: Bitstream Vera Sans, Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.4em;
    color: #666;
	}

a {
    color: #006BA1;
    text-decoration: none;
	}

    a:hover {
        color: #91B900;
    	}

code, pre {
	display: block;
	margin: 8px;
	border: 1px solid #DDD;
	padding: 10px;
	background-color: #F7F7F7;
	font-family: Bitstream Vera Sans Mono !important;
	}


/*-----[ HEADINGS
*/

h1 {
	margin-bottom: 2.0em;
	font-size: 18px;
    color: #91B900;
	line-height: 1.2em;
	}

h2 {
    margin: 1.7em 0 0.8em 0;
    color: #12859E;
	}

h3 {
	margin-bottom: 0.5em;
	}

h6 {
	padding: .5em;
	}



/*-----[ ERROR MESSAGE
*/

.error {
	padding: 0.5em;
	border: 1px solid #DD7777;
	background-color: #EBCBCB;
	font-weight: bold;
	color: #000;
	}

	.error span {
		color: #C00;
		}


/*/////[ DOCUMENT ]
*/

html {
    background: #FFF url(/images/background/html.png) bottom repeat-x;
	}

body {
    padding: 20px 8px 10px 8px;
    background: transparent url(/images/background/body.png) top repeat-x;
	}

#page {
	width: 928px;
	margin: 0 auto;
	}



/*/////[ PAGE HEAD ]
*/

#head {
    margin-bottom: 20px;
    width: 100%;
	}

#logo {
    margin-bottom: 1px;
    border-bottom-width: 0;
    }

    #logo,
    #logo img {
        display: block;
        width: 355px;
        height: 43px;
        margin-left: -3px;
        }

#print-head  {
    position: relative;
    }

    #print-head .site-name {
        display: none;
        }

    #print-head .site-name-sub-title {
/*
        display: none;
*/
        margin: 0;
        padding: 0;
        font-size: 15px;
        color: #999;
        }

    #print-head .site-name-sub-title strong {
        font-weight: normal;
        }



/*/////[ PAGE BODY ]
*/

#body {
    float: left;
	width: 928px;
    margin-bottom: 7px;
	}


/*/////[ Left Column
*/

#leftColumn {
    float: left;
    width: 747px;
	width: 722px;
	}

#lid {
    margin-bottom: 5px;
    border-bottom: 1px dashed #CCC;
    background: transparent url(/images/background/white-50p.png);
	}

	#lid p {
        padding: 0.1em 0.5em 0.7em 0;
	    font-size: 11px;
		font-weight: bold;
		color: #B5DE21;
        color: #91B900;
		}

		#lid p span {
			font-weight: bold;
			color: #6DA900;
			}

		#lid p a {
			font-weight: normal;
			color: #AAA;
			border-bottom-width: 0;
			text-decoration: none;
			}

		#lid p a:hover {
			color: #2295AE;
            color: #006BA1;
			}

		#lid p strong {
            font-weight: normal;
            color: #272B1F;
			}

#column1 {
    clear: left;
    width: 200px;
	}

#column2 {
    float: right;
    width: 529px;
	width: 504px;
    padding: 0 6px;
/*
    margin-bottom: 7px;
*/
	}

#content {
	padding: 0.6em;
/*
	padding-top: 1.5em;
    background: transparent url(/images/bg-content.png) repeat-x;
    background: transparent url(/images/background/white-50p.png);
*/
    background-color: #FFF;
	}

    #content p {
/*
        margin-bottom: 0.8em;
*/
        color: #333;
        }

        #content p strong {
            color: #666;
            }

#rightColumn {
    position: relative;
    float: right;
    width: 200px;
	}

    #rightColumn div.block {
        padding: 5px;
        background-color: #EEE;
        }

    #rightColumn a {
        }


/*/////[ MOST VIEWED ]/////*/

#mostViewed {
    position: relative;
    float: left;
    width: 100%;
    background: #FFF url(/images/bg-most-viewed-bottom.png) bottom no-repeat;
    }

    #mostViewed h4 {
        margin-bottom: 0.3em;
        padding: 0.7em 0.8em 0.7em 0.8em;
        line-height: 1em;
        background: #B1D920 url(/images/bg-most-viewed-head.png) top right no-repeat;
        text-transform: uppercase;
        color: #FFF;
        }

    #mostViewed h5 {
        clear: left;
        height: 1.4em;
        margin: .5em 1px 0 1px;
        padding: 0.5em 0.7em;
        background-color: #EEE;
        font-size: 12px;
        color: #666;
        text-transform: uppercase;
        }

    #mostViewed ol {
        position: relative;
        float: left;
        clear: left;
        width: 100%;
        margin: .3em 1px 0 1px;
        padding: 0 0 .4em 0;
        list-style: none;
        }

        #mostViewed ol li {
            position: relative;
            float: left;
            clear: left;
            width: 92%;
            margin: .2em 0;
            padding: 0 4%;
/*
        	background-color: #F7F7F7;
*/
            }

            #mostViewed ol li a {
                border-bottom: 1px dotted #006BA1;
                font-size: 11px;
            	}

            	#mostViewed ol li a:hover {
                    border-bottom: 1px dotted transparent;
            		}

            #mostViewed ol li .image,
            #mostViewed ol li .image img {
                display: block;
                position: relative;
                float: left;
                width: 50px;
                height: 50px;
                border-bottom-width: 0;
                }

            #mostViewed ol li .image {
                margin: .2em 0 .3em 0;
                padding: 3px;
                border: 1px solid #E7E7E7;
                }

            #mostViewed ol li .text {
                margin: 0 0 0 67px;
                font-size: 11px;
                color: #006BA1;
                }

                #mostViewed ol li .text .price {
                    display: block;
                    margin-top: 0.4em;
                    color: #999;
                    }

                #mostViewed ol li .text .price strong {
                    color: #D00;
                    }


/*/////[ PAGE FOOT ]
*/

#foot {
	clear: both;
    width: 100%;
	}

    #foot p {
        margin-bottom: 0;
    	padding: 0.5em;
        }

    #foot p a {
        text-decoration: none;
        }

    #foot p a:hover {
        }

#copyright {
    background: #4DC4D8 url(/images/bg-copyright-bottom.gif) bottom left no-repeat;
    margin-bottom: 5px;
    }

    #copyright p {
    	padding: 0.85em 0.8em 0.9em 0.8em;
        color: #FFF;
        background: transparent url(/images/bg-copyright-top.gif) top left no-repeat;
        font-size: 11px;
        line-height: 1.1em;
        }

        #copyright p a {
            border-bottom-width: 0;
            color: #FFF;
            }



/*/////[ INFO FOOT ]
*/

#webDesigner {
    float: right;
    }

    #webDesigner p {
        color: #999;        }

        #webDesigner p a {
            text-decoration: none;
            border-bottom-color: transparent;
            color: #999;
            }

            #webDesigner p a img {
                display: inline;
                vertical-align: middle;
                }

#webStandards {
    padding-top: .8em;
    }

    #webStandards a {
        border-bottom-width: 0;
        }

    #webStandards img {
        display: inline;
        margin-right: 5px;
        }