/* CSS Document */
html, body{
	margin: 0;
	padding: 0;
}

body
{
	font: 12px Arial, Helvetica, sans-serif;
	padding: 15px;
	text-align: center;
	color: #666;
    background:#E2EFC6 url(../images/bg.png) 100% repeat-x;
    background-position:top;
}

a
{
	color: #c60651;
	text-decoration: none;
}

a:hover
{
	color: #c60651;
	text-decoration: underline;
}
/* Clearfix */
* html .clearfix {
	height: 1%; /* IE5-6 */
}

.clearfix {
	display: inline-block; /* IE7xhtml*/
        z-index: -5;
}

html[xmlns] .clearfix { /* O */
	display: block;  
}

.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#wrapper
{
	width: 893px;
	margin:auto;
	text-align: left;
}

.greenText
{
	color: #a5bf76;
}

.darkGreenText
{
	color: #829d52;
}

.redText
{
	color: #c60651;
}

.boldText
{
	font-weight: bold;
}

.noDisplay
{
	display: none;
}


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

#header
{

    margin-bottom:15px;
}




#header ul
{
	list-style: none;
	margin: 0;
	padding:0;
	float: right;
}

#header li
{
	float: left;
	margin: 0;
	padding: 0 10px 0 10px;
	color: #A6BF76;
	border-right: 1px solid #666;
}

#header .last
{
	padding: 0 0 0 10px;
	border-right: 0px none;
}

#header a
{
	color: #A6BF76;
	text-decoration: none;	
}

#header a:hover
{
	color: #000;
	text-decoration: underline;	
}
#site-search{
float:right;
margin-right:18px;
margin-top:10px;
margin-bottom:10px;
}
#site-search label{
text-transform:uppercase;
padding-right:5px;
font-weight:bold;
}
ul#firstmenu{
padding-top:5px!important;
padding-right:18px!important;
}
ul#firstmenu li a{
font-weight:bold;
font-size:11px;
line-height:11px;
}
ul#secondmenu{
padding-right:18px!important;
}
ul#secondmenu li{
padding:0 5px;
}
ul#secondmenu li a{
color:#000;
font-size:11px;
line-height:11px;
}
/* -------- /header -------------- */




/* -------- menu -------------- */

#menu
{
	clear: both;
    height: 26px;
    background:#A6BF76;
    margin:10px 0!important;
    
}

#menu ul{
list-style:none;
}
#menu ul li{
display:inline;
}
#menu ul li a{
color:#fff;
line-height:26px;
padding:0 13px;
font-weight:bold;
border-right:1px solid #FFF;
}
#menu li.last a{
border:none;
}
#menu ul #menuShop a.main,
#menu ul #menuShop a.main:visited

{
	background: url(../images/menu/shopOff.jpg) no-repeat;
}

#menu ul #menuShop a.main:hover,
#menu ul #menuShop a.main:active
{
	background: url(../images/menu/shopOn.jpg) no-repeat;
}

#menu ul #menuStory a.main,
#menu ul #menuStory a.main:visited

{
	background: url(../images/menu/storyOff.jpg) no-repeat;
}

#menu ul #menuStory a.main:hover,
#menu ul #menuStory a.main:active
{
	background: url(../images/menu/storyOn.jpg) no-repeat;
}

#menu ul #menuContact a.main,
#menu ul #menuContact a.main:visited

{
	background: url(../images/menu/contactOff.jpg) no-repeat;
}

#menu ul #menuContact a.main:hover,
#menu ul #menuContact a.main:active
{
	background: url(../images/menu/contactOn.jpg) no-repeat;
}

#menu ul #menuShop a.main#selected
{
	background: url(../images/menu/shopOn.jpg);
}

#menu ul #menuContact a.main#selected 
{
	background: url(../images/menu/contactOn.jpg);
}

#menu ul #menuStory a.main#selected
{
	background: url(../images/menu/storyOn.jpg);
}

.menuSelectBar
{
	height:19px;
	background: #c60651;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
}

/* -------- /menu -------------- */





/* -------- home -------------- */

