/*******************************************************************************/

/*
    Welcome to your CSS page. If you do not know how CSS works, we recomend
    that you do not make any changes to this page as it will affect the layout
    and look of your website.
*/

/*******************************************************************************/

/*******************************************************************************/
/*

            Site Colors 
            # 00aeef aqua
	 #66a9c3 sky blue
            #DB5C00 orange

*/
/*******************************************************************************/

/* Style for the CMS menu control structure - link and hover */

#CustomerServiceBox{
	width:180px;
	height:100%;
}

#CustomerServiceBox_Top{
	background-image:url('../images/ParksonSideCS_Top.jpg');
	background-repeat:no-repeat;
	width:180px;
	height:70px;
}

#CustomerServiceBox_Middle{
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
	width:178px;
}

#CustomerServiceBox_TipTop{
	background-image:url('../images/ParksonSideCS_TipTop.jpg');
	background-repeat:no-repeat;
	width:180px;
	height:10px;
}

#CustomerServiceBox_Bottom{
	background-image:url('../images/ParksonSideCS_Bottom.jpg');
	background-repeat:no-repeat;
	width:180px;
	height:10px;
}


.gecko #welcome{
	z-index:100;
	position:relative;
	top:-114px;
	left:300px;
	width:270px;
}

#welcome{
	z-index:100;
	position:relative;
	top:-115px;
	left:200px;
	width:270px;
}

#faq a{
color:#333;
text-decoration:none;
font-size:18pt;
}
#faq a:hover{
color:#333;
text-decoration:none;
}


#Account a{
	color:#666;
}

#Account a:hover{
	color:#222;
	text-decoration:none;

}

#Account li{
	background-color:#fff;
	width:250px;
}

#Account li:hover{
	background-color:#fcfcfc;
	text-decoration:none;

}


#SignInBox {

	background-color:#eee;
	border-top: solid 1px #C1C1C1;
	border-bottom: solid 1px #C1C1C1;
	border-left: solid 1px #C1C1C1;
	border-right: solid 1px #C1C1C1;
	padding-left:10px;
	padding-top:10px;
	margin-top:4px;
	
}

/* ACCORDION STUFF STARTS */
/*	
#AccordionContainer
{
	color:#00ADEF;
	background-color:#eee;
	text-align:left;
	border-top: solid 1px #C1C1C1;
	border-bottom: solid 1px #C1C1C1;
	border-left: solid 1px #C1C1C1;
	border-right: solid 1px #C1C1C1;
	padding-bottom: 5px;
}

.AccordionTitle a
{
	color:#ccc;
	cursor:pointer;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
	display:block;
	padding-top:5px;
	margin-bottom:5px;
	margin-left:5px;
}

.AccordionTitle a:hover
{
	color:#000;
}

#AccordionContainer a{
	margin: 5px;
	color:#555555;
	text-decoration:none;

}

#AccordionContainer a:hover{
	
	color:#888;
	text-decoration:none;

}

.AccordionContent
{
	display: none;
	padding-bottom: 10px;
}

.AccordionContent a
{
	padding-left: 15px;
	padding-top: 2px;
}

#AccordionContainer.Page179 a.Page179,
#AccordionContainer.Page160 a.Page160,
#AccordionContainer.Page161 a.Page161,
#AccordionContainer.Page163 a.Page163,
#AccordionContainer.Page251 a.Page251,
#AccordionContainer.Page165 a.Page165, 
#AccordionContainer.Page201 a.Page201, 
#AccordionContainer.Page222 a.Page222, 
#AccordionContainer.Page167 a.Page167, 
#AccordionContainer.Page169 a.Page169, 
#AccordionContainer.Page193 a.Page193, 
#AccordionContainer.Page192 a.Page192,
#AccordionContainer.Page172 a.Page172, 
#AccordionContainer.Page216 a.Page216, 
#AccordionContainer.Page192 a.Page192, 
#AccordionContainer.Page252 a.Page252,
#AccordionContainer.Page175 a.Page175,
#AccordionContainer.Page207 a.Page207, 
#AccordionContainer.Page206 a.Page206, 
#AccordionContainer.Page155 a.Page155,
#AccordionContainer.Page262 a.Page262,
#AccordionContainer.Page263 a.Page263,
#AccordionContainer.Page205 a.Page205,
#AccordionContainer.Page264 a.Page264,
#AccordionContainer.Page265 a.Page265,
#AccordionContainer.Page266 a.Page266,
#AccordionContainer.Page203 a.Page203,
#AccordionContainer.Page174 a.Page174,
#AccordionContainer.Category156 a.Category156, 
#AccordionContainer.Category165 a.Category165
{
	background: transparent url(../images/orange_bullet.gif) no-repeat left center;
}

#AccordionContainer.knowledge_content div#knowledge_content,
#AccordionContainer.after_content div#after_content,
#AccordionContainer.design_content div#design_content,
#AccordionContainer.about_content div#about_content
{
	display: block;
}
*/
/* ACCORDION STUFF ENDS */

