/*******************************************************************
* @file			$Source: /opt/cvsroot/corpsite/static/css/main.css,v $
*				This handles all the needed css for a responsive
*				design and generic items.
*				THIS IS A READABLE FILE ONLY - SEE MINIFIED FILE
*
* @author		etobias(etobias@bluetie.com)[Erika Tobias]
* @contributors
* @updated:		$Date: 2018/08/07 11:34:02 $ $Author: etobias $
* @revision:    $Revision: 1.14 $
* @copyright:	Copyright (c) 2016-2017 BlueTie Inc.
*******************************************************************/

/** ------------------------------------------------------------ **/
/** --------------------------- @generic ----------------------- **/
/** ------------------------------------------------------------ **/
body{
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	margin:0px;
	padding:0px;
	color:#56595f;
	background-color:#fbfbfb;
	overflow-x:hidden;
}
a, .item_cart{
	color:#3793c3;
	text-decoration:none;
}
a:hover, .item_cart:hover{
	color:#4b596b;
	cursor: pointer;
}
h1, h2, h3{
	color:#3589bb;
	font-weight:lighter;
}

.added {
	display: block;
}
hr {
	border: 0.08em solid #d4d5d7;
}

/**------------------------------------------------------------ **/
/** ------------------------ @images -------------------------- **/
/**------------------------------------------------------------ **/
.rochester{
	background-image:url("/static/images/roch_center.jpg");
	background-size:100%;
	height:10em;
	background-repeat:no-repeat;
	background-position:center;
}
.market_assess{
	background-image:url("/static/images/ppl.jpg");
	background-size:100%;
	height:15em;
	background-repeat:no-repeat;
	background-position:center;
}
.market_consult{
	background-image:url("/static/images/ppltalk.jpg");
	background-size:100%;
	height:10em;
	background-repeat:no-repeat;
	background-position:center;
}
.socMedia{
	background-image:url("/static/images/socMed.jpg");
	background-size:80%;
	height:15em;
	background-repeat:no-repeat;
	background-position:center;
}




.signup{
	min-width:8em;
	width:8em;
	max-width:100%;
	padding:0.8em;
	display:block;
	font-size:1.5em;
	margin:auto;
	color:#2e6c8c;
	background-color:#99d1ed;
	border:2px solid #7ebbda;
	border-radius:0.5em;
	font-weight:bold;
}
.signup:hover{
	color:#fff;
	background-color:#387bb5;
	border:2px solid #387bb5;
}
.tableScroll{
	overflow:auto;
	display:block;
}
#emailPlans th{
	background-color:#3793c3;
	color:#fff;
	padding:1em;
	min-height:50px;
}
#emailPlans td{
	padding:0.5em;
}
#emailPlans{
	border-bottom:4px solid #3793c3;
	min-width:80%;
}
#emailPlans tr:nth-child(even) {
	background: #e7ebf0;
}
#emailPlans tr:hover{
	background-color:#b0c9db;
}

@media screen and (max-width: 1000px){
	#emailPlans, #emailContainer{
		width:100% !important;
		margin:0 !important;
		overflow:auto;
	}
}




/** ------------------------------------------------------------ **/
/** ---------------------- @generic classes -------------------- **/
/** ------------------------------------------------------------ **/


.green_block {
	background-color: #5cb85c;
	padding: 20px;
	color: #fff;
	border-radius: 10px;
	text-align: center;
}

.green_block ul {
	text-align: left;
}

.green_block a {
	color:#fff;
}

.green_block a:hover {
	color:#2c5a28;
}

.green_block a.cart_button {
	border: 0.1em solid #fff;
	border-radius: 0.5em;
	color: #fff;
	padding:0.3em 1em;
}


/** meant for header tags **/
.darkHeader{
	color:#4d4e4f;
}
#custLogos img{
	padding:1.5em !important;
}
/** place this in a tbody or table tag **/
.extraPadding tr, .extraPaddingLess tr{
	border-bottom:0.2em solid #d4d5d7;
}
.extraPadding tr td{
	padding-top:2em !important;
	padding-bottom:2em !important;
}
.extraPadding tr td:last-child {
	padding-left:1em !important;
}
.extraPaddingLess tr td{
	padding-top:1em !important;
	padding-bottom:1em !important;
}
.extraPaddingLess tr td:last-child {
	padding-left:0.5em !important;
}
.images img{
	border:2px solid #d4d6d7;
	margin:0.3em;
	box-shadow: 0em 0em 0.5em #888;
	border-radius:0.3em;
}
#portfolio{
	max-width:900px !important;
	margin-left:auto !important;
	margin-right:auto !important;
	position:relative;
}
#msdCollage{
	background-position:left center;
	height:5em;
	background-image:url('/static/images/mySpecialDays_unsat.jpg');
}
#googleAnalyticsBG{
	height:5em;
	background-repeat:no-repeat;
	background-position:left center;
	background-image:url('/static/images/ourAnalytics.png');
}

