/* **********  Common Items  ************************************************ */

* { margin: 0; padding: 0; }

body { background: #8f8f8f; font-size: 76%; font-family: Arial, Helvetica, sans-serif; }

#invFrame { background: #39699C; } 

p { margin: 0 0 1.0em 0; }

h1,h2,h3,h4,h5,h6 { margin: 0 0 1.0em 0; }
h1 { font-size: 1.90em; }
h2 { font-size: 1.65em; }
h3 { font-size: 1.30em; }
h4 { font-size: 1.00em; }
h5 { font-size: 0.85em; }
h6 { font-size: 0.70em; }

blockquote {
  margin-left: 25px; border-left: 10px solid #90bce8; padding-left: 5px;
  font-size: 1.2em;}

a { text-decoration: none; border: none; }

#container {
  width: 758px; margin: 0 auto; background: #ffffff;
  border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; text-align: left;
}


/* *********  Header  ******************************************************* */

#headerFull {
  width: 100%; background: #000000 url(images/pages/bgTop.jpg) repeat-x;
}
#headerFrame { width: 758px; margin: 0 auto; text-align: left; }

#header { margin: 0 1px; padding: 0; background: #315b8d; }
/*#header a img { float: left; border: none; }*/

#headerLogo { width: 172px; height: 144px; background: url(images/pages/logo_sicard.jpg);
  float: left; position: relative; margin: 0; padding: 0; }
#headerLogo li {
    margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#headerLogo li, #headerLogo a { height: 144px; display: block;}
#panel_logo {left: 0; width: 172px;}
#panel_logo a:hover { background: transparent url(images/pages/logo_sicard.jpg)
  0 -144px no-repeat;}


/* *********  Top Navigation  *********************************************** */

#headerMenu { width: 584px; float: right; 
  min-height: 45px; height: 45px; padding: 24px 0 0 0; background: #000000;
  text-align: right; font-size: 1.3em; color: #ffffff; text-decoration: none; }
div[id] #headerMenu { /* MSIE min-height hack */ height: auto; }

#headerMenu li { padding: 0 10px 0 0; list-style: none; display: inline; }

#headerMenu li a {
	font-size: 1.0em; font-weight: bold; color: #ffffff; letter-spacing: -1px;
  text-decoration: none;
}
#headerMenu li a:visited { color: #ffffff; }
#headerMenu li a:hover { color: #ffef3f; border-bottom: 5px solid #90bce8; }
#headerMenu li a:visited.selected { color: #aaccff; border-bottom: 5px solid #fafafa; }
#headerMenu li a:hover.selected { color: #ff360f; border-bottom: 5px solid #90bce8; }

#headerInvMenu { float: right;
  width: 584px; height: 75px; background: url(images/pages/headerInvButtons.jpg); position: relative; margin: 0; padding: 0;
}
/* MSIE 7 hack */
/* div [id] #headerInvMenu { position: relative; left: 172px; #left: 0px; } */

#headerInvMenu li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
}
#headerInvMenu li, #headerInvMenu a {
    height: 75px; display: block;
}

#panel_mh {left: 0; width: 124px;}
#panel_fw {left: 125px; width: 110px;}
#panel_tt {left: 235px; width: 120px;}
#panel_fd {left: 355px; width: 120px;}
#panel_pm {left: 475px; width: 110px;}

#panel_mh a:hover {
    background: transparent url(images/pages/headerInvButtons.jpg)
    0 -75px no-repeat;}
#panel_fw a:hover {
    background: transparent url(images/pages/headerInvButtons.jpg)
    -125px -75px no-repeat;}
#panel_tt a:hover {
    background: transparent url(images/pages/headerInvButtons.jpg)
    -235px -75px no-repeat;}
#panel_fd a:hover {
    background: transparent url(images/pages/headerInvButtons.jpg)
    -355px -75px no-repeat;}
#panel_pm a:hover {
    background: transparent url(images/pages/headerInvButtons.jpg)
    -475px -75px no-repeat;}

/* **********  Left-Navigation  ********************************************* */

