/* CSS Document */

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

.editorBody { background:#FFFFFF; color:#000000;}

/* Default Styles */

h1 {
  color:#000000;
  font-size:16px;
  margin:0px;
  padding:0px;
}

h2 {
  font-size:11px;
  color:#000000;
}

h4 {
  font-size:12px;
  color:#000000;
  margin:0 0 13px 0;
}

a:link {
  color:#701919;
  text-decoration:none;
}

a:visited {
  color:#701919;
  text-decoration:none;
}

a:hover {
  color:#000000;
  text-decoration:none;  
}

a:active {
  color:#701919;
  text-decoration:none;
}

a img {
  border:0px;
}

hr {
  height:1px;
  border:0px;
  background:#CCCCCC;
}

/*End Default Styles  */ 

#shell {
  width: 987px;
  margin-top:39px;
  margin-left:auto;
  margin-right:auto;
  position: relative;
}

#innershell {
  background:#FFFFFF url(../images/design/shadow.jpg) repeat-y 0% 0%;  
}

#header {
  width:980px;
}

#phonenumber {
  margin:51px 0 0 0;
  color:#9F9F9F;
  font-size:14px;
  text-align:right;
}

#fMenu {
  width:800px;
  margin:0 auto 6px auto;
  text-align:center;
}

#fMenu a {
     color:#9f9f9f;
}

#fMenu a:hover {
     color:#701919;
}

#fMenu li {
     border-right:1px solid #ccc;
     list-style:none;
     margin:0 3px;
     padding-right:6px;
     display:inline;
}

#fMenu2 {
  width:800px;
  margin:0 auto 20px auto;
  text-align:center;
}

#fMenu2 a {
     color:#9f9f9f;
}

#fMenu2 a:hover {
     color:#701919;
}

#fMenu2 li {
     border-right:1px solid #ccc;
     list-style:none;
     margin:0 3px;
     padding-right:6px;
     display:inline;
}

#logo {
  float:left;
  width:376px;
  margin:0 0 0 48px;
  background:url(../images/design/logo.jpg) no-repeat 0% 0%;
}

#logo img {
  width:170px;
  height:147px;
}

#search {
  float:right;
  width:366px;
  margin:30px 33px 0 0;
}

#putleft {
  float:left;
  margin:4px 4px 0 0;
}

*html #search {
  margin:30px 27px 0 0;
}

#searchform {
  float:left;
}

.search_input {
  font-family:arial;
  font-size:12px;
  width:173px;
  padding:3px 0 3px 3px;
  color:#898680;
  border-top:1px solid #D4D0C8;
  border-right:1px solid #EEECE9;
  border-bottom:1px solid #EEECE9;
  border-left:1px solid #D4D0C8;
  background:#F9F9F7;
}

#searchbttn {
  font-family:arial;
  font-size:12px;
  font-weight:bold;
  width:48px;
  margin:0 0 0 10px;
  color:#000000;
  border:0px;
  cursor:pointer;
  background:#FFFFFF;
}

/* Navigation */
#menu {
  width:943px;
  height:34px;
  padding:0 0 0 37px;
  background:#D4D0C8;
}

#nav, #nav ul {
  margin:0px;
  padding:0px;
  display:inline;
  list-style-type: none;
}

#nav li {
  position: relative;
  float: left;
  margin-top: 1px;
  padding: 0px;
  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:3px 0 0 0;
  padding:5px 11px 10px 11px;
  width: auto;
  display: block;
}

#nav li a:hover {
  color: #000000;
  text-decoration:none;
  margin:3px 0 0 0;
  padding:5px 11px 10px 11px;
  width:auto;
  display: block;
  background:#EBE9E6;
}


#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:0px;
  padding:0px;
  width: 176px;
}

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

#subnav li ul {
  margin-top: -23px;
  margin-left: 176px;
  padding: 0px;
  /*position: absolute;*/
  z-index: 256;
  left: -999em;
}


#subnav li a {
  color: #000000;
  text-decoration: none;
  margin: 0px;
  display: block;
  height:19px;
  padding:4px 0 0 10px;
  font-size:1.0em;
  border:0px;
}

