/** Element Cross-Browser Refset **/
@charset "utf-8";
/* CSS Document */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html {
	overflow-y:scroll;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/** Font Reset based on YUI **/

body {
	font:13px/1.231 arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
}
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
*font-size:108%;
	line-height:100%;
}
/** hr replacement **/

div.hr { width: 100%; height: 3px; display: block; background:  transparent url('/../Assets/Hr.gif') repeat-x left top; margin-bottom: 10px;  }
hr { display: none; }
/** Some Fairly Standard Styling Rules are then applied **/

body {
	background-color: #c4d2d2;
	color: #403f3a;
	margin-bottom: 40px;
}
a {
	text-decoration: none;
	color: #cd2a1f;
}
a:hover { text-decoration: none; color: #e55615; }
h1 {
	clear:both;
font-size: 122%;
margin-bottom: 10px; text-transform: uppercase; font-family: Verdana;
color: #403f3a; font-weight: normal;
}
h2 {
	clear:both;
	font-size: 122%;
	margin-top:15px;
	margin-bottom: 10px;
	font-weight: normal; 
	color: #403f3a;
}
h3 {
	font-size: 107.5%;
	margin-bottom: 10px;
	font-weight: normal;
	color: #403f3a;
}
p { padding-bottom: 10px; }

/** Elements are Redefined based on site section  **/



/** Divs **/

#Wrapper {
	width: 882px;
	margin: 20px auto;
	background-color: #fff;
}

#Header { width: 882px; border-bottom: solid 3px #000; width: 100%; height: 210px; clear: both;  background: transparent url('/../Assets/Header.jpg') no-repeat center top; margin-bottom: 3px;
}

#Main {
	width: 882px;
	margin: 0 auto;
	overflow: auto;
	padding-bottom:20px;
}


div#SubFooter { text-align: right; margin: 20px auto; width: 900px; }
div#SubFooter a.Identity { display: block; text-indent: -5000px; font-size: 0.001%; width: 92px; height: 39px; background: transparent url('/../Assets/Identity.gif') no-repeat left top; }
div#SubFooter a:hover.Identity{ background-position: left bottom; }
#Main ul { margin-left: 10px; padding-bottom: 20px; }
#Main ul li { list-style: square inside; margin-bottom: 4px; }

	display:block;
	margin: 0 auto;
	background: #fff url(../img/styles_img/sidebar_readmore_button.jpg) no-repeat top left;
	width:100px;
	height:23px;
	border:0;
	padding:0;
}


/* Box model hack \*/
* html #pagewrapper {
  width: 928px;
  w\idth: 926px;
  }
/* */

#Footer {
	clear: both;
	width: 762px;
        padding: 20px 60px;
	text-align: right;
	font-size: 92%;
	border-top: solid 1px #2c3439;
	border-bottom: solid 10px #e4e4e2;
	background-color: #1f282d;	
	color: #fff;
}
#Footer a { color: #fff; text-decoration: none; }
#Footer a:hover { color: #e55615; }
#Footer span { font-size: 92%; }
.basket:link {
	color: #fff;
	text-decoration: none;
}
.basket:visited {
	color: #fff;
	text-decoration: none;
}
.basket:hover { 
	color: #fff;
	text-decoration: underline;
}
.basket:active { 
	color: #fff;
	text-decoration: none;
} 
/** Nav **/


#Nav { margin: 0 auto; padding: 12px 15px 0px 15px; height: 27px; width: 852px; background: transparent url('/../Assets/Nav.jpg') repeat-x left top; overflow: auto; border-bottom: solid 4px #c1cfcf; }
#Nav ul { padding:0; margin: 0; float: right;  }
#Nav ul li { float: left; margin-right: 10px; }
#Nav ul li a { display: block; padding: 0 24px 0 0px; color: #f1f1f2; font-size: 100%; text-decoration: none; background: transparent url('/../Assets/Bullet.jpg') no-repeat right 4px;  }
#Nav ul li a:hover { color: #e55615; }
#Nav ul li.Active a { color: #fff; }
#Nav ul li.Last a { background: none; }


#ProductMenu { width: 220px; float: left; background-color: #e2e6e6; padding-bottom:30px; border-right: solid 8px #c2d0d0;   }
#ProductMenu h2 { 	clear:both;
font-size: 100%;
margin-bottom: 10px; text-transform: uppercase; font-family: Verdana;
color: #403f3a; font-weight: normal; text-align: center; }
#ProductMenu ul { padding:0; margin:0; margin-bottom: 20px; text-align: left; margin-left: 20px; }
#ProductMenu ul li ul {  }
#ProductMenu ul li a { color: #093752; display: block; padding-bottom: 7px;background: transparent url('/../Assets/CartTop.gif') no-repeat left bottom; margin-bottom: 5px; text-transform: none; font-size: 92%;  }
#ProductMenu ul li a:hover { color: #e55615; }
#ProductMenu ul li ul li { }
#ProductMenu ul li:hover ul li { }
#ProductMenu ul li ul li a { #bbb; }
#ProductMenu ul li ul li a:first-child {  }
#ProductMenu ul li ul li a:hover { color: #e55615; text-decoration: none; }
#ProductMenu ul li ul li.Active a { color: #e55615; }

