﻿ 
/*Global*/
#main_page_middle ul
{
	list-style:none;
}
 
/******************/
/*****Slider*****/
/******************/

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}
.jcarousel-list li.more-products
{
    border:1px solid #0181ca;
    height:auto;
    padding:6px 0;
    
}
    .jcarousel-list li.more-products a,
    .jcarousel-list li.more-products a:link,
    .jcarousel-list li.more-products a:visited
    {
        line-height:18px;
        font-size:13px;
        text-decoration:underline;
        text-align:center;
        color:blue;
    }
.jcarousel-list li img
{
    width:75px;
    height:75px;
    border:1px solid #0181ca;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}




.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 370px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  370px;
	height:145px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 103px;
    height:145px;
    text-align:center;
    line-height:15px;
   
}
.jcarousel-skin-tango .jcarousel-item:hover {
    
}
a.carousel-product-name-anchor, .carousel-product-name{
    font-size:13px;
    line-height:15px;
    color:blue;
}
    a:link.carousel-product-name-anchor, .carousel-product-name{
        color:blue;
    }
    a:visited.carousel-product-name-anchor, .carousel-product-name { 
        color:blue;
    }
.carousel-product-old-price {
    font-size:12px;
    line-height:15px;
    color:#ac0000;
    text-decoration:line-through;
}
.carousel-product-new-price {
    font-size:12px;
    line-height:15px;
    color:#ac0000;
    font-weight:bold;
}
br { line-height:15px;}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 80px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/components/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 80px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/components/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}



            /**
             * Additional styles for the controls.
             */
            .jcarousel-control {
                width:100%;
                margin:0 auto;
                background-color:#0181ca;
                overflow:hidden;
                margin-bottom:10px;
                height:45px;
                position:relative;
            }
            
                #jcarousel-control-left a,
                #jcarousel-control-right a
                {
                    font-size:20px;
                    font-weight:bold;
                    color:#fff;
                    text-decoration:none;
                    position:relative;
                    z-index:2
                }
                #jcarousel-control-left a:hover,
                #jcarousel-control-right a:hover
                {
                    color:#F86300;
                    text-decoration:none;
                }
                #jcarousel-control-left
                {
                    float:left;
                    width:25px;
                    margin-top:6px;
                }
                #jcarousel-control-middle
                {
                    text-align: center;
                    overflow:hidden;
                    float:left;
                    margin-top:4px;
                    width:500px;
                }
                    #jcarousel-control-middle-slider
                    {
                        position:absolute;
                        width:1800px;
                        overflow:hidden;
                        z-index:1;
                        left:70px;
                    }
                     .jcarousel-control a {
                        font-size: 75%;
                        text-decoration: none;
                        color: #fff;
                        font-weight: bold;
                        float:left;
                        margin-right:10px;
                        padding:3px 4px;
                    }
                    .jcarousel-control a:hover {
                        text-decoration: underline;
                    }
                #jcarousel-control-right
                {
                    float:right;
                    width:25px;
                    margin-right:5px;
                    margin-top:6px;
                }
            .jcarousel-control a.selected
            {
                color:#084669;
                text-transform:uppercase;
                background-color:#fff;
                border:1px solid #084669;
            }
            .jcarousel-control a.selected:hover
            {
                text-decoration:none;
            }
            .jcarousel-control a.visible
            {
                display:inline;
            }
            .jcarousel-control .hidden
            {
                display:none;
            }

            .jcarousel-control a:focus,
            .jcarousel-control a:active {
                outline: none;
            }

            .jcarousel-scroll {
                margin-top: 10px;
                text-align: center;
            }

            .jcarousel-scroll form {
                margin: 0;
                padding: 0;
            }

            .jcarousel-scroll select {
                font-size: 75%;
            }

            #mycarousel-next,
            #mycarousel-prev {
                cursor: pointer;
                margin-bottom: -10px;
                text-decoration: underline;
                font-size: 11px;
            }

.jcarousel-list li.more-products:hover,
.jcarousel-list li.more-products:hover a
{
    background:#0181ca;
    color:#fff;
}




/******************/
/*****DOCUMENT*****/
/******************/
body
{
	/*background-color:#BFB9AE;*/
	background:url(../images/components/bg1.png) repeat-x top;
	
}