.giveMeBorder{
	border-bottom:1em solid #3589bb;
}

/** meant for header tags **/
.headerBlock, h1{
	font-weight:lighter;
	color:#3d3d3d;
	font-size:2em;
	font-weight:normal;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	padding-top:0.3em;
	padding-bottom:0em;
	position:relative;
	text-align:center;
}

/** use this to add a border to a table. put in table tag **/
.haveBorder table, .haveBorder td, .haveBorder thead{
	border-bottom:1px solid #a6adb6;
}
/** use to center text inside any tag **/
.centerText{
	text-align:center;
}
.centerText img{
	margin-right:auto;
	margin-left:auto;
}
.rightText{
	text-align:right;
}
/** use this to italicize anything, mostly p tags and makes it smaller **/
.info{
	font-style:italic;
	font-size:0.9em;
}
.mso img{
	border-radius:0.5em;
	padding:1em;
}


.learnMore{
	margin:auto;
	text-align:center;
}
.learnMore a{
	padding:0.6em;
	min-width:10em;
	background-color:#2e6c8c;
	color:#fff;
	border:1px solid #2e6c8c;
	border-radius:0.2em;
	display:inline-block;
}
.learnMore a:hover{
	color:#2e6c8c;
	background-color:#94d2f2;
	border:1px solid #94d2f2;
}


/**  overview tables **/
.overviewTable tr{
	border-bottom:2px solid #56595f;
}
.overviewTable tbody:first-child{
	border-top:2px solid #56595f;
}
.overviewTable td{
	vertical-align:top;
	padding:0.4em;
}


/** ------------------------------------------------------------ **/
/** ---------------------- @wrapper tags ----------------------- **/
/** ------------------------------------------------------------ **/
#wrapper > div, #wrapper > p, #wrapper > ul, #wrapper > ol,
#wrapper > table, #wrapper > h2, #wrapper > h3, #wrapper > h4,
.divLength > div, .divLength > p, .divLength > ul, .divLength > ol,
.divLength > table{
	width:70%;
	margin-left:auto;
	margin-right:auto;
}
.divLength{
	width:100% !important;
	margin:0px !important;
	padding:0px;
	overflow:auto;
}

#wrapper table{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	border-collapse: collapse;
}
#wrapper table, th, td{
	padding:0.2em;
}
#wrapper form{
	margin-left:auto;
	margin-right:auto;
	width:70%;
	max-width:100%;
}
#wrapper form label{
	width:20%;
	min-width:20%;
	text-align:right;
	display:inline-block;
	vertical-align:top;
}
#wrapper form input, #wrapper form textarea, #wrapper form select{
	padding:0.2em;
	width:60%;
	color:#656a70;
	font-family:"Open Sans", sans-serif;
	font-size:0.9em;
	border:1px solid #a6adb6;
	border-radius:0.3em;
	display:inline-block;
	margin:0.3em;
}
#wrapper form p{
	width:100%;
	padding:0.2em 0em 0em 0.2em;
	margin:0px;
}
#wrapper form input[type="submit"]{
	margin-left:22%;
	margin-top:2em;
	margin-bottom:2em;
	text-align:center;
	border-color:#3793c3;
	background-color:#3793c3;
	color:#fff;
}
#wrapper form div{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#id_new-contact-information, #id_your-information{
	display:none !important;

}
label[for="id_new-contact-information"],label[for="id_your-information"]{
	width:100% !important;
	text-align:center !important;
	color:#3793c3 !important;
	font-size:1.2em;
}

/** ------------------------------------------------------------ **/
/** ----------------------- @recaptcha ------------------------- **/
/** ------------------------------------------------------------ **/
/* hide the label for the captcha field */
#wrapper  label[for="id_robot-or-human"]{
	visibility:hidden;
}
#recaptcha_widget_div *{
	padding:0px !important;
	margin:0px !important;
}
#recaptcha_widget_div #recaptcha_area{
	margin-right:auto !important;
	margin-left:auto !important;
}




