/************************************ Start of Rest styles **********************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
      margin:0; 
      padding:0; 
  } 
  table { 
      border-collapse:collapse; 
      border-spacing:0; 
  } 
  fieldset,img {  
      border:0; 
  } 
  address,caption,cite,code,dfn,em,th,var { 
      font-style:normal; 
      font-weight:normal; 
  } 

  caption,th { 
      text-align:left; 
  } 
  h1,h2,h3,h4,h5,h6 { 
      font-size:100%; 
      
  } 
  q:before,q:after { 
      content:''; 
  } 
  abbr,acronym { border:0; 
  } 
/************************************ End of Rest styles **********************************/




/************************************ Layout styles **************************************/
body {
  color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  font-size:62.5%; /* 10px */  
  line-height: 1.3;
  background:#000000;
}

#wrapper{
  width:778px;
  margin:0px auto;
  background:#ffffff;
  overflow:hidden;
  background:url(../images/img_bgsli.jpg) repeat-y 0 0;
}
#wrapperb{
  width:778px;
  margin:0px auto;
  background:#ffffff;
  overflow:hidden;
  background:url(../images/img_bgslia.jpg) repeat-y 0 0;
}
#header{
  width:778px;
  background:url(../images/img_logo.jpg) no-repeat 0 0;
  height:149px;
  border-bottom:solid 7px #000000;
  position:relative;
}
#headerimg {
  position:absolute;
  right:0px;
  top:0px;
  border-left:solid 7px #000000;
  border-bottom:solid 7px #000000;
}
#nav{
  width:122px;
  background:#d2232a;
  float:left;
  border-right:solid 7px #000000;
  overflow:hidden;
  margin-top:25px;
}

#col1 {
  float:left;
  width:649px;
}


#col2{

}

#footer{
  background:#6dd0f7;
  border-top:solid 7px #000000;
  clear:both;
  height:90px;
  line-height:90px;
  color:#FFFFFF;
}

/************************************ End of Layout styles **************************************/

/************************************ Fonts styles **************************************/
h1 {font-size:1.6em;}
h2 {font-size:1.5em;}
h3 {font-size:1.6em; margin:7px 0;} 
h4 {font-size:1.4em;}
h5 {font-size:1.3em;}
h6 {font-size:1.2em;}
p {font-size:1.2em;}
a { color:#d2232a}
h3 a { display:block; text-decoration:none;}
/************************************ End of Fonts styles **************************************/

/************************************ General styles  **********************************/
.clear        { clear:both; }
.left         { float:left; }
.right        { float:right;}
.last       { margin:0px;}
.text-right   { text-align:right; }
.half         { width:45%; /* Not exactly half to account for paddings, margins etc. */ }

.hide{ /* Hide stuff without resorting to display:none; */
  visibility:hidden;
  width:0!important;
  height:0!important;
  line-height:0!important;
  padding:0!important;
  margin:0!important;
}
/************************************ End of General styles  ******************************/


/************************************ Navigation styles **********************************/
#nav li { margin:0 0 25px 8px;}
#nav li a {
  text-decoration:none;
}
#nav li a span {
  visibility:hidden;
}

#nav li.home a {
  background:url(../images/img_nav.jpg) 0 0;
  width:106px;
  height:41px;
  display:block;
} 
#nav li.stuff a {
  background:url(../images/img_nav.jpg) 0 -66px;
  width:106px;
  height:41px;
  display:block;
} 
#nav li.buy a {
  background:url(../images/img_nav.jpg) 0 -129px;
  width:106px;
  height:41px;
  display:block;
} 
#nav li.about a {
  background:url(../images/img_nav.jpg) 0 -195px;
  width:106px;
  height:41px;
  display:block;
} 
#nav li.grooming a {
  background:url(../images/img_nav.jpg) 0 -259px;
  width:106px;
  height:41px;
  display:block;
} 
#nav li.idea a {
  background:url(../images/img_nav.jpg) 0 -324px;
  width:106px;
  height:41px;
  display:block;
} 
#nav li.faq a {
  background:url(../images/img_nav.jpg) 0 -388px;
  width:106px;
  height:41px;
  display:block;
}
#nav li.press a {
  background:url(../images/img_nav.jpg) 0 -453px;
  width:106px;
  height:41px;
  display:block;
}
#nav li.contact a {
  background:url(../images/img_nav.jpg) 0 -516px;
  width:106px;
  height:41px;
  display:block;
}