#menu /* div tag that surounds the menu holder */
{
    /*width:100%;*/
    margin-bottom:10px;
    height:25px;
	float: right;    /*background:url(../../files/images/menu_bg.jpg) repeat-x bottom left;*/
	
}

#menu_holder /* div tag that holds the actual menu control  */
{
    width:930px;
    text-align:left;
}

#menu_special /* div tag that surounds the menu holder */
{
    width:100%;
    margin-bottom:0px;
    height:20px;
    /*background:url(../../files/images/menu_bg.jpg) repeat-x bottom left;*/
}

#menu_holder_special /* div tag that holds the actual menu control  */
{
    width:930px;
    text-align:left;
    color: #000;
}

.Menu /* style the TABLE of the menu control  */
{
    float: left;
	color:#fff;
}

.ff2 .Menu
{
}

.ff3 .Menu
{
}

.gecko .Menu
{
}

.opera .Menu
{
}

/*

{
    font-size: 12px;
    font-weight: bold;
	color: #FFF;
    text-align:left;
    height: 25px;
    padding-left:5px;
    padding-right:5px;
}

.MenuRoot a 
{
    background:none;
    color: #FFF;
}

.MenuRoot a:hover 
{
    color:#fff;
    text-decoration:none;
}

*/





/*TABS*/
.MenuRoot2
{
    font-size: 13px;
	color: #ccc;
    text-align:left;
    height: 23px;
    padding-left:4px;
    padding-right:2px;
	padding-bottom:6px;
	padding-top:0px;
	background:transparent url(../../files/images/left_tab.png) no-repeat left top;	
}
.MenuRoot2:hover
{

	background:transparent url(../../files/images/left_tab_hover.png) no-repeat left top;	
}

.MenuRoot2 a 
{
    color: #fff;
	border-right:1px solid #fff;
	background:transparent url(../../files/images/right_tab.png) no-repeat right top;
	height:23px;
	padding-left:0px;
    padding-right:5px;
	padding-top:0px;
	padding-bottom:7px;
}
.MenuRoot2 a:hover
{
    color:#fff;
    text-decoration:none;
	background:transparent url(../../files/images/right_tab_hover.png) no-repeat right top;
}




.gecko .MenuRoot2 
{
    font-size: 13px;
	color: #ccc;
    text-align:left;
    height: 23px;
    padding-left:4px;
    padding-right:1px;
	padding-top:2px;
	padding-bottom:1px;
	background:transparent url(../../files/images/left_tab.png) no-repeat left top;	
}

.gecko .MenuRoot2:hover
{

	background:transparent url(../../files/images/left_tab_hover.png) no-repeat left top;	
}

.gecko .MenuRoot2 a 
{
    color: #fff;
	background:transparent url(../../files/images/right_tab.png) no-repeat right top;
	height:23px;
	padding-left:0px;
    padding-right:5px;
	padding-top:4px;
	padding-bottom:7px;
}

.gecko .MenuRoot2 a:hover 
{
    color:#fff;
    text-decoration:none;
	background:transparent url(../../files/images/right_tab_hover.png) no-repeat right top;
}



.safari .MenuRoot2 
{
    font-size: 13px;
	color: #ccc;
    text-align:left;
    height: 23px;
    padding-left:4px;
    padding-right:2px;
	padding-bottom:6px;
	padding-top:1px;
	background:transparent url(../../files/images/left_tab.png) no-repeat left top;	
}
.safari .MenuRoot2:hover 
{

	background:transparent url(../../files/images/left_tab_hover.png) no-repeat left top;	
}

