/* STANDARD TEMPLATE */
/* Clique Stylesheet
----------------------------------------------------------------------------- */


/* CLIQUE ID TAB
----------------------------------------------------------------------------- */


	div#id {

	background-image: url(../images/clique/bg-id.png);

	}


/* CLIQUE PANEL BACKGROUND
----------------------------------------------------------------------------- */


	div#clique {

	width: 817px;
	background-image: url(../images/clique/bg-clique.png);

	}
	

/* Checkout */


	#layout.full div#clique {
	
	width: 940px;
	background-image: url(../images/clique/bg-clique-checkout.png);
	
	}
	
	
/* COLUMNS
----------------------------------------------------------------------------- */


	div#signin {
	
	min-height: 370px;
	background-image: url(../images/clique/bg-panes.png);

	}
	
	div#signup,
	div#newaddress {
	
	background: #777265 url(../images/clique/bg-panes-checkout.png) right bottom no-repeat;
	
	}


/* CLIQUE SIGN IN & PASSWORD RESET PANEL
----------------------------------------------------------------------------- */

	
	div#signin {
	
	background-color: #2e879a;
	
	}
	
	#clique div#signin p,
	#clique div#signin a {

	color: #fff;

	}

	div#signin small.note {

	width: 230px;
	padding: 0 25px 25px 25px;
	float: left;
	display: block;
	color: #363636;

	}

	div#signin small.note a {

	text-decoration: underline;

	}
	
	#clique div#signin ul.actions a {
	
	color: #fff;
	
	}


/* Alert Messages */


	div#signin div.widget-alert.info h3 {

	color: #a09f9f;

	}

	div#signin div.widget-alert.error h3 {

	color: #b41111;

	}
	
	div#signin div.widget-alert p {
		
	color: #000 !important;
		
	}


/* CLIQUE UPSELL
----------------------------------------------------------------------------- */


	
	#clique div#upsell {

	background: #777265 url(../images/clique/bg-panes.png) bottom right no-repeat !important;
	clear: none !important;
	float: right;
	height: 370px;
	padding-bottom: 25px;
	position: relative;
	width: 535px;
	
	}


	#clique div#upsell h3 {
	
	background: url(../images/clique/upsell/h3-join.gif) no-repeat;
	display: block;
	width: 495px;
	height: 42px;
	margin: 0 0 10px 20px;
	text-indent: -5000px;
	
	}
	
	#clique div#upsell .benefits {
	
	float: left;
	height: 282px;
	margin: 0 0 11px 15px;
	overflow: hidden;
	position: relative;
	width: 505px;
	
	}
	
	#clique div#upsell .actions {
	
	float: left;
	clear: left;
	margin-left: 15px;
	
	}
	
	#clique div#upsell .actions li {
	
	float: left;
	margin-right: 10px;
	
	}
	
	#clique div#upsell a.action {
	
	display: block;
	height: 26px !important;
	padding: 0 !important;
	text-indent: -5000px;
	
	}
	
	#clique div#upsell a.action:hover {
	
	background-position: 0 -26px !important;
	
	}
	
	#clique a.learnmore {
	
	background: url(../images/clique/upsell/a-learnmore.gif) no-repeat !important;
	width: 201px;
	
	}
	
	#clique a.compare {
	
	background: url(../images/clique/upsell/a-compare.gif) no-repeat !important;
	width: 292px;
	
	}

	
/* CLIQUE SIGNUP PANEL
----------------------------------------------------------------------------- */


	div#signup .submit a,
	div#newaddress .submit a {
	
	color: #fff;
	background: #302d25;
	
	}
	
	div#signup input[type=text],
	div#signup select,
	div#newaddress input[type=text],
	div#newaddress select {

	background-color: #fff;
	border: 1px solid #eee;
	
	}