/* **********  Common Items  ************************************************ */

* { margin: 0; padding: 0; }

body { background: #8f8f8f; font-size: 76%; font-family: Arial, Helvetica, sans-serif; }

#invFrame { background: #39699C; } 

h1,h2,h3,h4,h5,h6 { margin: 0.2em 0 0.5em 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:link,a:visited,a:hover,a:active { 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  ******************************************************* */
#google_translate_bar { width: 756px; height: 25px /* 25 for small icons*/ /*36px /* 36px for large icons */; margin: 0 1px; background: #000000; }
#google_translate_element { float: right; }

.addthis_toolbox { }
.addthis_default_style { float: left; /* padding for small icons */ padding: 5px 0px 0px 1px; }

#headerFull {
  width: 100%; background: #000000 url(images/pages/bgTop.jpg) repeat-x;
}
#header { margin: 0 1px; padding: 0; background: #315b8d; clear: both; }
/*#header a img { float: left; border: none; }*/

#headerLogo { width: 145px; 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: 145px;}
#panel_logo a:hover { background: transparent url(images/pages/logo_sicard.jpg)
  0 -144px no-repeat;}

/* *********  Top Navigation  *********************************************** */

#headerMenu { width: 611px; 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:link {
	font-size: 1.0em; font-weight: bold; color: #ffffff; letter-spacing: -1px;
  text-decoration: none;
}
#headerMenu li a:link.selected { color: #aaccff; border-bottom: 5px solid #fafafa; }
#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: 611px; height: 75px; background: url(images/pages/headerInvButtons.jpg); position: relative; margin: 0; padding: 0;
}
/* MSIE 7 hack */
/* div [id] #headerInvMenu { position: relative; left: 145px; #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: 104px;}
#panel_fw {left: 105px; width: 103px;}
#panel_tt {left: 208px; width: 109px;}
#panel_fd {left: 317px; width: 99px;}
#panel_pm {left: 416px; width: 95px;}
#panel_tr {left: 511px; width: 100px;}

#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)
    -105px -75px no-repeat;}
#panel_tt a:hover {
    background: transparent url(images/pages/headerInvButtons.jpg)
    -208px -75px no-repeat;}
#panel_fd a:hover {
    background: transparent url(images/pages/headerInvButtons.jpg)
    -317px -75px no-repeat;}
#panel_pm a:hover {
    background: transparent url(images/pages/headerInvButtons.jpg)
    -416px -75px no-repeat;}
#panel_tr a:hover {
    background: transparent url(images/pages/headerInvButtons.jpg)
    -511px -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.selected { color: #aaccff; }
#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: left;
}
#left p { text-align: justify; padding-bottom: 1em;
}
/* #left ul { margin: 0 0 10px 15px; } /* Normal list position */
#left ul { margin: 0 0 5px 15px; list-style: none; }
#left ul ul { font-weight: bold; font-size: 1.3em; }
/* #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; 
  position: relative; top: -60px;
}

#content p { margin: 0 0 1em 0; text-align: justify; }

#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 {
  text-decoration: none; }
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover {
  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 { margin: 0 1em 1em 0; padding: 3px; border: solid 1px #bfbfbf; float: left;
	background-color: #f9f9f9; font-size: 0.9em; }
.imgright { margin: 0 0 1em 1em; padding: 3px; border: solid 1px #bfbfbf; float: right;
	background-color: #f9f9f9; font-size: 0.9em; }
.imgbutton { margin: 0 0 1em 0; padding: 3px; border: none; float: left; font-size: 0.9em; 
	text-align: center; }
.imagebutton a { text-decoration: none; }
	
.imgleft img { border: solid 1px #bfbfbf; vertical-align: middle; 
	display: block; }
.imgright img { border: solid 1px #bfbfbf; vertical-align: middle; 
	display: block; }
.imgbutton img { border: none; vertical-align: middle; display: block; }

/* **********  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;
  font-size: 1.5em; color: #ffffff; 
  background: #000000 url(images/home/bgPhone.jpg) repeat-x;
}
div[id] #phone { /* MSIE min-height hack */ height: auto; }

#phone .followuson { margin: 0; padding: 2px 2px; float: left; }
#phone .saleshotline { margin: 0 80px 0 0; padding: 2px 0 0 0; float: right; }
/*
#phone p { margin: 0 80px 0 0; padding: 4px 0 0 0; font-size: 1.5em;
  color: #ffffff; text-align: right;
} */

#phone a { text-decoration: none; }
#phone img { margin: 2px 0 0 5px; border: none; float: left; }

.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 { max-width: 500px; }
.special h1, .special h2, .special h3, .special h4, .special h5 { margin: 0; }
.special h1, .special h2, .special h3, .special h4, .special h5 { color: #ffffff; background-color:#999999; padding: 0 5px; }
#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; }
.rightlist h1, .rightlist h2, .rightlist h3, .rightlist h4, .rightlist h5 { color: #ffffff; background-color:#999999; margin: 0 0 5px 0; padding: 5px; }
.rightlist li { background-color: #eee; list-style: inside; }
.rightlist li { padding: 0 5px 5px 5px; text-align: left; }
.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  ********************************************************* */

.link { margin: 0 0 10px 20px; padding: 2px; border: solid 1px #cccccc; overflow: hidden; height: auto; clear: both; }
.link img { margin: 0 20px 5px 5px; border: none; width: /*80px*/ 15%; float: left; }
.link h3,h4,h5,h6,p { margin: 0px; padding: 0px; }
.link div { float: left; width: /*375px*/ 75%; }
.link a { text-decoration: none; }
.link h3 { background-color: #edeaea; margin-bottom: 5px; }
.link table {width: 100%; }

/* ********  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; }

.formtxt { text-align: right; }

address { margin: 0 0 1em 1em }

/* *************************** 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; }

/* *************************** Show/Hide Links ****************************** */

.more {
	display: none; }
.pindent p {
	padding-left: 2.5em; }
a.showLink, a.hideLink {
	text-decoration: none; }
a.showLink:hover, a.hideLink:hover {}

