/* ppqclothing.com - ppq.css - 2.1
-----------------------------------------------------------*/

body{
	background:#fbf6f0 repeat fixed top left;
	font-family:"Georgia", "Times New Roman", serif;
	font-size:12px;
	color:#252523;
	margin-top:109px;
}

/* constants
-----------------------------------------------------------*/

.noscript{
	width:100%;
	padding:11px 0;
	background:#fbf6f0;
	color:#000;
	font-family:"Georgia";
	font-size:11px;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:20px;
}

#emmanuel .noscript{
	display:none;
}

.noscript a{
	color:#333;
	border-bottom:1px dotted #333;
}

.noscript a:hover{
	border-bottom:1px solid #666;
}

.hidden{
	display:none;
}

/* global
-----------------------------------------------------------*/

p{
	line-height:14px;
}

a{
	outline:none;
	color:#252523;
	text-decoration:none;
}

abbr{
	border-bottom:none;
	font-style:italic;
}

h1 {
	font-size:20px;
	margin-bottom:19px;
}

.clearfix {
	clear:both;
}

/* header
-----------------------------------------------------------*/

#header{
	background:url('http://www.ppqclothing.com/images/ui/header-bg.png') repeat-x bottom left;
	position:fixed;
	padding-bottom:14px;
	width:100%;
	height:102px;
	top:0px;
	z-index:20;
}

#header h1{
	width:90px;
	margin:15px auto 0;
}

/* navigation
-----------------------------------------------------------*/

#navigation{
	border-top: 1px solid #cfcbc8;
	width:960px;
	height:14px;
	margin:10px auto 0;
	padding:4px 0;
	text-transform:uppercase;
}

/* headerNav
-----------------------------------------------------------*/

#headerNav{
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	list-style-type:none;
	margin:0 auto;
}

#headerNav li{
	background:no-repeat top right;
	float:left;
	margin-right:18px;
}

#headerNav li a{
	float: left;
	font-size:10px;
	display: block;
	text-decoration: none;
	margin: 0;
	padding-left:9px;
	padding-right:8px;
	color:#252523;
	line-height:12px;
	height:16px;
	text-transform:uppercase;
	letter-spacing:1px;
}

#headerNav li a:hover{
	background-image:url('http://www.ppqclothing.com/images/ui/navigation_hover_left.gif');
	background-repeat:no-repeat;
	background-position:top left;
	color:#FBF7EF;
}

#headerNav li:hover{
	background-image:url('http://www.ppqclothing.com/images/ui/navigation_hover_right.gif');
}

#home #headerNav li a.home,
#store #headerNav li a.store,
#collections #headerNav li a.collections,
#biography #headerNav li a.biography,
#press #headerNav li a.press,
#emmanuel #headerNav li a.emmanuel{
	background-image:url('http://www.ppqclothing.com/images/ui/navigation_hover_left.gif');
	background-repeat:no-repeat;
	background-position:top left;
	color:#FBF7EF;
	cursor:default;
}

#home #headerNav li.home,
#store #headerNav li.store,
#collections #headerNav li.collections,
#biography #headerNav li.biography,
#press #headerNav li.press,
#emmanuel #headerNav li.emmanuel{
	background-image:url('http://www.ppqclothing.com/images/ui/navigation_hover_right.gif');
}

/* bag
-----------------------------------------------------------*/

#bagMini{
	height:10px;
	float:right;
	background:url('http://www.ppqclothing.com/images/ui/bag-arrow-right.gif') no-repeat center left;
	font-size:10px;
	padding:2px 14px;
	text-align:right;
}

#bagMini.open{
	background:url('http://www.ppqclothing.com/images/ui/bag-arrow-down.gif') no-repeat center left;	
}

/* bag
-----------------------------------------------------------*/

#bag{
	width:238px;
	font-size:11px;
	text-transform:uppercase;
	position:fixed;
	top:-310px;
	z-index:19;
	margin:auto;
}

#bagTop{
	width:210px;
	background: url('http://www.ppqclothing.com/images/ui/bagTop-bg.png') repeat-y top left;
	padding:10px 14px;
}

