/**
 * STYLE SHEET :: LAYOUT :: PAGE
 *
 * Specifies layout of page suround template
 */



/*/////[ 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: 20px;
    color: #91B900;
	line-height: 1.2em;
	}

h2 {
    margin: 1.7em 0 0.8em 0;
	font-size: 14px;
    color: #12859E;
	}

h3 {
	margin: 1.0em 0 0.1em 0;
    color: #91B900;
	}

h6 {
	padding: .5em;
	}



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

html {
    background: transparent 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;
/*
	background-color: #F7F7F7;
*/
	}



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

#head {
    margin-bottom: 20px;
    width: 100%;
/*
	background-color: #EEE;
*/
	}

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

    #logo,
    #logo img {
        display: block;
/*
        width: 339px;
        height: 33px;
*/
        width: 355px;
        height: 43x;
        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 {
    position: relative;
    float: left;
	width: 928px;
    margin-bottom: 7px;
	}

#leftColumn {
    position: relative;
    float: left;
	width: 722px;
	}

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

    #column2 {
        float: right;
    	width: 504px;
        padding: 0 6px;
    	}

        #content {
        	padding: 0.6em;
        	}

        #content p,
        #content ul,
        #content ol {
        	margin-bottom: 0.8em;
        	}

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


/*/////[ Navigation Bar
*/

/*-----[ Popup Multi-Level <UL>
*/

#navBar,
#navBar ul {
    width: 100%;
	}

#navBar,
#navBar ul,
#navBar .pad {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
	}

    #navBar .pad {
        list-style: none;
        }

    #navBar .pad a,
    #navBar .pad span {
        position: relative;
        display: block;
        margin: 0 !important;
        margin-top: -1px;
        text-decoration: none;
        }

    #navBar .pad span {
        cursor: default;
        }

    #navBar .pad a span {
        cursor: pointer;
        }

/*-----[ Custom
*/

#navBar,
#navBar ul,
#navBar ul li {
    height: 2.6em;
    margin: 0;
    }

#navBar,
#navBar * {
    margin: 0;
    font-size: 12px;
    line-height: 1.5em;
    }

#navBar {
	margin-bottom: 7px;
	background: #4DC4D8 url(/images/bg-navbar-top.gif) top left no-repeat;
    }

    #navBar ul {
	    background: transparent url(/images/bg-navbar-bottom.gif) bottom left no-repeat;
        }

.pad {
	border-right: 1px solid #50C7DB;
	font-weight: bold;
	text-decoration: none;
    }

    .pad a {
        border-bottom-width: 0;
        }

    .pad span {
        display: block;
        padding: 0.5em 1.2em 0.6em 1.2em;
        color: #FFF;
        }

    .pad:hover, .padActive {
        background-color: #3DB4C8;
		text-decoration: none;
        }

    #pad1 a:hover {
	    background: #3DB4C8 url(/images/bg-pad-top-left.gif) top left no-repeat;
        }

    #pad1 a:hover span {
	    background: transparent url(/images/bg-pad-bottom-left.gif) bottom left no-repeat;
        }

/*/////[ Location Indicator Device (LID)
*/

#lid {
    margin-bottom: 5px;
    border-bottom: 1px dashed #CCC;
	}

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

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

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

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

		#lid p strong,
        #lid p span {
            font-weight: normal;
			}


/*/////[ CATEGORY NAVIGATION ]/////*/

#product-categories {
    margin-bottom: 2px;
	}

#product-categories * {
    font-size: 12px;
	line-height: 1.4em;
    color: #040;
	}

    #product-categories ul {
        margin: 0;
        padding: 0;
        list-style: none;
        }

    #product-categories li {
        margin: 0 !important;
        margin-bottom: -1.4em;
        padding: 0;
        }

        #product-categories a {
            display: block;
            margin-bottom: 2px;
            text-decoration: none;
            border-bottom-width: 0;
            }

        #product-categories span {
            display: block;
            margin-bottom: 0;
            padding: 0.5em 0.6em 0.5em 0.6em;
            font-weight: normal;
            }

        #product-categories a:hover span,
        #product-categories a span strong {
            font-weight: bold;
            color: #050;
            }

#product-categories #level1 li a {
    background: #B5DE21 url(/images/menu/product-level1-top.gif) top no-repeat;
    }

#product-categories #level1 li a span {
    background: transparent url(/images/menu/product-level1-bottom.gif) bottom no-repeat;
    }

