body {
  font-family: Arial,helvetica,sans-serif;
  background: url(/assets/website/images/bg.gif) repeat-x #e0e0e0;}

#wrapper {
  width: 968px;
  margin: 5px auto;}

#frame_top { 
  height: 13px;
  overflow: hidden;
  background:transparent url(/assets/website/images/frame_header.png) no-repeat;}

#main {
  width: 960px;
  padding: 0 4px;
  background: url(/assets/website/images/frame_main.png) repeat-y;}

#frame_bottom {
  height: 13px;
  background: url(/assets/website/images/frame_bottom.png) no-repeat;}

.top {
  width: 960px;
  height: 130px;
}
.logo {
  padding: 17px 0 16px 25px;}

.menu {
  width: 924px;
  padding: 7px 18px 0 18px;
  background: #232323;}

.b {
  font-weight: bold;}

#nav { 
  width: 924px;
  height: 31px;
  overflow: hidden;
  background: url(/assets/website/images/menu.png) no-repeat;}

#nav li,#nav li a {
  float: left;
  display: block;
  width: 154px;
  height: 31px;
  background: #232323;}

#nav li a {
  width: 100%;
  text-indent: -9999px;
  background: url(/assets/website/images/menu.png) no-repeat 0 0; }

#nav .n01 {
  width: 154px;}
#nav .n01 a:visited {
  background-position: 0 0;}

#nav .n01 a:hover {
  background-position: 0 -31px;}

#welcome #nav .n01 a {
  background-position: 0 -62px;}

#nav .n02 a:link {
  background-position: -154px 0;}

#nav .n02 a:visited {
  background-position: -154px 0;}

#nav .n02 a:hover {
  background-position: -154px -31px;}

#about #nav .n02 a {
  background-position: -154px -62px;}

#nav .n03 a:link {
  background-position: -308px 0;}

#nav .n03 a:visited { 
  background-position: -308px 0;}

#nav .n03 a:hover {
  background-position: -308px -31px;}

#products #nav .n03 a {
  background-position: -308px -62px;}

#nav .n04 a:link {
  background-position: -462px 0;}

#nav .n04 a:visited {
  background-position: -462px 0;}

#nav .n04 a:hover {
  background-position: -462px -31px;}

#howtouse #nav .n04 a {
  background-position: -462px -62px;}

#nav .n05 a:link {
  background-position: -616px 0;}

#nav .n05 a:visited { 
  background-position: -616px 0; }

#nav .n05 a:hover {
  background-position: -616px -31px; }

#buystuds #nav .n05 a {
  background-position: -616px -62px;}

#nav .n06 a:link { 
  background-position: -770px 0;}

#nav .n06 a:visited { 
  background-position: -770px 0;}

#nav .n06 a:hover {
  background-position: -770px -31px;}

#contact #nav .n06 a {
  background-position: -770px -62px;}

.banner{
  width: 960px;
  height: 200px;}

.products {
  width: 940px;
  padding: 15px 10px;}

#infomation {
  padding: 0 10px;}

.division {
  width: 1px;
  height: 230px;
  margin: 15px 5px;
  float: left;
  background: url(/assets/website/images/info_division.gif) no-repeat;}

.info_frame {
  float: left;
  width: 29%;
  padding: 10px 16px;}

.info_frame_img {
  margin: 0 0 15px 0;}

.info_text {
  font-family: Arial;
  font-size: 12px;
  color: #333333;
  line-height: 2;}

.info_text_number {
  float: left;
  font-family: Arial;
  font-size: 12px;
  color: #ff6600;
  line-height: 2;}

.info_text_number a:link{
  color: #ff6600;}

.info_more {
  text-align: right;
  height: 25px;
  margin: 20px 0 0 0;}

.info_text_title {
  width: 80px;
  float: left;}

.info_location {
  height: 20px;
  margin: 10px 0;}

.info_location_map {
  text-align: center;}

.content {
  width: 900px;
  margin: 0 auto;}

.subnav {
  width: 230px;
  height: 336px;
  margin: 20px 25px 0 0;
  float: left;
  background: url(/assets/website/images/submenu_bg.png) no-repeat;}

#submenu {
  margin: 80px 0 0 15px; 
  width: 205px;
  height: 200px;
  overflow: hidden;}

#submenu li,#submenu li a {
  float: left;
  display: block;
  width: 205px;
  height: 40px;}

#about #submenu li a {
  width: 100%;
  text-indent: -9999px;
  background: url(/assets/website/images/submenu_text.png) no-repeat 0 0; }

#about #submenu .sn01 {
  width: 205px;}

#about #submenu .sn01 a:visited {
  background-position: -205px 0;}

#about #submenu .sn01 a:hover {
  background-position: -205px 0;}

#about #submenu .sn01 a {
  background-position: -205px 0;}

#about #submenu .sn02 a:link {
  background-position: 0 -40px;}

#about #submenu .sn02 a:visited {
  background-position: 0 -40px;}

#about #submenu .sn02 a:hover {
  background-position: 0 -40px;}

#about #submenu .sn03 a:link {
  background-position: 0 -80px;}