.safari .MenuRoot2 a
{
    color: #FFF;
	border-right:1px solid #fff;
	background:transparent url(../../files/images/right_tab.png) no-repeat right top;
	height:23px;
	padding-left:0px;
    padding-right:5px;
	padding-top:1px;
	padding-bottom:7px;
}
.safari .MenuRoot2 a:hover 
{
    color:#fff;
    text-decoration:none;
	background:transparent url(../../files/images/right_tab_hover.png) no-repeat right top;
}





.Blah{
	background-color:#ff0000;
}



/*.MenuRoot2
{
    font-size: 13px;
	color: #ccc;
    text-align:left;
    height: 23px;
    padding-left:4px;
    padding-right:2px;
	padding-bottom:6px;
	padding-top:2px;
	border-right: 1px solid #0481BB;
}


.MenuRoot2 a 
{
    color: #fff;
	border-right:1px solid #fff;
	height:23px;
	padding-left:0px;
    padding-right:5px;
	padding-top:2px;
	padding-bottom:7px;
}
.MenuRoot2 a:hover
{
    color:#fff;
    text-decoration:none;
}




.gecko .MenuRoot2 
{
    font-size: 13px;
	color: #ccc;
    text-align:left;
    height: 23px;
    padding-left:4px;
    padding-right:1px;
	padding-top:0px;
	padding-bottom:0px;
	border-right: 1px solid #0481BB;
}


.gecko .MenuRoot2 a 
{
    color: #fff;
	height:23px;
	padding-left:5px;
    padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;

}

.gecko .MenuRoot2 a:hover 
{
    color:#fff;
    text-decoration:none;
}



.safari .MenuRoot2 
{
    font-size: 13px;
	color: #ccc;
    text-align:left;
    height: 23px;
    padding-left:4px;
    padding-right:2px;
	padding-bottom:6px;	
}

.safari .MenuRoot2 a
{
    color: #FFF;
	border-right:1px solid #fff;
	height:23px;
	padding-left:0px;
    padding-right:5px;
	padding-top:1px;
	padding-bottom:7px;
}
.safari .MenuRoot2 a:hover 
{
    color:#fff;
    text-decoration:none;
}
*/









/*TABS*/
.MenuSub 
{
    font-size: 12px;
    text-align: left;
    height: 25px;
	border-right:solid 1px #00aeef;
	border-left:0px solid #046c9e;
    background:#0481BB;
	padding-right:8px;

}

.MenuSub a
{
    background:none;
    color:#eee;
	text-decoration:none;
	padding-right:10px;
	padding-left:10px;


}

.MenuSub a:hover
{
    color:#fff;
	text-decoration:none;


	
}

.MenuSub:hover
{
	background:#0477AD;
	border-left:#O383BC;
}

/*******************************************************************************/
/* Style for the Catalogue menu control structure - link and hover */

#cat_menu /* div tag that holds the actual menu control  */
{
    width:150px;
    padding:10px 0px 10px 0px;
    text-align:left;
    border:solid 1px #D8D3C7;
    margin-top:0px;
    /*background:url(../../files/images/side_bg.jpg) repeat-x top left;*/
}

.CatMenu /* style the table of the catagory menu   */
{
    text-align:left;
    padding-left:10px;
    /*width:150px;*/
	margin-top: -4px;
	float: left;
}

.safari .CatMenu /* style the table of the catagory menu   */
{
    margin-top:-4px;
    text-align:left;
    padding-left:30px;
    width:180px;
}

.gecko .CatMenu /* style the table of the catagory menu   */
{
    margin-top:-4px;
    text-align:left;
    padding-left:30px;
    width:180px;
}

.CatMenuRoot /* style the individual menu items of the catagory menu   */
{
    font-size:13px;
    width:150px;
    /*border-bottom:solid 1px #bbb;*/
    padding:8px;
}

.CatMenuRoot a /* style the individual link items of the catagory menu   */
{
    font-size:13px;
    font-weight:bold;
    font-family:Arial, Helvetica, Sans-Serif;
    color:#fff;
}

.CatMenuRoot a:hover /* style the hover element of the link items of the catagory menu   */
{
    color:#fff;
	text-decoration: none;
}

.CatMenuSub
{
    font-size:12px;
    font-weight:bold;
    font-family:Arial, Helvetica, Sans-Serif;
    padding:8px;
    border:solid 1px #aaa;
    border-bottom:solid 1px #bbb;
    background:#eee;
}

