/*

Theme Name: Redesign

Theme URI: http://www.uspharmd.com/

Description: The redesigned theme for USPharmD



    USPharmD Redesign

    

    Kai Brach

    brizk design (www.brizk.com)



*/



/* Basics ######################################################### */



html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 

	margin: 0; padding: 0; 

} 



body {

	text-align: center;

	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;

	font-size: 13px;

	border: 0;

	color: #000;

	background:#e8e8e8;

	line-height: 20px;

}	



div.wrap {

	margin: 15px auto;

	width: 906px;

	text-align:left;

}



#header {

	height: 85px;

	background: #000 url(images/bg-header.jpg) 0 0 no-repeat;

	margin-bottom: 1px;

}



#intro {

	height: 364px;

	/* background: #82b1be url(images/bg-intro.jpg) 0 0 no-repeat; */

        background: #82b1be url(images/dfw-widget-top-bg1.png) 0 0 no-repeat; 

	position: relative;

}



#intro .left {

	width: 340px;

	float: left;

}



#intro .left .half {

	width: 135px;

	float: left;

	margin-left: 85px;
	
	margin-top:65px;

	font-size: 14px;

	line-height: 24px;

	display: inline;

}	

#intro .left .half h3 {
	font-size:18px;
}


#content {

	padding: 20px 30px 30px 30px;

	background: #fff;

}



#content .left {

	width: 600px;

	float: right;

}



#content .right {

	width: 217px;

	float: left;

}



div.uni {

	padding: 0 0 20px 0;

	border-bottom: 1px solid #d3e3e7;

	clear: both;

	margin: 0 0 20px 0;

}



div.uni div {

	width: 400px;

	float: right;

}



#content .right div.bottom {

	height: 6px;

	background: url(images/box-bottom.gif) 0 0 no-repeat;

	font-size: 1px;

	margin-bottom: 10px;

}



#content .right div.bottom-search {

	background: url(images/box-bottom-search.gif) 0 0 no-repeat;

}



#footer {

	padding: 30px 0 20px 0;

	background: url(images/footer.gif) 0 0 no-repeat;

	text-align: center;

	color: #bababa;

}

	

/* Headlines ######################################################### */		





h1 {

	padding: 0 0 15px 0;

	margin: 0;

	font-size: 24px;

	font-weight:normal;

	color: #2a5d6c;

	line-height: 26px;

}



h2 {

	padding: 0 0 10px 0;

	margin: 0;

	font-size: 18px;

	font-weight:normal;

	color: #2a5d6c;

	line-height: 20px;

}



.right h2 {

	height: 25px;

	padding: 6px 0 0 0;

	margin: 0;

	background: url(images/box-top.gif) 0 0 no-repeat;

	color: #787676;

	font-size: 11px;

	letter-spacing: 1px;

	text-transform: uppercase;

	text-align: center;

	font-weight: normal;

}



h3 {

	font-weight: normal;

	color: #7aa4ae;

	padding: 0 0 5px 0;

	border-bottom: 1px solid #90bac4;

	margin: 0 0 5px 0;

	font-size: 11px;

    text-transform: uppercase;

    letter-spacing: 1px;

}



h2.search {

	background: url(images/box-top-search.gif) 0 0 no-repeat;

	color: #42717e;

}	



/* Links ######################################################### */	



a:link,  a:visited, a:active {color:#366f80; text-decoration: none; outline: none}

a:hover {text-decoration: underline}



#content .left a {text-decoration: underline;}



#footer a {color: #7f7f7f; padding: 0 8px}



#header a.logo {

	width: 290px;

	height: 45px;

	display: block;

	float: left;

	text-indent: -1111em;

	margin: 23px 0 0 30px;

}



#intro a:link, #intro a:visited, #intro a:active {color: #2a5d6c;}



#content .left a.button, #content .left a.button:link, #content .left a.button:visited, #content .left a.button:active {

	display: inline-block;

	width: 114px;

	height: 27px;

	background: url(images/button.gif) 0 0 no-repeat;

	text-align: center;

	font-size: 11px;

	text-transform: uppercase;

	letter-spacing: 1px;

	color: #fff;

	text-decoration: none;

	padding: 5px 0 0 0;

}



/* Fonts ######################################################### */



.font-grey {color:#878787;}



p {

	padding:0 0 15px 0;

}





#intro .left p.popular {

	height: 130px;

	padding: 30px 0 0 45px;

}



#intro form p {

	padding: 10px 0 0 130px;

	height: 39px;

}	



#intro form p.button {

	padding: 6px 0 0 18px;

	height: 40px;

}	



#content p.intro {

	font-size: 16px;

	color: #568e9e;

	line-height: 24px;

}



#content .right form p {

	padding: 0 0 8px 0;

}	



#newButton {

	background: url(images/button-right.gif) 0 0 no-repeat;
    color:#fff;
    font-size:13px;
    height: 32px;
    width:113px;
    text-align:center;
    border:none;
    margin-left:30px;
    margin-top:5px;
    text-shadow:2px 2px 2px #000;
    text-transform:uppercase;
    font-family:"Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;
    box-shadow:2px 2px 2px #000;
    -moz-box-shadow:2px 2px 2px #000;
    -webkit-box-shadow:2px 2px 2px #000;
    border-radius:5px;
}