#subnav li a:hover {
  color: #000000;
  background:#D4D0C8;
  margin: 0px;
  padding:4px 0 0 10px;
  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; }

#childnav {
  float: left;
  width: 176px;  
  margin:0px;
  padding:0px;
  list-style-type: none;
}

#childnav li {
  color: #000000;
  margin-top: 0px;
  margin-left: 1px;
  padding: 0px;
  position: relative;
  width: 176px;
  background-color:#EBE9E6;
	border:0px;
}


#childnav li a {
  color: #000000;
  text-decoration: none;
  margin: 0px;
  display: block;
  height:19px;
  padding:4px 0 0 10px;
  font-size:1.0em;
  border:0px;
}

#childnav li a:hover {
  color: #000000;
  background:#D4D0C8;
  margin: 0px;
  padding:4px 0 0 10px;
  display: block;
}

#childnav li:hover ul ul, #childnav li:hover ul ul ul, #childnav li.sfhover ul ul, #childnav li.sfhover ul ul ul { color:#000000; left: -999em; }
/* Mega Menu Styles 

#nav li .sub {
	position: absolute;	
	top:33px;
	left:-1px;
	float: left;
	padding:20px 0 20px 0;
	border:1px solid #D4D0C8;
	border-top:0px;
	background:#EBE9E6;
	display: none;
	z-index:900;
}

#nav li .row {float: left; width:180px; margin-bottom: 10px; background:url(../images/design/vdivider.jpg) repeat-y 100% 0%;}

#nav li .sub ul{
	float: left;
	width: 163px;
  margin:0px;
  padding:0 13px 0 13px;
	list-style: none;
}

#nav .sub ul li {
	width:150px;
	color: #fff;
}

#nav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size:11px;
	font-weight: bold;
}

#nav .sub ul li h2 a {
	padding: 5px 0;
	font-size:11px;
	color:#000000;
	font-weight: bold;
	border:0px !important;

}

#nav .sub ul li a {
	float: none; 
	height: auto;
	padding: 7px 5px 7px 15px;
	color: #000000;
	font-size:11px;
	text-decoration: none;
  border-bottom:1px solid #D6D2CB;
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	display: block;
}
#nav .sub ul li a:hover {text-decoration:underline;}

/* Navigation Ends */ 

#holder {
  position:relative;
  width:904px;
  margin:49px 0 53px 38px;
  padding:0 0 20px 0;
}

#contentholder {
  width:904px;
  margin:0px 0 14px 0;
  padding:0px;
  position:relative;
}

#leftpanel {
  float:left;
  width:198px;
  min-height:100px;
  height:auto !important;
  margin:0 37px 0 0;
}

#productlist h4 {
  margin:0 0 5px 0;
  padding:0 0 0 11px;
}

/* Product Navigation */
.productnav {
  margin:0 0 20px 0;
  padding:0px;
  list-style-type:none;
}

.productnav li {
  border-top:1px solid #FFFFFF;
}

.productnav li a {
  color:#000000;
  text-decoration:none;
  padding:4px 0 3px 12px;  
  width:186px;
  background-color: #d4d0c8;
  display:block;
}

.productnav li a:hover {
  color:#000000;
  background-color: #ebe9e6;
  display:block;  
}
/* End Product Navigation */

#flash {
  float:left;
  width:669px;
  height:304px;
  margin:0 0 20px 0;
}

#pageheadings {
  float:left;
  width:669px;
  height:15px;
}

#defaultpageheadings {
  margin:0 0 22px 0;
}

#defaultpageheadings a {
  color:#A71930;
}

#defaultpageheadings a:hover {
  color:#000000;
}

#featureproduct {
  width:182px;
  margin:0 37px 0 0;
  padding:8px 8px 0 8px;
  border:1px solid #CCCCCC;
}

#newsHolder {
  float:left;
  width:182px;
  margin:0 37px 0 0;
  padding:0;
}

#middlepanel {
  float:left;
  width:437px;
  margin:10px 0 0 0;
}

