body {
	font-family: Verdana, Arial, sans-serif;
	background: #b0b4b9;
	color: #333;
	font-size: 10px;
	padding: 0;
	margin: 0;
	text-align: center;
}

div, img, form {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
}

p {
	margin: 0 0 1.5em;
	line-height: 1.5em;
}


/* LINKS
---------------------------------------------------------- */

a {
	text-decoration: none;
	color: #3361ab;
}
	
a:hover {
	color: #5c5c5c;
}


/* LISTS 
---------------------------------------------------------- */

ul {
	margin: 0 0 0 1em;
	padding: 0;
}

li {
	padding: 0;
	line-height: 1.5em;
	margin: 0 0 .5em 0;
}


/* HEADERS
---------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #333;
	margin: 1em 0;
} 

h1 {
	font-size: 22px;
}
	
h1 span {
	font-size: 10px;
	color: #999;
}
	
h2 {
	font-size: 14px;
}
	
h3, h4 {
	font-size: 12px;
	font-weight: bold;
}

	 /* Bar Header */

h2.bar {
	background: #ccc url(/img/global/barCornerR.gif) top right no-repeat;
	font-size: 11px;
	margin-right: 10px;
}

h2.bar span {
	display: block;
	padding: 5px 0;
	font-weight: bold;
}

h2.bar span.imgNumber {
	float: left;
	text-align: center;
	width: 110px;
	background: #ccc url(/img/global/barCornerL.gif) no-repeat;
	font-size: 10px;
	font-weight: normal;
}


/* GENERAL CLASSES
---------------------------------------------------------- */

.clearBoth {
	clear: both;
}

.alignLeft {
	float: left;
}

.alignRight {
	float: right;
}

.bolded {
	font-weight: bold;
}

.req {
	color: #b70072;
}

.error {
	color: #fff;
	background: #b90072;
}

.error a {
	color: #fff;
	text-decoration: underline;
}

.noMargin {
	margin: 0;
}

.dottedRuleTop, .dottedRuleBottom {
	background: transparent url(/img/global/dotsHoriz.gif) top left repeat-x;
	margin: 5px 0;
	padding: 3px 0;
}

.dottedRuleBottom {
	background: transparent url(/img/global/dotsHoriz.gif) bottom left repeat-x;
}

.hiddenImg {
	display: none;
}

.finePrint {
	font-size: 10px;
	line-height: 1.3em;
}

.bigPrint {
	font-size: 14px;
}

/* LAYOUT
---------------------------------------------------------- */

#container {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	background: transparent url(/img/global/bg.jpg) repeat-y;
}

/* TOP
---------------------------------------------------------- */

#top {
	background: #b0b4b9 url(/img/global/bgTop.jpg) bottom center no-repeat;
	float: left;
	width: 990px;
	padding: 7px 0 5px;
}

#crumbs  {
	list-style: none;
	width: 600px;
	padding: 0 0 0 35px;
	margin: 0;
}

#crumbs li {
	float: left;
	background: transparent;
	padding: 0 0 0 10px;
	margin: 0;
	color: #fff;
}

#crumbs li a {
	display: block;
	padding: 0 15px 0 0;
	color: #fff;
	background: transparent url(/img/global/crumbBullet.gif) 100% 50% no-repeat;
}

#topLinks {
	float: right;
	text-align: right;
	width: 300px;
	color: #fff;
	padding-right: 50px;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

#topLinks a {
	color: #fff;
}

#topLinks a#login {
	background: transparent url(/img/global/topLinksBorder.gif) 0 60% no-repeat;
	padding: 1px 0 0 12px;
	margin-left: 10px;
}

#crumbs li a:hover, #topLinks a:hover {
	color: #333;
}


/* NAVIGATIONS
---------------------------------------------------------- */

#logo {
	float: right;
	margin: 13px 37px 0 0; 
}

/*main nav */

#nav {
	background: transparent url(/img/global/bgNav.jpg) 15px 0 no-repeat;	
	float: left;
	width: 990px;
}

#nav ul {
	float: left;
	list-style: none;	
	margin: 0 15px;
}

