﻿/* layout styles */
#header {
  height: 88px;
  z-index: 100;
}

#logo {
  position: absolute;
  left: 15px;
  top: 15px;
  z-index: 100;
}

#menu1 {
  /* styles for top menu */
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 100;
}
#menu1 ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#menu1 li {
  padding: 0px;
  margin: 0px;
  display: inline;
  border-left: solid 1px #000;
}
#menu1 li.first {
  border-left: none;
}
#menu1 li a:link, #menu1 li a:visited {
  padding: 0px 2px 0px 5px;
  color: #000;
  text-decoration: none;
}
#menu1 li a:active, #menu1 li a:hover {
  color: #000;
  text-decoration: underline;
}

#mainmenu {
  /* styles for section or tab menu */
  position: absolute;
  top: 45px;
  left: 7px;
  width: 590px;
  z-index: 100;
}
html > body #mainmenu {
  position: relative;
	height: 40px;
}
#mainmenu ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#mainmenu li {
  display: inline;
}
#mainmenu li a:link, #mainmenu li a:visited {
  background: url( '../Images/tab.gif' ) no-repeat 0px 1px;
  display: block;
  float: left;
  margin-right: 1px;
  width: 116px;
  height: 27px;
  color: #737685;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding-top: 6px; /* box model hack */
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 21px;
  width: 115px;
}
html > body #mainmenu li a:link, html > body #mainmenu li a:visited {
  width: 115px;
  height: 21px;
}
#mainmenu li a:active, #mainmenu li a:hover, #mainmenu li a.selected {
  background: url( '../Images/tab.gif' ) no-repeat 0px -92px;
}


#leftcontent {
  position: absolute;
  top: 159px;
  left: 10px;
  width: 183px;
  background: #fff;
  z-index: 100;
}

#rightcontent {
  position: absolute;
  right: 34px;
  top: 179px;
  width: 555px;
  background: #fff;
  margin-right: 10px;
  z-index: 100;
}
#centercontent {
  margin-top: 10px;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 200px;
  margin-right: 205px;
  z-index: 100;
}

html > body #centercontent {
  margin-left: 200px;
  margin-right: 205px;
  z-index: 100;
}
#centercontentwide {
  margin-top: 20px;
  background: #fff;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 200px;
  margin-right: 10px;
  z-index: 100;
}

html > body #centercontentwide {
  margin-left: 200px;
  margin-right: 10px;
  z-index: 100;
}

.subtotal {
  text-align: right;
  border-top: 1px solid #c9c9c9;
  margin-top: 5px;
}

.sectionheader {
  border-bottom: #dcdcdc 1px dotted;
  color: #65738E;
  font-size: 8pt;
  padding-bottom: 5px;
  font-weight: bold;
}

.admin-header {
  background-color: #6190CD;
  height: 40px;
  padding-left: 10px;
  border-bottom: solid 4px #B4CCEB;
}
.admin-header h1 {
  color: white;
}

.admintable {
  margin: 5px;
  padding: 0;
  width: 700px;
  border: 1px dashed #cccccc;
}
.adminlabel {
  font-size: 8pt;
  font-family: verdana;
  width: 120px;
  margin-bottom: 3px;
  vertical-align: top;
}
.adminitem {
  border-width: 0px;
  background-color: #ffffff;
  margin-bottom: 3px;
}

.ourprice {
  font-weight: bold;
  font-size: 10pt;
  color: #b22222;
  font-family: verdana;
}

.retailprice {
  font-weight: bold;
  font-size: 10pt;
  color: #000000;
  font-family: verdana;
  text-decoration: line-through;
}

.totalbox {
  text-align: center;
  color: #990000;
  font-weight: bold;
}

.adbox {
  padding: 10px;
  font-size: 9pt;
  margin-bottom: 10px;
  border: 1px solid gainsboro;
}
a.editme {
  text-decoration: none;
  color: #4a4d5c;
}
.commandbar {
  padding: 3px;
  font-size: 8pt; /*	background-color: blue;*/
  border: 1px solid gainsboro;
}


#footer {
  clear: both;
  border-top: solid 1px #d4d9de;
  padding: 5px;
  text-align: center;
  margin-top: 20px;
}
.mainproductimage {
  width: 220px;
  text-align: center;
  float: left;
  padding-bottom: 10px;
}

.productdata {
  border: none;
  border-collapse: collapse;
}
.productdata td, .productdata th {
  font-weight: normal;
  padding: 2px;
  text-align: left;
}
.price {
  font-weight: bold;
  color: #c00;
}
del.price {
  color: #000;
  text-decoration: line-through;
}

.productsection {
  padding: 10px;
  border-top: 1px dashed #cccccc;
}

.browsebox {
}
.browsebox h1 {
  font-family: Verdana;
  font-weight: bold;
  font-size: 12px;
  color: #3973b5;
  border-bottom: 1px dashed #cccccc;
}
.browsebox h1 a {
  color: #3973b5;
}


