/* 
By Jesse Marquez site creation date: xx-xx-xxxx (Updated: 6-26-2010)

color#
font families:
Georgia, Georgia, serif
Tahoma, Geneva, sans-serif
Verdana, Verdana, Geneva, sans-serif
Trebuchet MS, Helvetica, sans-serif
Times New Roman, Georgia, Serif


 

TEXT SHADOW
X-coordinate of the text-shadow (20px), relative to the text
Y-coordinate of the text-shadow (-12px), relative to the text
The blur radius of the text-shadow (2px), which means the amount of space the shadowtext is 'stretched'

*/



/* ------Erik Meyer Reset - - http://meyerweb.com/eric/tools/css/reset/ -------*/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;

	
}
body {line-height: 1.3em;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;	border-spacing: 0;}

 /* always show Firefox scrollbar */
html{overflow:-moz-scrollbars-vertical;}

* {margin: 0;} 



/* --------------------------------------------- End Reset ------------------------------------------------ */



/* -------------------------------------- Start Web Site Default Styles ---------------------------------- */
body {text-align:center; font-family: Tahoma, Geneva, sans-serif; color:#000; font-size:12px; background: #80ada2 url(../images/summer-sitebackcenter.jpg) top center repeat-y}

table {margin-left: auto; margin-right: auto; }
tr td {vertical-align:top;}

h1 {font-size:22px; color:#000; font-weight:bold; padding:0 0 15px 0; text-shadow: #ccc 2px 2px 2px;}
h2 {font-size:16px; color:#000; font-weight:bold; padding:0 0 15px 0; text-shadow: #ccc 3px 2px 2px;}
h3 {font-size:15px; color:#000; font-weight:bold; padding:0 0 15px 0; text-shadow: #ccc 2px 2px 2px;}
h4 {font-size:14px; color:#000; font-weight:bold; padding:0 0 15px 0; text-shadow: #ccc 2px 2px 2px;}

p {padding-bottom: 15px;}
a img{ border: 0 none; }
.cb {clear:both; padding:0; margin:0}
hr {width:100%; background-color:#000; margin:0 0 15px 0; text-align:center}

a {text-decoration: underline; color: #0069BF; font-weight:bold}
a:link {text-decoration: underline; color: #0069BF; font-weight:bold}
a:visited {text-decoration: underline; color: #0069BF; font-weight:bold}
a:hover {text-decoration: underline; color: #000000; font-weight:bold}
a:active {text-decoration: underline; color: #0069BF; font-weight:bold}

ul {list-style-type:disc; list-style-position:outside; padding:0 0 15px 35px;}
ul li {line-height:1.5em; padding-bottom:4px;}
ul li li {line-height:1.5em; padding-bottom:4px; list-style-type:circle;}
ul ul {padding-top:5px}

ol {list-style-type:decimal; list-style-position:outside; padding:0 0 15px 35px;}
ol li {line-height:1.5em; padding-bottom:4px;}
ol li li {line-height:1.5em; padding-bottom:4px; list-style-type:circle;}

.supscript{font-size:xx-small; vertical-align:super;} 
.subscript{font-size:xx-small; vertical-align:sub;} 


/* General Link Styles */

div#id a { color:#fff; text-decoration:none; font-weight:normal; font-size:11px }
div#id a:link { color:#fff; text-decoration:none; font-weight:normal ; font-size:11px}
div#id a:visited { color:#fff; text-decoration:none;font-weight:normal; font-size:11px}
div#id a:hover { color:#fff; text-decoration:underline;font-weight:normal; font-size:11px}
div#id a:active { color:#fff; text-decoration:none;font-weight:normal; font-size:11px}

div#id li a {text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #701512; font-weight:bold}
div#id li a:link {text-decoration: none; font-size: 12px; color: #701512; font-weight:bold}
div#id li a:visited {text-decoration: none; font-size: 12px; color: #701512; font-weight:bold}
div#id li a:hover {text-decoration: none; font-size: 12px; color: #701512; font-weight:bold}
div#id li a:active {text-decoration: none; font-size: 12px; color: #701512; font-weight:bold}

.classname {font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#181B1F; text-decoration:none; font-weight:normal }
a.classname:link { color:#181B1F; text-decoration:none; }
a.classname:visited { color:#181B1F; text-decoration:none;}
a.classname:hover { color:#181B1F; text-decoration:underline;}
a.classname:active { color:#181B1F; text-decoration:none;}

ul#id {text-align: center; list-style: none; margin: 0 auto; padding-right:10px; border:#000 0px solid; }
#id li { float:left; width:210; padding: 0 10px 0 10px; }





/* eFusion margin for autoresponder pages */
.system-message, .system-error-message {margin: 0 18px 18px 18px;}






/* Concrete 5 Login/Registration/Forgot Password Form Styles */	
.ccm-error {color: #f00; font-weight: bold}
ul.ccm-error {font-size: 12px; list-style-type: none; padding: 0px; margin: 0px 0px 30px 0px}
ul.ccm-error li {margin-bottom: 8px}
 
div.ccm-form {width: 300px; margin: 0px auto 0px auto; min-height: 350px}
 
div.ccm-form label {font-size: 14px; color: #333}
div.ccm-form-sub {color: #888; font-size: 12px}
div.ccm-form input.ccm-input-text, div.ccm-form input.uak-text, div.ccm-form input.ccm-input-password {width: 300px; font-size: 18px; color: #444; padding: 1px; margin: 3px 0 3px 0}
div.ccm-form input.ccm-input-openid {background: #fff url(../images/icons/openid.gif) no-repeat scroll 2px 6px; width: 284px; font-size: 18px; color: #444; padding: 4px 4px 4px 20px}
 
input.ccm-input-submit {font-size: 18px;}
div.ccm-button {margin-top: 12px; text-align: right}
 
div.ccm-form hr {margin-top: 5px}
div.ccm-form textarea:focus, div.ccm-form input:focus {border: 2px solid #9FD069;}






/* -------------------------------------- End Web Site Default Styles ---------------------------------- */



/* -------------------------------------- Start Web Site Main Styles ---------------------------------- */
div#wrapper { margin: 0 auto; width:908px; font-size:12px; padding:0px; margin-bottom: 30px}


/* Header */
div#header {text-align:left; overflow:hidden}
div#logo { padding-left:140px; float:left; width:516px; background-color: }

div#search { float:right; width:235px; padding-top:30px;  background-color: }
div#search form { padding-bottom: 10px}
div#tel {font-weight:bold; font-size:16px}
div#loggedin { padding: 0px 30px 15px 0; text-align: right}
div#social {text-align: right; padding: 0px 20px 5px 0}
div#social img{padding: 5px}


div#nav {text-align:left; background:url(../images/summer-nav-back.png) no-repeat; height:55px; padding:0 0 0 30px}
div#navshadow {background:url(../images/summer-menushadow2.png) no-repeat; height:10px;}

ul#nav li a {text-decoration: none; font-size: 15px; color: #aaa; font-weight:bold}
ul#nav li a:link {text-decoration: none; font-size: 15px; color: #aaa; font-weight:bold}
ul#nav li a:visited {text-decoration: none; font-size: 15px; color: #aaa; font-weight:bold}
ul#nav li a:hover {text-decoration: none; font-size: 15px; color: #fff; font-weight:bold}
ul#nav li a:active {text-decoration: none; font-size: 15px; color: #aaa; font-weight:bold}



/* Content */
div#content { background:url(../images/siteback.png) repeat-y; overflow:hidden}
div#contentarea {text-align:left; float:left; width:590px; padding:10px 0 20px 30px}
div#rightpane { text-align:left; float: right; width: 250px; padding:10px 20px 20px 0}


/* Content - no right pane */
div#content2 { background:url(../images/siteback2.png) repeat-y; }
div#contentarea2 {text-align:left; padding:10px 40px 20px 40px; }


/* Footer */
div#footer {text-align:center; background:url(../images/footerback.png) no-repeat; height:60px; padding-top:10px}


div#footer a { color:#000; text-decoration:none; font-weight:normal; font-size:12px }
div#footer a:link { color:#000; text-decoration:none; font-weight:normal ; font-size:12px}
div#footer a:visited { color:#000; text-decoration:none;font-weight:normal; font-size:12px}
div#footer a:hover { color:#0342ab; text-decoration:underline;font-weight:normal; font-size:12px}
div#footer a:active { color:#000; text-decoration:none;font-weight:normal; font-size:12px}

/* -------------------------------------- End Web Site Main Styles ---------------------------------- */


h1.homeh1 {font-size: 20px; text-align: center;padding-top: 10px; color: #1d5b96}


/* eFusion Contact Form */
#contacttablecont {padding: 15px; background: #f7f7f7;-moz-border-radius: 7px;-webkit-border-radius: 7px; float: right; width: 300px; margin: 0 0 15px 15px}
table.contacttable { margin-bottom: 25px; }
table.contacttable td {margin: 4px; padding: 4px}

table.contacttable input { width: 250px}
table.contacttable textarea { width: 250px}

table.contacttable .cat_dropdown {width: 250px}
table.contacttable .contactsubscribe {width: 30px}
table.contacttable .contactsubmit {width: 90px}



table#contactform td{padding:3px}


/* Catalog Updates */

table.catalogueTable {
	border-collapse:collapse;
	border-spacing:0;	
	width: 550px;
	margin: 0 0 15px;
}

.shop-catalogue {
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	height: 180px;
	margin: 0 4px 4px 0;
	overflow: hidden;
	width: 141px;
}

.shop-catalogue .image {
	/* Image size should be 150px by 120px */
	height: 120px;
	width: 125px;
	margin: 0 auto;
	overflow: hidden;
	padding: 1px;
	text-align: center;
	border: 1px solid #ddd;
}


/* Catalog box adjustment on small_product.html layout - some prod have extra fields. this keeps them symetrical */

.withoptions { height: 40px}



div.medicaidcart {border: 1px solid #dddddd; padding:20px; margin:20px 0 10px 0;}

.paymentform { background-color:#ffffed; border-radius: 15px;-moz-border-radius: 15px; padding:20px; margin-bottom:15px; width: 550px; margin: 0 auto }