#innermiddlepanel {
  float:left;
  width:669px;
  margin:0px;
}

#rightpanel {
  float:left;
  width:198px;
  margin:0 0 0 30px;
}

#footer {
  float:left;
  width:987px;
  margin:10px 0 0 0;
  padding:0 0 16px 0;
  background:url(../images/design/footer_shadow.jpg) no-repeat 0% 100%;
}

#rights {
  float:left;
  margin:0 0 0 48px;
  color:#9F9F9F;
}

*html #rights {
  margin:0 0 0 25px;
}

#design {
  float:right;
  margin:0 48px 0 0;
  color:#9F9F9F;
}

*html #design {
  margin:0 23px 0 0;
}

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

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

/* Feature Box */
.featurebox {
  width:187px;
  margin:0 0 0 0;
  padding:0 0 0 11px;
}

.featureboxcolor {
  position:absolute;
  left:0px;
  bottom:165px;
  #bottom:190px;
  width:177px;
  margin:0 0 0 1px;
  padding:16px 10px 0 11px;
  background:#E8E9EB;
}

.featureboxcolor img {
  float:right;
  margin:-44px 0 0 0;
}

/* Newsletter */
#newsletter {
  width:198px;
  margin:23px 0 23px 0;
  padding:0;
}

#newsletter p {
     margin:0;
     background-color:#d4d0c8;
     padding:6px 12px;
}

#newsletter h4 {
     margin:0 0 5px 0;
     padding:0;
     padding-left:12px;
}


#rightpanel .borderit {
  width:182px;
  padding:8px 8px 0 8px;
  border:1px solid #CCCCCC;
}

.borderit {
  width:182px;
  padding:8px;
  border:1px solid #CCCCCC;
}

.picholder {
  float:left;
  width:182px;
  min-height:230px;
  height:auto !important;
  _height:230px;
  margin:0 10px 10px 0;
  padding:8px;
  border:1px solid #CCCCCC;
}

.picholder p {
  margin:0px !important;
  padding:0px !important;
}

.resultsText {
  margin:10px 0 0 0;
}

/* Product Full */ 
.productthumb {
  float:left;
  width:180px;
  min-height:223px;
  height:auto;
  _height:223px;
  margin:0 10px 10px 0;
  padding:8px;
  border:1px solid #CCCCCC;
  position:relative;
}

.productdel {
  position: absolute;
  top:5px;
  left:170px;
  font-weight:bold;
  padding:5px;
  z-index:1000;
}

.productname {
  width:180px;
  margin:10px 0 0 0;
  padding:0px;
}

#fullproduct {
  width:669px;
  margin:0px;
  padding:0 0 30px 0;
} 

#left {
  float:left;
  width:400px;
  margin:0 26px 0 0;
  border-top:1px solid #CCCCCC;
}

.divider {
  width:400px;
  height:1px;
  margin:20px 0 20px 0;
  background:#CCCCCC;
}

.productdescription {
  width:340px;
}

.brandlogo {
  margin:10px 0 10px 0;
}

.productdescription h1 {
  margin:0 0 10px 0;
  font-size:18px;
  color:#000000;
}

.specs {
  width:380px;
}

.specs table {
  border-collapse:collapse;
}

.specs td{
  padding:4px 9px 2px 3px;
  border:1px solid #FFFFFF;
  background:#E7E9EA;
}

#right {
  float:left;
  width:243px;
}

#right img {
  float:right;
}

.download {
  float:right;
  width:227px;
  margin:10px 0 0 0;
  padding:0 8px 0 0;
}

.download a img {
  width:227px;
  height:28px;
}

.download a {
  width:227px;
  height:28px;
  display:block;
  background:url(../images/design/DownloadSpecificationsInActive.jpg) no-repeat 0% 0%;
}

.download a:hover {
  width:227px;
  height:28px;
  display:block;
  background:url(../images/design/DownloadSpecificationsActive.jpg) no-repeat 0% 0%;
}