/** ------------------------------------------------------------ **/
/** -------------------------- @mobile ------------------------- **/
/** ------------------------------------------------------------ **/
/**
	these are for tables (td tag) where on a small device would be
	annoying to look at with it next to it. This allows it to hide
	the desktop image (dImg) and show the mobile (mImg) image.
**/
.mImg > img{
	display:none;
}
.dImg > img{
	display:block;
}
.smallTable tbody tr td:nth-child(1){
	text-align:right;
}

.images{
	text-align:center;
}
.welcomes{
	font-size:1.1em;
	color:#4d4e4f;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}
.soc{
	text-align:center;
}
.soc img{
	padding:1em !important;
	height:3em;
}
.indentMore{
	margin-left:20em;
}
.noBullets{
	list-style:none !important;
	padding-left:0;
	text-align:center;
}
.noBullets li{
	display:inline-block;
	padding:0.5em 0 0.5em 0;
	min-width:350px;
	margin:auto;
	width:30%;
	text-align:left;
}


/** ------------------------------------------------------------ **/
/** ----------------------- @generic nav ----------------------- **/
/** ------------------------------------------------------------ **/
nav{
	position:relative;
	display:block;
	font-weight:bold;
}
#globalNav li, #subNav li{
	list-style-type:none;
}
#globalNav ul, #subNav ul{
	margin:0px;
	padding:0px;
}

/** ------------------------------------------------------------ **/
/** ---------------------- @global nav ------------------------- **/
/** ------------------------------------------------------------ **/
#globalNav{
	position:relative;
	display:block;
}
#globalNav  ul  li{
	position:relative;
	display:inline-block;
}
#globalNav a{
	padding-left:1em;
	padding-right:1em;
	padding-top:1.5em;
	height:2.5em;
	font-size:0.9em;
	display:inline-block;
	font-weight:lighter;
	border-bottom:4px solid #fbfbfb;
}
#globalNav img{
	margin-top:-0.6em;
	width:10vw;
	max-width:100px;
}
#globalNav a:hover{
	border-bottom:4px solid #a6adb6;
}
#globalNav > ul > li > a:hover{
	border-bottom:4px solid #f7f7f7;
}
#globalNav > ul > li > a:hover > img{
	cursor:pointer;
}
#globalNav .selected a, #globalNav .ancestor a{
	border-color:#3793c3;
}

#globalNav .leftNav ul {
	display:none;
	position:absolute;
    background-color: #f9f9f9;
	max-width:17em;
    min-width:17em;
    z-index: 5;
}


#globalNav .leftNav ul > li > ul{
	left:100%;
	top:0;
}

#globalNav #cart_nav_icon:hover #cart_list_nav{
	background-color:#e5e5e5;
	display:block;
}
 #globalNav ul li ul li:hover ul{
	position:absolute;
	display:inline-block;
 }
#globalNav ul li ul li a, #globalNav ul li ul li{
	display:block;
	width:100%;
	padding:0px;
	margin:0px;
}
#globalNav ul li ul li a, #globalNav ul li ul li ul li a{
	text-indent:0.5em;
	max-height:2em;
	padding-top:1em;
	border:0px;
}
#globalNav ul li ul .selected a{
	background-color:#3589bb;
	color:#fff;
}
#globalNav ul li ul a:hover{
	border:0px;
	color:#fff;
	background-color:#4d4e4f;
}
.leftNav{
	float:left;
	padding-left:20px;
	position:relative;
}
.rightNav{
	float:right;
	padding-right:20px;
	position:relative;
}






/** ------------------------- @global nav children ----------------------- **/

#marketingMenu, #supportMenu, #productsMenu, #dropMenu{
	display:none;
}
#dropMenu{
	z-index:8;
	float:left;
	background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, 1.0);
	position:absolute;
	padding:0.5em;
}
#dropMenu ul{
	padding:0 1.2em 0 1.2em;
}
#productsMenu > li{
	font-weight:bold;
	display:inline-block;
	float:left;
	padding:0 0 0 0.5em;
	list-style-type:none;
}
#productsMenu > li > a{
	color:#092939;
	font-size:1.2em;
}
#productsMenu > li > ul > li > a{
	font-size:1.1em;
}
#productsMenu > li > ul > li > ul > li > a{
	color:#474747;
	font-size:1.1em;
}
#productsMenu > li > ul > li > ul > li > ul a{
	color:#367190;
	font-size:1.1em;
}