/*******************/
/*****Main Page*****/
/*******************/
div#welcome-wrap
{
    position:relative;
    margin-top:10px;
    height:59px;
}
    div#welcome-message
    {
        float:left;
        left:70px;
        position:absolute;
        bottom:3px;
    }
        div#welcome-message h1
        {
            font-family:helvetica;
            font-size:22px;
            color:#0181CA;
            letter-spacing:1px;
            margin-bottom:0;
            padding-bottom:0;
            background:url(../images/components/main_header2.jpg) no-repeat;
            width:500px;
            height:26px;
        }
            div#welcome-message h1 span
            {
                display:none;
            }
        div#stray-family
        {
            float:left;
            position:absolute;
            bottom:0;
            left:0;
        }
        div.dividerA
        {
            width:100%;
            border-bottom:1px solid #0181ca;
        }
        div#credentials-wrap
        {
            overflow:hidden;
            height:38px;
            clear:both;
        }
            div#credentials-left
            {
                float:left;
                height:100%;
                width:154px;
                background:url(../images/credentials/satisfaction.png) no-repeat top;
            }
            div#credentials
            {
                /*width:615px;*/
                width:529px;
                float:left;
                overflow:hidden;
                margin-left:auto;
                margin-right:auto;
                height:100%
            }
                div#credentials-in
                {
                    width:540px;
                    margin-left:auto;
                    margin-right:auto;
                }
            div#credentials-right
            {
                float:right;
                height:100%;
                width:167px;
                background:url(../images/credentials/purchase_orders.png) no-repeat top;
            }




.cart-button
{
    background-image: url(../images/add_to_cart.jpg);
}

.pic_container a:link img, .pic_container a:visited img 
{
	border:1px solid #000000;
}

#main_page_middle
{
	width:850px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	font-family:helvetica;
	font-size:15px;
}
    h1#main-page-header
    {
        font-family:helvetica;
        letter-spacing:1px;
    } 

#browse_categories_wrap
{
    width:100%;
    height:auto;
    margin-top:20px;
    overflow:hidden;
}
	#browse_categories_left
	{
		width:160px;
		height: auto;
		float:left;
		margin-right:20px;
		margin-top:10px;
	}
	    #browse_categories_left h2
	    {
	        font-family:helvetica;
	        font-size:16px;
	        font-weight:bold;
	        color:#1F85C7; 
	        letter-spacing:2px;
	        margin:0;padding:0px 0px;
	        font-style:italic;
	    }
	#browse_categories_right
	{
		width:665px;
		height:auto;
		overflow:hidden;
		float:left;
	}

#main_page_middle_row1
{
	width:100%;
	height:auto;
	margin-top:20px;
	overflow:hidden;
}
	#main_page_middle_row1_left
	{
		width:100%;
		height:auto;
		float:left;
	}
	#main_page_middle_row1_right
	{
		width:150px;
		height:auto;
		text-align:left;
		overflow:hidden;
		float:right;
	}

#main_page_middle_row2
{
	height:auto;
	width:100%;
	margin-top:20px;
	overflow:hidden;
	margin-bottom:20px;
}
	.main_page_middle_row2_col
	{
		float:left;
		width:30%;
		height:auto;
		padding:0;
		text-align:left;
		margin-right:3%;
	}
		.main_page_middle_row2_col_top
		{
			height:130px;
			width:100%;
		}
		.main_page_middle_row2_col_bottom
		{
			height:150px;
			width:100%;
		}
			.main_page_middle_row2_col_bottom ul li.link a:link,
			.main_page_middle_row2_col_bottom ul li.link a:visited
			{
				font-size:15px;
				color:#000080;
			}
			.main_page_middle_row2_col_bottom ul
			{
				list-style:none;
				margin:0;
				padding:0;
			}
			.main_page_middle_row2_col_bottom ul li
			{
				margin:0;
				padding:0;
			}

			.main_page_middle_row2_col_bottom ul li.desc
			{
				color:#000000;
			}
			.main_page_middle_row2_col_bottom ul li.price
			{
				color:#AC0000;
				font-weight:bold;
			}



#document
{
	border:1px solid #434343;
	margin:0px auto 0 auto;
	background-color:#ffffff;
	width:900px;
}
#document_inside
{
	width:850px;
	margin-left:auto;
	margin-right:auto;
}
.font_5 
{
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
.font_5 a:link, .font_5 a:visited
{
	color:#990000;
}
.font_5 a:hover
{
	color:#d3437c;
}
.font_6 a:link, .font_6 a:visited
{
	color:blue;
	font:26px Helvetica;
}
.font_6
{
	color:#000000;
	font:25px Helvetica;
}
.font_6 a:hover
{
	color:#D3437C;
}
.sub_cat
{
	background:url(../p7exp/p7exp/images/p7exp_mbar.jpg) repeat-x; 
	width:100%;
	border:1px solid #000000; 
	margin-bottom:30px;
	height:35px;
	margin-top:20px;
	padding-top:6px
}
.sub_cat_font
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:2px;
}
	
/*************/
/*****TOP*****/
/*************/
.main-link:hover
{
    text-decoration:underline;
}