#about #submenu .sn03 a:visited {
  background-position: 0 -80px;}

#about #submenu .sn03 a:hover {
  background-position: 0 -80px;}

#about #submenu .sn04 a:link {
  background-position: 0 -120px;}

#about #submenu .sn04 a:visited {
  background-position: 0 -120px;}

#about #submenu .sn04 a:hover {
  background-position: 0 -120px;}

#about #submenu .sn05 a:link {
  background-position: 0 -160px;}

#about #submenu .sn05 a:visited {
  background-position: 0 -160px;}

#about #submenu .sn05 a:hover {
  background-position: 0 -160px;}
#about .subcontent_text {
  text-align: left;
  margin: 0 0 10px 0;}
#about .author {
  float: left;
  font-weight: bold;
  padding-bottom: 15px; }


#howtouse #submenu li a {
  width: 100%;
  text-indent: -9999px;
  text-decoration: none;
  background: url(/assets/website/images/submenu_text.png) no-repeat 0 0; }

#howtouse #submenu .sn01 {
  width: 205px;}

#howtouse #submenu .sn01 a {
  background-position: 0 -200px;}

#howtouse #submenu .sn01 a.selected {
  background-position: -205px -200px;}

#howtouse #submenu .sn01 a:hover {
  background-position: -205px -200px;}

#howtouse #submenu .sn02 a {
  background-position: 0 -240px;}

#howtouse #submenu .sn02 a.selected {
  background-position: -205px -240px;}

#howtouse #submenu .sn02 a:hover {
  background-position: -205px -240px;}

#howtouse #submenu .sn03 a {
  background-position: 0 -280px;}

#howtouse #submenu .sn03 a.selected {
  background-position: -205px -280px;}

#howtouse #submenu .sn03 a:hover {
  background-position: -205px -280px;}

#howtouse .subcontent ol {
  list-style: decimal  inside none;}
#howtouse .subcontent ol li{
  text-indent: -18px;
  margin: 15px 0;
  padding: 0 0 0 18px;}
#howtouse .subcontent ol li h3 {
  font-weight: bold;
  color: #333333;}

/* Remove the sequence numbers in ordered list */
#howtouse .subcontent ol.no-number {
  list-style-type: none;}
#howtouse .subcontent ol.no-number li {
  text-indent: 0;}


#contact #submenu li a {
  width: 100%;
  text-indent: -9999px;
  background: url(/assets/website/images/submenu_text.png) no-repeat 0 0; }

#contact #submenu .sn01 {
  width: 205px;}

#contact #submenu .sn01 a:visited {
  background-position: -205px -320px;}

#contact #submenu .sn01 a:hover {
  background-position: -205px -320px;}

#contact #submenu .sn01 a {
  background-position: -205px -320px;}

#contact #submenu .sn02 a:link {
  background-position: 0 -360px;}

#contact #submenu .sn02 a:visited {
  background-position: 0 -360px;}

#contact #submenu .sn02 a:hover {
  background-position: 0 -360px;}

#contact .subcontent p {
  margin: 0;
  font-weight: bold;}

#contact .info_text_title {
  width: 60px;}

#contact .info_text_title p {
  font-weight: normal;}

/*Buy studs page*/
#buystuds .subnav {
  height: auto;
  background: transparent url("/assets/website/images/submenu_bg_center.png") repeat-y scroll 0 0;}
#buystuds #submenu {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 80px 0 0 0;
  background: transparent url("/assets/website/images/submenu_bg_top.png") no-repeat scroll 0 0;}
#buystuds #submenu ul {
  padding: 0 10px 60px 10px;
  height: auto;
  background: transparent url("/assets/website/images/submenu_bg_bottom.png") no-repeat scroll 0 bottom;}
#buystuds #submenu li {
  word-wrap: break-word;
  overflow: hidden;
  float: none;
  font-size: 12px;
  padding: 2px 0 2px 10px;
  width: 190px;
  height: auto;}

#studs-sidebar li {
  background: transparent url("/assets/website/images/buystuds_text.png") no-repeat scroll 0 0;}

#buystuds #submenu li a {
  float: none;
  width: 100%;
  height: 100%;}

#buystuds #submenu .sn01 {
  background-image: none;}
#buystuds #submenu .sn01 a {
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 8px 0;
  text-align: center;
  color: #666666;}
#buystuds #submenu .sn01 a:visited {
  color: #e56b00;}
#buystuds #submenu .sn01 a:hover {
  color: #e56b00;}

#buystuds #submenu .sn02 {
  height: 130px;}

#buystuds #submenu .sn03 {
  margin-top: 10px;
  padding: 0;
  height: 19px;
  background-position: 0 -130px;}

#buystuds #submenu .sn04 {
  padding: 0;
  height: 19px;
  background-position: 0 -153px;}

#buystuds #submenu .sn05 {
  padding: 0;
  height: 19px;
  background-position: 0 -176px;}

#buystuds #submenu .sn06 {
  padding: 0;
  height: 19px;
  background-position: 0 -201px;}

#buystuds #submenu .sn07 {
  padding: 0;
  height: 19px;
  background-position: 0 -225px;}

