/* base form styles */	
	input[type="text"], input[type="password"], input[type="tel"], input[type="email"], select, textarea {
		border: 1px solid #ccc;
		padding: 10px;
		font-size: 18px;
		-webkit-appearance: none;
		-moz-appearance: none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

	input[type="text"], input[type="password"], input[type="tel"], input[type="email"], select {
		width: 100% !important;
		max-width: 350px;
		height: 44px;
		line-height: 1 !important;
	}

	input:focus[type="text"], input:focus[type="password"], input:focus[type="tel"], input[type="email"]:focus, select:focus, textarea:focus {
		outline: none;
		-webkit-appearance: none !important;
		border: 2px dodgerblue solid !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		background-color: #fdfdcc !important;
	}

	select {
		overflow: hidden;
		background: url(https://d23n7ahjfnjotp.cloudfront.net/imgs/icons/select-down-arrow.png) no-repeat scroll 99% center #ffffff!important;
		cursor: pointer;
		padding-right: 30px;
	}

	#dob select { width: auto; }

	textarea { width: 100%; max-width: 350px; height: 150px; line-height: normal !important; }

	label {
		width: 100%;
		font-size: 16px !important;
		font-weight: 700;
		line-height: normal;
		display:block;
	}

	form div { margin-bottom: 25px; }

	form div.formsWrapper { max-width: 350px; margin: 0 auto; }

/* /base form styles */	

/* radio | check box styles */
	.checkboxContainer {
		display: block;
		position: relative;
		padding-left: 38px;
		margin-bottom: 12px;
		cursor: pointer;
		font-size: 18px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		max-width: fit-content;
		min-height: 30px;
	}

	.checkboxContainer input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 30px;
		width: 30px;
		background-color: #ffffff;
		border: 1px solid #cccccc;
	}

	.checkboxContainer:hover input ~ .checkmark { background-color: #f2f2f2; }

	.checkmark:after { content: ""; position: absolute; display: none; }

	.checkboxContainer input:checked ~ .checkmark:after { display: block; }

	.checkboxContainer .checkmark:after {
		left: 9px;
		top: 3px;
		width: 10px;
		height: 17px;
		border: solid #009800;
		border-width: 0 5px 5px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	label.checkboxContainer.single { font-weight: normal; }

	label.checkboxContainer.multiple { font-weight: normal; padding-top: 6px; }

/* /radio | check box styles */


/* button styles */	
	input[type="submit"], input[type="button"], button {
		display: block;
		text-align: center;
		background-color: #00BA00;
		color: #ffffff;
		font-size: 18px;
		padding: 9px;
		height: auto;
		min-height: 40px;
		width: auto;
		max-width: 100%;
		min-width: 150px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		border: 0px;
		-webkit-appearance: none !important;
		line-height: 1;
		margin: 0 auto;
	}

	input[type="submit"]:focus, input[type="button"]:focus, button:focus { outline: -webkit-focus-ring-color auto 0px; }

	input[type="submit"]:hover, input[type="button"]:hover, button:hover { background-color: #068D06; }

/* /button styles */	


/* media queries */

	/* Under 320 - which doesn't exist, unless you're on a flip-phone, in wich case you can't see this anyway */
	@media (min-width:0px) { 
		 /* body { background-color: #9999cc; } */
	}
	/* smartphones, iPhone, portrait 480x320 phones */
	@media (min-width:321px) { 
		 /* body { background-color: #ffcc99; } */
	}
	/* portrait e-readers, smaller tablets @ 600 or @ 640 wide. */
	@media (min-width:481px) { 
		  /* body { background-color: #ffffcc; } */
	}
	/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    @media (max-width:904px){
            #main-innerpage{width:100%;}
    }

    @media (max-width:614px){ 
        #main-innerpage.ic {background-image: none !important; margin: 0 !important; border-radius: 0 !important} 
        #breadcrumbs, #ship-left-sidebar {display:none} 
        #pagetitle_wrapper {float: none !important; width: 100% !important; margin: 0 !important} 
        .profilePages {margin: 10px !important} 
    } 
	/* tablet, landscape iPad, lo-res laptops and desktops */
	@media (min-width:961px) { 
		  /* body { background-color: #ccccff; } */  
	}
	/* big landscape tablets, laptops and desktops */
	@media (min-width:1025px) { 
		  /* body { background-color: #cc99ff; } */
	}
	/* hi-res laptops and desktops */
	@media (min-width:1281px) { 
		  /* body { background-color: #ffcccc; } */
	}

/* /media queries */