#productsMenu > li > ul{
	font-weight:normal;
	list-style-type:none;
}
#productsMenu > li > ul > li > ul{
	font-weight:normal;
	list-style-type:initial;
}

#marketingMenu, #supportMenu{
	font-size:1.1em;
	list-style-type:none;
}

#dropMenu a:hover{
	color:#939393;
	text-decoration:underline;
}


/** ------------------------------------------------------------ **/
/** ------------------------- @cart nav ------------------------ **/
/** ------------------------------------------------------------ **/

#cart_items{
	max-height: calc(100vh - 62px - 3em);
	overflow-y:auto;
	overflow-x:hidden;
	border-bottom: 2px solid #939393;
}


#globalNav #cart_list_nav {
	display:none;
	position:absolute;
    background-color: #f9f9f9;
    min-width:20em;
    z-index: 5;
}

/*view_cart*/
.item_cart span{
	display:block;
	padding:0.5em;
	font-size:0.9em;
}


#globalNav  #cart_nav_icon #cart_list_nav{
	right:0;/*the cart drop down needs to be right aligned so we can see it*/
}

#item_added_cart span{
	color:#3793c3;
	font-weight:bold;
	padding:1em;
	margin:auto;
	display:none;
}

#note_view_cart{
	font-style:italic;
	text-align:center;
}
#note_view_cart a{
	color:#939393;
	margin:0.3em;
}
#view_cart{
	background-color:#3793c3;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
#view_cart span{
	display:block;
	padding:0.5em !important;
}
#view_cart:hover {
	cursor: pointer;
	background-color:#939393;
}



/** ------------------------------------------------------------ **/
/** ----------------------- @mobile nav ------------------------ **/
/** ------------------------------------------------------------ **/
#mobileNav a{
	font-size:1.2em;
	padding-top:0 !important;
	border-bottom:0 !important;
}
#mNav{
	position:absolute;
	z-index:80;
	background-color:#fff;
	font-weight:normal;
	display:none;
}
#footerMNav{
	color:#fff;
	font-weight:normal;
	display:none;
}

#mNav > ul, #footerMNav ul, #marketingMenuMobile, #supportMenuMobile{
	list-style-type:none;
	padding:0.3em;
	margin:0;
}
.mobileHeader:hover{
	cursor:pointer;
}
.mobileHeader{
	display:block;
	padding:0.3em;
	text-align:center;
	font-weight:bold;
	margin:0.1em;
	border:2px solid #3793c3;
	color:#3793c3;
	font-size:1.2em;
}
#footerMNav .mobileHeader{
	color:#fff;
}
#footerMNav .mobileHeader{
	border:2px solid #fff;
}
.mobileMenus{
	display:none;
}

/** ------------------------------------------------------------ **/
/** ----------------------- @header image ---------------------- **/
/** ------------------------------------------------------------ **/
header{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	z-index:2;
}
#header{
	position:relative;
	display:block;
	background-size:cover;
	background-image:url("../images/header_two.jpg");
	background-position: center;
	max-height:366px;
	border-bottom:5px solid #a9b9c2;
}
#headerText{
	font-family: 'Ramabhadra', sans-serif;
	color:#465159;
	font-size:2vw;
	position:absolute;
	bottom:0px;
	right:20px;
	padding:0.3em;
}



/** ------------------------------------------------------------ **/
/** -------------------------- @wrapper ------------------------ **/
/** ------------------------------------------------------------ **/

#wrapper{
	width:100%;
	position:relative;
	font-size:1.2em;
	overflow-x:auto;
	padding:0em !important;
	margin-top:0px !important;
	margin-bottom:0px !important;
	margin-left:auto !important;
	margin-right:auto !important;
	overflow-y:hidden;
	display:block;
}
#wrapper ul{
	list-style:circle;
}
#breadcrumbs{
	position:realtive;
	display:block;
	float:right;
	padding-right:20px;
	text-align:right;
}
#breadcrumbs li{
	display:inline-block;
	list-style-type:none;
}
#breadcrumbs > ul > li:nth-child(2), #breadcrumbs > ul > li:nth-child(2){
	display:none;
}