#buystuds #submenu .sn08 {
  padding: 0;
  height: 19px;
  background-position: 0 -249px;}

#buystuds #submenu .sn09 {
  margin-top: 10px;
  height: 72px;
  background-position: 0 -265px;
  position: relative;}

#buystuds #submenu .sn09 a{
  position: absolute;
  top: 45px;}

#buystuds #submenu li.address {
  width: 205px;
  line-height: 16px;
  font-size: 13px;
  font-weight: bold;
  color: #666666;}

#buystuds #submenu li.sales_email a {
  display: inline;
  color: #FF6600;}

#online-quote-title {
  float: left;
  overflow: hidden;
  width: 310px;}

#online-quote-phone {
  float: right;}

.subcontent {
  float: left;
  width: 620px;
  margin: 20px 0 0 0;}

.line {
  height: 1px;
  padding: 0;
  margin: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  background: #666666;}

#buystuds #region {
  padding: 15px 0 0 400px;}

.subcontent_text {
  font-family: Arial;
  font-size: 12px;
  color: #333333;
  line-height: 1.5;}

/*buystuds pages*/
.delete {
  display: block;
  float: right;
  width: 26px;
  height: 20px;
  position: relative;
  right: 45px;
  background: transparent url('/assets/website/images/icons/bullet_delete.png') no-repeat scroll center center;}
.error {
  border-color: red;}
.errors {
  color: red;
  font-size: 13px;
  margin-top: 10px;}
.adding-row, a.adding-row:visited {
  float: left;
  width: 90px;
  height: 16px;
  text-indent: 20px;
  display: block;
  background: transparent url('/assets/website/images/icons/add.png') no-repeat scroll 0 center;
  color: #333333;}
.fields {
  float: left;
  width: 100%;
  margin: 5px 0;}
.labels {
  margin: 0;}
.fields label, .fields input, .fields select {
  line-height: 17px;
  min-height: 17px;
  height: auto !important;
  height: 17px;
  display: block;
  float: left;}

.title {
  float: left;
  width: 100%;
  margin: 0 0 10px 0;}
.caption {
  width: 200px;
  float: left;
  font-size: 18px;
  font-weight: bold;}
.caption-detail {
  width: 400px;
  float: right;}

#online-quote div {}
#online-main-field {
  margin: 20px auto;}
#name-label, #name{
  width: 306px;}
#phone-label {
  width: 100px;
  margin: 0 25px;}
#phone {
  width: 100px;
  margin: 0 20px;}
#fax-label, #fax {
  width: 100px;}
#company-label, #company {
  width: 552px;}
#email-label, #email {
  width: 552px;}

#studs {
  margin: 30px auto;}
#studs label {
  width: 75px;}
#st-color-label, #st-qty-label {
  text-align: right;}
#studs input {
  width: 80px;
  margin: 0 20px 0 5px;}
#studs select {
  width: 85px;
  margin: 0 20px 0 5px;}

#rcd {
  margin: 30px auto;}
#rcd label {
  width: 75px;}
#rcd-color-label, #rcd-qty-label {
  text-align: right;}
#rcd input {
  width: 80px;
  margin: 0 10px 0 5px;}
#rcd select {
  width: 85px;
  margin: 0 20px 0 5px;}

#stud-packs {
  margin: 30px auto;}
#stud-packs label {
  width: 75px;}
#stp-color-label, #stp-type-label {
  text-align: right;}
#stud-packs input {
  width: 80px;
  margin: 0 20px 0 5px;}
#stud-packs select {
  width: 85px;
  margin: 0 20px 0 5px;}

#label-pins {
  margin: 30px auto;}
#label-pins label {
  width: 160px;}
#label-pins input {
  width: 80px;
  margin: 0 20px 0 0;}

#stud-kits {
  margin: 30px auto;}
#stud-kits label {
  float: left;
  width: 130px;
  text-align: right;}
#stud-kits input {
  float: left;
  width: 50px;
  margin: 0 10px;}
#stud-kits .stud-kits-last label, #stud-kits .stud-kits-last input {
  position: relative;
  left: 205px;}
#online-quote-submit {
  text-align: center;}
#online-quote-submit input {
  margin: 0 10px;}
#email-sucess h3 {
  margin: 10px 0;
  font-size: 26px;
  background: transparent url('/assets/website/images/icons/tick.png') no-repeat scroll center center;}
#email-sucess p {
  font-size: 13px;}
/*buystuds page end*/

.subcontent_pic {
  text-align: center;}

#buystuds .subcontent_pic {
  position: relative;
  left: -15px;}

.author {
  float: right;
  text-align: right;
  width: 220px;
  line-height: 2;}

.auth_title {
  float: left;
  width: 130px;}

.content_product_title {
  padding: 20px 55px 0 190px;}

.clear {
  clear: both;}

.gallery-title {
  margin: 10px 0;}


#footer, #footer a {
  width: 960px;
  margin: 0 auto;
  font-weight: 400;
  font-family: Tahoma;
  font-size: 11px;
  text-align: center;
  line-height: 1.8;
  color: #999999;}

/* Fix gallery bug in ie browser */
#products #main {
  height: 900px;
  overflow: hidden;}