﻿
/* css reset */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html
{
	color: #000;
	background: #FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img
{
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
	font-style: normal;
	font-weight: normal;
}
li
{
	list-style: none;
}
caption, th
{
	text-align: left;
}
h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after
{
	content: '';
}
abbr, acronym
{
	border: 0;
	font-variant: normal;
}
sup
{
	vertical-align: text-top;
}
sub
{
	vertical-align: text-bottom;
}
input, textarea, select
{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
input, textarea, select
{
	font-size: 100%;
}
legend
{
	color: #000;
}
del, ins
{
	text-decoration: none;
}
html
{
	color: #000;
	background: #FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img
{
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
	font-style: normal;
	font-weight: normal;
}
li
{
	list-style: none;
}
caption, th
{
	text-align: left;
}
h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after
{
	content: '';
}
abbr, acronym
{
	border: 0;
	font-variant: normal;
}
sup
{
	vertical-align: text-top;
}
sub
{
	vertical-align: text-bottom;
}
input, textarea, select
{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
input, textarea, select
{
	font-size: 100%;
}
legend
{
	color: #000;
}
del, ins
{
	text-decoration: none;
}

/* */
.ieshortline
{
	font-size: 0px;
	line-height: 0px;
}

/* */
body
{
	font-family: Arial;
	font-weight: normal;
	font-variant: normal;
	font-size: 14px;
}

/* forms */
.form input
{
	border: solid 1px #f15c2c;
	padding: 1px;
}

.field
{
	clear: left;
	vertical-align: top;
}

.field label
{
	display: block;
	float: left;
	width: 110px;
	text-align: right;
	font-size: 17px;
	color: #233444;
	font-weight: bold;
	padding-right: 25px;
	padding-bottom: 25px;
}

.field_leftalign
{
	clear: left;
	vertical-align: top;
}

.field_leftalign label
{
	display: block;
	float: left;
	width: 110px;
	font-size: 17px;
	color: #233444;
	font-weight: bold;
	padding-right: 25px;
	padding-bottom: 25px;
}

.largetextbox
{
	width: 300px;
}

/* public master */
.outercontainer
{
	position: relative;
}

.content
{
	width: 960px;
	margin: 0px auto;
}

.nav_background
{
	background: #ffffff url('images/shared/nav_background.jpg') repeat-x;
	width: 100%;
	height: 47px;
	position: relative;
}

.nav_container
{
	padding: 5px 0px 0px 0px;
	float: right;
	z-index: 2000;
	position: relative;
}

.nav_button
{
	float: left;
}


/* */
.nav_secondlevel_container
{
	background-color: #233444;
	height: 30px;
}

.nav_secondlevel
{
	z-index: 2000;
	position: relative;
}

.nav_secondlevel, .nav_secondlevel a:link, .nav_secondlevel a:visited, .nav_secondlevel a:active
{
	color: #fabe5d;
	font-size: 14px;
	text-decoration: none;
}

.nav_secondlevel a:hover
{
	color: #ffffff;
}

/* */
.theconnectionclub_floatingsquare_container
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

.theconnectionclub_floatingsquare
{
	z-index: 1000;
	position: relative;
}

.absolute_top_left_container
{
	position: absolute;
	left: 0px;
	top: 0px;
}

.bottom_background
{
	background: #ffffff url('images/shared/bottom_background.jpg') repeat-x;
	width: 100%;
	height: 191px;
}

.bottom_text, .bottom_text a:link, .bottom_text a:visited, .bottom_text a:hover, .bottom_text a:active
{
	font-size: 13px;
	line-height: 26px;
	color: #cacaca;
}

.bottom_perfumania_text
{
	padding-top: 5px;
	font-size: 10.5px;
	color: #cacaca;
}

/* internal master */
.leftcontent
{
	width: 650px;
	padding-right: 10px;
	float: left;
}

.rightcontent
{
	width: 299px;
	float: right;
}

.top_background
{
	background: #ffffff url('images/shared/top_background.jpg') repeat-x top center;
	width: 100%;
	height: 187px;
}

.top_background2
{
	background: transparent url('images/shared/top_background2.png') no-repeat top center;
	height: 187px;
	margin: 0 auto;
}

.middle_background
{
	min-height: 500px;
	background: #ffffff url('images/shared/middle_background.jpg') repeat-x bottom center;
}


/* home page */
.home_theconnectionclub_floatingsquare
{
	z-index: 1000;
	position: relative;
}

.home_top_background
{
	background: #ffffff url('images/home/top_background.jpg') repeat-x top center;
	height: 442px;
	width: 100%; /*position: relative;*/
}

.home_top_background_2
{
	background: transparent url('images/home/top_background_2.jpg') no-repeat top center;
	height: 442px;
	margin: 0 auto;
}

.top_welcome
{
	padding: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 38px;
	color: #233444;
	float: right;
}

.top_perfumepic
{
	float: right;
}

.top_login
{
	padding: 10px 0px 0px 0px;
	width: 290px;
	float: right;
}

.signinimage
{
}

.top_enteryourdetails
{
	padding: 10px 0px 0px 0px;
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	color: #293846;
}

.email_address
{
	padding: 10px 0px 0px 0px; /*     font-size: 19px;     color: #233444;     */
}

.top_login_email_textbox input
{
	margin-top: 10px;
	width: 286px;
}

.side_login_email_textbox input
{
	margin-top: 10px;
	width: 273px;
}

.password
{
	padding: 15px 0px 0px 0px; /*     font-size: 19px;     color: #233444;     */
}

.top_login_password_textbox input
{
	margin-top: 10px;
	width: 286px;
}

.side_login_password_textbox input
{
	margin-top: 10px;
	width: 273px;
}

.top_login_forgottonpasswordandsignin
{
	padding-top: 18px;
}

.top_login_forgottenpassword, .top_login_forgottenpassword a:link, .top_login_forgottenpassword a:visited, .top_login_forgottenpassword a:hover, .top_login_forgottenpassword a:active
{
	color: #e14b15;
	font-size: 12px;
	float: left;
}

.top_login_signinbutton
{
	float: right;
}

.home_middle_background
{
	width: 100%;
	background-color: #ffffff;
	background: #ffffff url('images/home/middle_background.jpg') repeat-x bottom center;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

.home_middle_left
{
	float: left;
	width: 750px;
}

.home_middle_right
{
	float: left;
	width: 190px;
}

#home_whatdoyougetcontainer
{
    padding-top:20px;
    padding-bottom:20px;
}

.home_what_do_you_get1
{
	display: block;
}

.home_what_do_you_get2
{
	display: block;
	padding-top: 20px;
}

.home_tpc_big
{
}

.home_having_connections_brings_rewards
{
	display: block;
	/*padding-left: 18px;*/
}

#home_middle_container
{
    width:944px;
    float:right;
}

#home_introtext
{
	float: left; 
	padding-left: 50px; 
	width: 460px;
}


/* purchase history summary */
.purchasehistorysummary_table
{
	border: solid 1px #b7b2b1;
	width: 601px;
	margin-top: 10px;
}

.purchasehistorysummary_table th
{
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	background-color: #d04817;
	text-align: right;
	padding: 12px 0px 12px 0px;
	border-bottom: solid 1px #bf3d0e;
	margin: 1px;
}

.purchasehistorysummary_table td
{
	font-size: 15px;
	font-weight: bold;
	color: #551802; /*color:#ffffff;*/
	background-color: #ed6838;
	text-align: right;
	padding: 10px 0px 10px 0px; /*border-top:solid 1px #eb8b68;*/
	border-bottom: solid 1px #bf3d0e;
}

.purchasehistorysummary_table a:link, .purchasehistorysummary_table a:visited, .purchasehistorysummary_table a:hover, .purchasehistorysummary_table a:active
{
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}

/* purchase history */
.purchasehistory_table
{
	border: solid 1px #b7b2b1; /*width:575px;*/
	margin-top: 10px;
}

.purchasehistory_table th
{
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	background-color: #d04817;
	text-align: right;
	padding: 12px 0px 12px 0px;
	border-bottom: solid 1px #bf3d0e;
	margin: 1px;
}

.purchasehistory_table td
{
	font-size: 13px;
	font-weight: bold;
	color: #551802; /*color:#ffffff;*/
	background-color: #ed6838;
	text-align: right;
	padding: 10px 0px 10px 0px; /*border-top:solid 1px #eb8b68;*/
	border-bottom: solid 1px #bf3d0e;
	padding: 2px;
}

.purchasehistory_table a:link, .purchasehistory_table a:visited, .purchasehistory_table a:hover, .purchasehistory_table a:active
{
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}

/* */
.purchasehistoryquartersummary_table
{
}

.purchasehistoryquartersummary_table th
{
	vertical-align: top;
	width: 200px;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	padding-right: 20px;
	padding-bottom: 10px;
}

.purchasehistoryquartersummary_table td
{
	vertical-align: top;
	font-size: 15px;
}

/* my profile */
.myprofile_top_background
{
	background: #ffffff url('images/myprofile/top_background_myprofile.jpg') repeat-x top center;
	width: 100%;
	height: 152px;
}

.myprofile_top_background_2
{
	background: transparent url('images/myprofile/top_background_myprofile_2.png') no-repeat top center;
	height: 152px;
	margin: 0 auto;
}

.myprofile_box
{
	background-color: #fff2e5;
	width: 575px;
	margin: 20px 0px 20px 0px;
	padding: 12px;
	border: solid 1px #b7b2b1;
}

.myprofile_table
{
	margin: 0px 0px 10px 0px;
}

.myprofile_table tr
{
	vertical-align: top;
}

.myprofile_table th
{
	width: 110px;
	text-align: right;
	font-size: 17px;
	font-weight: bold;
	color: #233444;
	padding-right: 25px;
	padding-bottom: 25px;
}

.myprofile_table td
{
	color: #233444;
	font-size: 17px;
}

/* validation */
.validationsummary
{
	font-size: 15px;
	font-weight: bold;
	padding: 0px 0px 20px 0px;
	color: #233444;
}

.validationsummary li
{
	list-style-type: disc;
	list-style-position: inside;
	padding-top: 10px;
}

.upsellPanel
{
	border: 1px #F66C3B solid;
	padding: 20px;
	background-color: #FFD188;
	font-weight: bold;
	color: #233444;
}

.mapStates
{
	border: 1px #b7b2b1 solid;
	padding: 20px;
	background-color: #fff2e5;
	font-weight: bold;
	color: #233444;
	width:160px;
	margin-left:25px;
	margin-top:30px;
	font-size:13px;
	font-weight:normal;	
	
}

.mapStates ul
{
	padding-top:14px;
	
}
.mapStates li a
{
	line-height:24px;
	font-weight:bold;
	text-decoration:none;
	color: #233444;
	font-size:14px;
}
.mapStates li a:hover
{
	text-decoration:underline;
}

.States
{
	width: 90%;
	text-align:center;
}
.States a
{
	color: #e14b15;
	text-decoration: none;
}

.States a:hover
{
	text-decoration:underline;
}

.States .separator
{ 
	color:#233444;
}

/*** Fixing stuff that the reset cleared ***/
strong
{
	font-weight: bold;
}


ol
{
	margin: auto -3em 1em 0;
	padding: 0;
	position: relative;
	left: -3em;
	overflow: hidden;
}

ol li
{
	list-style-type: decimal;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	margin-left: 5em;
}

.storeList
{
	font-size:13px;
}