#nav li {
	float: left;
	background: transparent;
	padding: 0;
	margin: 0;
}

#nav li a {
	float: left;
	color: #5c5c5c;
	font-family: Arial, sans-serif;
	display: block;
}

/* level 1 */

#tier1 {
	padding-left: 22px;
}

#tier1 li {
	padding: 6px 9px 0;
}

#tier1 li a {
	font-size: 16px;
	padding: 9px 0;
}

	/* over */

	#tier1 li a:hover {
		color: #333;
	}

	/* on */
	
	body#home li#tier1home a,
	body#view li#tier1view a,
	body#upload  li#tier1upload a,
	body#cart li#tier1cart a,
	body#account li#tier1account a,
	body#invite li#tier1Invite a,
    body.planner li#tier1account a
	{
		color: #b70072;
	}
    
	/* cart nav */

	#tier1 li a span {
		display: block;
		float: left;
	}

	#cartItems {
		padding-right: 10px;
		background: transparent url(/img/global/navCartR.gif) top right no-repeat;
		font-family: Verdana, Arial, sans-serif;
		margin: -2px 0 0 5px;
		font-size: 10px;
	}

	#cartItems em {
		padding: 2px 0 3px 26px;
		display: block;
		background: transparent url(/img/global/navCartL.gif) top left no-repeat;
		font-style: normal;
	}


/* level 2 */

#tier2 {
	padding-left: 22px;
	background: transparent url(/img/global/bgNavTier2.gif) bottom left repeat-x;
	width: 750px;

}

#tier2 li {
	background: #fff url(/img/global/tabOffR.gif) top right no-repeat;
	margin-right: 18px;
	padding-right: 4px;
}

#tier2 li a {
	background: transparent url(/img/global/tabOffL.gif) no-repeat;
	font-size: 14px;
	padding: 4px 6px 4px 10px;
	border-bottom: 1px solid #fff;
}

	/* over */

	#tier2 li a:hover {
		color: #333;
	}

	/* on */
	
	#tier2 li#tier2on {
		background: #6c6c6c url(/img/global/tabOnR.gif) top right no-repeat;
	}

	#tier2 li#tier2on a {
		color: #eeafce;	
		background: transparent url(/img/global/tabOnL.gif) no-repeat;
		border-bottom: 1px solid #6c6c6c;
	}

	/* favorites */

	#navFaves span {
		display: block;
		background: transparent url(/img/global/iconFav.gif) 100% -40px no-repeat;
		padding-right: 18px;
	}

	#navFaves:hover span {
		background: transparent url(/img/global/iconFav.gif) 100% -60px no-repeat;
	}

	.tier2on #navFaves {
		background: transparent url(/img/global/iconFavNavOn.gif) 100% 50% no-repeat;
	}


/* level 3 */

#tier3 {
	padding-left: 24px;
	width: 936px;
	background: #6c6c6c url(/img/global/bgNavTier3.gif) bottom left repeat-x;
	border-bottom: 1px solid #ccc;
}

#tier3 li a {
	font-size: 12px;
	padding: 7px 9px;
	color: #fff;
}

	/* over */

	#tier3 li a:hover {
		color: #ccc;
	}

	/* on */

	#tier3 li#tier3on a {
		color: #eeafce;
	}



/* MAIN 
---------------------------------------------------------- */

.main {
	float: left;
	margin: 3px 18px;
	width: 952px;
	border: 1px solid #ccc;
	background: #fff;
	padding-bottom: 10px;
	position: relative;
}


/* WIDE MAIN CONTENT
---------------------------------------------------------- */

.wideContent {
	padding: 0 24px;
	margin: 10px 0;
}


/* CENTER COLUMN
---------------------------------------------------------- */

.centerCol {
	width: 700px;
	margin: 10px 0 0 120px;
	padding-bottom: 40px;
	float: left;
}


/* LEFT COLUMN
---------------------------------------------------------- */

.leftCol {
	float: left;
	width: 400px;
}

/* RIGHT COLUMN
---------------------------------------------------------- */

.rightCol {
	float: left;
	width: 286px;
}


