/***************************************************
	GLOBAL COLORS

	background-color #000
	

	FONT SIZE - PERCENTAGE

	10px - 77%
	11px - 85%
	12px - 93%
	13px - 100%
	14px - 108%
	15px - 116%
	16px - 123.1%
	17px - 131%
	18px - 138.5%

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


html, body{
    background: #717171 url(/images/bg-gradient.png) repeat-x 0 0; 
}
body {
	color: #fff;
	text-align:center;
}
a,object { outline: none; }

a:link, a:visited {
    color: #fff;
    text-decoration: none;
}
a:hover, a:active, a.active:link,
a.active:visited, 
a.active:hover,
a.active:active{
    color: #000;
	text-decoration: none;
}

h1{
	font-size:138.5%;  /* 18 px */
	margin:0 0 20px 0;
	font-weight:normal;
	text-transform:uppercase;
}
	#admin h3{
		margin:10px 0 27px 0;
	}
h2{
	font-size:138.5%;  /* 18 px */
	font-weight:normal;
}

h3{
	font-size:85%;  /* 11 px */
	font-weight:normal;
	text-transform:uppercase;
}

h4{
	
}

h5{
	
}

h6{
	
}

p{
	margin:0 0 14px 0;
	line-height:16px;
	font-size:93%;
}

.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}


/* clear fix */
.clear:after {
    content: ".";
    display: block;
    height: 0;
    line-height:0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear{ *zoom:1; *display:block; }
/* End hide from IE-mac */

.access { visibility:hidden; position: absolute; left: -500px; top: -500px; }

/******************************
 *
 * = GRID Layouts
 *
 ******************************/

#container{
	width: 900px;
    margin: 0 auto;
	padding:90px 60px 60px 60px;
	text-align:left;
}


#content-container{

}
	#content-container .content{
		float:right;
		width:715px;
	}

	#content-container .flash
	{
		height:557px;
		width:715px;
	}
	#content-container .flashVideo
	{
		height:430px;
		width:715px;
	}

.grid-a{
	/* 2 equal columns 
	 * community, checkout
	 * */
}
	.grid-a .column{
		width:357px;
		float:left;
	}

.grid-b{
	/* 2 columns - 400px | 315px
	 * product detail
	 */
}
	.grid-b .column-w{
		width:400px;
		float:left;
	}
	.grid-b .column-e{
		width:315px;
		float:right;
	}
	
.grid-c{
	/* 2 columns - 435px|280px
	 * help
	 * */	
}
	.grid-c .column-w{
		width:435px;
		float:left;
	}
	.grid-c .column-e{
		width:280px;
		float:right;
	}	
	
.grid-d{
	/* 2 columns - 545px|170px
	 * prortfolio organize
	 */
}
	.grid-d .column-w{
		width:545px;
		float:left;
	}
	.grid-d .column-e{
		width:170px;
		float:right;
	}	
.grid-e{
	/* 2 columns - 545px|400px
	 * community homepage
	 */
}
	.grid-e .column-w{
		width:285px;
		margin:0 0px 0 0;
		float:left;
	}
	.grid-e .column-e{
		width:400px;
		float:right;
	}	
.innercn{
	/*for copy heavy pages
	 * privacy, help, t&c */
	width:500px;
	line-height:16px;
}
.column,.column-w,.column-e,#nav-container,.content
{
	display:inline;
}
/*  ---

    Nav Container

    --- */
    
    #nav-container {
 		float: left;
		text-align:left;
        width: 152px;
        margin-right: 32px;    
        text-transform: uppercase;
		position:relative;
		min-height:557px;
		height:auto;
		*height:557px;
		z-index:2;
    }
	
	/* External Links Icon */
	#nav-container .extern 
	{
		padding-right: 12px;
		background: none;
	}
	#nav-container .extern:hover 
	{
		background-position: right center;
	}
	#nav-container #sitecredits a
	{
		cursor:default;
	}
	
	
/*
        - Global Nav
*/
        #globalnav a {
            display: block;
            width: 100%;
            outline: none;
        }
        
        #globalnav 
        {
			
        }
            #globalnav .li-1 {
            }
                #globalnav .a-1 {
                    font-size: 85%; 
					line-height: 16px;
                }
                #globalnav .li-1-active .a-1 {
                    color: #fff;
                }
                #globalnav .ul-2 , #globalnav .ul-3{
                    display: none;
                    padding: 0 0 0px 10px;
                }
                #globalnav ul.show{
					display: block;
                }
                #globalnav ul.show{
					display: block;
                }
                #globalnav .li-1-active .ul-2 {
                    display: block;
                }
                    #globalnav .ul-2 li:last-child
                    {
						padding: 0 0 16px 0;
                    }
                    #globalnav .a-2 {
                        font-size: 77%; line-height: 16px;
                    }
                    #globalnav .li-2-active .a-2 {
                        color: #fff;
                    }
				
                #globalnav .li-2-active .ul-3 {
                    display: block;
                }
                    #globalnav .ul-3 li:last-child
                    {
						padding: 0 0 16px 0;
                    }
                    #globalnav .a-3 {
                        font-size: 77%; 
                        line-height: 16px;
                    }
                    #globalnav .li-3-active .a-3 {
                        color: #fff;
                    }