#nav li.home a:hover {
  background:url(../images/img_nav.jpg) 118px 0;
  width:106px;
  height:41px;
  display:block;
} 
#nav li.stuff a:hover {
  background:url(../images/img_nav.jpg) 118px -66px;
  width:106px;
  height:41px;
  display:block;
} 
#nav li.buy a:hover {
  background:url(../images/img_nav.jpg) 118px -129px;
  width:106px;
  height:41px;
  display:block;
} 
#nav li.about a:hover {
  background:url(../images/img_nav.jpg) 118px -195px;
  width:106px;
  height:41px;
  display:block;
} 
#nav li.grooming a:hover {
  background:url(../images/img_nav.jpg) 118px -259px;
  width:106px;
  height:41px;
  display:block;
} 
#nav li.idea a:hover {
  background:url(../images/img_nav.jpg) 118px -324px;
  width:106px;
  height:41px;
  display:block;
} 
#nav li.faq a:hover {
  background:url(../images/img_nav.jpg) 118px -388px;
  width:106px;
  height:41px;
  display:block;
}
#nav li.press a:hover {
  background:url(../images/img_nav.jpg) 118px -453px;
  width:106px;
  height:41px;
  display:block;
}
#nav li.contact a:hover {
  background:url(../images/img_nav.jpg) 118px -516px;
  width:106px;
  height:41px;
  display:block;
}


/************************************ End of Navigation styles **********************************/
/************************************ Main text area  styles  ******************************/
#textcont { padding:0 0 0 33px;}
#textcont p{
  
  width:580px;
  
  font-size:150%;
  padding-bottom:18px;
}

#textcontgrad {clear:left; padding:20px 0 0 33px; height:550px; background:url(../images/gradsli.jpg) repeat-x bottom left;}

#textcontgrad  p{
  
  width:auto;
  
  font-size:150%;
  padding-bottom:18px;
}
/************************************ Main text area  styles  ******************************/
/************************************ col1 styles  ******************************/
#col1 ul { margin:10px 0; font-size:1.2em; padding-left:270px;}
#col1 ul li { }
#col1splitl {
  width:429px; 
  float:left;
}
#col1splitr {
  width:213px; 
  float:left;
}
#ourstorypan {
  background:#facecd url(../images/img_panel_os.jpg) no-repeat 0 0;
  width:213px;
  float:left;
  
  border-left:solid 7px #000000;
  

}
#ourstorypana {
  background:#facecd;
  width:213px;
  float:left;
  border-left:solid 7px #000000;
  height:75px;
  

}
#ourstorypan p {
  font-size:130%;
  text-align:right;
  padding:0 10px 85px 0;

}
#giveusideapan 
{
  background:#6dd0f7 url(../images/img_panel_gui.jpg) no-repeat 0 0;
  width:213px;
  float:left;
  border-bottom:solid 7px #000000;
  border-left:solid 7px #000000;
}
#giveusideapana
{
  background:#6dd0f7;
  width:213px;
  float:left;
  border-bottom:solid 7px #000000;
  border-left:solid 7px #000000;
  height:75px;
}
#giveusideapan p {
  font-size:130%;
  padding:0 0 85px 10px;
  
}
#ourstorypan h3, #giveusideapan h3 { line-height:65px;}

.lady2{
  border-left:solid 7px #000000;
  margin-top:48px;
  border-bottom:solid 7px #000000;
  float:left;
}