/* TABLES - GENERAL
---------------------------------------------------------- */

table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

td {
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

table tr.alternateRow td
{
	background: #ededed;
}

th.firstTH { background-image: url(/img/global/barCornerL.gif); background-repeat: no-repeat; }

th.lastTH { background-image: url(/img/global/barCornerR.gif); background-repeat: no-repeat; background-position: top right; }


/* THUMBNAILS
---------------------------------------------------------- */

.thumb {
	float: left;
	background: #ededed;
	margin: 4px 0 10px 5px;
	padding-bottom: 3px;
}

.thumb span {
	display: block;
	background: #fff;
	padding: 5px;
	text-align: center;
}

.thumb td {
	margin: 0;
	padding: 0;
	width: 100px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
}

.thumb img {
	display: inline;
	background: #fff;
	padding: 2px;
	border: 1px solid #97b1dc;
}

.thumb a:hover img {
	border-color: #eeafce;
}

.thumb .thumbIcons {
	background: #fff;
	float: left;
	width: 100px;
	padding: 3px 0;
	position: relative;
}

.thumb .thumbIcons input {
	position: absolute;
	top: 0;
	left: 4px;
}

.thumb .thumbIcons ul {
	float: right;
	width: 58px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.thumb .thumbIcons ul li {
	float: left;
	width: 18px;
	height: 13px;
	margin: 0;
	padding: 0;
}

.thumb .thumbIcons ul li a {
	border: 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 18px;
	height: 13px;
}

.thumbSelected {
	background: #6c6c6c;
}

.private {
	background: #ededed url(/img/global/bgThumbDiag.jpg);
}

/* ICONS
---------------------------------------------------------- */

.thumb .thumbIcons li.iconCart a { background: transparent url(/img/global/iconCart.gif) no-repeat; }
.thumb .thumbIcons li.iconFav a { background: transparent url(/img/global/iconFav.gif) no-repeat; }
.thumb .thumbIcons li.iconEmail a { background: transparent url(/img/global/iconEmail.gif) no-repeat; }

.thumb .thumbIcons li.iconCart a:hover,
.thumb .thumbIcons li.iconFav a:hover,
.thumb .thumbIcons li.iconEmail a:hover { 
	background-position: 0 -20px; 
	cursor: pointer; }
	}

.thumb .thumbIcons li.iconCart a.iconOn,
.thumb .thumbIcons li.iconFav a.iconOn { 
	background-position: 0 -40px; 
	}

.thumb .thumbIcons li.iconCart a.iconOn:hover,
.thumb .thumbIcons li.iconFav a.iconOn:hover { 
	background-position: 0 -60px; 
	}

.iconEdit, .iconRemove { 
	margin-top: 5px;
	display: block;
	padding: 2px 20px;
	float: left;
	background: transparent url(/img/global/iconEdit.gif) no-repeat; 
	}

.iconRemove { 
	background: transparent url(/img/global/iconRemove.gif) no-repeat; 
	padding: 2px 0 2px 20px;
	}

.iconEdit:hover, .iconRemove:hover { background-position: 0 -50px; }



/* BUTTONS
---------------------------------------------------------- */

/* btn */

.btn , #nav li .btn{
	float: left;
	display: block;
	background: transparent url(/img/global/btnBgL.gif) no-repeat;	
	padding: 0pt 0pt 0pt 12px;
	margin-right: 5px;
}

.btn span ,  #nav li .btn span {
	display: block;
	background: transparent url(/img/global/btnBgR.gif) 100% 0 no-repeat;	
	padding: 7px 12px 7px 0;
}

#nav li .btn {
	margin-top: 5px;
}

.btn:hover ,  #nav li .btn:hover { background-position: 0 -30px; }
.btn:hover span ,  #nav li .btn:hover span{ background-position: 100% -30px; }

.btn span img {
	float: left;
	margin: -2px 5px 0 -3px;
}

/* btn small */

.btnSm {
	float: left;
	display: block;
	background: transparent url(/img/global/btnBgSmL.gif) no-repeat;	
	padding-left: 10px;
	margin: 2px 5px 0 0;
	height: 20px;
}

