html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0px;
}
a:active {
	outline: none;
}
html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}
.container {
	position: relative;
	margin: 0px auto;
	height: 100%;
}
body {
	background: #ffffff url('/public/images/mainBacker.jpg') no-repeat top center;
	font-family: Georgia, serif;
	color:#555555;
}
.insideBacker {
	background: #ffffff url('/public/images/insideBacker.jpg') no-repeat top center;
}

.container a {
	color: #30b9ef;
	text-decoration: none;
}
.container a:hover {
	color: #30b9ef;
	text-decoration: underline;
}
/*-------------------------------- BEGIN LAYOUT ----------------------------------------- */
#headerMain {
	height: 396px;
}
#headerInside {
	height: 166px;
}

#headerText{
	position:absolute;
	width: 485px;
	line-height: 135%;
	font-size: 12px;
	color: #ffffff;
	top: 197px;
	left: 44px;
}
#headerText a, #headerText a:hover{
	color: #FEFF7F !important;
}
#logoMain h1 a{
	display: block;
	position:absolute;
	height: 183px; 
	width: 482px;
	background: transparent url('/public/images/premdermLogoBig.png') no-repeat top left;
	text-indent: -99999px;
	top: 25px;
	left: 20px;
	z-index: 1000;
}
#logoInside h1 a{
	display: block;
	position:absolute;
	height: 94px; 
	width: 241px;
	background: transparent url('/public/images/premdermLogoSmall.png') no-repeat top left;
	text-indent: -99999px;
	top: 25px;
	left: 20px;
	z-index: 1000;
}

#middleArea{
	background: #ffffff;
	padding: 2px;
}

#brands ul{
}
#brands li{
	display: inline;
	margin-right: 10px;
	line-height: 100%; 
	font-size: 12px;
}
#brands a{
	color:#ffffff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
}
#topNav{	
	margin-top: 357px;
	padding:4px 10px 14px 10px;
	background: transparent url('/public/images/topNavBacker.png') repeat top center;
}
#topNavInside{	
	margin-top: 125px;
	padding:4px 10px 14px 10px;
	background: transparent url('/public/images/topNavBacker.png') repeat top center;
}

.greenA,.greenA:hover{
	font-size: 11px;
	color: #8dd934 !important;
	text-decoration:none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;

}
.blueA{
	color: #83dfff !important;
	font-size: 11px;
}

.scriptBlueNav{
	color: #83dfff;
	font-size: 24px !important;
	text-transform:lowercase;
}
.scriptBlueHead{
	color: #30b9ef;
	font-size: 42px !important;
	margin-top: -17px;
	line-height: 100%;
	text-transform:lowercase;
}
.scriptBlueHeadMedium{
	color: #30b9ef;
	font-size: 24px !important;
	margin-top: -17px;
	line-height: 100%;
	text-transform:lowercase;
}

#search{
	position:absolute;
	left: 565px;
	text-align:center;
}
.searchInput{
	border:none;
	background:transparent url('/public/images/50percentWhite.png') no-repeat center center;
	width: 135px;
	padding: 3px 5px 3px 5px;
	.padding: 0px 5px 2px 5px;
	color: #ffffff;
	vertical-align:middle;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
	margin-left: 7px;
	font-size: 11px;
	height: 20px;
}
#search li{
	display: inline;
	margin-right: 2px;
	line-height: 100%; 
	font-size: 12px;
}

#columns{
	width: 941px;
	min-height: 800px;
	margin: 20px 0;
	overflow: hidden;
	position:relative;
	background: transparent url('/public/images/bigP.png') no-repeat top right;
	/*min-height: 800px;*/
}
#leftColumn{
	margin: 0 10px 0 19px;
	width: 685px;
	float:left;
}
#leftColumnTop{
	float: left;
	width: 685px;
	height: 185px;
	margin-bottom: 40px;
}
#leftColumn1{
	float: left;
	width: 245px;
	margin: 0 25px 0 0;
}
#leftColumn2{
	float: left;
	width: 405px;
	margin-bottom: 30px;
}
#rightColumn{
	margin: 0 0 0 23px;
	float:left;
	width: 185px;
	font-family: 'lucida grande', 'lucida sans unicode', helvetica, sans-serif;
	font-size: 13px;
	line-height: 135%;
}

