﻿body
{
    margin:0;
    padding:0;
    background:#afaf97;
    font:400 12px Arial, Tahoma;
    behavior: url(css/csshover.htc);/* This is for IE hover over <li> tags */
}
ul,ol,li,p{margin:0; padding:0; position:relative;}
#stateBox div{position: static;}
ul{padding:0 0 0 20px;}
a,a:visited{text-decoration:none; color:#7b7c7e;}
a:hover{text-decoration:underline;color:#7b7c7e;}
dt,dd{margin:0 0 5px; padding:0;}
dl{margin:0 0 15px;}
dt{font-weight:700; text-decoration:underline;}
img{border:0;}
p{margin:0 0 15px; line-height:17px; color:#3f2707;}
/* Common Classes */
.replace {display: block; text-indent: -10000px; line-height: 0; outline: none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.bold{font-weight:700;}
.italic{font-style:italic;}

/* used for default.aspx if person came from old site and was redirected to new site */
.OldSite { border: 3px solid #8f8f6b; background-color: #f0f8ff; padding: 15px; font-size: 15px;}
.OldSite h1 {font-size: 20px;}

.dividerImg
{
    width:100%;
    height:69px;
    background:url(../images/dividerImg.png) no-repeat 50% 0;
    margin:0 0 15px;
}
/* end Common Classes */
/* Body Wrap */

#wrap
{
    min-height:420px;
    width:894px;
    padding:0 45px;
    margin:0 auto;
    background:url(../images/wrapBG.png) repeat-y 0 0;
    overflow:hidden;
    height:100%;
    z-index:0;
}
* html #wrap{height:420px;}
#wrapTop
{
    height:24px;
    width:984px;
    background:url(../images/wrapTop.png) no-repeat 0 0;
    margin:10px auto 0;
}
#wrapBottom
{
    height:24px;
    width:984px;
    background:url(../images/wrapBottom.png) no-repeat 0 0;
    margin:0 auto 10px;
}
/* end Body Wrap */
/* Header Area 
#header
{
    height:32px;
    width:894px;
}
#headerNav
{
    width:756px;
    height:32px;
    top:0;
    right:0;
    position:absolute;
}
#headerNav ul{float:right; list-style:none; padding:0;}
#headerNav ul li{float:left; padding:0 0 0 22px;}
#headerNav a, #headerNav a:visited, #headerNav a:hover,
#header a, #header a:visited, #header a:hover{color:#7b7c7e; font-size:11px;}
 end Header Area */
 
 /* Header Area */
#header
{
    height:32px;
    width:894px;
    position:relative;
    
}
#headerNav
{
    width:456px;
    height:32px;
    top:0;
    right:0;
    position:absolute;
}
#headerNav ul{float:right; list-style:none; padding:0;}
#headerNav ul li{float:left; padding:0 0 0 22px;}
#headerNav a, #headerNav a:visited, #headerNav a:hover,
#header a, #header a:visited, #header a:hover{color:#7b7c7e; font-size:11px;}
/* end Header Area */
/* Navigation */
#nav
{
    height:94px;
    width:894px;
    background:url(../images/navBG.jpg) repeat-x 0 0;
    z-index:1;
     position:relative;
}
#nav ul{float:left; list-style:none; padding:0; z-index:9999;}
#nav ul li
{
    height:70px;
    float:left; 
    padding:24px 0 0;
    text-align:center;
}
#nav ul li.logo{padding:0;}
#nav ul li.itemFirst
{
    width:99px;
    background:url(../images/navItemFirstBG.png) no-repeat 0 0;
}
#nav ul li.item
{
    width:99px;
    background:url(../images/navItemBG.png) no-repeat 0 0;
}
#nav ul li.itemLast
{
    width:167px;
    background:url(../images/navItemLastBG.png) no-repeat 0 0;
}
#nav ul li a, #nav ul li a:visited, #nav ul li a:hover
{
    color:#8f8f6b; 
    font-size:14px;
    font-family:"Street Corner Thin", Arial, Tahoma;
}
#nav ul li.itemFirst ul, #nav ul li.item ul{display:none;}
#nav ul li.itemFirst:hover ul, #nav ul li.item:hover ul
{
    width:99px;
    top:90px;
    position:absolute;
    display:block;
    z-index:9999;
    float:none;
    background:#c2c2ad;
}
* html #nav ul li.itemFirst:hover ul, * html #nav ul li.item:hover ul{left:0;}
*:first-child+html #nav ul li.itemFirst:hover ul, *:first-child+html #nav ul li.item:hover ul{left:0;}
#nav ul li.itemFirst ul li, #nav ul li.item ul li
{
    height:20px;
    padding:2px 0;
    float:none;
    text-align:center;
    border-bottom:solid 1px #e6e6de;
}
#nav ul li.itemFirst ul li a, #nav ul li.item ul li a
{
    font-size:11px;
    color:#404003;
}
#nav ul li.itemFirst ul li:hover, #nav ul li.item ul li:hover
{
    background:#8f8f6b;
}
#nav ul li.itemFirst ul li:hover a, #nav ul li.item ul li:hover a,
#nav ul li.itemFirst ul li a:hover, #nav ul li.item ul li a:hover
{
    color:#fff !important;
}
#PrevCategory a:hover, #PrevCategory a:visited, #PrevCategory a, #PrevCategory:hover a
{
    color:#fff !important;
}
#NextCategory a:hover, #NextCategory a:visited, #NextCategory a, #NextCategory:hover a
{
    color:#fff !important;
}
#nav ul li.itemFirst:hover, #nav ul li.item:hover
{
    background-image:none;
    background-color:#c2c2ad;
}
#nav ul li.itemFirst:hover a, #nav ul li.item:hover a{color:#404003 !important;}
#logo, .logo
{
    height:94px;
    width:213px;
    background:url(../images/logo.png) no-repeat 0 0;
}
#cricutusers
{
    height:16px;
    width:113px;
    background:#8f8f6b;
    display:block;
    color:#fff !important;
    padding:9px 0;
    margin:7px auto;
    text-align:center;
}
/* end Navigation */
/* search Area */
#searchArea
{
    width:894px;
    height:64px;
    background:url(../images/tagline.png) no-repeat 0 0;
    z-index:0;
     position:relative;
}
#login, .login
{
    top:5px;
    right:0;
    position:absolute;
}
#searchBxArea
{
    width:245px;
    height:23px;
    bottom:5px;
    right:0;
    position:absolute;
    padding:6px 0 0;
}
#searchBx
{
    width:189px;
    height:23px;
    top:0; 
    right:0;
    position:absolute;
}
#searchBxLeft
{
    height:23px;
    width:5px;
    background:url(../images/searchBxLeft.png) no-repeat 0 0;
    float:left;
}
#searchBxRight
{
    height:23px;
    width:5px;
    background:url(../images/searchBxRight.png) no-repeat 0 0;
    float:left;
}
#searchBxBody
{
    height:17px;
    width:179px;
    background:url(../images/searchBxBody.png) repeat-x 0 0;
    float:left;
    margin:0;
    padding:3px 0;
    position:relative;
    border:0;
}
.searchBxBody
{
    height:17px;
    width:149px;
    background:url(../images/searchBxBody.png) repeat-x 0 0;
    float:left;
    margin:0;
    padding:3px 0;
    position:relative;
    border:0;
}
/* end search Area */
/* Content Area */
#content
{
    width:894px;
    min-height:150px;
    background:url(../images/contentBG.jpg) no-repeat 0 0 ;
    z-index:0;
}
* html #content{height:150px;}
/* end Content */
/* Footer Area */
#footer
{
    /*width:894px;*/
    width:870px;
    height:155px;
    padding:0 25px;
    font-size:11px;
    background:url(../images/footerImg.png) no-repeat 100% 100%;
    padding: 0 10px;
    clear: left;
     position:relative;
}
.copy
{
    bottom:0;
    left:5px;
    position:absolute;
    width:100%;
    height:45px;
    color:#7b7c7e;
}
.testinmonial
{
    width:370px;
    color:#8f8f6b;
    font-size:20px;
    font-family:"Street Corner Oblique", Arial, Tahoma;
    font-style:italic;
    float:right;
}
.testinmonial span{font-size:12px;font-style:italic;}
#footerNav{width:500px; float:left;}
#footerNav ul{float:left; list-style:none; padding:0;}
#footerNav ul li{float:left;}
#footerNav ul li ul
{
    float:left; 
    list-style:none; 
    padding:5px 5px 5px 0;
    margin:0 10px 0 0; 
    border-right:solid 1px #eaebe6;
}
#footerNav ul li ul li{float:none; margin:0 0 3px;}
#footerNav a, #footerNav a:visited, #footerNav a:hover{font-size:11px; color:#7b7c7e;}
/* end Footer Area */
/* large Box Class */
.largeBx
{
    min-height:100px;
    width:894px;
    margin:0 auto 0px;
    z-index:0;
}
* html .largeBx{height:100px;}
.largeBxTop
{
    height:25px;
    width:894px;
   /* background:url(../images/largeBxTop.png) no-repeat 0 0; */
}
.largeBxBottom
{
    height:25px;
    width:894px;
  /*  background:url(../images/largeBxBottom.png) no-repeat 0 0; */
}
.largeBxBody
{
    min-height:50px;
    width:874px;
    /*background:url(../images/largeBxBody.png) no-repeat 0 0;*/

/*    padding:0 15px; */
}
* html .largeBxBody{height:50px;}
/* end large Box Class */
/* small Box Class */
.smallBx
{
    min-height:100px;
    width:270px;
    margin:0; /*auto 0; 15px;*/
    z-index:0;
}
* html .smallBx{height:100px;}
.smallBxTop
{
    height:0px;
    width:270px;
    /* background:url(../images/smallBxTop.png) no-repeat 0 0; */
}
.smallBxBottom
{
    height:29px;
    width:270px;
   /* background:url(../images/smallBxBottom.png) no-repeat 0 0; */
}
.smallBxBody
{
    min-height:42px;
    width:260px;
  /*  background:url(../images/smallBxBody.png) no-repeat 0 0; */
    padding:0; /* 5px; */
}
* html .smallBxBody{height:42px;}
.affiliateBadge
{
    height:62px;
    width:69px;
    top:-5px;
    left:-7px;
    position:absolute;
    background:url(../images/affiliateBadge.png) no-repeat 0 0;
    z-index:9999;
}
/* end small Box Class */
/* threeColms Area */
.threeColms
{
    width:894px;
    min-height:100px;
    text-align:center;
    margin-left:30px; 
    float:left;
    padding-left:0px;
}
* html .threeColms{height:100px;}
.threeColms1
{
    width:282px;
    min-height:100px;
    float:left;
    text-align:center;
    margin-left:0;
}

* html .threeColms1{height:100px;}
/* end threeColms Area */
#readSection
{
    width:883px;
    height:41px;
    margin:0 auto 15px;
    background:url(../images/readSection.png) no-repeat 0 0;
}
#readSection a{color:#fff; font-size:20px;font-family:"Street Corner Oblique", Arial, Tahoma;}
#readSection1
{
    width:345px;
    float:left;
    text-align:center;
    padding:7px 0 0;
}
#readSection2
{
    width:209px;
    float:left;
    text-align:center;
    padding:7px 0 7px 0;
    /* background: #C12331; */
}
#readSection3
{
    width:328px;
    float:left;
    text-align:center;
    padding:7px 0 0;
}

.thumbOuter
{
    text-align: center; 
    margin-right: 50px; 
    margin-bottom: 10px; 
    margin-top:10px;
}
.thumbInner
{
    text-align: center; 
    border:1px dotted #696969; 
    padding-left:10px; 
    padding-top:10px; 
    padding-right:5px;
}



img
{
	border-style: none;
}

.itemStyle, .altItemStyle
{
	border-style: solid;
	border-width: 1px;
	border-color: #ccc #333333 #333333 #ccc;
	float: left;
	display: block;
	width: 180px;
	padding: 10px;
	font-size: 9px;
	overflow: visible;
	height: 200px;
	margin:5px;
}

.itemAllStyle, .altItemAllStyle
{
	border-style: solid;
	border-width: 1px;
	border-color: #ccc #333333 #333333 #ccc;
	float: left;
	/*display: block;*/
	display:inline;
    width:95%;
	padding: 10px;
	font-size: 9px;
	overflow: visible;
	
	/*margin:5px;*/
}

.itemStyleWrapper, .altItemStyleWrapper
{
	
	margin:5px;
	
	
	float:none;
	
}

.itemSeperator
{
	float: left;
	display: block;
	padding-right: 1px;
	border-left-style: none;
	border-left-width: 1px;
	border-left-color: #666699;
	height: 10px;
}

.altItemStyle
{
	background-color: #eee;
}

.groupSeperator
{
	clear: left;
	margin-bottom: 1px;
	border-top-style: none;
	border-top-width: 1px;
	border-top-color: #666699;
}

.layoutRegion
{
	background-color:White;
}

.headingRegion, .headingRegion a, .headingRegion a:visited
{
	background-color: #666666;
	color: #FFFFFF;
	font-size: medium;
	font-weight: bold;
	padding:5px;
}

.subHeading
{
	font-size: small;
}

.photoHeading
{
	font-size: large;
	font-weight: bold;
}

.pagerRegion
{
	clear: left;
	background: #959C98;
	/* background-color: #999999; */
	padding: 15px;
	height: 15px;
	
}

.pagerBtn 
{
	font-family:Verdana,Arial;
	font-size:11pt;
   /* font-weight:bold; */
}

.currentPagerBtn 
{
	font-family:Verdana,Arial;
	font-size:14pt;
    font-weight:bold;
}

.footerRegion
{
	background-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FFFFFF;
	text-align: right;
	padding: 4px;
}



#leftColumn
{
    float:left;
    width:40%;
    height:550px;
	padding-right:35px;
}

#leftColumn2
{
    /*float:left;*/
    width:100%;
   /* height:550px;*/
}

#rightColumn
{
    margin-left:50%; 
    width:50%;
	height:550px;
	padding-left:15px;
}

.copyRightBold
{
    color:#A62A2A; /*5C4033;*/
    
}
.copyRightOther
{
    color:#C0C0C0;
}

.signUpText
{
    color:#545454;
    font-weight:normal;
}


#rightColumn2
{
    margin-left:50%; 
    width:50%;
    background-color: #8f8f6b;
    color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	vertical-align:text-top;
	height:550px;
	padding-left:15px;
}


#leftContent
{
    float:left;
    width:47%;
    height:100%;
}
#rightContent
{
    margin-left:50%; 
    width:47%;
    /*background-color: #8f8f6b;
color: #FFFFFF; vertical-align:top;*/


	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	
	height:100%;
}

.contactTableRowLabel
{
    /* text-align: right;
    vertical-align: baseline; */
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
    padding-top: 4px;
    color: #FFFFFF;
    font-size: 10pt;
}

.contactTableHeaderLabel
{
    border-bottom: #dcdcdc 1px dotted;
    color: #FFFFFF;
    font-size: 12pt;
    padding-bottom: 5px;
    padding-left: 5px;
    font-weight:bold;
    margin-bottom: 4px;
}

.TableRowLabel
{
    /* text-align: right;
    vertical-align: baseline; */
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
    padding-top: 4px;
  
    font-size: 10pt;
}

.TableHeaderLabel
{
    border-bottom: #dcdcdc 1px dotted;
    
    font-size: 12pt;
    padding-bottom: 5px;
    font-weight:bold;
    margin-bottom: 4px;
}
.WishListButtons {cursor: pointer; background-color: #C12331; border: solid 2px #8F8F6B; color: #fff; font-size: 12px; padding: 2px;}
.WishListButtons:hover {background-color: #8F8F6B; border: solid 2px #C12331}