#Cart { text-align: center;   }
a.MoreInfoLink { background: transparent url('../img/buttons/ButtonMoreInformation.gif') no-repeat left top; text-indent: -6000px; display: block; width: 174px; height: 33px; }
a:hover.MoreInfoLink { color: #000; text-decoration: none !important; }
a.AddtoCartButton { background: #f1f1f2 url('../Assets/AddtoCartButton.gif'); padding: 5px 31px 5px 5px; text-align: center; display: block; width: 90px; }
#MainWrapper { clear: both; background: #d4dcdc url('/../Assets/MainWrapperBackground.gif') repeat-y -80px top; overflow: auto; }
#Main ul, #products ul { padding-bottom: 10px; list-style: disc outside; }
#Main li { list-style-type: square; list-style-position: outside; margin-left: 20px; }
#Main div.CatImageHolder img { border: solid 1px #000; margin-left: 15px; margin-bottom: 10px; float: right; }
#products li { list-style-type: square; list-style-position: outside; margin-left: 50px; }
#Main p { padding-bottom: 10px; }
#Content { width: 614px; float:right; background-color: #d4dcdc; padding: 20px; }
#Content ul { margin-bottom: 20px; }
#Content ul li { list-style: disc outside; margin-left: 16px; }
#Content div.productheader img { float: right; margin: 30px; border: solid 1px #000; }
/** Home Page (Site Specific) **/

#Content div.Panel { width: 631px; background: #108495 url('/../Assets/Panel.jpg') no-repeat left top; padding: 20px; }
#Content div.Panel h1 { color: #fff; font-size: 135%; margin-top: 25px; margin-bottom: 25px; }
#Content div.Panel p { color: #fff; }
	
.CategoryInfo { clear: both; overflow: auto; }
.CategoryInfo img { float: right; margin-left: 20px; margin-bottom: 20px; border: solid 1px #999; }	
/** Form Styling **/
/** based on Cimex Media's shopform **/

form.button {
  border: dashed 1px #4d7499;
  text-transform: uppercase;
  padding: 5px;
  font-weight: bold;
  margin: 5px; 
}


.shopform .searchButton,
.shopform .loginButton,
.shopform .sendFormButton,
.shopform .registerButton
{
	background: #fff url('../img/styles_img/button_search.jpg') no-repeat left top;
	width:100px;
	height:23px;
	border:0;
}

.shopform .loginButton
{
	background: #fff url(../img/styles_img/button_login.jpg) no-repeat top left;
}

.shopform .loginButton
{
	background: #fff url(../img/styles_img/button_login.jpg) no-repeat top left;
}

.shopform .sendFormButton
{
	width:200px;
	background: #fff url(../img/styles_img/button_sendform.jpg) no-repeat top left;
}

.shopform .registerButton
{
	width:200px;
	background: #fff url(../img/styles_img/button_register.jpg) no-repeat top left;
}

.shopform {
	width: 90%;
	font-size: 1.1em;
	margin-left:20px;
	}

.shopform fieldset {
  margin-bottom: 10px;
  border: 1px solid #ccc;
	padding: 20px;
	}

.shopform legend {
  padding: 5px 5px;
  font-weight: bold;
  margin: 0 -7px; /* IE Win */
  color: #ff9000;
}

/*\*//*/
form.shopform legend {
  display: inline-block;
}
/* IE Mac legend fix */

form.shopform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  color: #999;
}

form.shopform fieldset ol {
  margin: 0;
  padding: 0;
}

form.shopform fieldset li {
  list-style: none;
  margin: 0px;
  padding: 5px 10px 7px;
}

p.shopform  {
  margin-bottom: 10px;
  border: none;
  border-top: 1px solid #C9DCA6;
	}
p.shopform ol {
  margin: 0px;
  padding: 0px;
}
p.shopform li {
  list-style: none;
  margin: 0px 0px 10px 0px;
  padding: 5px 10px 7px;
}

form.shopform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
  background: none;
}

form.shopform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}

form.shopform fieldset fieldset label {
  display: block;
  width: auto;
}

form.shopform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

form.shopform label {
  width: 120px; /* Width of labels */
}
form.shopform p {
  text-align: center;
  padding-bottom: 20px;
}
form.shopform .shopmenuitem {;
  padding: 15px;
}

form.shopform p a {

  text-transform: uppercase;
  padding: 5px;
  font-weight: bold;
}

form.shopform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}


