.footer {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 40px;
    border-top: 1px solid #eee;
}
/* Main marketing message and sign up button */
.container{
    max-width: 970px;
}
/****add body background image*/
body { /* customize_background_body */ background-color:transparent; /* customize_background_body */ background: url(/packages/theme_casual/themes/casual/background_gradient_1600_op50.png) repeat-x top;
    
    
    /*background-image: url("/packages/theme_casual/themes/casual/xmas_19_bkgnd.png"), url("/packages/theme_casual/themes/casual/xmas_19_bkgnd_2.png");
    background-repeat: no-repeat, repeat-x;*/
    
    /*background: url(/packages/theme_casual/themes/casual/background_gradient_1600_op50.png) repeat-x top;*/ 
    
}

body .container, body .container *, body section, body section *{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.jumbotron {
    text-align: center;
    background-color: transparent;
}
.jumbotron .btn {
    padding: 14px 24px;
    font-size: 21px;
}
/* Customize the nav-justified links to be fill the entire space of the .navbar */

.masthead .nav{}
.masthead .nav > li > a {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    text-align: center;
    /*background-color: #484949;*/
	background-color: #aaa;
    margin: 0px 2px;
    font-weight: normal;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 0px;
}

/******  Nav highlighted active colour*/
.masthead .nav > .active, .masthead .nav > .nav-selected > a, .masthead .nav > .active > a:hover, .masthead .nav > .active > a:focus {
    /*background-color: #7ab83d;*/
	background-color: #7AB83D;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .15);
    box-shadow: inset 0 3px 7px rgba(0, 0, 0, .15);
}
/****NAV FONT hover colour*/
.masthead .nav > li:first-child > a {} .masthead .nav > li:last-child > a {} .nav > li > a:hover, .nav > li > a:focus {
    background-color: #7AB83D;
    text-decoration: none;

}
.masthead .nav > li {
    display: table-cell;
    width: 1%;
}
.masthead .nav > li {
    float: none;
}
.masthead .nav {
    width: 100%;
}
.masthead .nav > li > a {
    margin-bottom: 0;
}
.masthead .nav > li > a {
    text-align: center;
}
#contactd span {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    line-height: 120%;
}
#contactd {
    text-align: right;
    padding-top: 10px;
}
#contactd span:first-child {
    font-size: 15px;
    color: #4e4e4e;
    font-weight: bold;
}
#contactd span:last-child {
    font-size: 35px;
    color: #79b73c;
    font-weight: bold;
    padding-left: 10px;
}
/*section.banner {
    border-bottom: #afafaf 5px solid;
    background: #ffffff; banner background
    border-top: #afafaf 5px solid;
    text-align: center;
}*/
section.banner {
    max-width:100%;
	height:auto;
    text-align: center;
}
/******* IMG block responsive in body*/
.ccm-image-block{
    max-width:100%;
	height:auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.container img{
    max-width:100%;
	height:auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
header{
    /*padding: 20px 0px 15px;*/
	/* remove padding around header for mobile view nov16*/
	
}
.btn-success {
    background-color: #7AB83D;
    border-color: #7ab83d;
    color: #fff;
}
.banner ul{
    list-style: none;
    margin:0px;
    padding:0px 0px 20px 0px;
}
.banner > .container > img{
    max-width:100%;
}
.banner > .container{
    position:relative;
}
.banner ul li span{
    color:#7ab73d;
    font-weight: bold;
    padding-right: 10px;
}
.containerbanner{
    position: absolute;
    right:0;
    top:0;
    width:500px;
    padding: 100px 0px 0px 0px;
}
.content, .sidecontent{
    padding:20px 0px;
}
/***** add divider like column theme*/
.sidecontent{
    padding-bottom: 40px;
	border-left: 1px #eee solid;
	padding-left:5px;
	text-align: centre;	
}




	
.prefoot{
    background: #555555;
}
.tridiv{
    padding: 10px 0px;
}
.prefoot .col-md-4{
    min-height: 270px;
}
.prefoot .col-md-4:nth-child(2){
    background: #777777;
}
#footer .col-xs-6:last-child{
    text-align: right;
}
#footer{
    padding: 10px 0px;
    font-size: 12px;
    background:#eee;
}
/****Added class for footer*/
.footercontact{ text-align: right;}