#bagTop #total{
	height:50px;
	background:url('http://www.ppqclothing.com/images/ui/total-bg.gif') no-repeat;
	padding-left:51px;
	border-bottom:1px #c3c2bd solid;
}

#bagTop #total dl{
	border-top:1px #c3c2bd solid;
	border-bottom:1px #c3c2bd solid;
	width:147px;
	float:left;
	padding:3px 6px;
	margin-bottom:6px;
}

#bagTop #total dt{
	float:left;
}

#bagTop #total dd{
	float:right;
}

#bagTop #total a{
	background:#3c3c3e;
	color:#fff;
	text-align:center;
	clear:both;
	display:block;
	padding:1px 4px;
}

#bagBot{
	width:230px;
	height:4px;
	background:url('http://www.ppqclothing.com/images/ui/bagBot-bg.png') repeat-x top left;
	margin:auto;
}

.fc_total_price{
	font-weight:bold;
}
/* twitter
-----------------------------------------------------------*/

#twitter{
	background:url('http://www.ppqclothing.com/images/ui/twitter-bg.gif') no-repeat 11px 0px;
	padding-top:7px;
	margin-top:5px;
}

#tweet{
	background:#d2c4de;
	padding:8px;
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
}

#tweet a{
	text-decoration:underline;
}

#tweet p{
	line-height:130%;
}

#tweet p.lo{
	margin-bottom:10px;
	font-size:10px;
}

/* playlist
-----------------------------------------------------------*/

#playlist{
	width:70px;
	height:10px;
	float:right;
	background:url('http://www.ppqclothing.com/images/ui/audio-bg.gif') no-repeat center right;
	font-size:10px;
	padding:2px 28px 2px 14px;
	border-left:1px solid #cfcbc8;
}

#playlist:hover{
	background:url('http://www.ppqclothing.com/images/ui/audio-bg-active.gif') no-repeat center right;	
}

/* wrapper
-----------------------------------------------------------*/

#wrapper{
	width:100%;
	height:540px;
	background:url('http://www.ppqclothing.com/images/ui/content-bg.png') repeat-x top left;
	margin:auto;
	padding:9px 0;
}

#store #wrapper,
#stockists #wrapper,
#terms #wrapper,
#shipping #wrapper,
#sizeguide #wrapper{
	width:960px;
	height:auto;
	background:transparent url('http://www.ppqclothing.com/images/ui/content-v-bg.png') repeat-y top left;
	padding:0 9px;
}

#emmanuel.game{
	width:100%;
	height:99%;
}

/* =content
-----------------------------------------------------------*/

#content{
	width:960px;
	background:#fbf7ef;
	margin:auto;
}

#content p a{
	color:#666666;
}

#content a:hover{
	text-decoration:underline;
}

#content p.msg{
	padding:6px;
	margin-top:240px;
	-moz-border-radius:4px;
	background:#f2ede7;
	text-align:center;
	text-transform:uppercase;
}

#home #content{
	width:456px;
	height:432px;
	padding:54px 252px;
}

#store #content,
#terms #content,
#shipping #content,
#sizeguide #content{
	width:900px;
	height:auto;
	overflow:visible;
	background:url('http://www.ppqclothing.com/images/ui/store-content-bg.gif') center 15px no-repeat;
	padding:145px 30px 20px;
}

#stockists #content{
	width:900px;
	height:auto;
	background:url('http://www.ppqclothing.com/images/ui/stockists-content-bg.gif') center 32px no-repeat;
	padding:100px 30px;
}

/* store filter
-----------------------------------------------------------*/

#sortBy{
	height:17px;
	font-size:10px;
	text-transform:uppercase;
	position:relative;
	z-index:18;
}

#sortBy h3{
	width:55px;
	background:#57585d;
	color:#FBF7EF;
	padding:3px 0 4px;
	text-align:center;
	margin-right:1px;
	float:left;
	cursor:default;
}

#sortBy #toggleSort{
	width:147px;
	background:#999999 url('http://www.ppqclothing.com/images/ui/filter-li-bg.gif') no-repeat 142px center;
	padding:3px 5px 4px;
	color:#FBF7EF;
	float:left;
}

#sortBy ul{
	width:157px;
	clear:both;
	margin-left:56px;
	display:none;
}