/** Product Details Page Styles **/
.productdescription { width: 98%; }
.productdescription li {
	list-style-type: disc;
	line-height: 20px;
	margin-left: 40px;
}

/* hacks because product descriptions don't seem to close their lists */

.productDescriptionOptions LI {
list-style-type: none;
margin-left:23px;
}

.productdescription LI .productDescriptionOptions LI {
list-style-type: none;
margin-left:-15px;
}

.productdescription LI P {
margin-left:-20px;
}

/* end hacks */

.manufacturerlogo img {
	float: left;
	padding: 100px 0px 0px 0px;
}

/** Product Styles **/

.pricerrp { color: #58585a; }
.pricediscount { color: #e55615; font-size: 116.5%; font-weight: bold; }

.productprice
{
	padding: 10px;
}

/** Shopping Cart Page Styles**/

.cart
{
padding:10px;
width: 100%; 
}

.cart td
{
padding:5px;
padding-left:8px;

}
.cart td strong { color: #333; }

.cart .item
{
padding-top:7px;
border:1px solid #ff900;
}

.cart .price
{
border:1px solid #ff900;
width:130px;
}

.cart .linetotal
{
padding-top:7px;
border:1px solid #ff900;
width:80px;
}

.cart .total
{
font-weight:bold;
font-size:small;
text-align:center;
}

.cart .suboptions
{
font-style: italic;
border-collapse:collapse;
margin-bottom:10px;
}

.cart .suboptions .row,
.cart .suboptions .name,
.cart .suboptions .value
{
padding:0px;
padding-left:20px;
}

.cart .suboptions .value
{
font-weight: bold;
color:#4D7499;
}

.info P.options
{
padding:10px;
text-align:center;
}

.info P.options A
{
display:inline;
margin: 0px 40px 0px 15px
}


.siteMap
{
padding-top:10px;
padding-bottom:20px;
width:80%;
margin: 0 auto;
font-size: 85%;
}

.siteMap A
{
font-size: 150%;
text-decoration:none;
}

.siteMap A:hover
{
text-decoration:underline;
}

.siteMap UL
{
margin-left:30px;
}

.siteMap UL LI
{
list-style-type:square;
}

.siteMap UL A
{
font-size:140%;
font-weight:bold;
}

.siteMap UL UL A
{
font-size:130%;
font-weight:bold;
}

.siteMap UL UL UL A
{
font-size:120%;
font-weight:normal;
}

.siteMap UL UL UL UL A
{
font-size:110%;
font-weight:normal;
}

/* CSS Document */



.textbox {
padding: 1px 1em;
font-size: .9em;
}

.textbox a {color: #fff;}

.back {text-align: right; padding: 10px 10px 0 0;}

.alignright {margin: 0 30px 20px 0; text-align: right;}

.small {font-size: .8em;}



/** Shop Styles - Links **/

.displayproduct A {
	text-decoration: none;
}
.displayproduct A:hover { 
	text-decoration: underline;
}

A.productDetailsLink
{
	text-decoration:none;
	font-weight: bold;
	font-size: 1.1em;
}

A.productDetailsLink img
{
	vertical-align:text-bottom;
	margin-top: 10px;
	border:none;
}

div.displayproduct { padding-bottom: 20px; padding-top: 20px; border-bottom: solid 1px #bebebe; overflow: auto; clear: both; }
div.displayproduct img { margin-left: 50px; float: right; border: solid 1px #999;    }
div.displayproduct h3 { color: #093752; text-decoration: none; font-size: 117.5%; font-weight: normal; }
div.displayproduct p { font-size: 92%; padding-bottom: 10px; }
div.productOptions
{
}

* html div.productOptions
{
}

.productOptions form
{
padding: 0 20px;
}

#currency { font-size: 85%; }

.productOptions #productprice
{
font-weight:bold;
font-size:1.2em;
}
.floatleft { float: left; margin-right: 15px; margin-bottom: 15px; }
.clearboth { clear: both; }
.floatright { float: right; margin: 0 15px 15px 0; }
.notopmargin { margin-top: 0; }
.small { font-size: 85%; }
.black { color: #000; }

.clear {clear:both;}

/** Image Holder **/

div.ImageHolder { width: 320px; margin: 0 auto; overflow: hidden; text-align: center;}
div.ImageHolder img { border: solid 1px #bbb; }
div.ImageHolder div.AdditionalImages { width: 100%; }
div.SmallImageHolder { width: 152px; height: 132px; float: left; display: inline; vertical-align: middle; }
div.SmallImageHolder * { vertical-align: middle; }
/*\*//*/
div.SmallImageHolder {
    display: block;
}
div.SmallImageHolder span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/
</style>
<!--[if IE]><style>
div.SmallImageHolder span {
    display: inline-block;
    height: 100%;
}
</style><![endif]-->