#b4aRounded{
	height: 130px;
	margin-top: 5px;
	padding: 8px;
	background: transparent url('/public/images/galleries/50percentGray.png') repeat top left;
	border: 2px solid #c6c6c6;
	font-size: 12px;
	line-height: 135%;
	/* Do rounding (native in Firefox and Safari)*/ 
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.b4aCategory{
	float:left;
	width: 180px;
	margin: 15px 15px 0 0;
	padding: 8px 8px 16px 8px;
	background: #ededed url('/public/images/50percentWhite.png') repeat top left;
	border: 2px solid #c6c6c6;
	font-size: 12px;
	line-height: 135%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
	/* Do rounding (native in Firefox and Safari)*/ 
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	
}
.b4aDetail{
	margin: 15px 0;
	padding: 8px 8px 16px 8px;
	background: #ededed url('/public/images/50percentWhite.png') repeat top left;
	border: 2px solid #c6c6c6;
	font-size: 12px;
	line-height: 135%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
	overflow:hidden;
	/* Do rounding (native in Firefox and Safari) */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	
}

.b4aCategory li{
	margin: 7px 0 0 16px !important;
}
.b4aDetail ul{
	float:left;
	margin: 20px 0 0 -16px !important;
}

.b4aSlider{
	background: #dddddd;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
	/*border: 2px solid #888888;*/
	/* Do rounding (native in Firefox and Safari); */
	
}
.b4aSlider img{
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}
#b4aThumbs{
	font-size: 10px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
	margin-bottom: 7px;
}
#b4aThumbs img{
	margin: 0 10px 0 0 !important;
	padding: 0 0 0 0 !important;
}
.moreA,.moreA:hover{
	font-size: 11px;
	color: #63bf1a !important;
	margin-top: 4px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
}
.bigHead, .bigHead a,.bigHead a:hover{
	display:block;
	/*font-weight:bold;*/
	font-size: 22px;
	color: #000000;
	margin-bottom: 2px;
	text-decoration:none;
}

.b4aHeader{
	/*font-weight:bold;*/
	font-size: 18px;
	color: #000000;
	margin-bottom: 5px;
}
.b4aPhotos{
	float: right;
	margin-left: 20px;
	width: 290px;
	height: 120px;
}
.b4aPhotos img{
	vertical-align:top;
}
.panel-wrapper{
	height: 120px !important;
	overflow: hidden;
	margin-left: 20px;
}
#testimonials {
	background: #80b2c4 url('/public/images/testimonyBacker.png') no-repeat top left;
	padding: 68px 13px 13px 46px;
	.padding: 65px 13px 13px 48px;	
	margin-bottom: 40px;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
	/* Do rounding (native in Firefox and Safari)*/ 
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	
}
#testimonials_sidebar {
	background: #80b2c4 url('/public/images/testimonyBacker_sidebar.png') no-repeat top left;
	padding: 68px 13px 13px 23px;
	.padding: 65px 13px 13px 24px;	
	margin-bottom: 30px;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
	/* Do rounding (native in Firefox and Safari)*/ 
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.newsSummary{
	margin: 15px 0 10px 0;
	font-size: 13px;
	line-height: 135%;
}
#enews{
	display:block;
	margin: 8px 0;
	font-size: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
	line-height: 135%;
	margin-bottom: 30px;
}
.inputText{
	width: 70%;
	border: none;
	vertical-align:middle;
	color: #808080;
	padding: 9px 9px 9px 9px;	
	font-size: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
	background: transparent url('/public/images/inputBacker.png') no-repeat top left;
}
#address{
	border-top: 2px dotted #d8d8d8;
	padding-top: 30px;
	line-height: 155%;
	font-size: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
}
#address strong{
	font-weight:bold;
	font-size: 12px;
}
#phoneNumber{
	text-indent: -99999px;
	margin-bottom: 20px;
	width: 185px;
	height: 40px;
	background: transparent url('/public/images/btnCallus.png') no-repeat top left;
}
#phoneNumberInside{
	position:absolute;
	text-indent: -99999px;
	top: 28px;
	left: 625px;
	width: 124px;
	height: 31px;
	background: transparent url('/public/images/btnCallusInside.png') no-repeat top left;
}

#promo1{
	margin-bottom: 30px;
	border-top: 2px dotted #d8d8d8;
	padding-top: 30px;
}
#promo2{
	margin-bottom: 30px;
	border-top: 2px dotted #d8d8d8;
	padding-top: 30px;
}
#socialIcons{
	margin-bottom: 30px;
	border-top: 2px dotted #d8d8d8;
	padding-top: 30px;
	padding-left: 13px;
}