h1.accent {
  font-size: 12px;
  font-weight: bold;
  color: #990000;
  margin: 0px;
  margin-bottom: 5px;
}
.smalltext {
  font-size: 8pt;
  color: #666666;
  font-family: verdana;
}
.adbox h3 {
  font-weight: bold;
  font-size: 10pt;
  font-family: verdana;
  color: #C7C030;
  margin-top: 1px;
  margin-bottom: 3px;
}
.loginheader {
  height: 30px;
  font-weight: bold;
  font-size: 10pt;
  color: #666666;
  font-family: verdana;
  background-color: #f5f5f5;
  text-align: center;
}
.logincell {
  background-color: #ffffff;
  vertical-align: middle;
  text-align: center;
  padding: 20px;
}
.logtable {
  border: 1px solid #cccccc;
  background-color: #cccccc;
}
.subcategory {
  margin-left: 10px;
}
.productbox {
  height: 300px;
  width: 220px;
  border: 1px solid #c5c5c5;
  margin: 5px;
}
.productimage {
  width: 125px;
}
.productsummarydisplaywrapper {
  width: 200px;
  padding-top: 20px;
}
.productsummaryimageholder {
  height: 135px;
  text-align: center;
  vertical-align: middle;
}
.productsummarytext {
  padding-left: 20px;
  height: 55px;
}
.retailprice {
  font-weight: bold;
  color: black;
  text-decoration: line-through;
}
.yousave {
  font-weight: bold;
  color: #336600;
}
.hookline {
  font-size: larger;
  color: #5b626c;
  font-style: italic;
}
.coreboxbody {
  background-image: url('../Images/core_box_bg.gif');
  
  padding-left: 20px;
  padding-right: 20px;
}
.coreboxtop {
  background-image: url('../Images/core_box_top.gif');
  height: 22px;
  width: 180px;
}
.coreboxbottom {
  width: 180px;
  background-image: url('../Images/core_box_bottom.gif');
  height: 23px;
}
.coreboxheader {
  width: 180px;
  background-image: url('../Images/core_box_bg.gif');
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 10px;
  text-align: center;
  font-size:8pt;
	font-family: Arial;
	font-weight: normal;
}

.coreboxbody2 {
  background-image: url('../Images/core_box_bg.gif');
  padding-left: 5px;
  padding-right: 5px;
	width: 170px;
}
.coreboxtop2 {
  background-image: url('../Images/core_box_top.gif');
  height: 22px;
  width: 180px;
}
.coreboxbottom2 {
  width: 180px;
  background-image: url('../Images/core_box_bottom.gif');
  height: 22px;
}
.coreboxheader2 {
  width: 180px;
  background-image: url('../Images/core_box_bg.gif');
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 10px;
  text-align: center;
}
.tenpixspacer {
  height: 10px;
	margin-top: 0px;
	width: 149px;
}
.twentypixspacer {
  height: 20px;
}
.sectionoutline {
  border: 1px solid #cccccc;
  padding: 15px;
}

checkout-visited {
  font-size: 16pt;
  color: #dcdcdc;
  font-family: verdana;
}
checkout-current {
  font-size: 16pt;
  color: #990000;
  font-family: verdana;
}
/* Rating */
.ratingstar {
  font-size: 0pt;
  width: 13px;
  height: 12px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  display: block;
  background-repeat: no-repeat;
}

.filledratingstar {
  background-image: url('../Images/FilledStar.png');
}

.emptyratingstar {
  background-image: url('../Images/EmptyStar.png');
}

.savedratingstar {
  background-image: url('../Images/SavedStar.png');
}
fieldset {
  padding: 10px;
  -moz-border-radius: 1em;
  /*border-radius: 1em;*/
}
.loadingbox {
  position: absolute;
  top: 40%;
  left: 40%;
  border: 1px solid lightsteelblue;
  background-color: #ffffff;
  height: 50px;
  width: 250px;
  text-align: center;
  padding-top: 20px;
}

.selected {
  color: #E03300;
  font-weight: bold;
}

.notselected {
  color: #CCC;
  font-weight: bold;
}

.payPalLink {
  color: #E03300;
  text-decoration: underline;
  font-weight: bold;
  font-size: 1em;
}

.adminHeader {
  position: absolute;
  color: #004A78;
  font-size: 1.5em; 
  left: 110px; 
}

.linkText{

      color:#003399;

      font-size:8pt;

      font-family:tahoma,sans-serif;

      text-decoration:none;

}

.linkText:hover

{

      text-decoration:underline;

}

 

.cartPopupdiv

{

      position: fixed;

      width: 250px;

      height: 250px;

      border: 1px solid black;

      /*background-image: url(../Images/100.jpg);*/

      background-repeat: no-repeat;

      left:720px;

      top: 75px;

}

 

.partNumSpan:hover

{

      cursor:hand;

      color:#003399;          

}

 

/********* For Admin Pages Sreenath***********/

.dropdownStyle{
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:10px;   
      border:solid 1px #6d6d6d;
      font-style: normal; color: #333333;
}

 

#tabNav{
      float:none;
      margin:0px 0 0px 0;
      padding:0 0 0px 0px;
      vertical-align:top;
      line-height:normal;
      background:url("../images/tab_bottom.gif") bottom left repeat-x;
}

 

