/** selective reset **/
#header ul, #header li, #header h1, #header h2,
#leftside ul, #leftside li, 
#leftside p, #leftside h2, 
#leftside img {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}
#leftside ul, #leftside li, #header ul, #header li {
list-style:none;
}


body {
background-color: #EFF0D0;
font:12px/16px Verdana, Arial, Helvetica, sans-serif;
}

#pagewrapperoutter {
width: 1007px;
margin: 0 auto;
padding: 0 0 10px 0;
background:url(layoutimages/footer-shadow2.gif) bottom right no-repeat;
}
#pagewrapperinner {
padding: 0 9px 0 0;
background:url(layoutimages/side-shadow.gif) top right repeat-y;
}
#page {
background: #a7dee8 url(layoutimages/page_bkg.jpg) top left repeat-x;
padding: 16px;
}


/*********** HEADER ***********/

#header {
background:url(layoutimages/cut-n-crop_header.gif) top left no-repeat;
width: 972px;
height: 164px;
position:relative;
margin-bottom: 18px;
}
#header h1 {
position: absolute;
top: 18px;
left: 14px;
padding: 0;
}
#header h1 a {
display: block;
width: 472px;
height: 134px;
}

#header h2 {
display: block;
background:url(layoutimages/provo_craft-cricut.gif) top left no-repeat;
position: absolute;
width: 208px;
height: 64px;
top: 34px;
right: 34px;
padding: 0;
}

#header ul {
position: absolute;
top: 133px;
right: 30px;
font-size: 12px;
}
#header li {
float: left;
background:url(layoutimages/header-nav_divider.gif) center right no-repeat;
padding: 0 10px;
}
#header li#link_5 {
background: none;
}

#header h2 span,
#header h1 a span {
margin: 0 0 0 -10000px;
}
#header a {
color: #301462;
}



/*********** LEFT SIDE ***********/

#leftside {
width: 162px;
float: left;
}


#leftside .boxheader {
display: block;
width: 162px;
height: 44px;
padding: 0;
}


#leftside .box .noheader {
background: url(layoutimages/leftside_header.gif) top left no-repeat;
padding-top: 44px;
}

#leftside .box  .noheader .inside {
padding: 0 20px;
}


#productcatalog-side {
background:url(layoutimages/product-catalog-left_header.gif) top left no-repeat;
}
#accountoptions-side {
background:url(layoutimages/account-options_header.gif) top left no-repeat;
}
#emailnewsletter-side {
background:url(layoutimages/email-newsletter_header.gif) top left no-repeat;
}
#paymentoptions-side {
background: url(layoutimages/payment-options_header.gif) top left no-repeat;
}

#leftside h2.boxheader span {
margin: 0 0 0 -10000px;
}
#leftside .inside {
padding: 8px 8px 0 8px;
background-color: #fff;
overflow:hidden;
}
#leftside .box {
background:url(layoutimages/left-side_bottom.gif) bottom left no-repeat;
padding-bottom: 40px;
margin-bottom: 15px;
}
#leftside .emailnewsletterbox {
background: url(layoutimages/email-newsletter_bottom.gif) bottom left no-repeat;
padding-bottom: 39px;
}
.emailnewsletterbox form {
margin: 0;
padding: 0;
}


p.miniform {
line-height: 25px;
height: 25px;
padding: 15px 0 10px 0;
}
p.miniform .txt {
width: 60px;
}
p .leftside-btn {
padding-left: 4px;
vertical-align: top;
}





/*********** MAIN ***********/

#maincontent {
width: 795px;
float: right;
}

#maincontent .boxheader {
display: block;
height: 54px;
width: 795px;
padding: 0;
}
#maincontent .fullbox .boxheader span {
margin: 0 0 0 -10000px;
}
.fullbox {
background:url(layoutimages/main_bottom.gif) bottom left no-repeat;
padding-bottom: 45px;
clear: both;
margin-bottom: 20px;
}
.fullbox .noheader {
background: url(layoutimages/fullbox_header.gif) top left no-repeat;
padding-top: 37px;
}
#maincontent .inside {
padding: 20px 20px 0 20px;
background-color: #fff;
}
#maincontent .fullbox .noheader .inside {
padding: 0 20px;
}

#latestnews {
	width: 755px;
	height: 37px;
background:url(layoutimages/latest-news_header.gif) top left no-repeat;
margin: 0 0 10px 0;
padding: 0;
}
#latestnews span {
	margin: 0 0 0 -10000px;
}
#testimonial {
background:url(layoutimages/testimonial_header.gif) top left no-repeat;
}

.left {
text-align: left;
}


.halfbox {
width: 389px;
background:url(layoutimages/halfbox_bottom.gif) bottom left no-repeat;
padding-bottom: 44px;
margin: 15px 0;
}
.halfbox.left {
float: left;
clear: left;
}
.halfbox.right {
float: right;
clear: right;
}
.halfbox .boxheader span {
margin: 0 0 0 -10000px;
}
#maincontent .halfbox .boxheader {
display: block;
width: 389px;
height: 56px;
}
#newproducts {
background:url(layoutimages/new-products_header.gif) top left no-repeat;
}
#productcatalog {
background: url(layoutimages/product-catalog_header.gif) top left no-repeat;
}
.product-1perRow {
clear: both;
padding-bottom: 10px;
}
.product-1perRow .productphoto {
width: 130px;
text-align:center;
padding-right: 10px;
float: left;
}
.product-1perRow .producttext {
padding-top: 10px;
width: 209px;
float: left;
}
.inside.catalog {
padding-top: 30px;
}
.product-2perRow {
width: 174px;
padding-bottom: 10px;
float: left;
}
.product-2perRow .productphoto {
width: 174px;
text-align:center;
float: left;
}
.product-2perRow .producttext {
clear:both;
padding-top: 10px;
width: 174px;
float: left;
text-align:center;
}


/*********** FOOTER ***********/
#footer {
width: 998px;
clear: both;
padding: 10px 9px 20px 0;
margin: 0 auto;
text-align: right;
font-size: 11px;
}
#footer ul li {
display: inline;
}
#footer ul li {
padding: 0 5px;
background:url(layoutimages/header-nav_divider.gif) center right no-repeat;
}
#footer ul li.last {
padding-right: 0;
background: none;
}
#footer p {
padding-top: 5px;
}
#footer a {
color: #000;
}



/*********** COMMON ***********/

a {
color: #897aa6;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}


h1 {
font-size: 15px;
padding-bottom: 10px;
}

h2 {
padding-bottom: 10px;
}

p {
padding-bottom: 10px;
}

.center {
text-align: center;
}

.floatleft {
float: left;
padding: 0 10px 10px 0;
}
.floatright {
float: right;
padding: 0 0 10px 10px;
}

.row {
clear: both;
}



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */