/* bring main closer to sidebar */
.yui-t6 #yui-main .yui-b {
margin-right:21em;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

/* get rid of border when image inside a */
a img {
   border: 0;
}

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

a {
   color: #4E2B90;
   text-decoration: none;
}

/***** HEADER ******/

/* LOGO */
#logo {  
 margin: 10px 0px 15px 0px;
}

h1 span {  
 display: block;  
 position: relative;  
 z-index: 1;  
}
/* END LOGO */

/* MENU */

ul, li {
    margin: 0;
    padding: 0;
}

#blob {
    background: #4C3295;
    border-right: 1px solid #0059ec;
    border-left: 1px solid #0059ec;
    position: absolute;
    z-index: 1;
    top: 0;
    background: -moz-linear-gradient(top, #4C3295, #6C57A6);
    background: -webkit-gradient(linear, left top, left bottom, from(#4C3295), to(#6C57A6));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 2px 3px 10px #011331;
    -webkit-box-shadow: 2px 3px 10px #011331;
}

#nav {
    position: relative;
    background: #292929;
    float: left;
    margin-bottom: 20px;
}

#nav li {
    float: left;
    list-style: none;
    border-right: 1px solid #4a4a4a;
    border-left: 1px solid black;
}

#nav li a {
    color: #e3e3e3;
    z-index: 2;
    position: relative;
    cursor: pointer;
    float: left;
    font-size: 20px;
    font-family: helvetica, arial, sans-serif;
    text-decoration: none;
    padding: 10px 22px;
    width: 100%;

}

/* END MENU */

/***** BODY ******/


/* body section header */
h2.underlined {
   border-bottom: 1px solid #CECECE;
   padding-bottom: 10px;
   clear: both;
   font-size: 22px;
   margin-bottom: 15px;
   color: #4C3295;
}

#right_sidebar {
   float: right;
   width: 250px; /*20em; */
   position: relative; 
}

/* SIDEBAR */

.signup {
   border: 1px solid #CFCFCF;
   margin-bottom: 20px;
   padding: 3px;
}

.liner {
   background-color: #DDDAC0;
   padding: 15px 20px 17px;
   text-align: center;
   font-size: 16px;
}


/* TABS */

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:40px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../img/tabs.png) no-repeat -420px 0;
	font-size:16px;
	display:block;
	height: 40px;  
	line-height:40px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -41px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -82px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -41px; }
ul.tabs a.s.current  { background-position: -553px -82px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -41px; }
ul.tabs a.l.current  { background-position: -248px -82px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -41px; }
ul.tabs a.xl.current { background-position: 0 -82px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
	height: 390px;
	border:1px solid #999;
	border-top:0;
}

/* END TABS */

/* PRODUCT NAV */	

#clist, #plist {
   font-size: 15px;
}

ul.psel {
   height: 390px;
   width: 150px;
   overflow-y: scroll;
   float: left;
}

ul.psel li {
   padding: 5px 7px;
   cursor: pointer;
}

ul.psel li.selected {
   background: #4C3295;
   color: #e3e3e3;
}

.pitem {
   width: 495px;
 /*  height: 350px; */
   position: absolute;
   top: 0px;
   left: 0px;
   display: none;
   font-size: 15px;
}

.pitem li {
   list-style-type: disc;
   list-style-position: inside; 
   margin-left: 0;
   padding-left: 1em;
   text-indent: -1em; 
}

.pitemtext {
   float: left;
   width: 225px;
}

.pitem h3 {
   color: #4C3295;
   font-size: 17px;
   padding: 15px 0px;
}

.pitem img {
   margin-top: 15px;
   height: 330px; 
   width: 250px; 
   float: left;
}

div.loading {
   font-size: 20px;
   color: #333333;
   margin-top: 150px;
   margin-left: 190px;
}

.pitem div.loading img {
   margin-right: 15px;
   margin-top: -5px;
   float: left;
   height: 32px; 
   width: 32px;    
}


.pitems, .citem {
   position: relative;
   overflow: hidden;
   width: 495px;
   height: 340px;
}

.citem {
   display: none;
}

.pnav .next, .pnav .prev {
   background: #FFF url(../img/arrow.png) no-repeat scroll 0 0;
   cursor: pointer;
   height: 30px;
   width: 30px;
   margin: 10px;
   text-indent: -9999em;
}

.pnav .prev {
   float: left;
   background-position: 0 0px;
}

.pnav .prev:hover {
   background-position: -30px 0px;  
}

.pnav .prev:active {
   background-position: -60px 0px;  
}

.pnav .next {
   float: right;
   background-position: 0 -30px;
}

.pnav .next:hover {
   background-position: -30px -30px;  
}

.pnav .next:active {
   background-position: -60px -30px;  
}

/* END PRODUCT NAV */

/* Product Line -- Head shot with text underneath */
a.pline {
   text-decoration: none;
}

a.pline img {
   width: 85px;
   height: 108px;
}

a.pline div {
   width: 85px;
   text-align: center;
   color: black;
}

div.pline_content h2 {
   background: #FFFFFF url('/static/img/yellow_banner_bg.gif') no-repeat scroll 0 0;
   font-size: 20px;
   padding-left: 7px;
}

div.pline_content p {
   margin: 15px;
}

div.pline_content ul li {
   list-style: disc inside;
   margin: 0px 20px 0px 20px;
}

/* should use margin from menu? */
ul.pline_vert {
   padding-top: 25px;
}

/* space items vertically */
ul.pline_vert li {
   padding: 15px 0px 15px 47px;
}

ul.pline_vert li.selected {
   background: #4C3295;
}

ul.pline_vert li.selected div {
   color: white;
}

/* space items horizontally */
ul.pline_horiz li {
   float: left;
   margin: 30px 5px 20px 5px;
   font-size: 12px;
}

/* END PRODUCT LINE */

/* SIGNUP FORM */

.heading {
   background: url(/static/img/header_bg.png) no-repeat center bottom; 
   border-top: 1px solid #D6D1CA; 
   height:60px; 
   padding: 10px 0 0 20px; 
}

.heading h2 {
   font-size:24px;
   margin:10px 0 0 0;
   line-height:1em;
   text-shadow:0 1px 0 #fff;
}

#signup_form label {
   color: #666;
   float: left;
   text-align: right;
   width: 100px;
   margin-right: 20px;
}

#signup_form p input {
   width: 200px;
}

.errorlist {
   color: red;
   float: right;
}
/* END SIGNUP FORM */


/* FOOTER */
div#ft {
   font-size: 85%;
   padding-top: 3em;
   text-align: center;
}

ul.h_bar li.first {
   border-left: medium none;
   padding-left: 0;
}

ul.h_bar {
   margin: 1em;
}

ul.h_bar li {
   display: inline;
   list-style-type: none;
   padding-left: 18px;
   padding-right: 18px;
   border-left: 1px solid #CCCCCC;   
}

.grey {
   color: #666666;
}

/* END FOOTER */