body .container .nav a, body section .nav a{
    color: #fff;
	text-shadow: 1px 1px 1px #000;
    /*background: #484949;*/
	/******Nav tabs background colour*/
	/*background: #3d3636;*/
		/*****ADD NEW 2tone button bckgnd*/    
	background: -moz-linear-gradient(top,  #534a4a 25%, #382f2f 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#534a4a), color-stop(50%,#382f2f)); /* Chrome,Safari4+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#534a4a', endColorstr='#382f2f',GradientType=0 ); /* IE6-9 */
	border-color: #87025f #87025f hsl(318, 97%, 16%);  
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #000;
    position: relative;
}
body .container .nav li li a, body section .nav li li a{
    background: none repeat scroll 0 0 #777;
    padding-left: 25px;
}

/******nav highlight colour*/
body .container .nav li li a:hover,
body .container .nav li li a.nav-selected,
body .container .nav li a.nav-selected,
body .container .nav a:hover,
body section .nav li li a:hover,
body section .nav li li a.nav-selected,
body section .nav li a.nav-selected,
body section .nav a:hover
{
    /****nav highlight select background colour*/
	/*background-color: #de118a;*/
    /*****ADD NEW 2tone button bckgnd*/    
	background: -moz-linear-gradient(top,  #88075b 25%, #c1187d 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#88075b), color-stop(50%,#c1187d)); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88075b', endColorstr='#c1187d',GradientType=0 );
	
	/*background: -moz-linear-gradient(top,  #6d6161 50%, #534a4a 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#6d6161), color-stop(50%,#534a4a)); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6161', endColorstr='#534a4a',GradientType=0 ); */
	
	text-shadow: 1px 1px 1px #000;
    color: #fff;
	border-color: #de118a;
}

body .container .nav, body section .nav, body .container .nav ul, body section .nav ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.searchResult a{
    color: #7ab83d;
}
.ccm-tags-display{
    margin-bottom: 40px;
}
.ccm-tags-display ul.ccm-tag-list li{
    color: #7ab83d;
}
a{
    /*color: #7ab83d;*/
	color: #000;
	font-weight:bold;
}
a:hover{
    color: #d419be;
    text-decoration: none;
}
.formBlockSurveyTable input[type="text"],
.formBlockSurveyTable input[type="email"],
.formBlockSurveyTable textarea,
.ccm-input-date,
.ccm-search-block-text,
.guestBook-formBlock input[type="text"],
.guestBook-formBlock input[type="email"],
.guestBook-formBlock textarea
{
    border:1px solid #ccc;
    padding: 3px;
}
.ccm-input-button, .ccm-search-block-submit, input[type="submit"] {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-left-radius:6px;
    text-indent:0;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#777777;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    font-style:normal;
    height:30px;
    line-height:30px;
    width:100px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #ffffff;
    margin-top: 3px;
}
.ccm-input-button:hover, .ccm-search-block-submit:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
}
.ccm-input-button:active, .ccm-search-block-submit:active {
    position:relative;
    top:1px;
}
.grid_4.main-content-thumb {
    display: inline-block;
    padding: 15px;
    vertical-align: top;
    width: 175px;
}
body header .container #logo{
    /* padding above header*/
	padding-top: 0px;
	padding-bottom:0px;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    /* Remove the padding we set earlier */
    .masthead, .marketing, .footer {
        padding-right: 0;
        padding-left: 0;
    }
	/*.container #wrapper .masthead{display: none;}
	body header .container #logo{display: none;}*/
}
@media (max-width: 1200px) {
    .containerbanner{

        width:400px;
        padding: 50px 0px 0px
    }
}
@media (max-width: 991px) {
    #contactd span:last-child {
        font-size: 25px;
    }
    .prefoot .col-md-4{
        min-height: 1px;
    }
    .prefoot .col-md-4:nth-child(2){
        background: none;
    }
    .prefoot .col-md-4{
        border-bottom: 1px solid #aaa;
    }
    .containerbanner{
        width:300px;
        padding: 30px 0px 0px
    }
}
@media (max-width: 768px) {
    .masthead .nav > li > a {
        border-right: 1px solid #d5d5d5;
        border-left: 1px solid #fff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin: 3px 0px;
        display: block;
        width: 100%;
    }
    .masthead .nav > li {
        display: block;
        width: 100%;
    }
    #contactd{
        text-align: center;
    }
    #logo{
        text-align: center;
    }
    .masthead{
        /*padding-bottom: 20px;*/
		padding-bottom: 0px;
    }
    /******change from none to block to see on phone size*/
	section.banner{
        display: block;
		
    }
	section.banner div.ccm-block-styles{
        margin-bottom: -20px;
	    }
    .masthead .nav{display: table;}
    .masthead .nav:before, .masthead .nav:after{display: none;}
	
	/**reduce font size for crumbs on shop pages*/
	section.shop-teaser .col-md-7  div.shop-crumb span{
		font-size: 12px;}
}
/* customize_miscellaneous */  /* customize_miscellaneous */