#top
{
	height:auto;
	width:850px;
}
#top_row1
{
	height:15px;
	width:100%;
	background-color:#0181ca;
}
	#top_row1_left
	{
		float:left;
		height:100%;
		width:15px;
	}
	#top_row1_middle
	{
		float:left;
		height:100%;
		width:810px;
	}
	#top_row1_right
	{
		float:left;
		height:100%;
		width:15px;
	}

#top_row2
{
	height:110px;
	width:100%;
	background-color:#ffffff;
}
	#top_row2_left
	{
		float:left;
		height:100%;
		width:220px;
		background: url(../images/teachade_logo.jpg) center left no-repeat;
	}
	#top_row2_middle
	{
		float:left;
		height:100%;
		width:480px;
	}
	#top_row2_right
	{
		float:right;
		height:100%;
		width:150px;
		background: url(../images/simalogo.jpg) center right no-repeat;
	}

#top_row3
{
	width:100%;
	height:25px;
	clear:both;
}



/****************/
/******MENU******/
/****************/
#middle_left
{
	float:left;
	width:225px;
	height:auto;
}
	#left_menu
	{
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size:15px;
		height:auto;
		width:200px;
		margin-top:25px;
	}
		#left_menu_top
		{
			border:1px solid #000000;
			border-bottom:0;
			height:25px;
			width:100%;
			background-image: url(../p7exp/p7exp/images/p7exp_mbar.jpg);
			background-repeat:repeat-x;
			color:#ffffff;
		}
		#left_menu_middle
		{
			height:auto;
			border:1px solid;
			width:100%;
			overflow:hidden;
		}
			#left_menu_middle ul
			{
				list-style: none outside;
				padding:0;
				margin:0;
			}
				#left_menu_middle ul li a				
				{
					display:block;
					color:#000000;
					text-decoration:none;
					padding-bottom:5px;
					padding-left:10px;
					margin:0;
					float:left;
					clear:left;
					width:100%;
					_width:auto;
				}
				#left_menu_middle ul li
				{
					margin:0;
					padding:0;
				}
				#left_menu_middle ul li a:link, 
				#left_menu_middle ul li a:visited
				{
					color:blue;
				}
				#left_menu_middle ul li a:hover
				{
					background-color:#0181ca;
					color:#ffffff;
				}


.font_9
{
	font-size:15px;
	color:blue;
	text-decoration:underline;
}


#menu_extension
{
	width:210px;
	height:100px;
}
#menu_extension_left, #menu_extension_right
{
	float:left;
	height:100%;
	background-color:#B7B9AE;
	width:15px;
}
#menu_extension_middle
{
	float:left;
	width:180px;
	height:100%;
	background-color:#0181ca;
}



/****************/
/*****MIDDLE*****/
/****************/
#middle
{
	margin-top:0px;
	height:auto;
	overflow:hidden;
	clear:both;
}
#middle_right
{
	float:left;
	height:auto;
	width:620px;
	margin-top:20px;
	overflow:hidden;
}
#middle_right_row1
{
	width:620px;
	height:auto;
	overflow:hidden;
}
#middle_right_row1_left
{
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
}
#middle_right_row1_right
{
	width:140px;
	height:250px;
	float:left;
	margin-left:20px;
}

#middle_right_row1_right_row2
{
	width:140px;
	height:36px;
}
.middle_left_nav
{
	width:200px;
	margin-bottom:15px;
	border:1px solid #0181ca;
	margin-left:0;
}
.middle_left_nav_row1
{
	width:200px;
	height:20px;
	background-color:#0181ca;
}

.middle_left_nav_row2
{
	width:200px;
	background-color:#ffffff;
}
.middle_left_nav ul
{
	list-style:none;
	padding-left:10px;
	margin-left:10px;
	margin-top:5px;
}
.middle_left_nav_row1 a:link, .middle_left_nav_row1 a:visited
{
	font:bold 15px Helvetica;
	color:#ffffff;
	text-decoration:none;
	margin-left:10px;

}
.middle_left_nav_row2 a:link, .middle_left_nav_row2 a:visited
{
	font:15px Helvetica;
	color: #000000;
}
.middle_left_nav_row2 a:hover
{
	color:#990000;
}