/** ------------------------------------------------------------ **/
/** ---------------------- @page specific ---------------------- **/
/** ------------------------------------------------------------ **/
#serviceWheel{
	padding:0px !important;
}
#msm{
	background-repeat:no-repeat;
	background-image:url('/static/images/sm_grayOverlay.png');
}
#msm h1{
	padding-top:0.3em;
	padding-bottom:0.3em;
	color:#fff !important;
	background-color:#eaeaea;
}
#msd_serv{

	background-position:center;
	background-size:100%;
	background-image:url('/static/images/mySpecialDays_unsat.jpg');
}
#msd_serv div{
	position:absolute;
	top:0px;
	display:block;
	width:100%;
	overflow:auto;
	background-color:#eaeaea;
}
#msd_serv h1{
	padding:0px !important;
	margin:0px !important;
}

/** ------------------------------------------------------------ **/
/** ------------------------- @footer -------------------------- **/
/** ------------------------------------------------------------ **/
#footer{
	position:relative;
	display:block;
	font-size:1.2em;
	color:#dfe0e3;
	text-align:center;
	background-color:#3793c3;
	padding-top:1em;
	padding-bottom:1em;
	margin-top:2em;
}
footer{
	position:relative;
	display:block;
	z-index:6;
}
footer a{
	color:#202e3c;
}
.container{
	color:#4d4e4f;
	background-color:#a9b9c2;
	/*background-color:#fff;*/
	position:relative;
	width:100%;
	display:table;
}
.container div{
	display:table-cell;
	vertical-align:middle;
}

.copyright{
	position:absolute;
	bottom:0px;
	display:block;
	width:100%;
	padding-top:0.3em;
	padding-bottom:0.3em;
	color:#a6a6a6;
	font-size:0.8em;
	background-color:#4d4e4f;
}

/** -------------------- @boxes of links in footer ------------------ **/
#navTable{
	color:#d4dde2;
	display:table;
	width:100%;
	margin-bottom:2em;
}
.makeTable{
	margin-top:1.5em;
	display:table;
}
#moreNav a{
	color:#092939;
}
#moreNav a:hover{
	color:#fff;
}
#moreNav, .makeRow{
	display:table-row;
}
#moreNav div > div{
	text-align:left;
	display:inline-block;
	margin:auto;
	vertical-align:top;
}
#moreNav ul{
	list-style-type:none;
	padding-left:0;
}
#moreNav > div, .makeCell{
	width:calc(100%/3);
	min-width:calc(100%/3);
	display:table-cell;
}
.makeCell{
	padding:0.3em;
	text-align:center;
}

/** ------------------------------------------------------------ **/
/** -------------------- @social media icons ------------------- **/
/** ------------------------------------------------------------ **/
.youtube{
	background-color:#e72e28;
}
.pinterest{
	background-color:#cd2129;
}
.twitter{
	background-color:#65a8ec;
}
.facebook{
	background-color:#3b5998;
}
.instagram{
	background-color:#275a85;
}
.google{
	background-color:#d24b46;
}
.linkedin{
	background-color:#0077b5;
}
#socialMedia li:hover{
	background-color:#000;
	cursor:pointer;
}
#socialMedia li{
	border-radius:2.5em;
	display:inline-block;
	text-align:center;
	min-width:2.5em;
	width:2.5em;
	min-height:2.5em;
	margin:0.2em;
}
#socialMedia a{
	display:block;
}
#socialMedia img{
	height:1em;
	padding:0.75em 0 0 0;
}
#footerLeft span, #footerRight span{
	white-space: nowrap;
	display:inline-block;
}
#footerLeft{
	position:relative;
	float:left;
	display:inline-block;
	height:5em;
	text-align:center;
	line-height:5em;
}
#footerRight{
	position:relative;
	text-align:center;
	float:right;
	height:5em;
	display:inline-block;
}

#footerRight, #footerLeft {
	white-space: nowrap;
}


/** ------------------------------------------------------------ **/
/** --------------------- @contact us div ---------------------- **/
/** ------------------------------------------------------------ **/

#contactLink{
	z-index:5;
	position:fixed;
	bottom:0px;
	right:0px;
	background-color:#3589bb;
}
#contactLink a{
	display:block;
	padding-top:0.8em;
	padding-bottom:0.8em;
	padding-left:4em;
	padding-right:4em;
	height:100%;
	text-align:center;
	font-weight:bold;
	color:#fff !important;
	vertical-align:middle;
}
#contactLink:hover{
	background-color:#000;
}



/** ------------------------------------------------------------ **/
/** ------------------------ @homepage ------------------------- **/
/** ------------------------------------------------------------ **/
#services{
	min-width:350px;
	min-height:500px;
	background-color:#fff;
	position:relative;
	display:inline-block;
	float:left;
}