#sortBy ul.visible{
	display:block
}

#sortBy li{
	background:#999999;
	padding:3px 5px 4px;
	border-top:1px #fcf7ef solid;;
}

#sortBy li:hover{
	background:#888888;
}

#sortBy li a{
	display:block;
	color:#FBF7EF;
}

/* store subnav
-----------------------------------------------------------*/

#subNav{
	height:17px;
	font-size:10px;
	position:relative;
	text-transform:uppercase;
	z-index:18;
}

#subNav a{
	background:#e6e6e6;
	color:#333;
	padding:3px 5px 4px;
}

/* store item
-----------------------------------------------------------*/

#store #items{
	clear:both;
}

#store .item{
	width:222px;
	height:325px;
	float:left;
	margin-top:4px;
	margin-right:4px;
	border-top:1px solid #d8d5d0;
	border-bottom:1px solid #d8d5d0;
	padding:8px 0;
}

#store .item.last{
	margin-right:0;
}

#store .item img{
	width:222px;
	height:264px;
	background:#fff;
	margin-bottom:14px;
}

#store .item img:hover{
	outline:1px solid #eee;
}

#store .item h2{
	padding-left:7px;
}

#store .item p{
	font-size:14px;
	font-weight:bold;
	padding-left:7px;
}

#store .item p span.price_sale{
	color:#c53827;
}

#store .item p span.price.sale{
	text-decoration:line-through;
} 

#store .item a:hover{
	text-decoration:underline;
}

/* item
-----------------------------------------------------------*/

#store #itemPhoto,
#store #itemDeets{
	width:345px;
	height:570px;
	float:left;
	border-top:1px solid #d8d5d0;
	border-bottom:4px double #d8d5d0;
	margin-top:8px;
	padding-top:8px;
}

#store #itemDeets{
	width:445px;
	height:385px;
	height:518px;
	margin-left:10px;
	padding:30px 50px;
}

#store #itemDeets h2,
#store #itemDeets h3{
	text-transform:uppercase;
	font-size:18px;
	color:#5b5c5e;
	padding-bottom:8px;
	margin-bottom:6px;
	border-bottom:1px solid #d8d5d0;
}

#store #itemDeets h3{
	border:0;
	margin-bottom:16px;
}

#store #itemDeets h3 span.price_sale{
	color:#c53827;
}

#store #itemDeets h3 span.price.sale{
	text-decoration:line-through;
}

#store #itemDeets p{
	width:335px;
	font-size:12px;
	margin-bottom:16px;
}

#store form p{
	clear:both;
	margin:10px 0;
}

#store form .cfc_label{
	float:left;
	width:50px;
}

#store form input{
	display:block;
	margin-bottom:5px;
}

#store .fe_checkout{
	display:block;
	margin-bottom:5px;
}

#store form select{
	float:left;
}

#store form select#size,
#store form select#qty{
	background:#dbdad6;
	padding:2px;
	width:120px;
	border:0px;
	margin-bottom:5px;
}

#store form input#qty{
	border:1px solid #f0f0f0;
	width:30px;
}

#store form #itemAdded{
	font-weight:bold;
	display:none;
}

#store form #add,
#store form #checkout{
	float:left;
	margin:15px 0;
}

#store form #add{
	margin-right:13px;
}

#store form hr {
	background:#d8d5d0;
	color:#d8d5d0;
	height:1px;
	border:0;
	margin:5px 0;
	clear:both;
}

/* store thumbs
-----------------------------------------------------------*/

#store #thumbs{
	width:345px;
	height:128px;
	padding:10px 0;
}

#store #thumbs img{
	float:left;
	margin-right:5px;
}

/* =collections
-----------------------------------------------------------*/

#collections #content{
	width:960px;
	height:436px;
	padding:52px 0;
}

#thumbs{
	width:546px;
	height:436px;
	float:left;
}

#press #thumbs{
	width:468px;	
}

#thumbs a{
	background:#fff;
	width:77px;
	height:108px;
	float:left;
	margin-right:1px;
	margin-bottom:1px;
}

#large{
	width:289px;
	height:436px;
	float:left;
}

#large.loading{
	background:url('http://www.ppqclothing.com/images/ui/ajax-loader.gif') no-repeat center center;
}