.CatMenuSub a
{
    color:#00ADEF;
}
.CatMenuSub a:hover
{
    color:#00ADEF;
}
.CatMenuSubPop
{
    font-size:12px;
    font-weight:bold;
    font-family:Arial, Helvetica, Sans-Serif;
    padding:8px;
    border:solid 1px #aaa;
    border-bottom:solid 1px #bbb;
    background:#eee;
}
.CatMenuSubPop a
{
    color:#00ADEF;
}

.CatMenuSubPop a:hover
{
    color:#00ADEF
}

.CatMenuSubPop2
{
    font-size:12px;
    font-weight:bold;
    font-family:Arial, Helvetica, Sans-Serif;
    padding:8px;
    border:solid 1px #aaa;
    border-bottom:solid 1px #bbb;
    background:#eee;
}
.CatMenuSubPop2 a
{
    color:#00ADEF;
}

.CatMenuSubPop2 a:hover
{
    color:#00ADEF
}

a.contactUs {
	color: #555;
	font-size: 10pt;
	text-decoration: none;
}

a.contactUs:hover {
	color: #888;
	text-decoration: none;
}

/*******************************************************************************/
/* Style for the Catalogue Images 
-----:note to contracted designer:
-----:Do not style this section:
-----:Unified Marketplace Styling Only:
********************************************************************************/

.ItemImage
{
    padding-right:20px;
    float:left;
    width:115px;
}
.ThumbImage
{
    width:150px;
    padding:0px;
}
.ThumbImageh
{
    height:100px;
    padding-right:25px;
}
.FeatImage
{
    width:120px;
}
.Image
{
    width:200px;
    padding:10px;
	filter: alpha(opacity = 100);
}

.CustItemImage
{
	width:720px;
}

.ItemWrap
{
    float: left;
    padding-right: 40px;
}

.DataList td
{
     
    vertical-align:top;
    text-align:left;
    padding-right:10px       
}



/*-----END DESIGNER NOTE-----*/

/*******************************************************************************/
/* Style for the text */

h1
{
    font-size:16px;
    font-weight:bold;
    font-family:Arial, Helvetica, Sans-Serif;
}

h2
{
    font-size:14px;
    font-weight:bold;
    font-family:Arial, Helvetica, Sans-Serif;
}

h3
{
    font-size:12px;
    font-weight:bold;
    font-family:Arial, Helvetica, Sans-Serif;
    padding-left:0px;
}

h4
{
    font-size:12px;
    font-weight:bold;
    font-family:Arial, Helvetica, Sans-Serif;
    background-color:#E5EAFF;
    padding:5px;
    border-top:solid 1px #BABFD4;
    border-bottom:solid 1px #BABFD4;
}

.content
{
    text-align:left;
}

.Name
{
    font:12px Arial, Helvetica;
}
.FeatName
{
    font:bold 14px/1.3em Arial, Helvetica;
    color:#990000;
}

.Link
{
    font:10px Arial, Helvetica;
    color:#555555;
}

.SubRepeater
{
}

.ShortDesc
{
    font-size:12px;
}

.LongDesc
{
    font:12px/1.3em Arial, Helvetica;
    clear:both;
    display:block;
    margin-top:15px
}

.FootMenu
{
	text-align:center
}

.FootMenuRoot
{
    font:12px/1.3em Arial, Helvetica;
    padding-left:10px;
    padding-right:10px;
}

.FootMenuSub
{
    font:12px/1.3em Arial, Helvetica;
}

.MailList
{
    padding-left:10px;
}

.MailButton
{
}





/*******************************************************************************/
/* Style for the Layout */

.Width
{
    width:80%;
    padding-left:100px;
}

body 
{
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    background-color:#ffffff;
    padding:0px;
    margin:0px auto;
    text-align:center;
    font-size:12px;
}
a {
    color: #66a9c3;
	text-decoration:underline;
}

a:hover {
    color: #555;
	text-decoration:underline;
}

.copy 
{

	font-size: 11px;
	color: #333;
	padding-top:10px;

}

.clear 
{
    clear: both;
}

.HeaderRow
{
    background:url(../../files/images/menu_bg.jpg) repeat-x bottom left;
    color:#FFF
}

.Row1
{
}

.Row2
{
}



/*******************************************************************************/

/*
    Div Containers for the Body Layout

*/

/*******************************************************************************/