#menuLeft {
	width: 205px; height: 105px; margin: 0; line-height: 1.2em; padding: 7px 0 0 20px;
  list-style: none;
}

#menuLeft li {
	margin: 0; padding: 0 0 1px 14px;
	background: url(images/pages/arrow_b.gif) no-repeat 0px 50%;
}

#menuLeft li a {
	font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none;
	letter-spacing: -1px;
}

#menuLeft li a:visited { color: #ffffff; }
#menuLeft li a:hover { color: #ffef3f; }
#menuLeft li a:visited.selected { color: #aaccff; }
#menuLeft li a:hover.selected { color: #ff360f; }


/* **********  Section Specific Backgrounds  ********************************* */

#menuAbout {
	clear: both; width: 756px; height: 270px; margin: 0 1px;
	background: #315b8d url(images/pages/bg_aboutus.jpg) no-repeat;
}

#menuSales {
	clear: both; width: 756px; height: 270px; margin: 0 1px;
	background: #315b8d url(images/pages/bg_sales.jpg) no-repeat;
}

#menuParts {
	clear: both; width: 756px; height: 270px; margin: 0 1px;
	background: #315b8d url(images/pages/bg_parts.jpg) no-repeat;
}

#menuService {
  clear: both; width: 756px; height: 270px; margin: 0 1px;
	background: #315b8d url(images/pages/bg_service.jpg) no-repeat;
}


/* **********  Content Area (Common)  *************************************** */

#left {
	float: left; width: 185px; margin: 1px; padding: 15px 9px 15px 9px;
  text-align: justify;
}
#left ul { margin: 0 0 10px 15px; }
#left img { width: 180px; padding: 1px; border: 1px solid #bfbfbf;}

#content {
	float: right; width: 509px; margin: 1px; padding: 15px 15px 5px 24px;
  font-size: 1.1em; text-align: justify;
  position: relative; top: -60px;
}

#content ul { margin: 0 0 20px 50px; color: #5f5f5f; }

#content a, #content a:visited { color: #3f4fff; text-decoration: underline; }
#content a:hover { color: #ff0000; }
#content h1 a, #content h2 a, #content h3 a {
  color: #000000; text-decoration: none; }
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover {
  color: #000000; text-decoration: none; }

#titles {
  font-size: 2.0em; font-weight: lighter; color: #ffffff;
}

#contentFull {
  clear: both; 	width: 726px; margin: 1px; padding: 15px;
  position: relative; top: -60px; font-size: 1.1em; text-align: center;
}
.contentLift {
  clear: both; position: relative; top: -60px;
}
.disclaimer {
  margin: 0 auto; padding: 10px 25px; text-align: justify; font-style: italic;
}

.imgleft { padding: 1px; border: solid 1px #bfbfbf; margin: 0 1em 0 0; }


/* **********  Content Area (Home Page and Boxes)  *************************** */

#main {
  clear: both; width: 756px; height: 259px; margin: 0 1px;
}

#phone { width: 756px; min-height: 29px; height: 29px; margin: 0 1px;
  background: #000000 url(images/home/bgPhone.jpg) repeat-x;
}
div[id] #phone { /* MSIE min-height hack */ height: auto; }

#phone p { margin: 0 80px 0 0; padding: 4px 0 0 0; font-size: 1.5em;
  color: #ffffff; text-align: right;
}

.boxes {
  float: left; width: 756px; margin: 0 1px; z-index: -2;
  background: url(images/home/bgBoxes.jpg) repeat-x; background-position: bottom;
}

.box { float: left; width: 175px; margin: 0; padding: 5px 7px; z-index: -1;
  background: url(images/home/bgBoxCorner.gif) no-repeat; background-position: top right;
  }