.selector{
	border-top:1px solid #C4C3BF;
	display:inline;
	float:right;
	list-style-type:none;
	margin-top:60px;
	width:112px;
}

#press .selector{
	width:190px;
}

.selector li{
	border-bottom:1px solid #C4C3BF;
	float:left;
	width:100%;
}

.selector li a{
	float:left;
	font-size:10px;
	letter-spacing:1px;
	padding:4px;
	text-transform:uppercase;
}

.selector li a:hover{
	color:#000;
}

.selector li a.toggle{
	width:13px;
	height:11px;
	background:url('http://www.ppqclothing.com/images/ui/video-icon.gif') no-repeat center center;
	float:right;
	padding:4px;
}

.selector li a.toggle:hover{
	background-image:url('http://www.ppqclothing.com/images/ui/video-icon-active.gif');
}

#video{
	width:512px;
	height:288px;
	background:#000;
}

/* =biography
-----------------------------------------------------------*/

#biography #content{
	width:960px;
	height:436px;
	padding:52px 0;
}

#biography #content img{
	float:left;
	margin-right:25px;
}

#biography #content h2{
	font-size:16px;
	font-weight:bold;
	margin:10px 0;
}

#biography #content p{
	font-size:13px;
	line-height:110%;
	margin-bottom:10px;
}

/* =press
-----------------------------------------------------------*/

#press #content{
	width:960px;
	height:436px;
	padding:52px 0;
}

#press .selector{
	margin-top:10px;
	padding:2px;
}

#press .selector li{
	padding:2px;
	width:188px;
	font-size:11px;
}

#press .selector li.title{
	text-transform:uppercase;
}

/* =emmanuel
-----------------------------------------------------------*/

#emmanuel #content{
	width:700px;
	height:138px;
	background:url('http://www.ppqclothing.com/images/ui/emmanuel-content-bg.jpg') no-repeat center center;
	padding:201px 130px;
}

#draw{
	float:left;
}

#paccat{
	float:right;
}

#emmanuel.draw #content{
	width:720px;
	height:532px;
	background:none;
	padding:4px 120px; 	
}

#emmanuel.draw #flashDraw{
	width:720px;
	height:532px;
}

#emmanuel.game #content{
	width:100%;
	height:100%;
	background:#000;	
}

#content #flashGame {
	width:100%;
	height:99%;
}

/* =terms
-----------------------------------------------------------*/

#terms #content dl,
#stockists #content dl{
	float:left;
	padding-top:20px;
	border-top:1px solid #999;
}

#terms #content dl dt,
#stockists #content dl dt{
	width:130px;
	float:left;
	clear:both;
	padding:3px 10px;
	background:#5a595e;
	color:#fff;
	text-transform:uppercase;
}

#terms #content dl dt{
	text-transform:none;
}

#terms #content dl dd,
#stockists #content dl dd{
	width:730px;
	float:left;
	margin-left:20px;
	line-height:140%;
	padding-bottom:15px;
	margin-bottom:20px;
	border-bottom:1px solid #999;
}

/* =contact
-----------------------------------------------------------*/

#contact #content{
	width:380px;
	height:300px;
	background:#fbf7ef url('http://www.ppqclothing.com/images/ui/contact-bg.jpg') no-repeat center center;
	margin:auto;
	padding:210px 115px 30px 115px;
}

#contact #content dl dt{
	width:80px;
	float:left;
	clear:both;
	padding:1px 0;
	background:#323133;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	cursor:default;
	font-size:12px;
}

#contact #content dl dd{
	width:280px;
	float:left;
	margin-left:20px;
	line-height:140%;
	padding-bottom:15px;
	margin-bottom:20px;
	border-bottom:1px solid #999;
	font-size:13px;
}

#contact #content p{
	clear:both;
	text-align:center;
	padding-top:15px;
}

#contact #content a{
	color:#666;
	text-decoration:underline;
}

#contact #content a:hover{
	color:#333;
}

#contact #content a.credit{
	text-decoration:none;
}

/* table
-----------------------------------------------------------*/

.sheet{
	width:100%;
	margin-bottom:15px;
	color:#333;
}