#main_bg
{
    width:100%;
}

#logo
{
    width:1000px;
    height:91px;
    float:left;
    background-image:url(../../files/images/img_logo.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    margin-top:6px;
}

#search
{
    width:280px;
    float:right;
    text-align:right;
    font-family:Arial, Helvetica, Sans-Serif;
}

#search_special
{
    width:270px;
    float:right;
    text-align:right;
    padding-right: 10px;
    font-family:Arial, Helvetica, Sans-Serif;
}

#header
{
    width:1000px;
    height:250px;
    background:url(../../files/images/header_auto.jpg) no-repeat top center;
}

#top_menu
{
    width:100%;
    background:url(../../files/images/menu_bg.jpg) repeat-x bottom left;
}

#lcol
{
    float:left;
    width:180px;
	clear: left;
}


#side_menu
{
    width:180px;
    padding:10px 0px 10px 0px;
    text-align:left;
    margin-top:20px;
}

#side_box1
{
    width:180px;
    padding:0px 0px 0px 0px;
    text-align:left;
    margin-top:0px;
    margin-left:10px;
    color:#fff;
}
    
#rcol
{
    float:left;
    width:700px;
    text-align:left;
    padding-left:7px;
    padding-top:0px;
   
    margin:10px 0 10px 10px;
	/*position:relative;
	top:-300px;*/
}

#DefaultPage
{
    float:left; 
    padding-right:15px;
}

#FeatItemText
{
    padding-left:5px;
    border:solid 1px #371822;
    width:120px;
    float:right;
}

#FeatItems
{
    width:150px;
    height:150px;
    text-align:center;
    overflow:hidden;
    border:solid 1px #371822;
}

#FeatItemsLinkBox
{
    background:#371822;
    text-align:center;
    padding:5px;
    margin-bottom:10px;
}

#FeatItemsLinkBox a
{
    color:#fff;
    text-decoration:none;
}

#bottom
{
}

#footer
{
    padding: 0px;
    height:100px;
    margin-left:auto;
	margin-right:auto;
	width: 930px;
	background-color:#eee;
	border-top:5px solid #046797;
	overflow:hidden;

}

.safari #footer
{
    padding: 0px;
    height:100px;
    margin-left:auto;
	margin-right:auto;
	width: 930px;
	clear:both;
	background:#eee;
	border-top:5px solid #046797;
}

.gecko #footer
{
    padding: 0px;
    height:100px;
    margin-left:auto;
	margin-right:auto;
	width: 930px;
	background-color:#eee;
	border-top:5px solid #046797;
	overflow:hidden;

}

#footer a 
{
	font-size:12px;
	padding:5px;
	padding-top:3px;
	padding-bottom:3px;
	color:#046797;

}

#footer a:hover 
{
	font-size:12px;
	color:#0482bc;
}

#footer_bottom
{
	position:relative;
	top:10px;
	height:60px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	width:930px;
	background-color:#e0e0e0;
	border-top:2px solid #bbb;
	overflow:hidden;
}


.gecko #footer_bottom
{
	height:60px;
	padding-top:5px;
	margin-left:auto;
	margin-right:auto;
	width:930px;
	background-color:#e0e0e0;
	border-top:2px solid #bbb;
	overflow:hidden;
}

#RepLogin
{
	position:relative;
	float:right;
	padding-top:10px;
}

#SubCat
{
    width:150px;
    height:150px;
    text-align:center;
    overflow:hidden;
    border:solid 1px #371822;
}

#SubCatLinkBox
{
    background:#371822;
    text-align:center;
    padding:5px;
    margin-bottom:10px;
}

#SubCatLinkBox a
{
    color:#fff;
    text-decoration:none;
}

#CatDetail
{
    float:left;
    width:700px;
}

#CatFeatured
{
    float:right;
    padding-left:20px;
}

#ItemDetail 
{
    width:150px;
	height:75px;
    text-align:center;
    overflow:hidden;
    border:solid 1px #371822;
	display:none;
}

#ItemDetailLinkBox
{
    padding:5px;
    margin-bottom:10px;
}

#SKUImageHolder
{
    float:left;
    padding-right:15px;
    margin-right:15px;
    border-right:solid 1px #CDC8CF;
    text-align:center;
}

#SKUDetail 
{
   float:left; 
    width:375px;
}

#bar
{
    height:15px;
    background:url(../../files/images/bar_bg.jpg) repeat-x top;
    margin-top:10px;
}

#barleft
{
    height:15px;
    width:15px;
    background:url(../../files/images/bar_corner_lft.jpg) no-repeat top left;
    float:left;
}

#barright
{
    height:15px;
    width:15px;
    background:url(../../files/images/bar_corner_rt.jpg) no-repeat top right;
    float:right;
}

#box
{
    padding:10px;
    border:solid 1px #D9D9D9;
    border-top:none;
}

#AddCartBox
{
    padding-top:12px;
    width:300px;
    height:50px;
    /*
    text-align:center;
    background:url(../../files/images/addcartboxbg.jpg) no-repeat top left;
    */
}


/*
    Items In Category
    -----------------
    The items in category control located on the right side of Default.aspx.
    This control generates an html <table> with a new <tr> and <td> created
    for each item.
*/
.ItemsInCategory
{
    margin-bottom: 15px;
}



/*
    Misc.
    -----
*/
.ViewAdditionalImages 
{
    font-size:11px
}

.VirtualImageLabel
{
	cursor:pointer;
	font-size:14px;
	color: #484848;
	text-decoration: underline;
	font-weight:bold;
}

.ProcessingOrder /* DO NOT EDIT! */
{
    background: url(../../files/images/ball.gif) right no-repeat #FFF;
    border: none;
    font-weight: bold;
    cursor: wait;
}

.Cursor 
{
    cursor:pointer
}




/*      Main HTM Styles  */

#main_wrapper
{
    width:100%;
    text-align:center;
    margin:0 auto;
}

#main_wrapper_inner
{
    width:930px;
	margin-left: auto;
	margin-right: auto;
}

#main_header
{
    width:930px;
    height:130px;
    background:#fff;
}

#main_logo
{
   background:url(../../files/images/ParksonWaveHeader.jpg) no-repeat;
    width:650px;
    height:130px;
	margin-left:-4px;
    float:left;
}

#new_main_logo
{

    width:870px;
    height:130px;
	margin-left:-5px;
    float:left;
}

.gecko #main_search{

    position:absolute;
	left:65%;
    
}