/*main-page-middle-row2*/
div#main-page-middle-row2
{
}
    div#main-page-middle-row2 h1
    {
        font-size:20px;
        font-family:helvetica;
        color:#000000;
        letter-spacing:2px;
        text-align:center;
    }
    table#main-page-category-table
    {
        width:860px;
        margin-left:auto;
        margin-right:auto;
        vertical-align:top;
    }
        table#main-page-category-table td
        {
            vertical-align:top;
        }
        td#main-page-category-table-right
        {
            width:410px;
        }
        td#main-page-category-table-left
        {
            width:430px;
        }
        table#main-page-category-table h2 
        {
            font-size:18px;
            font-style:italic;
        }
             table#main-page-category-table h2 a,
             table#main-page-category-table h2 a:link,
             table#main-page-category-table h2 a:visited
             {
                 text-decoration:none;
                 color:#F86300;
             }
        table#main-page-category-table ul
        {
            list-style-type:none;
            margin-left:0;
            padding:0;
        }
            table#main-page-category-table ul li
            {
            }
                table#main-page-category-table ul li h3
                {
                    font-size:14px;
                    font-weight:bold;
                }
                table#main-page-category-table ul li h3 a,
                table#main-page-category-table ul li h3 a:link,
                table#main-page-category-table ul li h3 a:visited
                {
                    color:#0181CA;
                    text-decoration:underline;
                }
                table#main-page-category-table ul li p
                {
                    font-size:14px;
                    padding:0;
                    margin:0;
                }
                
    /*featured category*/            
    div#featured-category-wrap
    {
        width:380px;
        border:4px solid #800000;
    }
        table#featured-category-table
        {
            width:100%;
            border:0;
        }
            table#featured-category-table td
            {
                text-align:center;
            }   
                table#featured-category-table td a,
                table#featured-category-table td a img
                {
                    border:0;
                }
                table#featured-category-table td a,
                table#featured-category-table td a:link,
                table#featured-category-table td a:visited
                {
                    color:blue;
                    text-decoration:underline;
                } 
                table#featured-category-table td h1
                {
                    font-size:22px;
                    color:#800000;
                    text-align:center;
                    text-transform:uppercase;
                    padding:0;
                    margin:0;
                    margin-bottom:15px;
                }
                table#featured-category-table td h2
                {
                    font-size:20px;
                    color:#F86300;
                    text-align:center;
                    padding:0;
                    margin:0;
                }
                table#featured-category-table td h3
                {
                    font-size:18px;
                    color:#000;
                    text-align:center;
                    padding:0;
                    margin:0;
                }
                table#featured-category-table td ul
                {
                    width:160px;
                }
                    table#featured-category-table td ul li
                    {
                        
                    }
                        table#featured-category-table td ul li a
                        {
                            font-size:14px;
                            padding:0;
                            margin:0;
                        }
                        table#featured-category-table td ul li span.old-price
                        {
                            font-size:14px; 
                            font-weight:bold;
                            color:#ba0000;
                            text-decoration:line-through;  
                        }
                        table#featured-category-table td ul li span.new-price
                        {
                            font-size:14px; 
                            font-weight:bold;
                            color:#ba0000;
                        }         
/****************/
/*****ITEMS*****/
/****************/

.back_to_top a:link, .back_to_top a:visited
{
	font-size:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#F86300;
	
}
.back_to_top a:hover
{
	color:#0181ca;
}
.font_1 a:link, .font_1 a:visited
{
	font-size:18px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#F86300;
	font-weight:normal;
	
}
.font_1 a:hover
{
	color:#0181ca;
}
.font_2 a:link, .font_2 a:visited
{
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#F86300;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:2px;
	font-weight:bold;
}
.font_2 a:hover
{
	text-decoration:underline;
}
.font_8
{
	color:#F86300;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:2px; 
	font-weight:bold; 
	font-family:Helvetica;
	
}