.homeLeft
{
	width: 525px;
	height: 416px; 
	background: url(../images/homeBack.jpg) no-repeat center center; 
	text-align: center;
	float: left;
}


.homeRight
{
	width: 100px !important;
	height: 364px;
	float: left;
	padding: 50px 0 0 0;
}

/* -------- /home -------------- */

/* -------- main -------------- */
#top-right{

float:right;
width:425px;
}
#top-right #phone{
float:right;
}
#top-left{
float:left;
width:453px;
}
#menu-search{
background:url(../images/top_right.png) no-repeat;
width:330px;
height:93px;
margin-top:10px;
float:right;
}
#main
{
	border:2px solid #CC2063;
        border-bottom-color: #CC2063;
        
        
}

#main .inside{
background:#FFF;
position:relative;
z-index:5;
}
#big-image{
background: no-repeat;  /*(../images/Graduation_Celebration.png)*/
width:889px;
height:275px;
margin:auto;
position:relative;
z-index:5;
}
#checkout-img{
width:227px;
height:38px;
margin-left:600px;
}
#foot-main{
background:url(../images/main_foot_bg.png) no-repeat;
background-position:bottom center;
width:889px;
height:59px;
margin-bottom:-8px;
padding-top: 0px;
z-index: 10;
}
/* -------- /main -------------- */


/* -------- productList ---------- */

.productList
{
	list-style: none;
	margin: 0 0 0 0;
}
.productList li
{
	float: left;
	margin: 0 -1px -1px 0px;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
    border-left: 1px solid #666;
	text-align: center;
	padding: 15px 0 0 0;
	width: 296px;
	height: 249px;
	display: block;
}

.productList li h2
{
	color: #666;
	font-size: 16px; 
	font-weight: normal;
	text-align: center;
	padding: 15px 0 0 0;
	font-family: Arial, helvetica, Verdana;
	text-transform: capitalize;
	letter-spacing: 1px;
}

.productList li img
{
	margin: 20px auto 0 auto;
	display: block;
	border: none;
}

.productList li a
{
	color: #ca0066;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	width: 277px;
	padding: 10px;
	display: block;
}

.supalink
{
	height: 179px;
	width: 184px !important;
	padding: 0px !important;
	margin: 0px auto 20px auto;
	display: block;
}

.supalink:hover
{
	background-position: 0px 178px;
}

.productList li img.personalized
{
	position: absolute;
	z-index: 0;
	float: 0;
	margin: 95px 0 0 37px;
}

.productList li.last
{
	border-right: 0px none;
	border-left: 0px none;
}

.productList li.first
{
	border-right: 0px none;
	border-left: 0px none;

}

/* -------- /productList ---------- */

/* -------- productList ---------- */

.innerProductList
{
	list-style: none;
	padding: 10px;
	clear: both;
	display: block;
	width: 100%;
}

.innerProductList li
{
	float: left;
	width: 250px;
	height: 230px;
	text-align: center;
	margin: 0 0 20px 35px;
}

.innerProductList p.image
{
	height: 170px;
	text-align: center;
}

.innerProductList p.image a
{
	display: block;
	height: 170px;
}

.innerProductList li img
{
	margin: 15px 0 0 0;
	z-index: 5;
}