#main_search{

    position:absolute;
	left:0%;
	margin-right:180px;
    margin-top:30px;
}

#main_menu
{
	padding-top:0px;
    width:929px;
    height:23px;
    border-bottom:5px solid #0481BB;
	border-left:1px #ccc solid;
    color:#fff;
    text-align:left;
    padding-left:0px;
	background:#eee url(../../files/images/menu_corner_grey.png) no-repeat right top;;
	/*background:transparent url(../../files/images/menu_bg_blue3.png) no-repeat right top;*/
	/*background:#046897 url(../../files/images/menu_bg_blue.png) repeat-x;*/
}

.safari #menu_special {

	margin-top:10px;	
	
}

#main_flash
{
    width:930px;                     
    height:300px;
    /*background:url(../../files/images/flash_placeholder.jpg) no-repeat;*/
}

#news_outer
{
width: 930px;
height: 20px;
float: left;
position: relative;
background: url(../images/news_bg.jpg) repeat-x;
}
#news
{
width: 930px;
height: 20px;
color: #FFFFFF;
text-align: left;
font-size: 10px;
float:left;
position: relative;
padding-top: 2px;
}

#news a
{
color: #ffffff;
font-weight: bold;
text-decoration: none;
font-size: 11px;
padding-left: 5px;
}

#news a:hover
{
color:#00ffff;
font-weight:bold;
text-decoration:underline;
font-size: 11px;
}

#tab_outer_container
{
    width:890px;
    padding:20px;
	background-image: url(../../files/images/tab_menu_outer_bg.jpg); 
	background-repeat: repeat-x;
	position: relative;
	top: 0px; 
}

.gecko #tab_outer_container
{
    width:890px;
    padding:20px;
	background-image: url(../../files/images/tab_menu_outer_bg.jpg); 
	background-repeat: repeat-x;
	position: relative;
	top: 0px; 
}

.opera #tab_outer_container
{
    width:890px;
    padding:20px;
	background-image: url(../../files/images/tab_menu_outer_bg.jpg); 
	background-repeat: repeat-x;
	position: relative;
	top:0px; 
}