.item_container_1
{
	background-color:#d5ecfa;
	height:220px;
	width:630px;
}
.item_container_1_left
{
	width:150px;
	float:left;
}
.item_container_1_left_row1
{
	height:200px;
	width:150px;
}
.item_container_1_left_row2
{
	width:150px;
	height:20px;
}
.item_container_1_right
{
	width:470px;
	float:left;
}
.item_container_1_right_row1
{
	width:470px;
	height:65px;
}
.item_container_1_right_row2
{
	width:470px;
	height:150px;
	font-size:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.item_container_1_right_row3
{
	width:470px;
	height:30px;
}

/*********************/
/*****CONTAINER 2*****/
/*********************/
.item_container_2
{
	background-color:#FFFFFF;
	height:auto;
	width:630px;
	overflow:auto;
}
.item_container_2_left
{
	width:150px;
	height:auto;
	float:left;
}
.item_container_2_left_row1
{
	height:auto;
	width:100%;
}
.item_container_2_right
{
	width:470px;
	height:auto;
	overflow:hidden;
	float:left;
}
.item_container_2_right_row1
{
	width:100%;
	height:auto;
}
.item_container_2_right_row2
{
	width:100%;
	height:auto;
	font-size:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}




/****************/
/*****BOTTOM*****/
/****************/
#bottom
{
	margin-top:20px;
	height:80px;
	width:845px;
	overflow:hidden;
	clear:both;
}
#bottom_row1
{
	width:850px;
}
#bottom_row1 ul
{
	list-style:none;
	margin-top:0;
	margin-bottom:0;
	margin-left:-5px;
}
#bottom_row1 ul li
{
	display:inline;	
}
#bottom_row1 ul a
{
	text-decoration:underline;
}
#bottom_row1 ul a:link, #bottom_row1 ul a:visited
{
	font:bold 15px Helvetica;
	color:#000000;
	margin-left:10px;
	margin-right:10px;
}
#bottom_row1 ul a:hover
{
	color: #0181ca;
}
#bottom_row2
{
	margin-left:auto;
	margin-right:auto;
	width:850px;
	margin-top:6px;
	margin-bottom:6px;
}
ul.main_topic_list
{
	list-style:none;
}
	ul.main_topic_list li
	{
		list-style:none;
	}
	ul.main_topic_list li a
	{
		text-decoration:none;
	}
		ul.main_topic_list ul
		{
			padding:0;
		}
		
table.store_front_table
{
	margin-left:auto;
	margin-right:auto;
}


	.product_col_a
	{
		float:left;
		width:30%;
		height:auto;
		padding:0;
		text-align:left;
		margin-right:2%;
	}
		.product_col_a_top
		{
			height:130px;
			width:100%;
		}
		.product_col_a_bottom
		{
			height:150px;
			width:100%;
		}
			.product_col_a_bottom ul li.link a:link,
			.product_col_a_bottom ul li.link a:visited
			{
				font-size:15px;
				color:#000080;
			}
			.product_col_a_bottom ul
			{
				list-style:none;
				margin:0;
				padding:0;
			}
			.product_col_a_bottom ul li
			{
				margin:0;
				padding:0;
			}

			.product_col_a_bottom ul li.desc
			{
				color:#000000;
			}
			.product_col_a_bottom ul li.price
			{
				color:#AC0000;
				font-weight:bold;
	
		}
		
		
		
		
		
div#store-info-wrap
{
    width:100%;
    border-top:1px solid #0181CA;
    border-bottom:1px solid #0181CA;
    margin-top:20px;
    overflow:hidden;
    height:161px;
}
    div#store-info
    {
        float:left;
        width:595px;
        overflow:hidden;
    }
        div#store-info p
        {
            text-align:left;
            margin:0;
            padding:0;
            font-size:15px;
            font-family:helvetica;
            margin-top:5px;
            line-height:20px;
        }
    div#featured-category-wrap
    {
        float:right;
        width:251px;
        background-color:#0181CA;
        border:0;
    }
        div#featured-category-header
        {
            width:100%;
            text-align:center;
            padding:5px 0;
        }
            div#featured-category-header span
            {
                font-size:16px;
                color:#cccccc
            }
            div#featured-category-header a:link,
            div#featured-category-header a:visited
            {
                color:#fff;
                text-transform:uppercase;
                font-size:16px;
                text-decoration:none;
                letter-spacing:1px;
            }
            div#featured-category-header a:hover
            {
                text-decoration:underline;
            }
        div#featured-category
        {
            width:100%;
            overflow:hidden;
            border-top:1px solid #fff;
            position:relative;
        }
            div#featured-category-pics
            {
                float:left;
                height:100%;
                width:100px
            }
            div#featured-category-menu
            {
                float:left;
                width:150px;
                overflow:hidden;
                border-left:1px solid #fff;
            }
                div#featured-category-menu a,
                div#featured-category-menu a:link,
                div#featured-category-menu a:visited
                {
                    display:block;
                    color:#fff;
                    padding:2px 0 2px 2px;
                    border-bottom:1px solid #fff;
                    text-decoration:none;
                }
                div#featured-category-menu a:hover
                {
                    background-color:#FF5500;
                }		
		

/*categories by age*/
div#categories-by-age-table
{
    border-collapse:collapse;
    height:auto;
}
    div#categories-by-age-table
    {
    }
         div#categories-by-age-table div#catA
         {
            width:282px;
            border-right:1px solid #0181ca;
            border-left:0px;
            height:auto;
            float:left;
            background:url(../images/components/grad-toddler.png) repeat-x top;
            z-index:3;
            position:relative;
         }
         div#categories-by-age-table div#catB
         {
            width:282px;
            border-right:1px solid #0181ca;
            float:left;
            background:url(../images/components/grad-teen.png) repeat-x top;
            position:relative;
            z-index:2;
         }		
         div#categories-by-age-table div#catC
         {
            width:282px;
            float:left;
            background:url(../images/components/grad-adult.png) repeat-x top;
         }		
         div.cat-wrap
         {
            width:100%;
            position:relative;
            height:980px;
         }
            div.category-header-wrap
            {
                overflow:hidden;
                height:60px;
            }
                div.category-header
                {
                }
                    div.category-header h2
                    {
                        color:#fff;
                        letter-spacing:1px;
                        font-size:22px;
                        margin:2px 0px 0px 3px;
                        padding:0;
                        line-height:24px;
                        width:200px;
                        height:26px;
                    }
                        div.category-header h2 span
                        {
                            display:none;
                        }
                    div#catA-Content ul.cat-content-ul,
                    div#catB-Content ul.cat-content-ul,
                    div#catC-Content ul.cat-content-ul
                    {
                        padding:0;
                        margin:30px 0px 0px 10px;
                    }
                        div#catA-Content ul.cat-content-ul li,
                        div#catB-Content ul.cat-content-ul li,
                        div#catC-Content ul.cat-content-ul li
                        {
                            margin-top:5px;
                        }
                            div#catA-Content ul.cat-content-ul li h3,
                            div#catB-Content ul.cat-content-ul li h3,
                            div#catC-Content ul.cat-content-ul li h3
                            {
                                padding:0;
                                margin:0;
                            }
                            div#catA-Content ul.cat-content-ul li p,
                            div#catB-Content ul.cat-content-ul li p,
                            div#catC-Content ul.cat-content-ul li p
                            {
                               font-size:12px;
                               margin:4px 0 0 0;
                               font-family:helvetica;
                               line-height:15px;
                            }
                            div#catA-Content ul.cat-content-ul li a.cat-subheader,
                            div#catB-Content ul.cat-content-ul li a.cat-subheader,
                            div#catC-Content ul.cat-content-ul li a.cat-subheader
                            {
                               color:#0181ca;
                               text-decoration:underline;
                               font-size:14px;
                               font-weight:bold;
                               letter-spacing:1px;
                            }
                            div#catA-Content ul.cat-content-ul li a.cat-subheader:hover,
                            div#catB-Content ul.cat-content-ul li a.cat-subheader:hover,
                            div#catC-Content ul.cat-content-ul li a.cat-subheader:hover
                            {
                               color:#054468;
                            }
                            div#catA-Content ul.cat-content-ul li a.more,
                            div#catB-Content ul.cat-content-ul li a.more,
                            div#catC-Content ul.cat-content-ul li a.more
                            {
                               color:#F86300;
                               font-size:12px;
                               text-decoration:none;
                            }
                            div#catA-Content ul.cat-content-ul li a.more:hover,
                            div#catB-Content ul.cat-content-ul li a.more:hover,
                            div#catC-Content ul.cat-content-ul li a.more:hover
                            {
                               color:#994404;
                            }
                            div#catA-Content ul.cat-content-ul li a.all-categories,
                            div#catB-Content ul.cat-content-ul li a.all-categories,
                            div#catC-Content ul.cat-content-ul li a.all-categories
                            {
                               color:#F86300;
                               text-decoration:underline;
                               font-size:14px;
                               font-weight:bold;
                               letter-spacing:1px;
                            }
                            div#catA-Content ul.cat-content-ul li a.all-categories:hover,
                            div#catB-Content ul.cat-content-ul li a.all-categories:hover,
                            div#catC-Content ul.cat-content-ul li a.all-categories:hover
                            {
                               color:#994404;
                            }
                            div#catA-footer
                            {
                                margin-top:20px;
                                background:url(../images/components/grad-toddler-inverted.png) repeat-x bottom;
                                height:100px;
                                width:100%;
                                overflow:hidden;
                                position:absolute;
                                bottom:0
                            }
                            div#catB-footer
                            {
                                margin-top:20px;
                                background:url(../images/components/grad-teen-inverted.png) repeat-x bottom;
                                height:100px;
                                width:100%;
                                overflow:hidden;
                                position:absolute;
                                bottom:0
                            }
                            div#catC-footer
                            {
                               margin-top:20px;
                               background:url(../images/components/grad-teen-inverted.png) repeat-x bottom;
                               height:100px;
                               width:100%;
                               overflow:hidden;
                               position:absolute;
                               bottom:0
                            }



/*Bubble overlays*/
            ul.all-cats-ul {
                float: left;
                margin: 0;
                padding: 0;
                width: auto;
                list-style: none;
                font-family:helvetica;
                position:absolute;
                z-index:100;
                margin-left:10px;
                margin-top:10px;
                bottom:110px;
            }
            ul.all-cats-ul li.cat-li {
                position: relative; /*--Add a relative positioning--*/
                float: left;
                margin: 0;
                padding: 0;
            }
            ul.all-cats-ul li.cat-li a.all-categories{
               position: relative; /*--Add a relative positioning--*/
               z-index: 2; /*--z-index allows the popup to tuck underneath the nav--*/
               color:#F86300;
               text-decoration:underline;
               font-size:14px;
               font-weight:bold;
               letter-spacing:1px;
            }
            
            
            ul.all-cats-ul li.cat-li div.all-cats-wrap {
	            display: none;
	            position: absolute;
	            left: 0;
	            background-color:#fff;
	            padding:10px;
	            padding-left:0;
            }
                div.pointer
                {
                    background:url(../images/components/bubble.gif) no-repeat bottom center;
                    width:100%;
                    position:absolute;
                    height:15px;
                    left:0;
                    bottom:-4px;
                    
                }
                 ul.all-cats-ul li.cat-li div.all-cats-wrap div.all-cats-inside-wrap
                 {
                    background-color:#fff;
                    overflow:hidden;
                    border:1px solid;
                    padding:10px;
                 }
                    ul.all-cats-ul li.cat-li div.all-cats-wrap div.all-cats-inside-wrap h3
                    {
                        font-size:12px;
                        margin:0 0 5px 0;
                        padding:0;
                    }
                ul.all-cats-ul li.cat-li div.all-cats-wrap a.cat-link
                {
                    color:#0181ca;
                    font-size:12px;
                    text-decoration:underline;
                }
                ul.all-cats-ul li.cat-li div.all-cats-wrap a.cat-link:hover
                {
                    color:#054468;
                }
               
                ul.all-cats-ul li.cat-li div.all-cats-left
                {
                    float:left;
                    margin-right:15px;
                }
                    ul.all-cats-ul li.cat-li div.all-cats-left ul {
	                    margin:0;
	                    padding:0;
	                    list-style:none;
                    }
                ul.all-cats-ul li.cat-li div.all-cats-right
                {
                    float:left;
                }
                ul.all-cats-ul li.cat-li div.all-cats-right ul {
	                margin:0;
	                padding:0;
	                list-style:none;
                }
                ul.all-cats-ul li.cat-li div.all-cats-right ul li,
                ul.all-cats-ul li.cat-li div.all-cats-left ul li {
                    line-height:18px;
                    margin:0;
                    padding:0;
                }
		
		
		




/*start: top drop down--------------------------------------------------------------------------------------------------------------*/
#menuwrapper {
	margin: 0 auto;
	position: relative;
	z-index:10000;
	clear:both;
	height:29px;
}



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			1.8em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	/*padding: 		.4em 1em;*/
	padding:         6px 16px;
	text-decoration:none;
}
.sf-menu span 
{
    color:          #fff;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu a:hover {
    color:#000;
}
.sf-menu li {
	background:		#0181ca;
}
.sf-menu li li {
	background:		#D9EBF7;
}
    .sf-menu li li a, .sf-menu li li a:visited  {
	    color:		#000;
    }
    .sf-menu li li a:hover {
	    background:		#0181ca;
	    color: #fff;
    }