/********FOLLOWING FOR DARK CHOC SPLASH PAGE*/

/*#page{background-color: #000;}*/
#header-area{margin-top: 60px; margin-bottom: 10px; text-align: center; }
#header-area #header-area-inside{margin-bottom: 12px;}
#header-area img { display: block;
		    max-width:100%;
			height:auto;
			text-align: center;
			margin-left: auto;
			margin-right: auto;}
#header-area{ position:relative; }

.splash {
    max-width:100%;
	height:auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
body.splash, body.splash *,{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.splash span{text-align: center;}

/*********CORE COMMERCE STYLING *********/
/* PRODUCT LIST - search result outer block, with white background*/
div.ccm-block-styles {margin-left: -10px;margin-right: -10px; padding-left:5px; padding-right:5px; 
/*background-color:blue;*//*NOTE this style is used in multiple places so will need to change background colour within actual page under design block*/
}
/* PRODUCT LIST - search result inner block, containig actual product info*/
.search-container .ccm-core-commerce-product-list-results{margin-left: 0px;margin-right: 0px;}

/****TEASER section*/
.blk{background-color: #000;
	margin:0px 0px 5px 0px;
	padding:10px 0px 10px 5px;
	border-bottom: 1px solid #ffff00;}
.shop-crumb {text-align: left;}
.shop-carty {text-align: right;}
	
/***ADD TO CART BUTTON  - from BootStrapBay and inkscape file*/
div.ccm-core-commerce-add-to-cart input.btn.ccm-input-submit{
    background: -moz-linear-gradient(top,  #88075b 10%, #c1187d 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#88075b), color-stop(50%,#c1187d)); /* Chrome,Safari4+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88075b', endColorstr='#c1187d',GradientType=0 ); /* IE6-9 */
	border-color: #87025f #87025f hsl(318, 97%, 16%); 
	color: #fff !important; 
	text-shadow:1px 1px 0px #000;
	-webkit-font-smoothing: antialiased;

	-moz-box-shadow:inset 0px 1px 0px 0px #fff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fff;
    box-shadow:inset 0px 1px 0px 0px #fff;
	-webkit-border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-left-radius:6px;
    text-indent:0;
    display:inline-block;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    font-style:normal;
    height:30px;
    line-height:30px;
    width:100px;
    text-decoration:none;
    text-align:center;
    margin-top: 3px;
}
div.ccm-core-commerce-add-to-cart input.btn.ccm-input-submit:hover{
    background: -moz-linear-gradient(top,  #c1187d 25%, #dc4ea3 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#c1187d), color-stop(50%,#dc4ea3)); /* Chrome,Safari4+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1187d', endColorstr='#dc4ea3',GradientType=0 ); /* IE6-9 */
		color: #000 !important; 
	text-shadow:1px 1px 0px #f3bcf7;
	}
	
div.ccm-core-commerce-add-to-cart input.btn.ccm-input-submit:active {
    background: -moz-linear-gradient(top,  #dc4ea3 25%, #c1187d 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#dc4ea3), color-stop(50%,#c1187d)); /* Chrome,Safari4+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc4ea3', endColorstr='#c1187d',GradientType=0 ); /* IE6-9 */
		color: #000 !important; 
	text-shadow:1px 1px 0px #f3bcf7;
}

/*******SHOP BANNEER  for image ***/
div.shopbanner{ background-color:#000;

    //border-bottom: #000 5px solid;
    text-align: center;}

/******* CHECKOUT PAGES THEMEING*/
.checkout{ background-color:#fff;
		padding-right:0px;}
.checka{padding-right:15px;
		margin-right:15px}
.checkbanner{margin-left:auto;margin-right:20px;}
/*** "*" */
div.content span.ccm-required{color:red;font-weight:bold;font-size:18px;}
		
/****CHECKOUT BUTTONS*/
input.ccm-core-commerce-checkout-button-next{
border:1px solid #8bcf54; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:16px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;font-weight:bold; 
background: -moz-linear-gradient(top,  #8ed058 25%, #68ad30 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#8ed058), color-stop(50%,#68ad30)); /* Chrome,Safari4+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ed058', endColorstr='#68ad30',GradientType=0 ); /* IE6-9 */
color: #fff !important; 
text-shadow:1px 1px 0px #000; 
 margin-bottom:5px;
 padding-bottom:30px;

}
input.ccm-core-commerce-checkout-button-previous{
border:1px solid #8bcf54; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:16px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;font-weight:bold; 
background: -moz-linear-gradient(top,  #8ed058 25%, #68ad30 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#8ed058), color-stop(50%,#68ad30)); /* Chrome,Safari4+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ed058', endColorstr='#68ad30',GradientType=0 ); /* IE6-9 */
color: #fff !important; 
text-shadow:1px 1px 0px #000; 
 margin-bottom:5px;
 padding-bottom:10px;
}
input.ccm-core-commerce-checkout-button-next:hover{
 border:1px solid #74bf36;
 background-color: #68ad30; 
 background: -moz-linear-gradient(top,  #68ad30 75%, #5c8937 25%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#68ad30), color-stop(25%,#5c8937)); /* Chrome,Safari4+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68ad30', endColorstr='#5c8937',GradientType=0 ); /* IE6-9 */
color: #fff !important; 
text-shadow:1px 1px 0px #000; 
 margin-bottom:5px;
 padding-bottom:30px;
}
input.ccm-core-commerce-checkout-button-previous:hover{
 border:1px solid #74bf36;
 background-color: #68ad30; 
 background: -moz-linear-gradient(top,  #68ad30 75%, #5c8937 25%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#68ad30), color-stop(25%,#5c8937)); /* Chrome,Safari4+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68ad30', endColorstr='#5c8937',GradientType=0 ); /* IE6-9 */
color: #fff !important; 
text-shadow:1px 1px 0px #000; 
 margin-bottom:5px;
 padding-bottom:10px;
 }
/******* NEW PRODUCTS CSS for shop>product listing page*/
.products{ background-color:#000;
	width:100%;
	height:240px;
	color: #fff !important;
	
	border:4px solid #fff200; -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px;
	-moz-box-shadow: 5px 5px 12px #000000;
	-webkit-box-shadow: 5px 5px 12px #000000;
	box-shadow: 5px 5px 12px #000000;
	font-weight:bold;
	padding: 10px 10px 10px 10px;
	display:inline-block;
    font-family:arial;
    font-size:18px;
    font-weight:normal;
    font-style:normal;
	text-decoration:none;
    text-align:center;
    margin-top: 3px;}
.products:hover{ border-color: #d419be;}
.products img{ padding-bottom:5px;}/*spacing @img bottom*/
/* change box border height depend on phone size*/
@media (max-width: 992px) {.products{height:190px;}}
@media (max-width: 768px) {.products{height:180px;}}	
@media (max-width: 600px) {.products{height:140px;font-size:14px;}}	
@media (max-width: 480px) {.products{height:110px;font-size:10px;font-weight:bold;border:2px solid #fff200;}}	
/***just testing responsive sizes on products page
@media (max-width: 1200px) {.products{background-color:red;}}
@media (max-width: 992px) {.products{background-color:blue;}}
@media (max-width: 768px) {.products{background-color:green;}}
@media (max-width: 480px) {.products{background-color:yellow;}}*/

/* alter spacing between rows*/
.prodrow .row{margin-top:-20px;}
.prodrow .col-xs-4{margin-bottom:-20px;}

/******ECOMMERCE SEARCH BUTTON STUFF*/
#product-list-search-box-title h2{color:#000;}

/******2 classes created for elements/product/display.php for prod list to make bootstrap*/
#contentpimg{    width:auto; /*note max-width didn't work here*/
	/*height:auto;*/
	max-width:100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-height:450px;
	/*padding-right:-30px !important;*/
	}
.col-xs-12 #contentpimg{    
	max-width:200px;
	}

div.contentptxt {
    display: inline-block;
    vertical-align: top;
	margin-top: -10px;
		}
.col-xs-12 div.contentptxt{
	font-size:12px;
	color:#eeeeee;}

div.contentptxt .ccm-input-select {color:#000;}

/*****STANDard FORMS CSS from FOUNDATION theme Nov16*/
/* addded to style new responsive ecommerce product list using Supermint template*/
		
		/*.container  form {*/
		/***added .ccm-core-commerce-add-to-cart so it applies to the product list, else it would also apply to the little search button*/
		.container  .ccm-core-commerce-add-to-cart form {
		margin-bottom: 3px;
		padding: 15px;
		position: relative;
		width:100%;  /******added such products in prod list fill column width*/
		display: inline-block;
		zoom: 1; /* ie7 hack for display:inline-block */
		*display: inline;
		-moz-border-radius:    10px;
		-webkit-border-radius: 10px;
		border-radius:         10px;
		-moz-box-shadow:    0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.5);
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.5);
		box-shadow:         0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.5);
		behavior: url(/packages/theme_casual/themes/casual/PIE.htc);
		border: 1px solid #d2d1d0;
		background-color: #ededed;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#d2d1d0)); /* Saf4+, Chrome */
		background-image: -webkit-linear-gradient(top, #f6f6f6, #d2d1d0); /* Chrome 10+, Saf5.1+, iOS 5+ */
		background-image:    -moz-linear-gradient(top, #f6f6f6, #d2d1d0); /* FF3.6 */
		background-image:     -ms-linear-gradient(top, #f6f6f6, #d2d1d0); /* IE10 */
		background-image:      -o-linear-gradient(top, #f6f6f6, #d2d1d0); /* Opera 11.10+ */
		background-image:         linear-gradient(top, #f6f6f6, #d2d1d0);
		-pie-background:          linear-gradient(top, #f6f6f6, #d2d1d0); /* IE6-IE9 */
	}

	.container form table tr td { vertical-align: middle; }
	.container form label {
		color: #444; font-weight: bold;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
		margin-bottom: 10px;
	}
	.container fieldset {
		margin-bottom: 10px; }
	.container input[type="text"],
	.container input[type="password"], .container input[type="url"], 
	.container input[type="email"], .container input[type="tel"],
	.container textarea {
		height: 20px;
		padding: 6px 6px;
		margin-bottom: 4px;
		font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
		color: #333; outline: none;
		background-color: #fff;
		border: 1px solid #ccc;
		position: relative;
		-moz-border-radius:    8px;
		-webkit-border-radius: 8px;
		border-radius:         8px;
		-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(255, 255, 255, 0.7);
		-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(255, 255, 255, 0.7);
		box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(255, 255, 255, 0.7);
		-moz-background-clip:    padding;
		-webkit-background-clip: padding-box;
		background-clip:         padding-box;
		-moz-transition:    all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
		-o-transition:      all 0.4s ease-in-out;
		-ms-transition:     all 0.4s ease-in-out;
		transition:         all 0.4s ease-in-out;
		behavior: url(/packages/theme_casual/themes/casual/PIE.htc);
	}
	.container input[type="text"]:focus, .container input[type="password"]:focus, .container input[type="url"]:focus, .container input[type="email"]:focus, .container input[type="tel"]:focus, 
	.container textarea:focus, .container select:focus {
		border: 1px solid #5eaaf8;
		-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #5eaaf8;
		-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #5eaaf8;
		box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #5eaaf8;
	}
	.container textarea { min-height: 60px; }
	.container label,
	.container legend {
		display: block;
		font-weight: bold;
		font-size: 14px;  }
	.container select {
		min-width: 110px;
		margin: 0 0 10px 0;
		height: 20px;
		padding: 8px 0 4px 10px;
		border: 0;
		background: #fff;
		outline: none;
		font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
		-moz-appearance:    none;
		-webkit-appearance: none;
		appearance:         none;
		-moz-box-sizing:    content-box;
		-webkit-box-sizing: content-box;
		box-sizing:         content-box;
		-moz-border-radius:    5px;
		-webkit-border-radius: 5px;
		border-radius:         5px;
		-moz-box-shadow:    0 1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.5);
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.5);
		box-shadow:         0 1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.5);
		behavior: url(/packages/theme_casual/themes/casual/PIE.htc);
	}
	.container select option { 
		background: #ededed;
		height: 20px;
		width: 100%; font-weight: bold;
		padding: 10px 0 2px 10px;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #fff;
		-moz-appearance:    none;
		-webkit-appearance: none;
		appearance:         none;
		-moz-box-sizing:    content-box;
		-webkit-box-sizing: content-box;
		box-sizing:         content-box;
	}
	.container input[type=checkbox], .container input[type=radio] { }
	.container label span,
	.container legend span {
		font-weight: normal;
		font-size: 14px;
		color: #444; }