/*
 * @name		SEO Template
 * @copyright	Copyright (C) 2009 Get Page One. All rights reserved.
 * @license		Commercial
 *
 * Starter template for SEO designs
 * 1, 2, or 3 column layout
 * Delete CUSTOM LAYOUT STYLES
 */

/* DEFAULT ELEMENTS */
* { padding: 0px; margin: 0px; }
body { text-align: center; margin: 10px; color: #404040; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
a span { cursor: pointer; }
fieldset { padding: 15px; margin: 10px; }
h1, h2 { color: #9CC5C9; padding: 10px 0px; font-size: 20px; font-weight: normal; }
h2 { font-size: 16px; }
h3, h4, h5, h6 { padding: 6px 0px; font-size: 14px; }
legend { padding: 0px 15px; }
ol, ul { padding-left: 40px; }
p { padding: 8px 0px; }
/* END DEFAULT ELEMENTS */

/* DEFAULT CLASSES */
.clear { clear: both; height: 1px; overflow: hidden; }
.divider { padding-top: 15px; margin-bottom: 15px; clear: both; height: 1px; overflow: hidden; border-bottom: 1px dashed #A5A5A5; }
.house_head { font-weight: bold; }
/* END DEFAULT CLASSES */

/* LAYOUT */
#stationary { padding-top: 20px; background: url('../images/stationary.png') no-repeat top left; width: 988px; margin: auto; }

#stationary.full #invitations { width: 760px; float: right; }
#stationary.left #invitations { width: 710px; float: right; }

#stationary.full #paper { width: 560px; float: left; }
#stationary.right #paper { width: 665px; float: left;}
#paper { padding-top: 40px; position: relative; }
#paper.nocrumb { padding: 0px; }
#paper .breadcrumbs { position: absolute; top: 10px; left: 0px; }

#right { width: 225px; float: right; }

#left { width: 148px; float: left;  }
#left .gifts { padding: 15px 0px; }

#cards { width: 960px; position: absolute; top: 0px; left: 14px; }
#cards .account { text-transform: lowercase; position: absolute; top: 25px; right: 30px; font-size: 11px; color: #404040; }
#cards .account a { color: #404040; }
/* END LAYOUT */

/* IE LAYOUT HACKS */
/* END IE LAYOUT HACKS */

/* HEADER POSITIONING */
/* END HEADER POSITIONING */

/* OS STYLES */
.button, .back, .continue { font-weight: normal; text-align: right; line-height: 17px; padding: 6px 30px 6px 7px; height: 19px; width: 109px; display: block; cursor: pointer; text-decoration: none; color: #333333; background: url('../images/continue.gif') no-repeat top left; border: 0px; font-size: 11px; color: #555555; }
.button:hover, .back:hover, .continue:hover { color: #407A80; }
input.back,
input.button,
input.continue { letter-spacing: -1px; padding-top: 3px; height: 31px; width: 145px; }

.button, .back { float: left; }
.back { padding: 6px 7px 6px 30px; background: url('../images/back.gif') no-repeat top left; text-align: left; }
input.back { padding: 3px 12px 6px 25px; }
.continue { float: right; }
.button:hover, .back:hover, .continue:hover { text-decoration: none; }

#custom { background: url('../images/custom.png') no-repeat bottom left; padding-bottom: 20px; }
#fine { background: url('../images/fine.png') repeat-y top left; position: relative; }
#supplies { width: 900px; margin: auto; text-align: left; padding-top: 140px; }

#paper .cell { overflow: hidden; padding: 10px 0px; float: left; text-align: center; }
#paper .cell .subtitle { display: block; }
.button.auto,
#paper .cell .subtitle .button { line-height: 25px; display: inline; float: none; margin: 0px; }
#paper .module { margin-top: 15px; }
#paper .product { padding-bottom: 15px; }
#paper .product .divider { border-color: #9CC5C9; }
#paper .product .info { width: 350px; float: left; }
#paper .product .info p { padding: 0px; margin: 0px; }
#paper .product .info .details,
#paper .product .info .image { border: 1px solid #A5A5A5; padding: 10px; }
#paper .product .info .details { margin-top: 15px; }
#paper .product .info .data,
#paper .product .info .label { margin-top: 0px; }
#paper .product .info .divider { padding: 5px 0px 0px 0px; margin: 0px 0px 5px 0px; }
#paper .product .options { border: 1px solid #A5A5A5; width: 315px; float: right; padding: 15px; }
#paper .product .options h1 { color: #9CC5C9; padding: 0px; font-weight: normal; } 
#paper .product .label { text-align: right; margin-top: 10px; width: 40%; clear: both; float: left; }
#paper .product h3.label { font-size: 12px; font-weight: normal; padding: 0px; }
#paper .product .data { width: 55%; float: right; margin-top: 10px; }
#paper .product .data select,
#paper .product .data textarea { width: 95%; }

#paper .navigation { padding-top: 15px; }

#paper table.osData,
#paper table.osList { margin: 10px 0px; width: 100%; border: 1px solid #CCCCCC; }
#paper table.osData.auto,
#paper table.osList.auto { width: auto; }
#paper table.osData th,
#paper table.osList th { padding: 2px 4px; background: #F0F0F0; border: 1px solid #AAAAAA; }
#paper table.osData td,
#paper table.osList td { padding: 2px 4px; border: 1px solid #F0F0F0; }
#paper table.osData tr.even td,
#paper table.osList tr.even td { background: #F5F5F5; }
#paper table.osList tfoot td { font-weight: bold; }

#paper .checkout_bar { margin-top: 15px; height: 11px; width: 100%; background: url('../images/bar.gif') no-repeat center center; }
#paper .checkout_meter { padding-left: 6px; height: 11px; background: url('../images/bullet.gif') no-repeat top right; float: left; }
#paper .checkout_status span { width: 25%; float: left; text-align: center; display: block; }

#left .module, #right .module { margin-bottom: 15px; }
/* END OS STYLES */

/* CUSTOM LAYOUT STYLES */
.gifts { padding: 10px; }
body { background: url('../images/body.jpg') repeat top left; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 12px; }
body.popup { margin: 0px; text-align: left; }
td { font-size: 12px; }
a { color: #407A80; }

#cards { height: 130px; background: url('../images/cards.gif') no-repeat 0px 50px;}
#cards .logo { position: absolute; top: 27px; left: 30px; }

#paper { text-align: left; }

#paper .home .top_category { width: 665px; margin-bottom: 10px; color: #808080; border: 1px solid; overflow: hidden; height: 148px; background: url('../images/top_category.jpg') no-repeat top left; }
#paper .home .top_category .info { padding: 15px 30px 0px 10px; float: left; width: 128px; text-align: left; }
#paper .home .top_category .info h2 { font-size: 16px; font-weight: normal; padding: 0px; }
#paper .home .top_category .info h2 a { color: #404040; }
#paper .home .top_category .info p { color: #404040; line-height: 14px; padding: 5px 0px; font-size: 10px; }
#paper .home .top_category .cell { float: left; width: 140px; }
#paper .home .top_category .cell .image { height: 110px; line-height: 110px; }
#paper .home .top_category .cell .image img { vertical-align: middle; }
#paper .home .top_category .more { padding: 12px 0px; width: 70px; float: right; }
#paper .home .top_category .more a { height: 124px; display: block; text-align: center; line-height: 124px; border-left: 1px solid #808080; }
#paper .gifts { padding: 0px; }

#paper .page .content { width: 625px; float: right; }
#paper .page .image { text-align: left; float: left; }
#paper .page .divider { border-style: dashed; border-width: 1px 0px; border-color: #AAAAAA; padding-top: 5px; }

#right, #left {  }
#right a, #left a {  }

#right ul, #left ul { list-style-type: none; padding-left: 15px; }
#right .gifts { padding: 0px; }

#right .silver_papery { margin-bottom: 10px; position: relative; color: #FFFFFF; height: 388px; background: url('../images/hp_weddings_specialty.jpg') no-repeat top left; }
#right .silver_papery .intro { position: absolute; width: 225px; top: 140px; text-align: center; left: 0px; }
#right .silver_papery .text { width: 205px; position: absolute; top: 240px; left: 10px; text-align: center;}
#right .silver_papery a { color: #FFFFFF; }
#right .module { margin-bottom: 10px; background: url('../images/module.jpg') no-repeat bottom left; }
#right .module h2 { color: #404040; line-height: 34px; text-align: center; height: 36px; font-size: 12px; padding: 0px; background: url('../images/module.header.jpg') no-repeat top left; }
#right .module .article { line-height: 15px; padding: 15px; }
#right .module .article a { color: #404040; font-size: 14px; }

#left ul.categories { font-size: 12px; border: solid #A3A5A0; border-width: 1px 0px 1px 1px; padding: 0px; margin: 0px; text-align: right; background: #C9E1E4; }
#left ul.categories h1 { padding: 0px; font-size: 12px; font-weight: normal; color: #FFFFFF; height: 33px; line-height: 33px; background: url('../images/parent.gif') repeat-x top left; text-align: center; }
#left ul.categories li { position: relative; display: block; }
#left ul.categories li a { color: #252525; display: block; padding: 0px 12px; border-right: 1px solid #A3A5A0; }
#left ul.categories li a span { display: block; height: 36px; line-height: 36px; border-bottom: 1px dashed #B3C7C9; } 
#left ul.categories li.active a,
#left ul.categories li a:hover { border-color: #FFFFFF; text-decoration: none; background: url('../images/active.gif') repeat-y top right; }
#left ul.categories li h1 a:hover { background: transparent; border: 0px; }
#left ul.categories li.last a span { border: 0px; }
#left ul.categories ul { display: none; padding: 0px; border: 1px solid #C9E1E4; text-align: left; position: absolute; top: -1px; left: 147px; background: #A3A5A0; }
#left ul.categories li.active ul a,
#left ul.categories ul a { padding: 0px 12px; white-space: nowrap; color: #000000; background: none; border: 0px; }
#left ul.categories ul a span { padding: 0px 12px; }
#left ul.categories li.active ul a:hover,
#left ul.categories ul a:hover { background: #C9E1E4; }
#left ul.categories li.last ul li a span { border-bottom: 1px dashed #B3C7C9; }
#left ul.categories li.last ul li.last a span { border-bottom: 0px; }

#wedding { color: #666666; font-size: 10px; text-align: center; position:relative; }
#wedding div { padding: 0px 0px 8px 0px; }
#wedding .menu { text-transform: lowercase; color: #407A80; }

#security-icon { position:absolute; top:25px; left:5px; }

#cards .menu ul { line-height: 35px; list-style-type: none; padding: 0px; position: absolute; top: 50px; left: 190px; }
#cards .menu li { display: inline; }
#cards .menu li a { float: left; }
#cards .menu li a .right { color: #252525; display: block; padding: 0px 30px; }
#cards .menu li.active a,
#cards .menu li a:hover { text-decoration: none; background: url('../images/active.jpg') repeat-x top left; }
#cards .menu li.active a .right,
#cards .menu li a:hover .right { display: block; background: url('../images/active.right.jpg') no-repeat top right; }
#cards .menu li.active a .left,
#cards .menu li a:hover .left { display: block; background: url('../images/active.left.jpg') no-repeat top left; }

#cards .search { position: absolute; bottom: 0px; right: 30px; height: 32px; width: 600px; background: url('../images/search.jpg') no-repeat bottom right; }
#cards .search .input { font-size: 12px; position: absolute; top: 10px; right: 58px; border: 0px; background: transparent; height: 15px; width: 156px;  }
#cards .search .go { margin: 0px; padding: 0px; position: absolute; top: 6px; right: 6px; height: 20px; color: #FFFFFF; width: 40px; border: 1px solid; background: #5B969B; text-transform: uppercase; }

.module.center .content { text-align: center; }
.image { text-align: center; }

span.productSpecialPrice { font-weight: bold; }

* html #stationary { background: url('../images/stationary.jpg') no-repeat top center; }
* html #fine { background: url('../images/fine.gif') repeat-y center center; }
* html #custom { background: url('../images/custom.jpg') no-repeat bottom center; }

* html #left ul.categories li { zoom: 1; display: inline; }
* html #left ul.categories li ul { zoom: 1; }

* html input.back { padding: 6px 7px 6px 30px; letter-spacing: 1px; }
* html input.button,
* html input.continue { padding-top: 6px; letter-spacing: 1px; }
*+html input.back { padding: 6px 7px 6px 30px; letter-spacing: 1px; }
*+html input.button,
*+html input.continue { padding-top: 6px; letter-spacing: 1px; }
* html #paper .checkout_bar { background-position: 85px 3px; }

#paper .checkout_status { width: 101%; }

div { zoom: 1; }

/* BRAND BOX */
#brand-box {
	padding:14px 0 20px 0;
}
#brand-box div {
	width:685px;
	height:392px;
	background:url('/images/brand_logo_bg_main_panel.gif') transparent 0 0 no-repeat;
}
#brand-box ul {
	list-style:none;
	margin:0;
	padding:22px 240px 0 19px;
}
#brand-box ul li {
	float:left;
	margin:0;
	padding:0;
}
#brand-box p {
	display:none;
}

/* END CUSTOM LAYOUT STYLES */