.sf-menu li.sfHover a
{
    color:#000;
} 
.sf-menu li li li {
	background:		#D9EBF7;
}
.sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#D9EBF7;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	/*padding-right: 	2.25em;*/
	padding-right:40px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


.sf-menu li ul {
	width:220px;
}
.sf-menu .my-cart 
{
    background:#F86300;
}
.sf-menu .my-cart a:hover,
.sf-menu .my-cart:hover
{
    background:navy;
} 
* html .sf-menu .my-cart{width: 132px;}
/*end: top drop down--------------------------------------------------------------------------------------------------------------*/


















/*Start: auto-complete css------------------------------------------------------------------------------------------------------------*/

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}


/*end: auto-complete css------------------------------------------------------------------------------------------------------------*/





/*Start: SEARCH STYLE------------------------------------------------------------------------------------------------------------*/
#search-bar-wrap
{
    width:100%;
    height:30px;
    border:1px 0 solid #000;
}
    #search-bar-container
    {
        width:100%;
        position:relative;
    }
        .search-input
        {
            width:720px;
            margin-left:auto;
            margin-right:auto;
            border:2px solid #777777;
            height:19px;
            position:absolute;
            right:35px;
        }
        .search-submit
        {
            background:#ededed;
            position:absolute;
            right:3px;
            width:30px;
            height:21px;
            border:2px solid #777777;
        }