.btnSm span {
	display: block;
	background: transparent url(/img/global/btnBgSmR.gif) 100% 0 no-repeat;	
	padding: 4px 10px 4px 0;
}

.btnSm span img {
	float: left;
	margin: -2px 5px 0 -2px;
}

/* top right */

#topRight {
	float: right;
	margin: 15px;
}


/* submit */

.btnSubmit, .btnSubmitGrey  {
	float: left;
	display: block;
	background: transparent url(/img/global/btnSubmitL.gif) no-repeat;	
	padding-left: 10px;
	margin: 5px 0;
	height: 20px;
}

.btnSubmit span, .btnSubmitGrey span {
	display: block;
	background: transparent url(/img/global/btnSubmitR.gif) 100% 0 no-repeat;	
	padding: 4px 10px 4px 0;
	color: #fff;
}

.btnSubmit:hover,
.btnSubmitGrey:hover
	{ background-position: 0 -40px;
          cursor: pointer;}
	
.btnSubmit:hover span, 
.btnSubmitGrey:hover span
	{ background-position: 100% -40px; }


/* grey submit */

.btnSubmitGrey {
	background: transparent url(/img/global/btnGreySubmitL.gif) no-repeat;	
}

.btnSubmitGrey span { 
	background: transparent url(/img/global/btnGreySubmitR.gif) 100% 0 no-repeat; 
}



/* FORMS
---------------------------------------------------------- */

label {
	display: block;
	float: left;
	width: 110px;
	padding: 3px 0;
	margin-right: 5px;
}

label.blockLabel {
	float: none;
	width: auto;
	padding: 0;
}

textarea {
	width: 280px;
	height: 75px;
	float: left;
}

.txtField {
	width: 150px;
	margin-bottom: 5px;
	float: left;
}

select {
	margin: 0 5px 5px 0;
	float: left;
}

form .btnSubmit {
	margin-left: 100px;
}

.formInstruction {
	display: block;
	color: #999;
}

form p.alignLeft {
	margin: 5px 0 0 5px;
}


/* HIGHLIGHT BOX
---------------------------------------------------------- */

.highlightBox {
	background: #efefef;
	padding: 10px 25px;
	float: left;
	margin-bottom: 30px;
}

.highlightBox h2 {
	color: #b70072;
	font-size: 16px;
}

.highlightBox h3 {
	color: #666;
}

.highlightBox p {
	color: #999;
	font-size: 10px;
}

.highlightBox p.req {
	color: #b70072;
}

.highlightBox dl dt {
	float: left;
	width: 50%;
	font-weight: normal;
	margin: .5em 0;
	color: #b70072;
	font-size: 16px;
}

.highlightBox dl dd {
	color: #999;
	font-size: 10px;
	margin: .5em 0;
	clear: both;
}

.highlightBox dl dd.amount {
	width: 40%;
	color: #666;
	font-size: 12px;
	float: right;
	text-align: right;
	clear: none;
	padding: 4px 0 0;
}

.highlightBox .bottomRule {
	background: transparent url(/img/checkout/highlightBoxBorder.gif) bottom left repeat-x;
	padding: 0 25px 15px;
	margin: 0 -25px;
}

.highlightBox .btnSubmit {
	margin-top: 5px;
	margin-bottom: 5px;
}

.leftCol .highlightBox {
	margin: 0 0 15px;
	padding: 15px;
}

.leftCol .highlightBox p {
	color: #333;
	margin: 0;
}

/* MODAL WINDOWS
---------------------------------------------------------- */

.modalWindow {
	text-align: left;
	padding: 15px 40px 30px;
	margin: 4px;
	border: 1px solid #b4b4b4;
}

.modalWindow h1 {
	margin-top: .5em;
}

.modalWindow p {
	font-size: 12px;
}

.modalWindow form p.req, .modalWindow .finePrint {
	clear: both;
	font-size: 10px;
	padding-left: 70px;
	line-height: 1.3em;
	margin-bottom: 5px;
}

.modalWindow form label {
	width: 70px;
	margin-right: 0;
}

.modalWindow form .btnSubmit {
	margin-left: 70px;
}