.bluebar {
  width:429px;
  background:url(../images/img_bluedotbar.jpg) no-repeat 0 0;
  height:18px;
  float:left;
  border-bottom:solid 7px #000000;
}
.mainp {
  float:left;
  width:429px;
  text-align:center;
  font-size:150%;
  border-bottom:solid 7px #000000;
  padding-bottom:25px;
}
.mainpa {
  /*float:left;*/
  text-align:left;
  font-size:160%;
  padding:30px 0 30px 42px;
  font-weight:bold;
  clear:left;
}
.mainpa {
  /*float:left;*/
  text-align:left;
  font-size:160%;
  padding:15px 0 15px 32px;
  font-weight:bold;
  clear:left;
}
.mainp span { font-size:115%;}
/************************************ End of col1 styles  ******************************/
/*********************************** layouta STYLES ****************************/
.layouta img { 
  padding:0px;
}
.layouta .holder img { 
  float:left;
  padding:0 20px 20px 0;
}
.layouta .holder { clear:left; padding-right:25px;}
/************************************ end of layouta styles ****************************/

/*********************************** productholder STYLES ****************************/
.productholder {padding:0 0 0 42px;}
.productholder p.mainpa { padding:10px 0;}
hr {clear:both; margin:0 20px 20px   20px;}
.productholder .product { width:151px; float:left; margin:10px 0 20px 0;}
.productholder .product p  { margin:5px 0 0 0;}
.productholder .product img.border { border:2px solid black; width:  150px;}
.productholder .product a img.basket  {padding:0 0 0 83px;}
.productholder .productgem { float:left; width:170px; padding:10px 10px 20px 0;}
.productgem a img.basket { margin:-25px 0 0 157px;}
.productgemimg { float:left;}
.productgemimg a img { border:2px solid black;}
.producta { width:99px; float:left;}

.product { width:151px; float:left; margin:10px 0 20px 0;}
.product p  { margin:5px 0 0 0;}
.product img.border { border:2px solid black; width:  150px;}

/***********************************  end of productholder syles ****************************/

/************************************ Footer styles  ******************************/
#footer a  {
  color:#FFFFFF;
  font-size:110%;
  font-weight:bold;
  padding:0 5px;

}
#footer p span {
  font-size:90%;
  padding:0 15px 0 20px;

}
/************************************ End of footer styles  ******************************/


/************************************ ecommerce styles **************************************/


#basket{
  float: right;
  width: 219px;
  padding: 0px 0px 10px 0px;
  margin-top: -10px;

}


/* Basket styles */
form#ec_basket_update_form {
font-size: 120%;
}
table.ec_basket {
width: 550px;
}

table.ec_basket th, table.ec_basket td {
padding: 5px;
font-size: 120%;
}

table.ec_basket th {
text-align: left;
}

table.ec_basket th.numeric, table.ec_basket td.numeric {
text-align: right;
width: 80px;
}

table.ec_basket th.qty {
width: 80px;
}

table.ec_basket th, table.ec_basket td {
border-bottom: 1px solid #938F84;
}

table.ec_basket td.empty {
border-bottom: none;
}

table.ec_basket td.qty input {
width: 25px;
text-align: right;
}

table.ec_basket a {
 font-size: 120%;
}

/** Checkout styles */

form#ec_checkout_form {
font-size: 100%;
}

form#ec_checkout_form label {
display: block;
font-weight: bold;
}

form#ec_checkout_form p {
margin: 0.5em 0;
}

form#ec_checkout_form input.info {
width: 200px;
}

.box form#ec_checkout_form input {
margin: 0;
}

.box{
  padding-left: 35px;
  padding-right: 50px;
  margin-top: 75px;
  margin-bottom: 250px;
}

.box a {
 font-size: 1em;
}

ul.errors {
margin: 5px 0;
padding: 10px;
border: 1px solid red;
background-color: #FFEFEF;
font-size: 150%;
list-style-position: inside;
}

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

p#price{
  font-weight: bold;
  padding-top:10px;
  padding-bottom: 10px;

}