.innerProductList li p
{
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

.innerProductList li a
{
	text-decoration: underline;
	color: #666;
}

.innerProductList li a:hover
{
	color: #c60651;
}

.personalized
{
	display: block;
	margin: 25px 0 0 0;
}


.pageSel
{
	font-size: 90%;
	padding: 5px 30px 10px 0px;
	clear: both;
	display: block;
	text-align: right;
}

.pageSel select, .pageSel option
{
	padding: 0 0px 0 0px;
	margin: 0 5px 0 5px;
	text-align: left;
}

.pageSel a
{
	color: #666;
	text-decoration:none;
}

.pageSel img
{
	margin: 5px 0 -6px 0;
}

.productDetails
{
	margin: 5px 0 -5px 0;
	padding: 35px 0 0 0;
	clear: both;
}

.productImages h2
{
	color: #666;
	font-weight: bold;
        float: left;
}

.productImages ul
{
	margin: 0 auto;
	width: 80px;
}

.productImages ul li
{
	float: left;
}

.productDescription 
{
	float: left;
	width: 45%;
	padding: 0 15px 0 0;
}

.productDescription h2
{
	font-weight: bold;
}

.productDescription table
{
	width: 100%;
	margin: 35px 0 0 0;
}

.productDescription table th
{
	background: #999999;
	color: white;
	padding: 3px;
}

.productDescription table td
{
	padding: 6px 0 0 0;
}

.productImages
{
	text-align: center;
	width: 50%;
	float: left;
}

/* -------- /productList ---------- */


/* ---------- breadCrumbs --------- */
.breadCrumbs
{
	padding: 20px 15px 30px 15px;
	background: url(../images/smallGreenLine.jpg) no-repeat bottom center;
	height:50px;
}

#green.breadCrumbs
{
	padding: 30px 15px 0px 15px;
	background: none;
	margin: 0 0 -13px 0;
}

.breadCrumbs h2
{
	text-transform:uppercase;
	margin: 0;
	padding: 0;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 2px;
}

#green.breadCrumbs h2
{
	color: #a5bf76;
}

.breadCrumbs a
{
	font-size: 11px;
	text-transform: lowercase;
	color: #666666;
	text-decoration: none;
	letter-spacing: 1px;

}

.breadCrumbs a.currentActive
{
	color: #c60651;
}
/* ---------- /breadCrumbs ---------- */


/* -------- previewImg -------------- */
#previewImg
{	
	margin: 30px 0 0 20px;
	width: 420px;
	text-align: center;
}

#previewImg textarea
{	
	height: 150px; 
	width: 300px ;
	margin: 0 auto;
	padding: 0;
}

#previewImg h2
{	
	background: #a5bf76;
	color: white;
	font-size: 12px;
	clear: both;
	display: block;
	width: 304px !important;
	padding: 0 0 0 0;
	margin: 15px auto 0 auto;
}

#previewImg h3
{
	text-transform:uppercase;
	font-size: 18px;
	font-weight: bold;
}


/* -------- /previewImg -------------- */

/* -------- previewConfirm ---------- */

.previewConfirm
{
	margin: 0 0 0 20px;
}

.previewConfirm label
{
	float: left;
	display: block;
	width: 80px;
	padding: 5px 0 0 40px;
}

.previewConfirm input
{
	margin: 5px 0;
}

.previewConfirm p
{
	margin: 5px 0;
}

/* -------- /previewConfirm --------- */


/* -------- previewTextForm --------- */
#previewTextForm
{
	padding: 25px 0 0 0;
	display: block;
	width: auto;
	height: auto;
	margin: 10px;
}

#previewTextForm .previewText
{
	width: 325px;
	font-size: 16px; 
	line-height: 16px;
	margin: 0;
	padding: 0;
	float: left;
	height:18px;
	border: 2px inset #999;
	border-right: 0px none;
}

#previewTextForm select
{
	font-size: 14px; 
	line-height: 14px;
	width: auto;
	margin: 0;
}

#previewTextForm .submit
{
	width: auto;
}

#previewTextForm .ColorPreview
{
	width: 50px;
}

#previewTextForm label
{
	width: 25px;
	padding: 0px;
	float: left;
	display: block;	
	margin: 2px 0 0 0;
}

#previewTextForm .editText
{
	text-decoration: none;
	color: white;
	font-size: 14px;
	text-transform:uppercase;
	background: #a5bf76;
	text-align: center;
	height: 18px ;
	width: 40px;
	float: left;
	line-height: 18px;
	display: block;
	padding: 0;
	border: 2px inset #999;
	border-left: 0px none;
	font-weight: normal;
}

#previewTextForm .editText:hover
{
	background-color: #86a254;
}

#previewTextForm .sep
{
	clear:both;
	display: block;
	color: white;
	border: 0px none;
	padding: 10px;
}

#previewTextForm .miniSep
{
	clear:both;
	display: block;
	border: 0px none;
	padding: 0px;
}


.paperSubmit
{
	width: 160px;
	height: 37px;
	color: #5b752b;
	font-weight: bold;
	background: url('../images/paperSubmit.jpg') no-repeat center right;
	border: none;
	display: block;
	border-top: 1px solid #666;
	text-align: right;
	padding: 10px 50px 0 80px;
}

.editTextDiv
{
	position: absolute;
	height: 150px;
	margin: 0 0 0 25px;
	background: #a5bf76;
	border:2px solid black;
	clear: both;
}

.fontDrop
{
	position: absolute; 
	margin: 0px 0  0 37px; 
	width: 300px; 
	background: white;
}

.fontDrop a
{
	border: 2px solid white;
	margin: 0;
	paddign: 0;
	display: none;
}

.fontDrop a:hover 
{
	border: 2px solid #c60651;
	margin: 0;
	paddign: 0;
}

.closediv
{
	float: right;
	padding: 0 16px 0 0;
	margin:0 5px 0 0;
	background:url(../images/closeIcon.jpg) right center no-repeat;
}

.closediv a 
{
	text-decoration: none;
	color: #660000;
}
/* -------- /previewTextForm --------- */



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

.greenLine
{
	clear: both;
	width: 100%;
	background:url(../images/greenLine.jpg) bottom left repeat-x;
	height: 40px;
	padding: 0;
	margin: 0 0 0 0;
	border: 0px none;
}

#footer
{
text-align:center;
margin-top:15px;
}
#web-links{
text-align:center;
margin-top:10px;
}
#web-links a{
color:#85AB42;
font-size: 15px;
font-weight:bold;
}
#footmenu{
text-align:center;
margin-top:10px;
}
#copyright
{
	text-align:center;
    margin-top:10px;
}