/*End: SEARCH STYLE------------------------------------------------------------------------------------------------------------*/


/*fix fix fix fix fixed!*/
                 * html {
               background: url(boo);
             } 
             .fixedElement {
               position: fixed;
               z-index:500;
               bottom: 0;
               right: 0;
               _position: absolute;
               _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') 
	             ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) 
	             : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
	           cursor:pointer;  
             }   
             



/*########## START: Product Bots ##########*/

/* Base Classes */
.productBot {}
    .productBot .title {}
        .productBot .title .link {}
            .productBot .title .link:link {}
            .productBot .title .link:visited {}
            .productBot .title .link:hover {}
    .productBot .description {}
        .productBot .description.first {}
        .productBot .description.last {}
    .productBot .qtyLabel {}
    .productBot .id {}
    .productBot .idLabel {}
    .productBot .priceContainer {}
        .productBot .oldPrice {}
        .productBot .priceLabel {}
        .productBot .newPrice {}
    .productBot .qtyBox {}
    .productBot .numOfPagesLabel {}
    .productBot .numOfPages {} 
    .productBot .addToCartBtn {}
    .productBot .imgContainer {}
        .productBot .prodImg {}
        .productBot .imgCaption {}
    .productBot .moreInfoLink {}
        .productBot .moreInfoLink:link {}
        .productBot .moreInfoLink:visited {}
        .productBot .moreInfoLink:hover {}

