/*
    Document   : newCascadeStyleSheet
    Created on : 2009/12/24, 10:58:55
    Author     : User
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/* global */
#Masthead {width:980px;margin:0 auto;}
#Masthead #global{
	float:right;
	width:100%;
	margin:0 0px;
}

#Masthead #global #cart-and-login{
	float:right;
	width:237px;
	background:transparent url(../../../img/ui/site_skin/default/temp/backgrounds/navigation/ns-amwrap-bg.gif) repeat-x 0 0;
}

#Masthead #global #cart-and-login #am-login{
	float:right;
	width:109px;
	padding:5px 10px 9px 0;
	position:relative;
	background:transparent url(../../../img/ui/site_skin/default/temp/backgrounds/navigation/ns-amlogin-bg.gif) no-repeat right top;
}

#Masthead #global #cart-and-login #cart{
	float:right;
	width:75px;
	margin:0 15px 0 0;
	padding:6px 0 9px 28px;
	text-align:left;
	font-size:12px;
	color:#FFF;
}

#Masthead #global #cart-and-login #cart.full{
	background:transparent url(../../../img/ui/site_skin/default/temp/backgrounds/navigation/ns-cart-bg.gif) no-repeat 0 0;
}

#Masthead #global .cs{
	float:right;
	margin:0 15px 0 0;
	padding:6px 0;
	font-size:12px;
	color:#666;
}

#Masthead #global .cs a{color:#666;}

#Masthead #global .cs a:hover,
#Masthead #global .cs a:active{color:#B3CE63;}

#Masthead #global .cs span{
	margin-right:10px;
	padding-right:6px;
	/*color:#666;*/
	font-weight:bold;
	border-right:1px solid #777;
}
#Masthead #global .cs a.email,
#Masthead #global .cs span.phone{color:#258FB8;}



/* branding */
#Masthead #branding{
	float:left;
	/*width:940px;*/
	width:100%;
	margin:0 0px 0px;
	position:relative;
	z-index:9999;
}

#Masthead #branding #tabs{
	float:left;
	/*width:758px;*/
	margin:0 7px 0 0;
	list-style-type:none;
	/*background-color:#00FF99;*/
}
#Masthead #branding #tabs li{
	float:left;
	height:35px;
	margin:13px 3px 0 0;
}
#Masthead #branding #tabs li#home{height:61px;width:208px;margin-top:-13px;}
.ie6 #Masthead #branding #tabs li#home{position:relative;}
#Masthead #branding #tabs li#menu0{width:170px;}
#Masthead #branding #tabs li#menu1{width:170px;}
#Masthead #branding #tabs li#menu2{width:170px;}
#Masthead #branding #tabs li#menu3{width:170px;margin-right:0;}
#Masthead #branding #tabs li a{float:left;height:35px;text-indent:-9999px;outline:none;}
#Masthead #branding #tabs li#home a{
	height:61px;
	width:208px;
	background-color:transparent;
	background-image:url(../../../img/ui/site_skin/default/navigation/tab-home.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
#Masthead #branding #tabs li#home a:hover{background-position:0 -61px;}
#Masthead #branding #tabs li#home.active a{background-position:0 -122px;}

#Masthead #branding #tabs li#menu0 a,
#Masthead #branding #tabs li#menu1 a,
#Masthead #branding #tabs li#menu2 a,
#Masthead #branding #tabs li#menu3 a{
    background-color:transparent;
    background-image:url(../../../img/ui/site_skin/default/navigation/tab-secondary.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
#Masthead #branding #tabs li#menu0 a{width:170px;background-position:0 0;}
#Masthead #branding #tabs li#menu1 a{width:170px;background-position:-170px 0;}
#Masthead #branding #tabs li#menu2 a{width:170px;background-position:-340px 0;}
#Masthead #branding #tabs li#menu3 a{width:170px;background-position:-510px 0;}

#Masthead #branding #tabs li#menu0 a:hover{background-position:0 -35px;}
#Masthead #branding #tabs li#menu0.active a{background-position:0 -70px;}

#Masthead #branding #tabs li#menu1 a:hover{background-position:-170px -35px;}
#Masthead #branding #tabs li#menu1.active a{background-position:-170px -70px;}

#Masthead #branding #tabs li#menu2 a:hover{background-position:-340px -35px;}
#Masthead #branding #tabs li#menu2.active a{background-position:-340px -70px;}

#Masthead #branding #tabs li#menu3 a:hover{background-position:-510px -35px;}
#Masthead #branding #tabs li#menu3.active a{background-position:-510px -70px;}


/* branding sitesearch */
#Masthead #branding #sitesearch{
	float:left;
	width:auto;
	height:auto;
	margin:16px 0 0;
	padding:0;
	background:none;
}
#Masthead #branding #sitesearch form{float:left;background:none;}
#Masthead #branding #sitesearch form input{float:left;}
#Masthead #branding #sitesearch form input.form-single{
	height:25px;
	width:139px;
	margin:0 3px 0 0;
	padding:6px 0 0 5px;
	font-size:12px;
	color:#777;
	border:none;
	background:transparent url(../../../img/ui/site_skin/default/navigation/tabbed-site-search-bg.gif) no-repeat 0 0;
}