#footmenu ul
{
	list-style: none;
	margin: 0;


}

#footmenu li
{
    display:inline;
	padding: 0 10px;
	border-right: 1px solid #999;
}

#footmenu .last
{
	border: 0px none;
}

#footmenu a
{
	text-decoration: none;
	color:#85AB42;
    font-size:11px;
}

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

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

.noPadd
{
	padding: 0;
	margin: 0;
}

.previewSubButt
{
	padding: 0 px;
	margin: 0 px;
	width: 397px;
	height: 60px;
	border: 0px none;
	background: url('../images/continue.jpg') top left no-repeat white;
}
/* ---------- left colummn shows up when click on just wedding and brings up circles --------- */
#left-col{
float:left;
width:20%;
background:#F5F5F5;
}
#cate-col{
float:right;
width:100%;
background:#FFF;
}
.productList2
{
	list-style: none;
	margin: 0 0 0 0;
}
.productList2 li
{
	float: left;
	margin: 0 -1px -1px 0px;
	text-align: center;
	padding: 15px 0 0 0;
	width: 297px;
	height: 249px;
	display: block;
}

.productList2 li h2
{
	color: #666;
	font-size: 16px; 
	font-weight: normal;
	text-align: center;
	padding: 15px 0 0 0;
	font-family: Arial, helvetica, Verdana;
	text-transform: capitalize;
	letter-spacing: 1px;
}

.productList2 li img
{
	margin: 20px auto 0 auto;
	display: block;
	border: none;
}

.productList2 li a
{
	color: #ca0066;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	width: 277px;
	padding: 10px;
	display: block;
}
.title-pro{
text-align:center;
font-size:55px;
font-weight:bold;
color:#D8D8D8;
text-transform:uppercase;
margin-top:15px;

}
.title-left{
background:#F5F5F5;
margin-top:10px;
}
#left-menu{
margin-left:35px;
margin-top:10px;
margin-bottom:60px;
}
#left-menu ul{
margin:2px;
}
#left-menu ul li a{
color:#7C7C7C;
font-weight:bold;
}
#left-menu li ul{margin:2px;}
#left-menu ul li ul{margin-left:10px;}
#left-menu li ul li a{font-weight:normal;}