body {
  background-color: #989898;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:0.7em;
  color:#000000;
  margin:0px;
}

/* Default Styles */

h1 {
  color: #751A19;
  margin:0px;
  padding-bottom:15px;
  font-size:1.1em;
}



img { border: 0px }
a  { color: #781621; text-decoration: underline }
a:hover  { color: black; text-decoration: none }
#subcontentbox li {margin-bottom:5px;}
#subcontentbox2col li {margin-bottom:5px;}
/* End Default Styles */

#shell {
  margin-right: auto;
  margin-left: auto;
  margin-top: 32px;
  width:780px;
  overflow: hidden;
  background:#FFFFFF url(../images/design/shadow.gif) repeat-y 0%;
}

#holder {
  width:773px;
}

#logo  { float: left; margin: 0px; padding: 0px; width: 773px; height: 138px }
/* Navigation */
#menu {
  width:773px;
  height:32px;
  float:left;
  background: url(../images/design/menu_gradient.gif) repeat-x;
}

#nav, #nav ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  /*width: 159px;*/
  font-size:1.0em;
  display:inline;
}

#nav li {
  float: left;
  margin-top: 0px;
  padding: 0px;
  position: relative;
  text-decoration: none;
  list-style-type: none;
}

#nav li ul {
  margin-top: 0px;
  margin-left: 0px;
  padding: 0px;
  position: absolute;
  z-index: 256;
  left: -999em;
}

#nav li a {
  color: #000000;
  text-decoration: none;
  margin: 0px;
  padding: 14px 9px 5px 9px;
  width: auto;
  display: block;
  font-weight:normal;
}

#nav li a:hover {
  color: #FFFFFF;
  text-decoration: none;
  background: url(../images/design/menu_rollover.gif) repeat-x 50%;
  margin: 0px;
  width: auto;
  display: block;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li  li.sfhover ul, #nav li li li.sfhover ul { left: auto }

#nav li:hover, #nav li.hover {
  position: static;
}


#subnav, #subnav ul {
  list-style-type: none;
  float: left;
  margin-left: 0px;
  padding: 0px;
  width: 169px;
}

#subnav li {
  color: #000000;
  margin-top: 0px;
  margin-left: 0px;
  padding: 0px;
  position: relative;
  width: 169px;
  background-color: #FFFFFF;
	border:0px;
}


#subnav li a {
  color: #000000;
  text-decoration: none;
  margin: 0px;
  display: block;
  height:19px;
  padding:5px 0 0 9px;
  font-size:1.0em;
  font-weight:normal;
}

#subnav li a:hover {
  color: #FFFFFF;
  background:#781621 url(../images/design/spacer.gif) repeat-x 50%;
  margin: 0px;
  padding:5px 0 0 9px;
  display: block;
}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul { color:#000000; left: -999em; }

/* Navigation Ends */ 


#shellbody {
  width:773px;
}

#topspace {
  width:773px;
  height:31px;
  background: #FFFFFF url(../images/design/topspace.jpg) no-repeat 0% 0%;
  margin:0px;
  padding:0px;
}

#subtopspace {
  width:773px;
  height:48px;
  margin:0px;
  padding:0px;
}

#content {
  width:773px;
  height:255px;
  background: #FFFFFF url(../images/design/content_bg.jpg) no-repeat 0% 0%;
  margin:0px;
  padding:0px;
}

#subcontent {
  width:773px;
  background: #FFFFFF url(../images/design/subpage_bg.jpg) no-repeat 0% 0%;
  margin:0px;
  padding:0px;
}

#subcontent2col {
  width:773px;
  background: url(../images/design/subpage2_bg.jpg) no-repeat 0% 0%;
  margin:0px;
  padding:0px;
}

.spacerleft {
  width:40px;
  height:235px;
  float:left;
}

.subspacerleft {
  width:1px;
  height:285px;
  float:left;
}

#contentbox {
  margin:0px;
  margin-top:20px;
  width:363px;
  height:220px;
  color:#000000;
  float:left;
  padding-right:30px;
}