/*#content .left form.in-content p {

	padding: 0 0 5px 335px;

	height: 32px;

}*/

#content .left .in-content form p {

	padding: 0 0 5px 335px;

	height: 32px;

}



/*#content .left form.in-content p.button {

	padding: 0 0 0 220px;

}	*/

#content .left .in-content form p.button {

	padding: 0 0 0 220px;

}



/* Navigation ######################################################### */



#header ul {

	padding: 0;

	margin: 34px 10px 0 0;

	float: right;

	width: 530px;

	list-style-type: none;

}



#header ul li {

	padding: 0;

	margin: 0;

	float: right;

}	



#header ul li a:link, #header ul li a:visited, #header ul li a:active {

	background-image: url(images/nav-left.gif);

	background-position: 0 0;

	background-repeat: no-repeat;

    color: #a8a8a8;

    display: inline-block;

    float: left;

    height: 24px;

    line-height: 11px;

    font-size: 11px;

    margin: 0 5px 0 0;

    padding:  0 0 0 10px ;

    text-decoration: none;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-weight: normal;

}



#header ul li a span {

	background-image: url(images/nav-right.gif);

	background-position: right 0;

	background-repeat: no-repeat;

    display: inline-block;

    height: 18px;

    padding: 6px 10px 0 0;

    cursor: pointer;

} 



#header ul li a:hover {

	color: #fff;

} 



#header ul li.current a, #header ul li.current a:link, #header ul li.current a:visited {

	background-position: 0 -24px;

	color: #fff;

}



#header ul li.current a span {

	background-position: right -24px;

	color: #fff;

}



	

/* Images ######################################################### */	



img {

	border: none;

}



#content img.right {

	float: right;

	margin: 0 0 10px 15px;

}



div.uni img {

	float: left;

}

	

/* Tables ######################################################### */



	



/* Lists ######################################################### */



ul.link-list {

	padding: 0;

	margin: 0;

	list-style-type: none;

}



#content .right ul {

	background: #f4f4f4;

	padding: 5px 10px;

}



ul.link-list li {

	padding: 1px 0 1px 12px;

	background: url(images/bullet-link.gif) 0 7px no-repeat;

	margin: 0;

}



ul.bullet-intro li {

	background: url(images/bullet-intro.gif) 0 5px no-repeat;

}



#content .left ul, #content .left ol {

	margin: 0;

	padding: 0 0 15px 50px;

}



#content .left ul li, #content .left ol li {

	margin: 0;

	padding: 5px 0;

}



/* Forms ######################################################### */



form {

	padding: 0;

	margin: 0;

}



#content .right form {

	background: #e1f2f5;

	padding: 5px 10px;

	color: #2a5d6c;

}



/*

#content .left form.in-content {

	background: url(images/bg-search-bottom.jpg) 0 0 no-repeat;

	height: 160px;

	padding: 68px 0 0 0;

}

*/



#content .left .in-content form {

	/* background: url(images/bg-search-bottom.jpg) 0 0 no-repeat; */

        background: url(images/dfw-widget-bottom-bg.png) 0 0 no-repeat;

	height: 160px;

	padding: 68px 0 0 0;

}



input, select {

	font-size: 12px;

	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;

}

		

#intro form {

	padding: 135px 0 0 0;

	float: left;

	width: 355px;

}



#intro form input.zip {

	width: 100px;

}



#content .right form input {	

	width: 80px;

}	



#content .right form select {

	width: 170px;

}	



/*#content .left form.in-content input {

	width: 100px;

}*/

#content .left .in-content form input {

	width: 100px;

}



/*#content .left form.in-content select {

	width: 180px;

	margin-top: 3px;

}*/

#content .left .in-content form select {

	width: 180px;

	margin-top: 3px;

        margin-left: 10px;

}



#intro form select {

	width: 180px;

	margin-top: 3px;

}	



/*#intro form button, #content .left form.in-content button {

	background: url(images/button-intro.gif) 0 0 no-repeat;

	display: block;

	width: 316px;

	height: 41px;

	border: none;

	cursor: pointer;

}*/

#intro form button, #content .left .in-content form button {

	background: url(images/button-intro.gif) 0 0 no-repeat;

	display: block;

	width: 316px;

	height: 41px;

	border: none;

	cursor: pointer;

}





/*#content .left form.in-content button {

	background: url(images/button-in-content.gif) 0 0 no-repeat;

	height: 34px;

}	*/

#content .left .in-content form button {

	background: url(images/button-in-content.gif) 0 0 no-repeat;

	height: 34px;

}



#content .right form input.dfw-submit {

	display: block;

	width: 114px;	

	height: 32px;

	text-align: center;

	background: url(images/button.gif) 0 0 no-repeat;

	border: none;

	font-size: 11px;

	text-transform: uppercase;

	letter-spacing: 1px;

	color: #fff;

	text-decoration: none;

	padding:  0;

	cursor: pointer;

	margin-top: 5px;

}	