#ulNav,#tabNav li {float:left;list-style-type:none;padding:0;margin:0px}

 

#ulNav a{
      display:block;
      border-left:1px solid #ccc;
      margin: 0px 2px 0px 0;
      padding: 2px 15px 1px 15px;
      color:#369;font-weight:bold;
      text-decoration:none;
      background:url("../images/unselected_tab.jpg") top right no-repeat;
      cursor:pointer;
}

#ulNav a:hover{

      color:#205080;

    text-decoration:none;

    border-left:1px solid #cdcdcd;

    background:url("../images/rollover_tab.gif") top right no-repeat;

    }

    

#ulNav a.selected{

      margin:0px 2px 0px 0;

      padding:2px 15px 2px 15px;

      font-weight:bold;color:#000;

      border-left:1px solid #b3b1b1;

      border-bottom:none;

      background:url("../images/selected_tab.gif") top right no-repeat;

}

 

.textBoxStyle{

      font-family:Verdana, Arial, Helvetica, sans-serif;

      font-size:10px;   

      font-style: normal; color: #333333;

      border:solid 1px #6d6d6d;

      height:14px !important; 

}

.ms-formtable {

      line-height:1.3em;

}

 

.ms-formlabel{

      text-align:left;

      font-family:verdana;

      font-size:.7em;

      border-top:1px solid #d8d8d8;

      padding-top:3px;

      padding-right:8px;

      padding-bottom:6px;

      color:#525252;

      font-weight:bold;

}

 

.ms-formButtonBottom{

      font-family:verdana;

      font-size:.7em;

      border-top:1px solid #d8d8d8;

      padding-top:3px;

      padding-right:8px;

      padding-bottom:6px;

      color:#525252;

      font-weight:bold;

}

 

.ms-formButtonTop{

      font-family:verdana;

      font-size:.7em;

      color:#525252;

      font-weight:bold;

      padding: 8px 8px 4px 0px;

}

 

.ms-formButtonTopWithBorder{

      font-family:verdana;

      font-size:.7em;

      color:#525252;

      font-weight:bold;

      border-bottom:1px solid #d8d8d8;

      padding: 8px 8px 4px 0px;

}

 

.ms-formbody{

      font-family:verdana;

      font-size:.7em;

      vertical-align:top;

      background:#F5F4F4;

      border-top:1px solid #d8d8d8;

      padding:3px 6px 4px 6px;

}

/*#ebf3ff

#d9d9d9

#f7f3cd

#fffbd8

#ff9932

#add1ff

#80f0dc

#83b0ec

#ffe6a0

#f2f2f2

#ffe6a0

#2353b2

#d8d8d8

#f2f8ff

#fffacc

#d6e8ff

#3966bf

#ece9d8

#bfbfbf

#79a7e3 */

 

.ms-input{

      font-size:8pt;

      font-family:Verdana,sans-serif;

 

}

 

.ms-toolbar{

      background-color:#F5F4F4;

      border:1px solid #d8d8d8;

      border-collapse:collapse;

      font-family: verdana;

      font-size: .7em;

      font-weight: bold;

      color: #000000;

      padding:2px 6px 2px 6px;

}

.ms-tableHeader{

      font-family: verdana;

      font-size: .7em;

      font-weight: bold;

      color: #000000;

      padding:8px 2px 3px 0px;

      border-bottom: solid 1px #000000;

}

.ms-gridCell{

      text-align:left;

      font-family:verdana;

      font-size:.7em;

      border-bottom:1px solid #d8d8d8;

      padding: 0px 2px 0px 0px;

      color:#525252;

      line-height:1.5em;

      vertical-align:bottom;

}

.ms-groupHeader

{

      background-color: gainsboro;

      font-family:Verdana, Arial, Helvetica, sans-serif;

      font-size:10px;   

      text-align:left;

      line-height:1.4em;

      padding: 0px 0px 2px 0px;

      font-weight:bold;

      border-bottom:1px solid #fff;

}

 

.helpHeader{

      color:#205080;

    text-decoration:none;

    border-left:1px solid #cdcdcd;

    background:url("../images/rollover_tab.gif") top right no-repeat;

 }

 

 #divAdminPortal a{

      color: #003399;

      font-size: 8pt;

      font-family: tahoma,sans-serif;

      text-decoration: none;

}

#divAdminPortal a:hover{

      text-decoration:underline;

}

 

.ms-formvalidation{

      color: red;

      font-size: 8pt;   

}

.ms-helptext
{
	text-align:left;
    font-family:verdana;
    font-size:.6em;
    padding: 0px 2px 0px 0px;
    color:#525252;
    line-height:1.5em;
    vertical-align:bottom;	
}
 
.ms-helpToolbar{

      background-color:#F5F4F4;
      border:1px solid #d8d8d8;
      border-collapse:collapse;
      font-family: verdana;
      font-weight: bold;
      color: #000000;
      padding:2px 2px 2px 2px;
      cursor:pointer;
      margin-bottom:2px;
}
/*************/