.download a:active {
  width:227px;
  height:28px;
  display:block;
  background:url(../images/design/DownloadSpecificationsActiveClick.jpg) no-repeat 0% 0%;
}

.borderit2 {
  position:relative;
  float:right;
  width:225px;
  margin:0px;
  padding:8px;
  border:1px solid #CCCCCC;
  z-index:400;
}

#zoomicon {
  position:absolute;
  bottom:10px;
  right:10px;
  width:44px;
  height:45px;
  background:url(../images/design/zoomicon.png) no-repeat 0% 0%;
  z-index:500;
}

#zoomicon img {
  width:44px;
  height:45px;
}

.relatedproducts {
  float:left;
  width:94px;
  height:94px;
  margin:0px 3px 6px 3px;
  padding:2px 2px 2px 2px;
  border:1px solid #CCCCCC;
  overflow:hidden;
}

#goback {
  padding:4px;
  display:inline;
  border:1px solid #701919;
}

/* End Product Full */

/* 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; width:60px; margin-left:110px;}
/* End Login Css*/

.required {
  color:#d20;
  font-weight:bold;
}

label { visibility: hidden; display: none; }

input, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  width:170px;
  color:#898680;
  border-top:1px solid #D4D0C8;
  border-right:1px solid #EEECE9;
  border-bottom:1px solid #EEECE9;
  border-left:1px solid #D4D0C8;
  background:#F9F9F7;
}

select {
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  width:173px;
  color:#898680;
  border-top:1px solid #D4D0C8;
  border-right:1px solid #EEECE9;
  border-bottom:1px solid #EEECE9;
  border-left:1px solid #D4D0C8;
  background:#F9F9F7;
}

.noColour {
  width:auto !important;
  border:0px !important;
  background:transparent !important;
}

.namefield {float:left; padding-top: 3px; width: 170px; }
.inputfield, .radiobttn {float:left; width: 370px; padding:4px; font-size:0.8em;}

.namefield2 {float:left; padding-top: 3px; width: 160px;}
.inputfield2 {float:left; width: 380px; padding:2px;}

.submitbutton {
  width:100px;
  margin-top:6px;
  margin-bottom:6px;
  color:#898680;
  font-weight:bold;
  border-top:1px solid #D4D0C8;
  border-right:1px solid #EEECE9;
  border-bottom:1px solid #EEECE9;
  border-left:1px solid #D4D0C8;
  background:#F9F9F7;
}

.guides {
  margin:0 0 10px 0;
  padding:6px;
  border:1px solid #D4D0C7;
  background:#F4F3F1;
}

/* .mobi */
#mobisearch {
  width:300px;
  margin-left:auto;
  margin-right:auto;  
  margin-bottom:20px;
}

/* .mobi */

.horizontalnav {
  border-bottom:1px solid #CCCCCC;
}

.horizontalnav a {
  float:left;
  width:auto;
  margin:0 0 16px 0;
  display:block;
}

.verticledivider {
  float:left;
  margin:0 7px 0 7px;
}

.spacer {
  width:10px;
  height:39px;
}

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

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

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

.map {
  float:right;
  width:400px;
  height:400px;
  margin:18px 0 0 10px;
}

#breadcrumbs {
  margin:0 0 10px 0;
  font-size:13px;
  color:#998F87;
}

#breadcrumbs a {
  color:#998F87;
}

#breadcrumbs a:hover {
  color:#998F87;
  text-decoration:underline;
}

.arrows {
  width:10px;
  margin:0 6px 0 6px;
  display:inline;
}

/* Selector */

.emptyselector {
  margin:0px;
  font-size:24px;
}

.selector {
  float:right;
  width:227px;
  height:28px;
  margin:10px 0 0 0;
  padding:0 8px 0 0;
}

#sel_link img {
  width:227px;
  height:28px;
}

.aselector {
  width:227px;
  height:28px;
  display:block;
  background:url(../images/design/AddtoSelectorInActive.jpg) no-repeat 0% 0%;
}

.aselector:hover {
  width:227px;
  height:28px;
  display:block;
  background:url(../images/design/AddtoSelectorActive.jpg) no-repeat 0% 0%;
}