/* typeA Variation */         
.productBot.typeA { position:relative; font-family:"Helvetica", Arial; overflow:hidden; border-bottom:1px solid #0181ca; margin-bottom:15px; padding-bottom:15px; }
    .productBot.typeA .title { position:absolute; }
    .productBot.typeA .description { font-size:14px; margin-bottom:10px; }
        .productBot.typeA .description.first { margin-top:78px; }
        .productBot.typeA .description.last {}
    .productBot.typeA .id { color:#000080; font-size:12px; position:absolute; top:55px; left:65px; }
    .productBot.typeA .idLabel { color:#000080; font-size:12px; font-weight:bold; position:absolute; top:55px; }
    .productBot.typeA .priceContainer { position:absolute; top:70px; border-bottom:1px dotted #676767; width:400px; }
        .productBot.typeA .oldPrice { font-size:15px; color:#000080; font-weight:bold; text-decoration:line-through; }
        .productBot.typeA .priceLabel { font-size:15px; color:#000080; font-weight:bold; }
        .productBot.typeA .newPrice { font-size:15px; color:#000080; font-weight:bold; }
    .productBot.typeA .addToCartContainer { position:relative; width: 400px; border-top:1px dotted #676767; padding-top:5px; }
        .productBot.typeA .qtyBox { border:1px solid #000080; width:40px; }
        .productBot.typeA .qtyLabel { font-size:15px; color:#000080; font-weight:bold; }
        .productBot.typeA .addToCartBtn { position:absolute; left:120px; top:7px; }
    .productBot.typeA .numOfPagesLabel { font-weight:bold; font-size:14px; font-size:14px; }
    .productBot.typeA .numOfPages { font-weight:bold; font-size:14px; font-size:14px; }   
    .productBot .imgContainer { float:right; width:208px; }
        .productBot.typeA .prodImg {  }
        .productBot.typeA .imgCaption { color:#434343; font-size:12px; display:block; text-align:center; }
    .productBot.typeA .moreInfoLink {}
        .productBot.typeA .moreInfoLink:link {}
        .productBot.typeA .moreInfoLink:visited {}
        .productBot.typeA .moreInfoLink:hover {}     


/*########## START: lists ##########*/

/* Base Classes */
.featureList { padding:0;}
    .featureList .item { font-size:13px; }
    .featureList .highlighted {}
    .featureList .link {}
        .featureList .link:link {}
        .featureList .link:visited {}
        .featureList .link:hover {}


/* list-> Click N KIds Variation */      
.featureList.clickNKids {}
    .featureList .item { list-style-image: url(/images/components/bullet2.gif); }
    .featureList .highlighted { color:#0181ca; font-weight:bold; }    


/*########## START: Titles ##########*/

/* Base Classes */
.pageTitle { color:#F86300; font-family:Helvetica, Arial; font-size:24px; margin:0 0 15px 0; padding:0 0 3px 0; color:#F86300; border-bottom:1px solid #F86300; }
    .pageTitle .link { text-decoration:none; }
        .pageTitle .link:link { color:#F86300; }
        .pageTitle .link:visited  {color:#F86300; }
        .pageTitle .link:hover { color:#0181ca;  }

.pageSubTitle { font-size:14px; color: #0181CA;  } 


/*########## START: Various Design Elements ##########*/

.banner {}
.video {}

.banner.clickNKids { border:1px solid #0181ca; padding:15px 0; border-right:0; border-left:0; margin:15px 0; }

.video.clickNKids {}


/*########## START: Intro Sections ##########*/

.intro {}

.intro.clickNKids {}

/*########## START: Grid Layouts ##########*/
.twoColumn { overflow:hidden; }
    .column1 { float:left; }
    .column2 { float:left; } 

/* Layouts-> Click N Kids Variation*/    
.twoColumn.clickNKids { overflow:hidden; }
    .column1 { width:310px; margin-right:15px;  }
    .column2 { width:295px; }
    
#main_page_middle_row2 p {
	margin-top:10px;
}