.sheet th{
	font-weight:bold;
	border-bottom:1px solid #333;
	text-transform:uppercase;
}

.sheet td{
	border-bottom:1px solid #666;
}

.sheet td.heading{
	font-weight:bold;
}

#shipping h2,
#sizeguide h2{
	background:#666;
	color:#fff;
	text-align:center;
	clear:both;
	float:left;
	padding:4px 8px;
	margin-bottom:15px;
	text-transform:uppercase;
}

#shipping p,
#sizeguide p{
	clear:both;
	margin-bottom:15px;
	line-height:135%;
}

hr{
	background:#666;
	color:#666;
	height:1px;
	border:0;
	margin-bottom:15px;
	clear:both;
}

/* =footer
-----------------------------------------------------------*/

#footer{
	height:38px;
	background-image:url('http://www.ppqclothing.com/images/ui/footer-bg.png');
	background-repeat:repeat-x;
	position:fixed!important;
	bottom:0px;
	z-index:10;
	width:100%;
}

#footerNav{
	height:27px;
	width:725px;
	margin:0 auto;
	margin-top:11px;
}

#footerNav ul{
	margin:0;
	padding:0;
	text-align:center;
	list-style-type: none;
	padding-top:6px;
}

#footerNav ul li{
	display:inline;
	margin:0;
	background-position:top right;
	float:left;
	background-repeat:no-repeat;
	margin:0 12px;
}

#footerNav ul li a{
	float: left;
	font-size:10px;
	display: block;
	text-decoration: none;
	margin: 0;
	padding-left:9px;
	padding-right:8px;
	color:#252523;
	line-height:12px;
	height:16px;
	text-transform:uppercase;
	letter-spacing:1px;
}

#footerNav ul li a:hover{
	background-image:url('http://www.ppqclothing.com/images/ui/navigation_hover_left.gif');
	background-repeat:no-repeat;
	background-position:top left;
	color:#FBF7EF;
}

#footerNav ul li:hover{
	background-image:url('http://www.ppqclothing.com/images/ui/navigation_hover_right.gif');
}

#shipping #footerNav ul li a.shipping,
#sizeguide #footerNav ul li a.sizeguide,
#terms #footerNav ul li a.terms,
#stockists #footerNav ul li a.stockists,
#contact #footerNav ul li a.contact {
	background-image:url('http://www.ppqclothing.com/images/ui/navigation_hover_left.gif');
	background-repeat:no-repeat;
	background-position:top left;
	color:#FBF7EF;
	cursor:default;
}

#shipping #footerNav ul li.shipping,
#sizeguide #footerNav ul li.sizeguide,
#terms #footerNav ul li.terms,
#stockists #footerNav ul li.stockists,
#contact #footerNav ul li.contact {
	background-image:url('http://www.ppqclothing.com/images/ui/navigation_hover_right.gif');
}

/* signup
-----------------------------------------------------------*/

#signup{
	clear:both;
	width:310px;
	background:#fcfaf4;
	padding:40px 30px;
	border:5px solid #666;
	z-index:100;
	overflow:hidden;
}

#signup h2{
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold;
	padding:auto;
	margin:auto;
	border-bottom:2px solid #999;
	padding-bottom:5px;
	margin-bottom:15px;
	color:#333;
	letter-spacing:-1px;
}

#signup form label{
	display:block;
	margin-bottom:5px;
	font-size:12px;
	color:#222;
	font-style:italic;
}

#signup form .text{
	width:302px;
	background-color:#333;
	border:none;
	padding:6px 4px 6px 6px;
	font-size:14px;
	color:#fff;
	margin-bottom:20px;
}

#signup form .text:focus{
	background-color:#000;
	color:#ccc;
}

#signup form .text.error{
	background-color:#990000;
	color:#fff;
}

#signup form .buttons{
	float:right;
}

#signup form a{
	color:#333;
	text-decoration:underline;
}

#signup form .buttons input{
	-moz-border-radius:14px;
	background:#333 url('../images/ui/input-submit-bg.png') repeat-x 0 -5px;
	border:1px solid #666;
	padding:2px 14px;
	margin-left:5px;
	font-family:Georgia;
	color:#fcfaf4;
}

/* eof
-----------------------------------------------------------*/