/* GENERAL ADMIN BOX
---------------------------------------------------------- */

.adminBox {
	background: #fff;
	border: 3px solid #d589af;
	width: 380px;
	margin: 10px 0 0 0;
	float: left;
}

.adminBox div {
	border: 1px solid #b70072;
	width: 348px;
	padding: 15px;
	float: left;
	margin: 0;
}

.adminBox div div {
	border: 0;
	width: auto;
	padding: 5px 0;
	float: none;
}

.adminBox h2 {
	color: #b70072;
	margin-top: 0;
}

/* BELLA ADMIN BOX
---------------------------------------------------------- */

.bellaAdmin {
	border: 3px solid #5d83c1;
}

.bellaAdmin div {
	border: 1px solid #335791;
}

.adminBox h2 {
	color: #335791;
}

/* ORDER SUMMARY
---------------------------------------------------------- */

	 /* Summary table */

.summaryTable {
	clear: both;
	width: 700px;
}

.summaryTable th , .summaryTable td {
	padding: 10px 14px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.summaryTable th {
	background-color: #ccc;
}

.summaryTable td {
	background: #eeeeee;
}

.summaryTable td.adminCell {
	background: #eeafce;
	font-size: 13px;
	padding: 6px 14px;
}

.summaryTable td.adminCell .finePrint{
	margin-top: 2px;
}

.summaryTable td.thumbCell {
	padding: 10px 5px;
	width: 110px;
}

.summaryTable td.thumbCell td {
	border: 0;
	padding: 0;
	width: 100px;
	height: auto;
}

	 /* Thumbnails */

.summaryTable .thumb span {
	background: transparent;
	text-align: center;
	padding: 0 0 5px;
}

	 /* List */

.summaryTable ul {
	list-style: none;
	margin: .5em 0;
	padding: 0;
}

.summaryTable ul li {
	margin: 0;
	padding: 0 1em;
	background: transparent url(/img/global/bullet.gif) 0 .6em no-repeat;
}

	 /* Order total summary */

.orderTotalSummary {
	background: transparent url(/img/global/dotsHoriz.gif) bottom left repeat-x;
	margin: 10px 0;
	padding: 0 0 10px;
	float: right;
	width: 300px;
}

.orderTotalSummary .dottedRuleTop {
	padding-top: 10px;
}

.orderTotalSummary h1 {
	color: #b70072;
	font-size: 18px;
	float: right;
	margin: 0 1em;
}

.orderTotalSummary h1 span {
	color: #333;
	font-size: 18px;
}

.orderTotalSummary h2  {
	text-align: right;
	padding: 10px 0 0;
	margin-bottom: 0;
}

.orderTotalSummary table  {
	border-collapse: collapse;
	width: 300px;
}

.orderTotalSummary table th, .orderTotalSummary table td {
	text-align: right;
	padding: 2px 20px 2px 0;
	font-weight: bold;
}

.orderTotalSummary table th {
	font-weight: normal;
	width: 190px;
}

.orderTotalSummary table td.dottedRuleTop {
	background: transparent url(/img/global/dotsHoriz.gif) 0 10px repeat-x;
}

.orderTotalSummary table tr.totalCells th, .orderTotalSummary table tr.totalCells td {
	font-size: 16px;
}

.longSub {
	width: 700px;
}

.longSub table  {
	float: right;
}



/* FOOTER
---------------------------------------------------------- */

#footer  {
	clear: both;
	width: 990px;
	background: #b0b4b9 url(/img/global/bgBottom.jpg) top center no-repeat;
	text-align: center;
	padding: 15px 0;
}

#footer ul {
	margin: 0;
}

#footer ul li {
	margin: 0;
	padding: 0 5px 0 0;
	list-style: none;
	display: inline;
	background: transparent;
}

#footer ul li a {
	color: #fff;
	padding: 0 0 0 6px;
	text-decoration: none;
	border-left: 1px solid #333;
}

#footer ul li a:hover, #credit:hover {
	color: #333;
}


/* LIGHTBOX STYLES
---------------------------------------------------------- */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/img/global/overlay.png); }