.aselector:active {
  width:227px;
  height:28px;
  background:url(../images/design/AddtoSelectorActiveClick.jpg) no-repeat 0% 0%;
}

.rselector {
  width:227px;
  height:28px;
  display:block;
  background:url(../images/design/RemovefromSelectorInActive.jpg) no-repeat 0% 0%;
}

.rselector:hover {
  width:227px;
  height:28px;
  display:block;
  background:url(../images/design/RemovefromSelectorActive.jpg) no-repeat 0% 0%;
}

.rselector:active {
  width:227px;
  height:28px;
  background:url(../images/design/RemovefromSelectorActiveClick.jpg) no-repeat 0% 0%;
}

.viewFinish img {
  float:right;
  width:227px;
  height:28px;
}

.viewFinish {
  float:right;
  width:219px;
  height:28px;
  margin:10px 8px 0 0;
  padding:0 8px 0 0;
  cursor:pointer;
  display:block;
  background:url(../images/design/ViewFinishesInActive.jpg) no-repeat 0% 0%;
}

.viewFinish:hover {
  width:219px;
  height:28px;
  display:block;
  background:url(../images/design/ViewFinishesActive.jpg) no-repeat 0% 0%;
}

.viewFinish:active {
  width:219px;
  height:28px;
  background:url(../images/design/ViewFinishesActiveClick.jpg) no-repeat 0% 0%;
}

.hideFinish {
  float:right;
  width:219px;
  height:28px;
  margin:10px 8px 0 0;
  padding:0 8px 0 0;
  cursor:pointer;
  display:block;
  background:url(../images/design/HideFinishesInactive.jpg) no-repeat 0% 0%;
}

.hideFinish:hover {
  width:219px;
  height:28px;
  display:block;
  background:url(../images/design/HideFinishesActive.jpg) no-repeat 0% 0%;
}

.hideFinish:active {
  width:219px;
  height:28px;
  background:url(../images/design/HideFinishesActiveClick.jpg) no-repeat 0% 0%;
}

#finishes {
  float:right;
  width:225px;
  margin:10px 0 0 0;
  padding:0 8px 0 0;
  display:none;
}

.finish {
 float:left;
 margin:0 0 5px 0;
}

.finishthumb {
 float:left;
 margin:0 15px 0 0;
}

.finishsummary {
 float:left;
 width:150px;
}

.finishsummary p {
margin:0;
padding:0;
display: inline;
}

#sMenu {
     height:20px;
}

#sMenu ul {
margin:0;
padding:0;
}

#sMenu a {
     color:#9f9f9f;
}

#sMenu a:hover {
     color:#701919;
}

#sMenu li {
     float:left;
     border-right:1px solid #ccc;
     list-style:none;
     margin:0 3px;
     padding-right:6px;
}

#sMenu li#last {
   border:none;
}

#frm {
margin:0;
padding:0;
}

#frm table {
 width:500px;
}

#frm td {
font-size: 11px;
padding:10px 0 10px 0;
}

#frm td.topline {
  border-top: 1px solid #B3AAA0;
}

#frm .bold {
  font-weight: bold;
}

#frm .wide {
  width:300px;
}

#frmbig {
margin:0;
padding:0;
}

#frmbig table {
 width:650px;
}

#frmbig td {
font-size: 11px;
padding:10px 0 10px 0;
}

#frmbig td.topline {
  border-top: 1px solid #B3AAA0;
}

#frmbig .bold {
  font-weight: bold;
}

#frmbig .wide {
  width:100%;
}


#customnav {
  margin:0 0 10px 0;
  padding:0px;
  display:inline;
  list-style-type: none;
}

#customnav li {
  position: relative;
  float: left;
  margin:0px;
  padding: 0px;
  text-decoration: none;
  list-style-type: none;
  border-right:1px solid #ccc;
}

#customnav li a {
  width:auto;
  margin:0 3px;
  padding-right:6px;
  color:#9f9f9f;
}

#customnav li a:hover {
  color:#701919;
}