/* Misc ######################################################### */		



.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

* html .clearfix             { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */



.float-left {

	float:left;

}



.float-right {

	float:right;

}	



.clear {

	clear:both;

}	



.center {

	text-align:center;

}



/* hide fancy button by default */

.dfw-unlabel {

    display: none;

}



/* in fancy dfw's, hide element labels & show fancy button */



/* intro is top, content is bottom */

div#intro .dfw-label, .in-content .dfw-label {

    display: none;

}



div#intro .dfw-unlabel, .in-content .dfw-unlabel {

    display: inline;

}



div#intro #edudirect-search-widget label, .in-content  #edudirect-search-widget label {display: none;}

.category {list-style:none;margin-left:-10px;font-size:14px;}

/* QuinStreet Styles */
.qs iframe {
	border-radius:0px 0px 6px 6px;
}
.qs-programs ul {
	margin-left:20px;
}
.qs-campus {
	margin-top: 10px;
	padding:0px 10px 20px 10px;
	min-height:90px;
	overflow:hidden;
	border-bottom:1px solid #90bac4;
}
.qs-campuslogo {
	float:left;
	width:20%;

}
.qs-campuslogo img {
	padding-right:10px;
	display:block;
	margin-bottom:10px;
}
.qs-campuslogo a.cta {
	margin-top: 0px;
	background: #AD2E2E;
	box-shadow: 1px 1px 0px #333;
	margin-left: 10px;
	text-transform:uppercase;
	padding: 10px;
	color:#fff;
	text-decoration:none !important;
	border-radius:4px;
}
.qs-campuslogo a.cta:hover {
	color:#c1c1c1;
}
.qs-campusinfo {
	float:right;
	width:80%;
}
.qs-dealers {
	margin-top:20px;
}
.qs-dealers a {
	padding:4px 8px;
	background:#262626;
	color:#ffffff;
	border-radius:2px;
}
.qs-programs {
	clear: both;
	overflow:hidden;
	padding:10px 20px;
	background:#f9f9f9;
	border-radius:10px;
}
.qs-listing {
	overflow:hidden;
	border-bottom:1px solid #90bac4;
}
.cta-listing {
	display: inline-block;
	width: 114px;
	height: 27px;
	background: url(images/button.gif) 0 0 no-repeat;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff !important;
	text-decoration:none !important;
	padding: 5px 0 0 0;
	font-weight:bold;
}
#searchform {

}
#searchform fieldset {
	border:none;
	margin-top:10px;
}
#searchform fieldset select {
	width:200px;
	margin:0 auto;
	cursor:pointer;
	border:1px solid #cccccc;
}
.topblurb {
	background:#BCD9DF;
	border-radius:6px 6px 0px 0px;
	padding-top:10px;
}
#searchform fieldset #zipcode {
	margin-top: 10px;
}
.submitBtn {
	border: none;
	cursor: pointer !important;
	width: 200px;
	border-radius: 4px;
	padding:10px 0px;
	background: #AD2E2E !important;
	text-transform:uppercase;
	color:#fff;

}
.submitBtn:hover {
	background:#823A3A !important;
}
.text p {
	width:536px;
}
#current {
	width:1000px;
}

.content-qs iframe {
	float:right;
}
.content-qs-top {
	background: #ADCFD6 url(qs-css/img/dfw-widget-top2.png) no-repeat right 34px;
	display: block;
	overflow: hidden;
	box-shadow:0px 0px 184px #6A9EAD inset;
}
.content-qs-top .half {
	width: 216px;
	float: left;
	margin-right: 30px;
	padding-left: 86px;
	padding-top: 88px;
}
.qs-fs .qs-programs ul {
	margin-left:20px;
}
.qs-fs .qs-campus {
	margin-top: 10px;
	padding:0px 10px 20px 10px;
	min-height:90px;
	overflow:hidden;
	border-bottom:1px solid #90bac4;
}
.qs-fs .qs-campuslogo {
	float:left;
	width:24%;

}
.qs-fs .qs-campuslogo img {
	padding-right:10px;
	display:block;
	margin-bottom:10px;
}
.qs-fs .qs-campuslogo a.cta {
	margin-top: 0px;
	background: #AD2E2E;
	box-shadow: 1px 1px 0px #333;
	margin-left: 10px;
	text-transform:uppercase;
	padding: 10px;
	color:#fff;
	text-decoration:none !important;
	border-radius:4px;
}
.qs-fs .qs-campuslogo a.cta:hover {
	color:#c1c1c1;
}
.qs-fs .qs-campusinfo {
	float:right;
	width:74%;
}
.qs-fs .qs-dealers {
	margin-top:20px;
}
.qs-fs .qs-dealers a {
	padding:4px 8px;
	background:#262626;
	color:#ffffff;
	text-decoration: none !important;
	border-radius:2px;
}
.qs-fs .qs-programs {
	display:none;
}
.qs-fs .qs-listing {
	overflow:hidden;
	border-bottom:1px solid #90bac4;
}