body { background:url(../images/layout/bg-repeat.gif) repeat-y center top #edcabc; margin:0; padding:0; font-family:Georgia, Arial, Sans-Serif; font-size:12px; color:#5a5a5a; }
.redbar { background:url(../images/layout/bg-redbar-repeat.png) repeat-x; height:37px; width:100%; position:absolute; left:0; right:0; z-index:-1; margin-top:110px; }
form { margin:0 auto; padding:0; width:978px; background:#fff; }
.clear { float:none; clear:both; }

a { color:#ed7235; text-decoration:none; }
a:hover { color:#ed7235; text-decoration:underline; }
a:visited { color:#ed7235; }

.img { background:url(../images/gridicons_small/img.gif) no-repeat; padding:2px 0 2px 20px; line-height:20px; }
.zip { background:url(../images/icons/winzip.gif) no-repeat; padding:2px 0 2px 20px; line-height:20px; }
.pdf { background:url(../images/icons/icon_pdf.gif) no-repeat; padding:2px 0 2px 20px; line-height:20px; }
.xls { background:url(../images/icons/icon_xls.gif) no-repeat; padding:2px 0 2px 20px; line-height:20px; }

h1 { font-size:40px; font-weight:bold; color:#a85023; margin:0; padding:0 0 10px 0; }
h2 { font-size:18px; font-weight:bold; color:#5a5a5a; margin:0; padding:0 0 20px 0; }
h3 { font-size:18px; font-weight:bold; color:#a85023; margin:0; padding:0 0 10px 0; }
h4 { font-size:18px; font-weight:bold; margin:0; padding:0;}
h5 {}
h6 { font-size:12px; color:#666666; line-height:16px; font-weight:bold; margin:0px; padding:5px 0px 0px 0px; }
p { margin:0; padding:0 0 10px 0; }
br.small { height:6px; line-height:6px; }

.np { display:none; }

h1.long1 { font-size:30px !important; }
h1.long2 { font-size:25px !important; }
h1.long3 { font-size:18px !important; }

.h3 { display:block; color:black; font-size:12px; margin:15px 0px; font-weight:bold; background-color:#eeeeee; padding:5px; }
.h3:hover { color:black; text-decoration:none; }


.masthead { padding:20px 20px 0 20px; height:130px;}
/*.masthead .logo { background:url(../images/layout/logo.png) no-repeat; width:247px; height:63px; margin:0; padding:0; float:left; }
.masthead .logo a { display:block; height:63px; }*/
.masthead .logo a span { display:none; }
.masthead .win { background:url(../images/layout/win-bg.png) no-repeat right top; width:195px; height:80px; padding:10px 20px 0 120px; float:left; }
.masthead .win h3 { background:url(../images/layout/freebag.png) no-repeat center top; height:25px; margin:0; padding:0; }
.masthead .win h3 span { display:none; }
.masthead .win img { display:block; position:absolute; margin:22px 0 0 -20px; }
.masthead .win .email { border:1px solid #acacac; width:110px; line-height:21px; font-size:12px; height:17px; display:block; padding-left:20px; float:left; }
.masthead .win .submit { display:block; float:left; }

.masthead .ref { background:url(../images/layout/ref.png) no-repeat right top; width:195px; height:80px; padding:10px 20px 0 120px; float:left; }
.masthead .ref png { display:block; position:absolute; margin:-3px 0 0 -20px; }
.masthead .ref .submit { display:block; float:left; position:absolute; margin:23px 0 0 70px;}


.masthead .topright { float:right; }
.masthead .topright .iconed { display:block; font-family:Arial, Sans-Serif; color:#333; text-decoration:none; line-height:18px; float:left; margin-left:20px; }
.masthead .topright .iconed:hover { text-decoration:underline; }
.masthead .topright .livehelp { background:url(../images/layout/livehelp.png) no-repeat; height:20px; padding-left:20px !important; }
.masthead .topright .account { background:url(../images/layout/account.png) no-repeat; height:20px; padding-left:20px; }
.masthead .topright .cart { background:url(../images/layout/cart.png) no-repeat; height:25px; padding-left:20px; }
.masthead .topright .photos { float:none; clear:both; padding-top:10px; font-family:Arial, Sans-Serif; color:#7f7e7e; font-weight:bold; text-align:right; }

.orderref { background:url(../images/layout/order-refer.png) no-repeat right top; width:300px; height:150px; padding:10px 20px 0 120px; float:left; }
.orderref .submit { display:block; float:left; position:absolute; margin:75px 0 0 35px;}


.topnav { list-style:none; background:url(../images/layout/nav-bg.png) repeat-x; margin:0; padding:0; float:none; clear:both; height:37px; }
.topnav li { float:left; }
.topnav li h3 { margin:0; padding:0; }
.topnav li h3 a { display:block; height:37px; padding:0 17px; }
.topnav li h3 a:hover { background:url(../images/layout/nav-bg-on.png) repeat-x; }
.topnav li h3 a span { display:block; height:37px; cursor:pointer; }
.topnav li h3 a span span { display:none; }
.topnav li .create a span { background:url(../images/layout/nav-create.png) no-repeat center 10px; width:149px; }
.topnav li .showcase a span { background:url(../images/layout/nav-showcase.png) no-repeat center 10px; width:147px; }
.topnav li .pro a span { background:url(../images/layout/nav-pro-program.png) no-repeat center 10px; width:118px; }
.topnav li .works a span { background:url(../images/layout/nav-works.png) no-repeat center 10px; width:102px; }
.topnav li .about a span { background:url(../images/layout/nav-about.png) no-repeat center 10px; width:69px; }
.topnav li .blog a span { background:url(../images/layout/nav-blog.png) no-repeat center 10px; width:33px; }
.topnav li .designService a span { background:url(../images/layout/nav-designService.png) no-repeat center 10px; width:110px; }

.content-container { background:url(../images/layout/sidenav-repeat.png) repeat-y left top;  z-index:0; position:relative;}
.content-container .topfade { background:url(../images/layout/sidenav-fade.png) no-repeat left top #fff; position:absolute; $position:static; z-index:2; width:237px; height:71px; }

.nosidenav { background:none; }
.nosidenav .topfade { display:none; }

.content-container .sidenav { width:197px; padding:20px; position:relative; z-index:3; float:left;  }
.content-container .sidenav h3 { font-size:18px; padding:20px 0 3px 0; margin:0; color:#ed7235; border-bottom:2px solid #f9d1bc; }
.content-container .sidenav ul { list-style-image:url(../images/layout/sidenav-item.png); margin:0; padding:5px 0 0 20px; }
.content-container .sidenav ul li { padding-top:5px; }
.content-container .sidenav ul li a { color:#333; }
.content-container .sidenav ul li a.on { font-weight:bold; }

.content-container .content { width:701px; padding:20px 20px; float:left; }

.content-container .content h1 { font-size:30px; color:#a85023; margin:0 0 10px 0; padding:0; }
.content-container .breadcrumb-bar { height:25px; line-height:25px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:10px; margin-bottom:20px; padding:0 5px; }
.content-container .breadcrumb-bar .breadcrumbs { float:left; }
.content-container .breadcrumb-bar .email { background:url(../images/layout/email-icon.png) no-repeat left center; padding-left:20px; font-size:12px; font-weight:bold; float:right; width:200px; }


/* MOVED FROM PRODUCT_DETAILS.ASPX */    
    .product-images { width:282px; float:left; }
    .product-images .hero { width:280px; height:280px; border:1px solid #ccc; }
    .product-images .slideshow { display:none; }
    .product-images .slideshow .left-arrow { display:block; background:url(../images/product/left-arrow.png) no-repeat center center; width:30px; height:100px; text-indent:-10000px; outline:none; cursor:pointer; float:left; }
    .product-images .slideshow .right-arrow { display:block; background:url(../images/product/right-arrow.png) no-repeat center center; width:30px; height:100px; text-indent:-10000px; outline:none; cursor:pointer; float:left; }
    
    .description { width:400px; float:right; }
    .description h2 { font-size:18px; color:#5a5a5a; margin:0; padding:0 0 20px 0; }
    .description p { font-size:12px; color:#5a5a5a; margin:0; padding:0 0 10px 0; }
    .description h4 { background:url(../images/product/customize.png) no-repeat; width:400px; height:31px; color:#fff; text-align:center; font-size:18px; line-height:31px; font-weight:bold; margin:10px 0 0 0; padding:0; }
    .description table { width:400px !important; }
    .description .customize-row { border-bottom:1px solid #ccc; height:24px; line-height:24px; float:none; clear:both; padding:0 2px; }
    .description .customize-row h5 { width:120px; font-size:14px; font-weight:bold; color:#5a5a5a; float:left; margin:0; padding:0; letter-spacing:-.02em; line-height:24px; }
    .description .customize-row .option-l { float:left; padding-right:0; }
    .description .customize-row .option-r { float:right; }
    .description .customize-row .rblitem { display:block; float:left; height:24px; line-height:24px }
    .description .customize-row label { font-size:11px; color:#5a5a5a; font-weight:normal; letter-spacing:-.02em; }
    .description .customize-row label span { font-size:10px; font-weight:normal; }
    .description .customize-row.totals { display:block; height:30px; line-height:30px }
    .description .totals { background-color:#f2f2f2; border-bottom:0; }
    .description .totals .quantity { width:50px; display:block; margin-top:4px; }
    .description .totals .price { color:#e52828; font-weight:bold; padding:0 10px; font-size:16px; line-height:26px; }
    .description .add-cart { margin:20px auto 0 auto; }
    .description a.add-cart span { padding:4px 40px 0 30px; font-size:20px !important; }
    
    .content-container .content .pagetitle { font-size:40px; }
    
    .content .ui-widget,
    .content .ui-widget-content,
    .content .ui-corner-all,
    .content .ui-tabs-nav,
    .content .ui-widget-header,
    .content .ui-widget-header ul,
    .content .ui-widget-header li
      { background:none !important; border:0 !important; }
      
    .details { float:none; clear:both; }
    .details .tabs { list-style:none; margin:0 0 20px 0; padding:0; height:30px; border-bottom:1px solid #ccc !important; }
    .details .tabs li { float:left; }
    
    .details .tabs li.tab-reviews {}
    .details .tabs li.tab-details { margin-left:35px; }
    .details .tabs li.tab-elements { float:right; margin-right:2px; }
    
    .details .tabs li a { display:block; background:#f0f0f0; width:210px; height:30px; line-height:30px; color:#333; font-family:Georgia, Arial, Sans-Serif; text-align:center; outline:none; }
    .details .tabs li a:hover, .details .tabs .ui-tabs-selected a { background:#e6e6e6; text-decoration:none; }
    .ui-tabs-hide { display:none; }
    
    .ui-tab { font-family:Georgia, Arial, Sans-Serif; font-size:12px; color:#5a5a5a; }
    
    .reviews .image { width:140px; height:140px; border:1px solid #ccc; float:left; }
    .reviews .review { width:535px; padding-left:5px; float:left; }
    .reviews .review .col { width:33%; float:left; padding-bottom:10px; }
    .reviews .review .name { font-size:20px; color:#5a5a5a; margin:0; padding:0; }
    .reviews .review .location { font-size:10px; color:#868686; margin:0; padding:5px 0 0 0; font-style:italic; }
    .reviews .review .bag-detail { font-size:11px; color:#868686; padding-top:5px; }
    .reviews .review .bag-detail .option { color:#ed7235; font-style:italic; }
    .reviews .review blockquote { display:block; float:none; clear:both; border-top:1px solid #ccc; padding:10px 0 0 0; margin:0; }
    
    .reviews .slideshow { color:#ccc; }

    .reviews a.slideprev { color:#ed7235; text-decoration:none; }
    .reviews a:hover.slideprev  { color:#ed7235; text-decoration:underline; }
    .reviews a:visited.slideprev { color:#ed7235; }
    .reviews a.slidenext { color:#ed7235; text-decoration:none; }
    .reviews a:hover.slidenext  { color:#ed7235; text-decoration:underline; }
    .reviews a:visited.slidenext { color:#ed7235; }    
/* END - MOVED FROM PRODUCT_DETAILS.ASPX */ 

/* FROM MAINSTREET/CONTROLS/SHOWCASE.ASCX */

    .reviews .slideshow .image .showcaseImg { max-width:140px; max-height:140px; }

/* END - FROM MAINSTREET/CONTROLS/SHOWCASE.ASCX */   
    
.footer { padding-bottom:20px; }
.footer .links { background:url(../images/layout/footer-links-bg.png) no-repeat 700px center #e7556f; height:96px; padding:20px 0 0 20px; }
.footer .links ul { list-style:none; margin:0; padding:0 40px 0 0; float:left; }
.footer .links a { font-size:14px; color:#fff; text-decoration:none; }
.footer .links a:hover { text-decoration:underline; }
.footer .links .rc { display:block; background:url(../images/layout/footer-rc.png) no-repeat; height:24px; line-height:18px; padding-left:40px; margin-top:5px; }
.footer .links .gc { display:block; background:url(../images/layout/footer-gc.png) no-repeat; height:24px; line-height:18px; padding-left:40px; }
.footer .links .gr { display:block; background:url(../images/layout/footer-gr.png) no-repeat; height:24px; line-height:18px; padding-left:40px; }
.footer .mission { width:630px; padding:20px; float:left; }
.footer .mission p { margin:0; padding:0 0 10px 0; }
.footer .mission a { font-weight:bold; color:#ed7235; text-decoration:none; }
.footer .mission a:hover { text-decoration:underline; }
.footer .bbb { width:290px; text-align:right; padding:10px 10px 0 0; float:right; }
.footer .bbb img { border:0; vertical-align:middle; }
.footer .subfooter { float:none; clear:both; text-align:center; color:#737373; }
.footer .subfooter a { color:#737373; text-decoration:none; }
.footer .subfooter a:hover { color:#333; text-decoration:underline; }

/* THIS MAKES THE DROP SHADOW WORK ON IMAGES */
.imagecontainer { float:left; clear:both; background: url(../images/shadowAlpha.png) no-repeat bottom right !important; background: url(../images/shadow.gif) no-repeat bottom right; margin: 10px 0px 5px 7px !important; margin: 10px 0px 5px 5px; }
.imagecontainer img { display: block; margin:-6px 6px 6px -6px;  }

.dropshadow2{
	float:left;
	clear:left;
	background: url(../images/shadow_large.gif) no-repeat bottom right !important;
	background: url(../images/shadow_large.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	padding: 0px;
}
.innerbox{
position:relative;
bottom:6px;
right: 6px;
border: 1px solid #999999;
padding:4px;
margin: 15px 0px 0px 0px;
}
.innerbox{
/* IE5 hack */
\margin: 0px 0px -3px 0px;
ma\rgin:  0px 0px 0px 0px;
}
.innerbox p{		
margin: 3px;
padding-bottom:0px
}




/** tooltip 
.tooltip { width:281px; }
.tooltip .top { background:url(../images/modal/tooltip-top.png) no-repeat; width:281px; height:22px; }
.tooltip .repeat { background:url(../images/modal/tooltip-repeat.png) repeat-y; width:261px; padding:0 12px; }
.tooltip .bottom { background:url(../images/modal/tooltip-bottom.png) no-repeat; width:281px; height:35px; }

.tooltip h3 { font-size:16px; color:#a85023; margin:0; padding:0; font-weight:bold; letter-spacing:-.02em; }
.tooltip .click { font-size:10px; color:#ed7235; }
.tooltip p { font-size:10px; margin:0; padding:0; }
**/


.response { padding:10px 0px; display:none; }
.error-box { display:none; font-weight:bold; border: #FF0000 1px solid; background-color:#ffb3b3; padding: 10px; margin-top:10px; font-size: 120%; }
.success-box { display:none; font-weight:bold; border: #99CC66 1px solid; background-color:#CCFFCC; padding: 10px; margin-top:10px; font-size: 120%; }

.loader { z-index:100; position:absolute; text-align:center; font-weight:bold; color:White; margin:auto; background:url(../images/b40a.png); width:100%; height:100%; display:none; }
.loader img { display:block; padding-bottom:4px; margin:auto; margin-top:50px; }

.gotocart { margin:auto; width:320px; margin-top:5px; margin-bottom:5px; }

/** How it works images **/
#choose { float:left; width:150px; height:205px; background:url(../images/choose_off.jpg); }
#choose:hover { background:url(../images/choose_on.jpg); }

#elements { float:left; width:151px; height:205px; background:url(../images/elements_off.jpg); }
#elements:hover { background:url(../images/elements_on.jpg); }

#supply { float:left; width:156px; height:205px; background:url(../images/supply_off.jpg); }
#supply:hover { background:url(../images/supply_on.jpg); }

#shipping { float:left; width:150px; height:205px; background:url(../images/shipping_off.jpg); }
#shipping:hover { background:url(../images/shipping_on.jpg); }
/** end How it works **/

/** PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)**/
.PopBoxImageSmall
{
  position:relative; z-index:30;
	border: none 0px #ffffff;
}
.PopBoxImageLarge
{
  position:relative; z-index:4;
	border: solid 1px #999999;
}
.PopBoxImageShrink
{
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}
/** end PopBox **/


.mscMsgBoxError { text-align:left; font-weight:bold; border: #FF0000 2px solid; background-color: #FFF; padding: 10px; margin-bottom:2px; font-size: 120%; color:#FF0000; }
.mscMsgBoxError ul { padding-left:15px; margin:5px; }
.mscMsgBoxError ul li { padding-left:5px; list-style-type:square; padding-bottom:3px; background:none; font-weight:;color:#333; }


.aurigma_desk tr td img {margin-top: 2px;}
.centered { margin-left:auto;margin-right:auto;display:block;}