.safari #tab_outer_container
{
    width:890px;
    padding:20px;
	background-image: url(../../files/images/tab_menu_outer_bg.jpg); 
	background-repeat: repeat-x;
	position: relative;
	top: 0px; 
}














/*******************************************/
/*  



            OLD CSS  Stop Here ! ! !



*/
/*******************************************/


/*******************************************/
/*  EDIT BELOW BY PERNISSION ONLY!!!!!!!!  */
/*******************************************/


/*****************************************/
/*                                       */
/*              Controls CSS             */
/*                                       */
/*****************************************/

/*
    "SKU" controls
    --------------
    The following class names are used to style the "SKU" controls.
    Note: some parts of the SKU, for example, the SKU name, may by styled
    using headers (h1, h2, h3, etc). 
*/

.OutOfStock
{
    font-weight: bold;
    color: Red;
}
.SKUName
{
    font:bold 16px/1.3em Arial, Helvetica;
    color:#371822;
}
.SKUNumber
{
    color:#999;
}
.SKUPricing
{
    font: bold 12px/1.3em Arial, Helvetica;
    color:#555555;
    margin-left:-2px;
}

.AvailableOptions 
{
    font: bold 14px/1.3em Arial, Helvetica;
    color:#4464D9;
    margin-top:25px;
}

.Quantity
{
    font:bold 16px Arial, Helvetica;
    color:#4464D9;
}

.SKUOptions 
{
}
.SKUQuantityOnHand
{
}
.SKUQtyAndAddToCart 
{
}
.SKUInventoryExceeded
{
}
/****************************************************************************/




/*
    "Item" Controls
    ---------------
    The following are class names used to style the "item" controls.
    Note: some parts of the item, for example, the item name, may by styled
    using headers (h1, h2, h3, etc).    
*/

.ItemNumber
{
    font-size: 11px;
}

.ItemShortDescription
{
    font-size: 12px;
    font-weight:bold
}

.ItemLongDescription
{
    font-family:Arial, helvetica;
    font-size:12px;
}
 
.ItemPageUpsellRepeater /* "Alternate recommendations" */
{
    float: left;
    padding-right: 40px;
}

.ItemPageCrossSell /* "You may also be interested in" */
{
    float: left;
    padding-right: 40px;
}

/********************************************************/


/*
    "Category" controls
    --------------
    The following class names are used to style the "Category" controls.
    Note: some parts of the Category, for example, the Category name, may by styled
    using headers (h1, h2, h3, etc). 
*/
.CategoryFeaturedItems
{
    width: 130px;
    float:right;
    text-align:center;
    padding-left:10px;
}
/***********************************************************************/






/*
    Items In Category (With Image)
    -----------------
    The items in category control located on the right side of Default.aspx.
    This control generates an html <table> with a new <tr> and <td> created
    for each item.
*/
.ItemCatImageRepw
{
    text-align:center;
    border:1px solid #ccc;
}


.ItemInCategoryWithImageRepeater
{
    float:left;
    text-align:center;
    padding:15px;
    border:1px solid #ccc;
    margin: 0 10px 15px 0
}
/***************************************************************************/
table.item-list
{
/*	display: none;  */
}

table.item-list td.bubbleInfo
{
	padding: 5px;
}

table.item-list input
{
	border: 1px solid #ccc;
	margin-left: 5px;
	vertical-align: top;

}

table.item-list span.SKUNumber
{
	display: inline-block;
	width: 50px;
	text-align: right;
	margin-right: 5px;
	padding-top: 2px;
	vertical-align: top;

}

span.SKUItemNameSpan
{
	display: inline-block;
	padding-top: 2px;
	width: 300px;
	vertical-align: top;
}

a.expander
{
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;

}

a.collapsed
{
	background: #fff url(/files/images/expander.gif) no-repeat left top;
}

a.expanded
{
	background: #fff url(/files/images/expander.gif) no-repeat left bottom;
}

.bigBubbleInfo a.trigger
{
	font-size: 14px;
	font-weight: bold;
	color: #cb0ef;
	text-decoration: none;
}

.bigBubbleInfo a.expander:hover
{
	text-decoration: none;
}

/*
	Image Popup style
	-----------------
	styles for the image popups in the product listings
*/

.bubbleInfo,
.bigBubbleInfo
{
	position: relative;
	height: 25px;
	display: block;
}