/*
        - Utility Nav
*/
        #utilitynav {
            font-size: 77%; 
			line-height: 16px;
			padding:0 0 0 0;
        }
        .js #utilitynav
        {
			position:absolute;
			bottom:30px;
        }
            #utilitynav .li-1 {
            }
                #utilitynav .a-1 {
                    line-height: 16px;
                }

/*
        - Social Links
*/

.social-links {
    margin-top:10px;
}
    .social-links a {
        margin-right:10px;
    }

.js .social-links {
    bottom:0;
    position:absolute;
}    
    
    				
/* -community nav */
#commSubNav 
{
	font-size:77%;
	line-height:16px;
	padding: 0 0 0px 10px;
}                
                
/* =header */
#header{
	padding:0;
	margin:0;
	text-align:right;
	width:900px;
}
#header em
{
	font-style:normal;
}


/* - Logo  */
    #header #logo {
		margin:0;
		float:left;
        display: block;
        height: 0; 
		overflow: hidden; 
        width: 151px;
		padding-top: 17px;
		margin:20px 0 0 0;
		background: url(/images/logo.png) no-repeat;
		_background:url(/images/logo.gif) no-repeat;
    }
	#header ul.globalSubnav
	{
		
		float:right;
		margin:0 0 5px 0;
	}
	
	#header ul.globalSubnav li{
		display:block;
		font-size:77%;
		line-height:18px;
		text-transform:uppercase;
		margin:0 0 0 10px;
		float:left;
	}
	
	#header .divider
	{
		padding:0 12px 0 0;
		margin:0;
		background: url(/images/divider2.gif) no-repeat right 5px;		
	}

	


/* =pagination */
.pageNav{
	font-size:85%;
	margin:0 0 5px 0;
	float:right;
}

	.pageNav li{
		line-height:15px;
		float:left;
		margin:0 5px;
		text-transform:uppercase;
	}
	.pageNav a.active{
		color:#fff;
	}

		.pageNav a.arrowleft,
		.pageNav a.arrowright{
			display:block;
			width:15px; 
			height:15px;
			text-indent:-9999px;
			margin:0;
			background: url(/images/pagingArrows2.png) no-repeat;
			*background: url(/images/pagingArrows2.gif) no-repeat;
		}		
		.pageNav a.arrowleft{
			background-position:0 0;
		}
		.pageNav a:hover.arrowleft{
			background-position:0 -15px;
		}
		
		.pageNav a.arrowright{
			background-position:-15px 0;
		}	
		.pageNav a:hover.arrowright{
			background-position:-15px -15px;
		}
		
		/*disabled arrow state */
		.pageNav .disabled
		{
			-moz-opacity:0.25;
			opacity: 0.25;
			filter:alpha(opacity=25);
			cursor:default;
		}
		.pageNav .disabled a{
			cursor:default;
		}
			.pageNav .disabled a.arrowleft,
			.pageNav .disabled a:hover.arrowleft{
				background-position:0 0;
			}

			.pageNav .disabled a.arrowright,
			.pageNav .disabled a:hover.arrowright{
				background-position:-15px 0;
			}
		
		
.pageNavBot{
	display:block;
	padding-top:10px;
	margin-top:10px;
	border-top:1px solid #404040;
}
.pageNavRecordCount {
	display: block;
	float: right;
}



/* scroll pane style
 *******************/

#tc .innercn {
	margin:0 0 0 1px;
	color:#fff;
	font-size:93%;
}
#tc h1
{
	color:#fff;
}
#tc h2
{
	color:#fff;
    font-weight:700;
    text-transform:uppercase;
}
#tc h3
{
    font-weight:700;
    margin:0 0 5px;
    text-transform:none;
    color:#fff;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #515151;
}
.jScrollPaneDrag {
	position: absolute;
	background: #404040;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images/scroll-arrows.gif) no-repeat 0 0;
	/*background-color: #666;*/
	height: 16px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
	background-position: 0 -20px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images/scroll-arrows.gif) no-repeat -20px 1px;
	/*background-color: #666;*/
	height: 16px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
	background-position: -20px -19px;
}
a.jScrollActiveArrowButton{
}
a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}



/* inner content on info.aspx
 * Register for updates
 * unsubscribe
 */

.SignupforEmail .innercn,
.Unsubscribe .innercn{
	width:715px;
}
	.SignupforEmail div.innercn,
	.Unsubscribe div.innercn { height: 580px; }
	.SignupforEmail h1,
	.Unsubscribe h1{
		display: none;
		height: 0px;			
	}
	.SignupforEmail iframe,
	.Unsubscribe iframe{
		width: 715px;
		height: 580px;
	}
	.SignupforEmail iframe #container,
	.Unsubscribe iframe #container { padding: 0; }

.innercn .showmarkers
{
	font-size:inherit;
}
.innercn
{
    font-size:93%;
}
.innercn h1
{
	color:#fff;
}
.innercn h2
{
	font-size:100%;
	color:#fff;
    font-weight:700;
    text-transform:uppercase;
}
.innercn h3
{
    font-size:100%;
    font-weight:700;
    margin:15px 0 5px;
    text-transform:none;
    color:#fff;
}
.privacyPanel
{
	display:none;	
	width:100%;
}
.privacyPanel td label
{
	width:300px;
		padding:4px;	
}
.privacyPanel td input
{
  margin: 0 5px 0 0;	
  width:20px;
  height:15px;
}