#socialIcons li{
	display: inline;
	float: left;
	margin-right: 10px;
	vertical-align:bottom;
}
#iconFollow{
	margin-top:0px;
}
#iconFacebook a{
	display: block;
	width: 46px;
	height: 36px;
	text-indent: -99999px;
	background: transparent url('/public/images/iconFacebook.png') no-repeat top left;	
}
#iconTwitter a{
	display: block;
	width: 46px;
	height: 36px;
	text-indent: -99999px;
	background: transparent url('/public/images/iconTwitter.png') no-repeat top left;	
}
#footer{
	border-top: 2px dotted #d8d8d8;
	padding-top: 30px;
	line-height: 135%;
	font-size: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
	text-align:center;
	color: #999999
}
#flex{
	margin: 30px 0;
}
#flex a{
	color: #999999
}
#procedures{
	margin-top: 25px;
}
/* inside body text styles */
#bodyText {
	padding-right: 50px;
	font-size: 13px;
	line-height: 145%;
}

#bodyText h3{
	font-size: 22px;
	margin: 10px 0 10px 0;
	color: #90D73A;
	white-space: normal;
	height: auto;
}

#bodyText h4{
	font-size: 21px;
	margin: 10px 0 10px 0;
	color: #6CC420;
	height: auto;
}
#bodyText h5{
	font-size: 35px;
	margin: 10px 0 10px 0;
	color: #000000;
	white-space: normal;
	height: auto;
}

#bodyText li{
	margin-left: 30px;
	list-style: square;
	margin-top: 7px;
}

#bodyText img{
	margin: 4px  20px 20px 20px;
	border: none !important;
}

/* BEGIN SUCKERFISH NAV */
#mainNav{
	background: #8ed639 url('/public/images/navBacker.png') no-repeat top center;
	padding: 10px 0;
	line-height: 100%;
	height: 20px;
}
#mainNav a{
	color: #ffffff;
	text-transform:uppercase;
	font-size: 14px;
	line-height: 100%; 
}
#mainNav a:hover{
	color: #eeff00;
	text-decoration:none;
}
#mainNav ul{
	position:absolute;
	z-index: 90000;

}
#mainNav li{
	display: inline;
	line-height: 100%; 
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #ffffff;
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	/*font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;*/
} 
#mainNav li:first-child{
	margin-left: 0px;
	border-left: none;
}
 
#mainNav li ul { /* second-level lists */
	color: #ffffff;
	position: absolute;
	font-size: 11px;
	width: 18em;
	left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-left: 0px;
	/*border: 1px solid #ffffff;*/	
	background: #30B9EF;
	top: 21px;
}
#mainNav li:hover ul, #mainNav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#mainNav li ul li{
	margin: 0px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	z-index: 1000;
}
#mainNav li ul li:first-child{
	margin-left: 0px;
	border-left: 1px solid #ffffff;
}

#mainNav li ul li:hover{
	background:transparent url('/public/images/blue-93.png') no-repeat top left;
	z-index: 1000;
}
#mainNav li ul li a{
	display:block;
	padding: 5px;
	.margin-top: 0;
	.margin-bottom: 0;
	font-size: 12px;
	text-transform: capitalize;
	z-index: 1000;
	background: #dbe3cc;
	width: 16em;
	color: #435856;
	border: 1px solid #ffffff;
	border-bottom: none;
	border-top: none;
	
}
#mainNav li ul li a:hover{
	color: #ffffff;
	background: #8fc3bb;	
}


















/* END SUCKERFISH NAV */


img.imageLeft{
	float: left;
	padding: 0 10px 10px 0; 
}

#newsArchives{
	padding: 30px 0 30px 0;
	line-height: 155%;
	font-size: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
}
#newsArchives h2{
	font-size: 16px;
	padding-bottom: 10px;
}
#newsArchives li{
	list-style: square;
	margin-left: 25px;
}
#tagCloud{
	padding: 0 0 30px 0;
	line-height: 155%;
	font-size: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
}
#tagCloud h2{
	font-size: 16px;
	padding-bottom: 10px;
}

.galleryPagination {
	display:inline;
	float: left;
}
.galleryPagination li{
	float: left;
	margin: 0 6px 0 0 !important;
	width: 20px !important;;
	padding: 0 !important;;
	text-align:center;
	border: 1px solid #808080;
	list-style:none !important;
	font-size: 11px;
	background: #90D73A;
	color: #ffffff;
}
.galleryPagination li a, .galleryPagination li a:hover{
	display:block;
	background: #ffffff;
	color: #31B9ED;
	width: 20px !important;;
	padding: 0 !important;;
	text-align:center;
	text-decoration:none;

}

.paginationHeader{
	display: inline; 
	float: left;
	font-weight:bold; 
	margin-right: 5px;
}

.products li a, .products li a:hover {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}
.products li {
	display: block;
	float: left;
	width: 180px;
	margin: 0 15px 25px 0 !important;
	border: 1px solid gray;
	list-style: none;
	background: #F5F5F5;
	padding: 0 10px !important;
	font-size: 11px !important;
	height: 350px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.products.image {
	border: 1px solid #808080 !important;
	padding: 4px;
	background: #ffffff;
}