.bubbleInfo a.popup-anchor,
.bigBubbleInfo a.popup-anchor,
.bubbleInfo img.popup-img,
.bigBubbleInfo img.popup-img
{
	border: 0;
}{
	border: 0;
}


.bigBubbleImage
{
	width: 700px;
	background: #fff;
}

.bubbleInfo  .popup {
	position: absolute;
	z-index: 25;
	display: none;
}

.bigBubbleInfo .popup
{
	position: absolute;
	z-index: 100;
	display: none;
}

.bigBubbleInfo .trigger {
	padding: 5px 30px 5px 0;
	background: transparent url(/files/images/image_link.gif) no-repeat right center;
}

.trigger {
	float:left;
	padding: 5px 30px 5px 0;
	background: transparent url(/files/images/image_link.gif) no-repeat center;
	background-position: 100% 10%;
}

.bigBubbleInfo .popup table,
.bigBubbleInfo .popup tr,
.bigBubbleInfo .popup td
{
	z-index: 100;
}

.popup tr.poptop td.popleft
{
	width: 18px;
	height: 12px;
	background: transparent url(/files/images/popup_top_b.png) no-repeat left top;
}

.popup tr.poptop td.popmid
{
	height: 12px;
	background: transparent url(/files/images/popup_top_b.png) no-repeat center top;
}

.popup tr.poptop td.popright
{
	width: 10px;
	height: 12px;
	background: transparent url(/files/images/popup_top_b.png) no-repeat right top;
}

.popup tr.popmid td.popleft
{
	width: 18px;
	height: 24px;
	background: transparent url(/files/images/popup_mid-trans.png) repeat-y left top;
}

.popup tr.popmid td.popmid
{
	height: 24px;
	background: #fff url(/files/images/popup_mid-trans.png) repeat-y center top; 
}

.popup tr.popmid td.popright
{
	width: 10px;
	height: 24px;
	background: transparent url(/files/images/popup_mid-trans.png) repeat-y right top;
}

.popup tr.popbot td.popleft
{
	width: 18px;
	height: 23px;
	background: transparent url(/files/images/popup_bot-trans.png) no-repeat left bottom;
}

.popup tr.popbot td.popmid
{
	height: 23px;
	background: transparent url(/files/images/popup_bot-trans.png) no-repeat center bottom;
}

.popup tr.popbot td.popright
{
	width: 10px;
	height: 23px;
	background: transparent url(/files/images/popup_bot-trans.png) no-repeat right bottom;
}

.ie .popup 
{
	background: #000;
	filter: alpha(opacity = 100);
}

.ie .popup tr.popbot td.popright,
.ie .popup tr.popbot td.popmid,
.ie .popup tr.popbot td.popleft
{
	background-image: url(/files/images/popup_bot.gif);
}


.ie .popup tr.popmid td.popright,
.ie .popup tr.popmid td.popleft
{
	background-image: url(/files/images/popup_mid.gif);
}

.ie .popup tr.poptop td.popright,
.ie .popup tr.poptop td.popmid,
.ie .popup tr.poptop td.popleft {
	background-image: url(/files/images/popup_top_b.gif);
}

/*
	zebra striping
*/

/*
    Mailing List
    -----------------
    The mailing list control is located on Default.aspx
*/
.MailingListControl
{
    padding-left:10px;
}
/***************************************************************************/


/*
    Footer Menu Control
    ---------------------
    The footer menu control is located in the footer of every page.
    It contains links to pages such as privacy policy and return policy.
    there are three main elements of this control that need to be styled:
        1) The entire control = .FooterMenuControl (this class is wrapped around the entire control)     
        2) The root pages = .FooterMenuControlRootLevel
        3) The sub pages (appear when hovering over root pages) = .FooterMenuControlSubLevel 
    The entire menu, when outputed on the page, is created by an html <table>.
    Each category creates a new <tr> and <td>.
    More information on how to use CSS with the Menu Control and be found here:
    http://msdn2.microsoft.com/en-us/library/ms366731.aspx
*/
.FooterMenuControl 
{
    float: left;
}

.FooterMenuControlRootLevel 
{
    padding-right:10px;
    font-size: 0.8em;
}

.FooterMenuControlSubLevel
{
}
/*
.FooterMenuControl li
{
    display:inline;
    padding-right:15px     
}

.FooterMenuControl a
{
    text-decoration:none;
    font-size:11px
}
*/
/*******************************************************************************/