.timeline-Widget, .fb_iframe_widget{
	float:left !important;
	position:relative !important;
}

#homeBoxes{
	display:block !important;
	overflow:auto;
	padding:10px 0px 10px 0px;
}

#fb-div, #tw-div{
	position:relative;
	float: left;
	width: 450px;
	display: inline-block;
	height:500px;
	padding:0px;
}
.cust{
	margin-top:1em;
	font-style:italic;
	font-size:0.8em;
	display:block;
}
#info{
	text-align:center;
	color:#fff !important;
}
#info h1,#info h2{
	color:#fff !important;
}
.homeContact{
	background-color:#99d1ed;
	display:inline-block;
	min-width:200px;
	color:#2e6c8c;
	border:1px solid #99d1ed;
	border-radius: 15px;
	padding:0.5em;
	margin:0.5em;
}
#serviceBoxes{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:auto;
	display:table;
	color:#4d4e4f !important;
}
#serviceBoxes div{
	display:table-cell;
	position:relative;
	float:left;
	text-align:center;
	min-height:300px;
	height:300px;
	font-size:0.8em;
	overflow:auto;
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:0px;
	padding-right:0px;
}
#serviceBoxes div:hover{
	cursor:pointer;
	background-color:#cbe7f8;
	color:#4d4e4f !important;
}
#serviceBoxes div  .servCont{
	width:80%;
	margin:auto;
}
#serviceBoxes div p a{
	color:#56595f !important;
}
#serviceBoxes div img{
	width:8em;
}

.makeBlue{
	color:#a2d0eb !important;
}


	.mImg img{
		display:none;
	}
	.dImg{
		display:inline-block;
	}


@media screen and (max-width: 700px){
	.mImg img{
		display:inline-block;
	}
	.dImg{
		display:none;
	}
}







/** ------------------------------------------------------------ **/
/** ----------------------- @media <= 480 ---------------------- **/
/** ------------------------------------------------------------ **/
@media screen and(max-width: 480px){
	#test-div li, #servicesWheel li{
		font-size:0.8em;
	}
	.mobileResize img{
		width:80vw;
	}
	#info{
		font-size:0.7em !important;
	}
	#wrapper > div, #wrapper > p, #wrapper > ul, #wrapper > ol, #wrapper > table, #wrapper > h2, #wrapper > h3, #wrapper > h4, .divLength > div, .divLength > p, .divLength > ul, .divLength > ol, .divLength > table{
		margin-left:auto;
		margin-right:auto;
		width:inherit;
	}
	#wrapper form{
		margin-left:auto;
		margin-right:auto;
		width:100%;
		max-width:100%;
	}
	#wrapper form label{
		width:100%;
		text-align:left;
		display:block;
	}
	#wrapper form input, #wrapper form textarea, #wrapper form select{
		width:100%;
		display:block;
	}

	#wrapper form input[type="submit"]{
		margin-left:0px;
	}

}


/* Joe stuff */

.center-text {
	 text-align: center;
}

.price-table {
    width: 25%;
}

input[type=submit] {
  background:none;
  border:none;
  color:#FFF;
  cursor:pointer;
}

.btn {

    min-width: 2em;
    text-align: center;
    width: 100%;
	border: 1px solid #2e6c8c;
    background: #2e6c8c;
    color: #ffffff;
    border-radius: 0.2em;
    display: inline-block;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .open > .dropdown-toggle.btn {
    background: #94d2f2;
    color: #2e6c8c;
    border: 1px solid #94d2f2;
}





/** -------------------------------------------------
	Cart Message CSS
	------------------------------------------------ **/
#message_container_table {
	display:table;
	width:100%;
	margin:1em 0;
	background-color:#3793c3;
	color:#fff;
	border:0.2em solid #3793c3;
	border-radius:0.25em;
}

#all_cart_messages {
	display:table-row;
}

.cart_messages, .cart_message_controls {
	display:table-cell;
}

.cart_messages li {
	list-style: none;
	padding:0;
	margin:0;
	font-size:1em;
}

.cart_message_controls{
	text-align: right;
}
.cart_message_controls li{
	display:inline-block;
	padding:0.5em;
	border:0.1em solid #fff;
	border-radius:0.25em;
	margin:0.5em;
}

.cart_message_controls li:hover{
	cursor:pointer;
}

#cart_message_view_cart {
	background-color:#fff;
	color:#3793c3;
}