.box img { float: right; padding: 0 5px 5px 5px; border: none; }
.box h1 { font-size: 1em; color: #3270ad; font-weight: bold; line-height: 1.1em; }
.box h1 a { color: #3270ad; }
.box h1 a:hover { color: #ff0000; }
.box h2 { font-size: 0.9em; }
.box h3 { font-size: 0.8em; color: #ff0000; font-weight: normal; }
.box p { font-size: 0.8em; color:#000000; line-height: 1.1em; }
.box ul { font-size: 0.8em; margin: 0 0 0.8em 15px; }

.homego {
  margin: 10px 4px 0 0; font-size: 0.9em; color: #ff0000; line-height: 1.1em;
  text-align: left;
}

a { color:#ff0000; text-decoration:none; }
a:hover { color: #3270ad; }

/* *********  Footer  ******************************************************* */

#foot {
  clear: both; margin: 5px 0 10px 0; text-align: center; line-height: 1.1em;
}
#foot a { font-size: 0.8em; color: #3270ad; text-decoration: none; }
#foot a:hover { color: #ff360f; }


/* **********  Specials (Parts & Sales)  ************************************ */

.special { clear: both; margin-bottom: 20px; /*border-bottom: 3px solid #bfbfbf;*/
  padding-bottom: 15px; }
.special img { margin-bottom: 15px; /* padding: 1px; border: 1px solid #bfbfbf; */
  max-width: 500px; }
.special h1, .special h2, .special h3, .special h4, .special h5 { margin: 0; }
#content .special h1 a, #content .special h1 a:visited { color: #005caf; text-decoration: none; }
#content .special h1 a:hover { color: #ff0000; }   
#content .special ul { margin: 0px; padding: 0 0 20px 20px; }
.special h4 { color: #9f2727; }
.soldsign { position: relative; top: 75px; left: 15px; height: 0px; width: 0px; 
  color: #ef433b; font-size: 6em; font-weight: bold; }
.leftlist { float: left; width: 225px; /* list-style-position: inside; /*margin: 0px; padding: 0px;*/ }
.rightlist { float: right; width: 225px; }
.regularPrice { font-size: 1.4em; padding: 0 0 5px 0; }
.regularPrice em { font-size: 1.2em; color: #ff0000; font-weight: bold; }
.webPrice { font-size: 1.4em; padding: 0 0 5px 0; }
.webPrice em { font-size: 1.5em; color: #005caf; font-weight: bold; }
.salePrice { font-size: 1.8em; font-weight: bold; padding: 0 0 15px 0; }
.salePrice em { font-size: 1.5em; color: #017f00; }
.financePrice { font-size: 1.2em; font-weight: bold;}
.financePrice em { font-size: 1.4em; color: #336699; }

.window { width: auto; max-height: 180px; overflow: scroll }
/*
.buttons { text-align: left; padding: 0; margin: 0; }
.buttons li { padding: 10px; list-style: none; display: inline; }
#content .special .buttons li a { text-decoration: none; }
.buttons li a { font-size: 1.2em; font-weight: bold; 
  padding: 10px; background: #D2EFA4; border: 1px solid #000000; }
.buttons li a:visited { color: #ffffff; }
.buttons li a:hover { color: #ffef3f; background: #fdff00; }
*/

/* **********  Specials (Parts & Sales)  ************************************ */

.specs_right { width: 250px; margin: 0; padding: 0 0 0 2px; }
.specs_right td { background: #cfcfcf; margin: 0 2px; padding: 2px; }
#content .special .specs_right td a { text-decoration: none; }


/* **********  Directions (How To Find Us)  ********************************* */

#direction h3 {
	font-weight: bold; color: #3270ad; text-align: justify;
}

#direction h3 a, #direction h3 a:visited, #direction h3 a:active {
  color: #cb3330;
}

#direction h3 a:hover {
  color: #a9a9a9; color: #0f93ff;
}

.clicktxt {
  padding: 5px 0 20px 0; font-size: 0.9em; color: #000000;
  text-align: center;
}


/* **********  Hours  ******************************************************* */

#hours {}
#hours table { margin-bottom: 20px; width: 400px; }
#hours th { font-weight: bold; font-size: 1.5em; color: #3270ad; }
#hours td { text-indent: 20px; font-size: 1.1em; }
#hours h3 { font-weight: bold; color: #db1b27; text-align: justify; }


/* ********  Careers / Service Specials  ************************************* */

.inset {
  margin: 10px; padding: 1.0em 20px 0 20px;
  border-top: 1px solid #8f8f8f; border-bottom: 0px solid #8f8f8f;
  font: bold italic Arial, Helvetica, sans-serif; color: #4f4f4f;
}

.red { color: #db1b27; font-weight: bold; font-style: italic; text-align: center; }


/* ********  Links  ********************************************************* */

.links { width: 400px; margin: 0 0 10px 20px; text-align: right; }
.links img { float: left; border: none; }
.links p { float: right; }
.links p a { text-decoration: underline; }
.links br { clear: both; margin-bottom: 20px;}


/* ********  Staff Sections  ************************************************ */

.staff { clear: both; width: 509px; margin-bottom: 25px; }

.staff img { float: left; margin: 0 25px 25px 0; padding: 1px;
  border: 1px solid #bfbfbf; width: 100px; height: 133px;
}

.staff p, .staff h4, .staff h5 { margin: 0 0 0 0px; padding: 0 10px 5px 10px; }
.staff p { font-size: 0.9em; }
.staff h5 { color: #6f6f6f; }


.staff1 { float: left; width: 110px; margin: 0 15px 15px 0; text-align: center; }
.staff1 img { padding: 1px; border: 1px solid #bfbfbf; width: 100px; height: 133px; }
.staff1 h4 { padding: 10px 0 10px 0; }


/* ********  Inventory Frame  *********************************************** */

#inventory {
  clear: both; margin: 0 1px; padding: 1px 0; width: 756px; text-align: center; background-color: #39699C;
}


/* ********  Site Map  ****************************************************** */

#sitemap { font-size: 1.1em; }
#sitemap ul { margin: 0 0 20px 20px; color: #5f5f5f; list-style: none; }
#sitemap a, #sitemap a:visited { text-decoration: none; }


/* *********  Homepage Information about Sicards **************************** */

#sicardinfo {
  width: 680px; margin: 0 auto; padding: 50px 0 20px 0; text-align: justify; color: #000000; }
#sicardinfo h1, #sicardinfo h2 {
  margin: 0.9em 0 0 0; font-size: 0.9em; }
#sicardinfo p {
  margin: 0; font-size: 0.9em; }
#sicardinfo a, #sicardinfo a:visited { 
  text-decoration: none; color: #3270ad; }
#sicardinfo a:hover { 
  text-decoration: none; color: #ff0000; }
.sicardinfoindent { padding-left: 20px; }


/* ********  STUFF TO SORT OUT! ********************************************* */

#rvtradertop {
  width: 100%; height: 20px; }

#copyright {
  margin: 0 0 5px 0; font-size: 0.8em; color: #000000; text-align: center; }

/* #SpamTrapSpamTrap {display: none;} */

/*
.tabletitles {
  padding: 5px 10px 0 20px;
  font: bold  12px Arial, Helvetica, sans-serif;
  color: #3270ad; text-align: left;
}

.tabletxt {
  padding: 0 30px 20px 10px;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #000000; text-align: justify; letter-spacing: normal;
  word-spacing: normal; vertical-align: baseline; white-space: normal;
}
*/

/*
.hh {
	position: absolute; right: 350px; display: inline; text-align: right;
}

#constr {
  padding: 70px 20px 70px 25px;
	font-size: 1.0em;
	font-weight: bold; color: #DB1B27; text-align: justify;
}
*/

/* *************************** Miscelaneous ********************************* */

.fr { float: right; }
.fl { float: left; }
.clearfix { clear: both; }
.hidden { visibility: hidden; }

.space { margin: 20px 0 20px 0; }
.gap { margin-bottom: 20px; }

.tar { text-align: right; }
.tac { text-align: center; }
.tal { text-align: left; }
.ti2 { text-indent: 2px; }
.fwb { font-weight: bold; }

.border { padding: 1px; border: 1px solid #bfbfbf; }
a:hover .border { padding: 1px; border: 1px solid #ff0000; }
.noborder { border: 0px none; }