#product-categories #level2 li a {
    background: #D6EF7B url(/images/menu/product-level2-top.gif) top no-repeat;
    }

#product-categories #level2 li a span {
    background: transparent url(/images/menu/product-level2-bottom.gif) bottom no-repeat;
    }

#product-categories #level3 li a {
    background: #E7F7B5 url(/images/menu/product-level3-top.gif) top no-repeat;
    }

#product-categories #level3 li a span {
    background: transparent url(/images/menu/product-level3-bottom.gif) bottom no-repeat;
    }

#product-categories #level4 li a {
    background: #EFF7D6 url(/images/menu/product-level4-top.gif) top no-repeat;
    }

#product-categories #level4 li a span {
    background: transparent url(/images/menu/product-level4-bottom.gif) bottom no-repeat;
    }

#product-categories #level5 li a {
    background: #FFF none;
    }

#product-categories #level5 li a span {
    background: #FFF none;
    }


/*/////[ CATEGORY NAVIGATION :: Refined Search ]/////*/

#refineSearch {
/*
	display: block;
	margin: 8px;
*/
	border: 1px solid #D7D7D7;
	padding: .5em .7em .6em .7em;
	background-color: #F7F7F7;
	}

    #refineSearch h2 {
    	margin: 0 0 1em 0;
        color: #272B1F;
    	}

    #refineSearch h3 {
    	margin: 0;
    	font-weight: normal;
        color: #272B1F;
    	}

    #refineSearch p {
    	margin-bottom: .1em;
    	font-weight: normal;
        color: #272B1F;
    	}


/*/////[ NEW PRODUCTS ]/////*/

#new-products {
    margin: .3em 0.2em 0 0.2em;
    background-color: #FFF;
    }

    #new-products table {
        width: 100%;
        }

        #new-products table caption {
            margin-bottom: 0;
            padding: 0;
            background: #B1D920 url(/images/bg-new-products-caption.png) bottom repeat-x;
            font-size: 13px;
            color: #FFF;
            text-align: left;
            }

            #new-products table caption span {
                display: block;
                padding: 0;
                background: transparent url(/images/bg-new-products-top-left-corner.png) top left no-repeat;
                }

                #new-products table caption span strong {
                    display: block;
                    padding: 0.4em 0.6em 0.55em 0.6em;
                    background: transparent url(/images/bg-new-products-top-right-corner.png) top right no-repeat;
                    }

        #new-products table tr td {
            width: 33%;
            padding: 0 2%;
            border: 1px dashed #B1D920;
            border-width: 0 1px 1px 0;
            text-align: center;
            }

            #new-products .first {
                border-left: 1px dashed #B1D920;
                }

        #new-products td a,
        #new-products td a img,
        #new-products td a span {
            display: block;
            margin: 0;
            }

        #new-products td a {
            padding: 1.2em 0 0.8em 0;
            text-decoration: none;
            border-bottom-width: 0;
            }

        #new-products .thumbnail {
            height: 100px;
            width: 100px;
            margin: 0 auto 0.7em auto;
            text-align: center;
            }

        #new-products .thumbnail img,
        #new-products .brandLogo{
            display: block;
            margin: auto;
            height: 100px;
            width: 100px;
            }

        #new-products .brandLogo{
            width: 75px;
            height: 60px;
            }

        #new-products td a.product-details {
            height: 12.5em;
            line-height: 1.2em;
            }

        #new-products td a.product-details .brand {
            margin-bottom: 0.1em;
            font-weight: normal;
            font-size: 11px;
            color: #91B900;
            text-transform: uppercase;
            }

        #new-products td a.product-details .title,
        #new-products td a.product-details .name {
            margin: 0;
            font-style: normal;
            font-weight: normal;
            color: #006BA1;
            }

        #new-products td a.product-details .authors,
        #new-products td a.product-price span {
            line-height: 1.3em;
            font-weight: normal;
            color: #999;
            }

        #new-products td a.product-price span strong {
            font-size: 17px;
            color: #D00;
            }



/*/////[ 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%;
            }

            #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 {
/*
    border: 1px dashed #999;
*/
	clear: both;
    width: 100%;
	}

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

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

    #foot p a:hover {
/*
        text-decoration: underline;
*/
        }

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

    #copyright p {
    	padding: 0.75em 0.8em 0.8em 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;
        }