#subcontentbox {
  margin:0px;
  margin-left:40px;
  width:675px;
  color:#000000;
  float:left;
}

/* IE6 Hack */
* html #subcontentbox {margin-left:20px;}

#subcontentbox2col {
  margin:0px;
  margin-left:40px;
  width:436px;
  color:#000000;
  float:left;
}

/* IE6 Hack */
* html #subcontentbox2col {margin-left:20px;}

*html #subcontentbox2col {margin-left:20px;}

#contentfooter {
    background:url(../images/design/content_footer.jpg) no-repeat 0%;
    width:773px;
    height:94px;
}

#contentfooter2 {
    background:url(../images/design/content_footer2.jpg) no-repeat 0%;
    width:773px;
    height:94px;
}

#divider {
  width:51px;
  height:10px;
  float:left;
}

#coltwo {
  margin:0px;
  padding:0px;
  margin-left:40px;
  width:241px;
  float:left; /* Problem */
}

#coltwo_content {
  padding-left:15px;
  padding-right:10px;
}

#coltwo_bottom {
  margin:0px;
  padding:0px;
  width:241px;
  height:38px;
}


#flash  { background: url(../images/design/flash_bg.jpg) no-repeat; float: left; width: 380px; height: 255px; }


#brands {
  padding-left:15px;
  margin:0px;
  background-color: #FFFFFF;
  height:300px;
  background: url(../images/design/brands_bg.gif) repeat-x 100% -1%;
}

.box {
  width:195px;
  float:left;
  padding-right:6px;
  margin-top:35px;
  margin-bottom:26px;
  background: url(../images/design/swot_bg.jpg) no-repeat 0% 1%;
}

.box2 {
  width:341px;
  float:left;
  padding-right:6px;
  margin-top:35px;
  margin-bottom:26px;
  background: url(../images/design/officewear_bg.jpg) no-repeat 0% 1%;
}

.box3 {
  width:195px;
  float:left;
  padding-right:6px;
  margin-top:35px;
  margin-bottom:26px;
  background: url(../images/design/xceed_bg.jpg) no-repeat 0% 1%;
}

.toplink {
  color:#781621;
  height:36px;
}

.brandname {
  margin-left:15px;
  /*margin-top:15px;*/
  font-weight:bold;
  height:36px;
  float:left;
}

.brandname a {text-decoration:none;}
.brandname a:hover {text-decoration:underline;}


.frontline {
  float:left;
}

.officewear {
  float:left;
}


.brandpic {
  padding:0px;
  margin:0px;
  height:143px;
}

.image {
  float:left;
}

#footer {
  width:780px;
  height:45px;
  background: #FFFFFF url(../images/design/shadow_bottom.gif) no-repeat 0% 0%;
  color:#ACACAC;
  padding-top:0px;
}

#rights {
  float:left;
  width:140px;
  margin-left:14px;
  padding-top:10px;
  padding-bottom:14px;
}

#design {
  float:left;
  padding-top:10px;
  padding-bottom:14px;
}

#design  a {
  color:#ACACAC;
  text-decoration:none;
}

#design  a:hover {
  color:#ACACAC;
  text-decoration:underline;
}

.nothing {
  clear:both;
  margin:0px;
  padding:0px;
}
.block { display: block; }


label { visibility: hidden; display: none; }

input, textarea, select {
  font-size:1em;
  font-family:Arial,Helvetica,sans-serif;
  border:1px solid #ABABAB;
}

.namefield {float:left; padding-top: 3px; width: 180px;}
.namefield2 {float:left; padding-top: 3px; width: 180px;}
.inputfield {float:left; width: 360px; padding:2px;}
.inputfield2 {float:left; width: 480px;}

.submitbutton {
  background-color:#751A19;
  border:1px solid #FFFFFF;
  color:#FFFFFF;
}

/* Login Css */
#login {width:350px; text-align:center;}
#login p {text-align:left;}
.loginnamefield {float:left; padding-top: 3px; width: 90px;}
.logininputfield {float:left; width: 210px; padding:2px;}
.loginbttn {float:left; margin-left:133px;}
/* End Login Css*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */