/**** Base styles ****/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: 'Open Sans', arial, serif;
  vertical-align: baseline;
}

fieldset select
{
    position: inherit !important;
    visibility: visible !important;
    top: auto !important;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  overflow-y: scroll;
}


a {
text-decoration:none;
color: #00A9CC;
}

body {
	font: 13px;
	font-family: 'Open Sans', arial, serif;
	color: #00a9cc;
	line-height: 1.6em;
	background-color: #ededed;
	background-image: url(/gfx/background.gif);
}


h1 {
	font-size: 16px;
	color: #00a9cc;
}

h1.larger
{
    font-size: 24px;
}

h2 {
	font-size: 24px;
	color: #00a9cc;
	
}


h3 {
  font-size: 13px;
	text-transform: capitalize;
	color:#666666;
}


h4 {
	font-size: 13px;
	font-weight: bold;
	color:#00a9cc;
	text-transform: capitalize;
	line-height: normal;
}

h6 {
	font-size: 12px;
	font-weight: bold;
	color:#00a9cc;
	text-transform: capitalize;
}

strong { font-weight: bold; }

p {
	font-size: 14px;
	line-height: normal;
	color:#666666;
	margin-bottom: 10px;
	font-weight: 200;
}


p a {
	color:#00a9cc;
}

p a:hover {
	color:#000;
}

hr {
	border : 0;
	height : 10px;
	background-image: url(/gfx/hr.gif);
	background-repeat: repeat-x;
	background-position: 50% 0;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
       }

/**** #site-nav ****/

#site-nav {
	width: 200px;
	background-color: #fff;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0px;
	position: fixed;
}

#site-navigation {
	width: 200px;

	
}

#Logo {
	width: 200px;
	float:left;
	height: 156px;
}

#site-nav h1 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0.8em;
  padding-top: 10px;
}

#site-nav h1 a { color: #D26; }
#site-nav h1 a:hover { color: #A2C; }

#site-nav h2 {
  font-size: 17px;
  font-weight: normal;
  margin-bottom: 0.3em;
}

#site-nav ul {
	list-style: none;
	padding-left: 0px;
	font-size: 12px;
	padding-top: 0px;
}

#site-nav li {
font-size:14px; 


}

#site-nav li a {
  display: block;
  		  color:#00a9cc;

  padding: 5px 5px 5px 10px; 
  -webkit-transition: background 0.3s ;
-moz-transition: background 0.3s ;
-o-transition: background 0.3s ;
transition: background 0.3s ;
-webkit-transition-timing-function: ease-out;
}

#site-nav li a:hover {
		  color:#fff;
  display: block;

  background-color:#00a9cc;
}

#site-nav li ul { 
  margin-bottom: 0;
}

#site-nav li li {
  font-size: 11px;
  line-height: 1.4em;
}

#site-nav li li a {
  padding-left: 15px;
}

#site-nav li.selected li a {
  padding: 3px;
  background: none;
}

#site-nav li.selected li a:hover {
  color: #D26;
}

/**** Content ****/

#Header {
	background-color: #d6ecf1;
	clear: both;
	padding-bottom: 18px;
}

#H1Cont {
	float: left;
	padding-left: 30px;
	padding-top: 20px;
	width: 61%;
}

#Basket {
	background-color: #00a9cc;
	width: 250px;
	float: right;
	padding-left: 10px;
	right: 0;
	z-index:1000;
	top: 0px;
}

#BasketDetail {
	background-color: #00a9cc;
	width: 250px;
	float: right;
}

#BasketHeader {
	width: 230px;
	float: left;
	color: #FFFFFF;
}

#BasketNumber {
	width: 28px;
	float: left;
	background-image: url(/gfx/basket-icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 28px;
	margin-top: 5px;
	text-align: center;
	font-size: 13px;
	padding-top: 5px;
}

#BasketNumber a {
	color: #00A9CC;
	
}


#BasketNumber a:hover {
	color: #d6ecf1;
	
}

#BasketValue {
	width: 90px;
	float: left;
	height: 28px;
	margin-top: 5px;
	text-align: center;
	font-size: 18px;
	padding-top: 5px;
}

#BasketValue a {
		color: #fff;

}

#BasketValue a:hover {
		color: #d6ecf1;

}


.BasketLinks {
	width: 128px;
	float: right;
	font-size: 11px;
	line-height: normal;
}

.BasketLinks a {
		color: #fff;
	}

.BasketLinks a:hover {
	color: #d6ecf1;
	
}


#H1Cont {
}


#content {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 210px;
}




#MainCont {
	width:700px;
	font-size:13px;
	float: left;
	padding: 25px;
	position: absolute;
	display: none;
	left: 200px;
	z-index: 1000;
	background-image: url(/gfx/tran.png);
	height: 100%;
}

#SlideButton {
	width:30px;
	font-size:13px;
	left: 200px;
	height: 100%;
	background-image: url(/gfx/slider-back.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index: 1000;
	top: 0px;
}


.copy h2 {
  clear: both;
}

a img {
	border: none;
}

pre, code {
  font-family: Monaco, monospace;
  font-size: 12px;
  background: #111;
  color: #F5F5F5;
}

p code {
  padding: 1px 3px;
}

pre {
  padding: 10px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

ul, ol { padding-left: 1.3em;}

.hidden { display: none; }

.copy {
  width: 600px;
  line-height: 1.55em;
}

blockquote {
	margin: 0;
	font: italic 18px Georgia, serif;
}

dt {
  font-weight: bold;
  font-size: 14px;
}

dd + dt {
  margin-top: 0.5em;
}

dd {
  margin-left: 1.0em;
}

button {
  -webkit-appearance: push-button;
}

#site-footer {
  clear: both;
  margin: 20px 0px;
  border-top: 2px solid white;
  padding-top: 10px;
  line-height: 30px;
  font-size: 95%;
  font-style: italic;
}

.license-copy {
  font-size: 85%;
}

.demos #copy,
.docs #content {
  max-width: 640px;
}

.docs #content h2 {
  border-top: 2px solid #FFF;
  padding-top: 10px;
}

.docs #content h2:target { 
  background: #D26;
  color: white;
  padding: 10px 5px 5px;
}

/**** Docs ****/



.options dl dt { font-weight: normal; }

.options dl dt,
.options dl dd {
  float: left;
  padding: 0 1.2em;;
  background: #161616;
  line-height: 32px;
  height: 32px;
  margin: 0;
}

.options dl.header dt,
.options dl.header dd {
  background: #444;
}

.options dl .option-type {
  font-size: 13px;
  color: #AAA;
  font-style: italic;
}

.options dl dd {
  margin-left: 1px;
}

/**** Demos ****/

#container {
	border-radius: 5px;
	clear: both;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.centered { margin: 0 auto; }

.box {
  margin: 5px;
  padding: 5px;
  background: #D8D5D2;
  font-size: 11px;
  line-height: 1.4em;
  float: left;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.box h2 {
  font-size: 14px;
  font-weight: 200;
}

.box img,
#tumblelog img {
  display: block;
  width: 100%;
}

.rtl .box {
  float: right;
  text-align: right; 
  direction: rtl;
}



.col1 { width: 80px; }
.col2 { width: 180px; }
.col3 { width: 280px; }
.col4 { width: 380px; }
.col5 { width: 480px; }

.col1 img { max-width: 80px; }
.col2 img { max-width: 440px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img { max-width: 480px; }

/**** Gutters ****/

.has-gutters .box {
  margin: 5px 0;
}

.has-gutters .col1 { width: 90px; }
.has-gutters .col2 { width: 230px; }
.has-gutters .col3 { width: 370px; }
.has-gutters .col4 { width: 550px; }

/**** Transitions ****/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

/**** Primer comparison ****/

#comparison {
  overflow: auto;
}

#comparison .example {
  width: 420px;
  float: left;
  margin-right: 20px;
}

#comparison .box h5 {
  float: left;
  margin-bottom: 0;
  font-size: 30px;
  margin-right: 4px;
  line-height: 28px;
  font-weight: bold;
  color: #FFF;
}

/* Homepage */

.homepage .item {
  float: left;
		  	text-align:center; 

}
.homepage .item a {

  background: #fff;
  display:block;
    padding: 10px;
  margin: 10px;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
		    width: 200px;  -moz-box-shadow: 0px 5px 5px #ccc;
  -webkit-box-shadow: 0px 5px 5px #ccc;
  box-shadow: 0px 5px 5px #ccc;
  -webkit-transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
transition: background 0.3s linear;


}

.homepage .item a:hover {
  background: #d6ecf1;

}

.homepage .big-text,
.homepage .link {
  font-size: 24px;
  line-height: 1.2em;
}

.homepage .link {
  padding: 0;
}

.homepage .link a {
  display: block;
  padding: 10px;
  width: 200px;
  background: #D26;
  color: white;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.homepage .link a:hover {
  background: #A2C;
}

.homepage .col2 {
	width: 440px;
	background-color: #FFF;
	text-align:left!important; 
	    padding: 10px;
  margin: 10px;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
		  -moz-box-shadow: 0px 5px 5px #ccc;
  -webkit-box-shadow: 0px 5px 5px #ccc;
  box-shadow: 0px 5px 5px #ccc;

}

.homepage .col2 a {
	    padding: 0;
  margin: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
		  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;

}

.homepage .example {
  padding: 0;
  width: 220px;
  background: transparent;
}

.homepage .example a { display: block; }

.homepage .example img {
  display: block;
  width: 100%;
}

.homepage .example a:hover { 
  background: #D26;
  color: white;
}

.homepage .loading {
  background: black;
  color: #D8D5D2;
}

.homepage .loading img {
  float: left; 
  padding-right: 5px;
  width: 54px;
}

.ProductTab {
	width:100px;
	float:left;
	position:absolute;
	;
	margin-top: -17px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -16px;
	}
	
.SalePrice {
	color:#FF0000;
	text-decoration: line-through;
	font-weight:200;
	padding: 0px;
	margin: 0px;
	line-height: normal;
	}
	
/* mini example */

.homepage .mini div {
  float: left;
  background: white;
  margin: 3px;
  color: #D8D5D2;
  font-weight: bold;
  font-size: 32px;
  line-height: 46px;
  text-align: center;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.homepage .mini .w1 { width: 44px; }
.homepage .mini .h1 { height: 44px; }
.homepage .mini .w2 { width: 94px; }
.homepage .mini .h2 { height: 94px; }

/* Tumblelog example */

#tumblelog {
  background: #FFF;
  padding: 1.0em;
}

#tumblelog .story {
  margin: 10px;
  border-top: 4px solid #DCB;
  padding-top: 10px;
  background: #FFF;
  float: left;
}

#tumblelog h1, #tumblelog h2, #tumblelog h3 { font-weight: bold;}

#tumblelog .col1 { width: 220px;}
#tumblelog .col2 { width: 460px;}
#tumblelog .col3 { width: 700px;}

#tumblelog .col1 img,
#tumblelog .col2 img,
#tumblelog .col3 img {
  max-width: none;
}

/* Infinite Scroll loader */
#infscr-loading { 
  z-index: 5000;
  position: fixed;
  left: 40%;
  bottom: 40px;
  width: 200px;
  height: 100px;
  padding: 10px;
  background: #000; 
  opacity: 0.8;
  color: #FFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}



/**** Pygments ****/

code .s1,
code .s { color: #78BD55; } /* string */
code .mi, /* integer */
code .cp, /* doctype */
code .kc { color: #5298D4; } /*boolean*/
code .k { color: #E39B79; } /* keyword */
code .kd, /* storage */
code .na { color: #A9D866; } /* markup attribute */
code .p  { color: #EDB; } /* punctuation */
code .o  { color: #F63; }   /* operator */
code .nb { color: #AA97AC;} /* support */

/* comment */
code .c,
code .c1 { color: #666; font-style: italic; }

code .nt { color: #A0C8FC; } /* Markup open tag */

code .nf { color: #9EA8B8; } /* css id */
code .nc { color: #A78352; }  /* CSS class */
code .m  { color: #DE8E50; } /* CSS value */
code .nd { color: #9FAD7E; } /* CSS pseudo selector */

/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


	


#Blog a {
	position:fixed;
	right:0;
	overflow:hidden;
	top: 200px;
	width:43px;
	height:84px;
	background:url(/gfx/blog1.png) no-repeat left top #00a9cc;
z-index: 999;
-webkit-transition: background 0.4s linear;
-moz-transition: background 0.4s linear;
-o-transition: background 0.4s linear;
transition: background 0.4s linear;
}

#Blog a:hover {
	background:url(/gfx/blog1.png) no-repeat -43px 0 #fff;
	display:block;
	overflow:hidden;
	

}



#SearchBox {
	width: 200px;
	float:left;
	background-color: #ededed;
	padding-top: 10px;
	padding-bottom: 10px;
}

#SearchForm {
	width:200px;
	font-size:12px;
	}
	
	
	input.SearchField {
	width:130px;
	height:25px;
	padding-right: 0px;
	vertical-align:top;
	margin-top:1px;
	margin-bottom:3px;
	background:transparent none repeat 0 0!important;
	background-image:url(/gfx/search-back.gif)!important;
	background-position:left top;
	border:none !important;
	background-color: transparent!important;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
	color:#00a9cc;
	}
	
	input.SearchButton {
	width:28px !important;
	height:27px !important;	vertical-align:top;	margin-top:1px;


	padding:0 !important;
	background: transparent none repeat 0 0!important;
}

input.RefineButton {
	width:131px !important;
	height:31px !important;
	vertical-align:top;
	margin-top:28px;
	background: transparent none repeat 0 0!important;
}



.NavHightlight {
	background-color: #D6ECF1!important;
	margin-top:10px!important;
	margin-bottom:10px!important;
	
	}

.NavHightlight li a{
	color: #00A9CC !important;
	
	}

	
.NavHightlight li a:hover{
	background-color: #f8f8f8 !important;
    color: #00A9CC !important;
	
	}	

.NavSmall a {
font-size:10px!important;
padding-top:0px!important;
padding-bottom:0px!important;

	}
	

.SlideWidth {
width:700px;
float:left;

	}
	
	 
	.content{
	position:relative;
	margin-top: 0;
	margin-bottom: 0;
}

#SocialLinks{
	width:190px;
	float:left;
	padding-left: 10px;
}

.clear {  
          width: 100%;  
          height: 1px;  
          margin: 0 0 -1px;  
          clear: both;  
        }  

#ProductDetailCont {
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	width: 100%;
		}



#CrumbTrailCont {
	float:left;
	width:100%;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
		}
		
		#CrumbTrail {
	float:left;
	z-index: 100;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
		}
		
.breadcrumb { 
	list-style: none; 
	overflow: hidden; 
	font-size: 13px;
		}
.breadcrumb li { 
			float: left; 
						margin-left: 4px; 

		}
.breadcrumb li a {
			color: #818181;
			text-decoration: none; 
			padding: 5px 10px 5px 40px;
			background: #fff;                   /* fallback color */
			background: hsla(34,0%,90%,1); 
			position: relative; 
			display: block;
			float: left;
	}
.breadcrumb li a:after { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid hsla(34,0%,90%,1);
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			left: 100%;
			z-index: 2; 
		}	
		.breadcrumb li a:before { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid white;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			margin-left: 1px;
			left: 100%;
			z-index: 1; 
		}	
.breadcrumb li:first-child a {
			padding-left: 10px;
		}
		.breadcrumb li:nth-child(2) a       { background:        hsla(34,0%,92%,1); }
		.breadcrumb li:nth-child(2) a:after { border-left-color: hsla(34,0%,92%,1); }
		.breadcrumb li:nth-child(3) a       { background:        hsla(34,0%,94%,1); }
		.breadcrumb li:nth-child(3) a:after { border-left-color: hsla(34,0%,94%,1); }
		.breadcrumb li:nth-child(4) a       { background:        hsla(34,0%,96%,1); }
		.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(34,0%,96%,1); }
		.breadcrumb li:nth-child(5) a       { background:        hsla(34,0%,98%,1); }
		.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(34,0%,98%,1); }
	
		.breadcrumb li:last-child a {
			background: white !important;
			color: #00a9cc;
			pointer-events: none;
 			cursor: default;
		}
		.breadcrumb li:last-child a:after { border: 0; }
		.breadcrumb li a:hover { background: hsla(190, 100%, 40%, 1.0);  color:hsla(193, 100%, 100%, 1.0); }
		.breadcrumb li a:hover:after { border-left-color: hsla(190, 100%, 40%, 1.0) !important; 
		}

.paginationCont {
	float: left;
	padding-top: 5px;
	padding-right: 0;
	padding-left: 0;
}

#Results {
	width: 190px;
	float:left;
	padding-left: 30px;
	font-size:14px;
}

.pagination {
	float: left;
	padding-right: 0;
	padding-left: 0;
}
.pagination:hover {
    background: none repeat scroll 0 0;
}
.pagination p {
    margin: 0px 0 0 5px;
}
ul.show, ul.pager {
    margin: 0;
}
ul.pager {
    float: left;
}

.pager li , .show li {
    list-style-type: none;
    float:left;
}

.pager li a, .show li a {
    display: block;
    float: left;
    font-size: 90%;
    list-style-type: none;
    padding: 0 5px 0px 5px;
	height:20px;
}

.pager li a.current
{
    text-decoration: underline;
    font-weight: bold;
    cursor: default;
}


.pager li a span, .show li a span{
    float: left;
}


.pager li a {
color:#00a9cc;

}
.pager li:last-of-type, .show li:last-of-type {
    border-right: 0 none;
}
a[rel~="selected"] {
    opacity: 0.2;
}
.pager li img {
float:left;
}

#FilterCont {
	float:left;
	width:100%;
	background-color: #d6ecf1;
}


.Filters {
	float:left;
	font-size:14px;
	color: #00a9cc;
	margin-left: 30px;
}


.FiltersBox {
	width:220px;
	float:left;
	font-size:14px;
	color: #00a9cc;
}

label {
	float:left;
}

form {
	
}


.ProductSocialCont {
	width: 215px;
	float: left;
	padding-bottom: 10px;
}

#social {
	width: 50px;
	float: left;
	margin-right:20px;
}

.SocialButtons {
	width: 50px;
	float: left;
	margin-right:20px;
}
.FB_UI_Hidden {width:100px!important;}



.Stars {
	width:210px;
	float:left;
	font-size:12px;
	color: #666666;
}



.StarsText {
	width:210px;
	float:left;
	font-size:12px;
	color: #666666;
	margin-top: 5px;
}








#RefineTitle {
	font-size:18px;
	font-weight:bold;
	color:#00a9cc;
	margin-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	
}


.Sep {
	float:left;
	width:440px;
	background-image: url(/gfx/sep.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;	
}




.ProductDetailImageCont  
{
    width: 510px; 
    float: left;
    position: relative;
    z-index: 50;
}

.ProductDetailImageCont a.MagicZoom 
{ 
    	width: 465px;
	margin-right:20px;
	float: left;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 0px 5px 5px #ccc;
	-webkit-box-shadow: 0px 5px 5px #ccc;
	box-shadow: 0px 5px 5px #ccc;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
	background-color: #fff;
	padding: 10px;
}


.ProductDetailImage {

}

.ProductDetailImageCont {
	width: 510px;
	float: left;
	padding-top: 20px;
	margin-left: 30px;
	
	
}


.ProductDetailSmallImage {
	width: 510px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.ProductDetailSmallImage img {  float: left; }



.ProductDetailSmallImage a { -webkit-transition: background 0.5s ;
-moz-transition: background 0.5s ;
-o-transition: background 0.5s ; padding:10px;
display:block;	float: left;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
		    -moz-box-shadow: 0px 5px 5px #ccc;
  -webkit-box-shadow: 0px 5px 5px #ccc;
  box-shadow: 0px 5px 5px #ccc;
  -webkit-transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
transition: background 0.3s linear;
		background-color: #fff; 
		 margin-right:18px; margin-bottom:18px;}
		 

.ProductDetailSmallImage a:hover { 
		background-color: #d6ecf1; }


#ProductAddCont {
	float: left;
	background-color: #FFFFFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	width: 409px;
	padding: 15px;
}


	
#BuySelect {
	width: 145px;
	float: left;
	margin-right: 10px;
	padding-top: 12px;
	}
	

.SortByField {
	width:134px;
	height:32px;
	padding-left: 8px;
	padding-right: 5px;
	vertical-align:middle;
	margin-top:0px;
	margin-bottom:3px;
	background:transparent none repeat 0 0!important;
	background-image:url(/gfx/input-back2.png)!important;
	background-repeat:no-repeat;
	background-position:left top;
	border:none !important;
	background-color: transparent!important;
	color:#00718F;
}

#BuyButton a {
	height: 99px;
	width: 145px;
	float: left;
	display:block;
	-webkit-transition: background 0.6s linear;
	-moz-transition: background 0.6s linear;
	-o-transition: background 0.6s linear;
	transition: background 0.6s linear;
	background-position: 0 -30px;
	margin-right: 15px;
	}
	
#BuyButton a:hover {
background:url(/gfx/buy-button-slide.png) no-repeat 0px 25px;
	display:block;
	}


.ProductPrice {
	float: left;
	font-size: 23px;
	color: #00a9cc;
	font-weight: 200;	

}

.ProductMoreBrands {
	width: 245px;
	float: left;
	font-size: 12px;
	color: #00a9cc;
	font-weight: 200;

}

.ProductMoreBrands a {
		color: #00a9cc;
	font-weight: bold;
	text-transform: capitalize;
	padding:3px;
	text-decoration:underline;

}

.ProductMoreBrands a:hover {
		color:#000;
		text-decoration:none;
		
}

.ProductSalePrice {
	color:#CC0000;
	text-decoration: line-through;
	font-size: 14px!important;
	-moz-text-shadow: 0px 0px 0px #fff;
-webkit-text-shadow:  0px 0px 0px #fff;
text-shadow:  0px 0px 0px #fff;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#035d75";
/* For IE 5.5 - 7 */
filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#035d75)";
}


#ReviewCont {
	width: 1000px;
	float: left;
	background-color: #FFF;
	height: 300px;
}

.ReviewComments {
	width:500px;
	height:62px;
	padding: 0 5px 0 8px;
	vertical-align:middle;
	margin:5px 0 3px 0;
	background:transparent none repeat 0 0!important;
	background-image:url(/gfx/input-back2.png)!important;
	background-repeat:no-repeat;
	background-position:left top;
	border:none !important;
	background-color: transparent!important;
	color:#00718F;
}
.HalfCol {
	float: left;
	margin-top: 20px;
}

.TextColCont {
	float: left;
	width: 440px;
}

#RelateCont {
	width: 100%;
	clear: both;
	
}
#RelateTitle {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00a9cc;
	padding-left:30px;
	font-size:18px;
	font-weight:bold;
	background-color: #EDEDED;
}

p.productReviews
{
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00a9cc;
	padding-left:30px;
	font-size:18px;
	font-weight:bold;
	background-color: #EDEDED;
	color: #00A9CC;
	clear: both;
}

#shopContainer
{
    width: 900px;
    margin: 25px 0 0 25px;
}

.nodisplay
{
    display: none;
}

div#createReview label {
    color: #4A4C30;
    display: block;
    font-size: 80%;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 5px;
    margin-right: 10px;
    padding-top: 5px;
    float: none !important;
}

div#createReview input.text, div#createReview input.text-box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C3C2BD;
    margin-bottom: 5px;
    padding: 6px;
    width: 300px;
}

div#createReview textarea
{
    width: 350px;
    height: 70px;
}

input[type="radio"] {
    float: left;
    vertical-align: text-bottom;
}

div.review{
	border-bottom:1px solid #00A9CC;
	margin: 10px 0 10px 50px;
	padding:15px 0 15px 0;
	}
	
.review p.small{
	font-size:70%;
	color:#86826d;
	margin:0;
	margin-bottom:0.3em !important;
	}
	
.review p.small strong{
	color:#615e4c;
	font-size:110%;
	}
	
	
	/*Cart*/
/*shopping bag*/

div.basketrow{
	border-bottom:1px solid #00A9CC;
	clear:both;
	padding:10px 0 10px 0;
	}
	
div.basketrow p{
	line-height:1.2em;
	margin:0;
	}
	
.item1{float:left;width:130px;}
.item2{float:left;width:120px;}
.item3{float:left;width:150px;}
.item4{float:left;width:150px;}
.item5{float:left;width:150px;}
.item6{float:left;width:120px;}

p.carthead{
	margin:0;
	color:#fff;
	font-size:75%;
	font-weight:bold;
	}
	
p.price{
	font-weight:bold;
	color:#000;
	}
	
p.shipping{
	font-size:75%;
	color:#666666;
	padding:0 10px 0 0;
	}
	
p.shipping span{
	color:#a4b2ba;
	}
	
p.available{	
	font-weight:bold;
	font-size:75%;
	color:#666666;
	}
	
input.qty{
	margin-bottom:7px;
	-moz-box-shadow:2px 3px 1px rgba(0, 0, 0, 0.1) inset;
	border:1px solid #c3c2bd;
	background:#fff;
	padding:6px;
	width:50px;
	}
	

.blueend{
	border-bottom:5px solid #00A9CC !important;
	margin-bottom:10px;
	margin-top:10px;
}
.remove, .btn-move{
	font-size:75%;
	}
	
.baskettop{
	background:#00A9CC;
	margin-bottom:20px;
	}

div.continueshopping{
	float:left;
	width:550px;
	}
	
div.total{
	float:right;
	}
	
div.total table{
	border-collapse:collapse;
	float:right;
	}
	
div.total td{
	padding:0;
	border-bottom:1px solid #ccc;
	margin-bottom:8px !important;
	padding:8px 0 8px 0;
	}
	
div.proceed{
	width:200px;
	float:left;
	}
	
div.total p{
	margin:0;
	line-height:1em;
	}
	
p.merchtotal{
	color:#45494b;
	font-weight:bold;
	font-size:16px;
	}
	
p.deliverytotal{
	font-size:14px;
	color:#666;
	}
	
p.grandtotal{
	font-size:18px;
	color:#000;
	font-weight:bold;
	}
	
.topcartbutton{
	position:absolute;
	margin-top:-30px;
	margin-left:520px;
	}


div.checkout-btns a{
	float:right;
	margin-bottom:30px;
	margin-top:10px;
	}


.basketside{
	font-size:70%;
	line-height:1.4em;
	margin:0;
	nargin-bottom:1em;
	color:#5f5b3f;
	}
	
img.continue{
	margin-bottom:20px;
	}
	
	
/*checkout*/

div#checkout label, div#createReview label{
	display:block;
	margin-right:10px;
	display:block;
	padding-top:5px;
	font-size:80%;
	font-weight:normal;
	font-style:italic;
	margin-bottom:5px;
	color:#4a4c30;
	}
	
input.text, input.text-box {
	padding:6px;
	width:300px;
	margin-bottom:5px;
	}
	
div.divider{
	border-top:3px double #d2cdc1;
	margin-top:20px;
	margin-bottom:20px;
	clear:both;
	}
	
div.divider-small{
	border-top:1px single #d2cdc1;
	margin-top:14px;
	margin-bottom:14px;
	clear:both;
	}
	
div#checkout h2{
	color:#49473b;
	font-size:150%;
	font-weight:200;
	}
	
	input[type="radio"] {
    vertical-align: text-bottom;
	float:left;
}
	
	
select.expiry{
	margin-bottom:7px;
	-moz-box-shadow:2px 3px 1px rgba(0, 0, 0, 0.1) inset;
	border:1px solid #c3c2bd;
	background:#fff;
	padding:6px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px; 
	width:100px;
	float:left;
	margin-right:5px;
	}
	
input.security{
	margin-bottom:7px;
	-moz-box-shadow:2px 3px 1px rgba(0, 0, 0, 0.1) inset;
	border:1px solid #c3c2bd;
	background:#fff;
	padding:6px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px; 
	width:100px;
	float:left;
	}
	
input.emails{
	float:left;
	margin-right:10px;
	}
	
	
img.help{
	float:left;
	margin-left:5px;
	margin-top:10px;
	}
	
p.finaltotal{
	font-size:30px;
	font-weight:bold;
	float:left;
	color:#252619;
	}
	
	
img.confirm-order{
	float:left;
	margin:5px 0 0 15px;
	}
	
p.secure{
	font-size:80%;
	color:#666666;
	display:block;
	width:200px;
	padding:5px 5px 5px 20px;
	border:1px solid #ccc;
	background:url(/images/backgrounds/bg-secure.png) left no-repeat;
	float:right;
	margin-top:10px;
	}
	
#right-bag{

	}
	
#right-bag .summary{
	border:1px double  #a49a78;
	background:#fff;
	padding:5px;
	margin-bottom:30px;
	}
	
#right-bag .summary h2{
	padding:4px;
	color:#6a664c;
	font-size:16px;
	background: url(/images/backgrounds/bg-bag.gif) left no-repeat;
	padding-left:26px;
	}
	
#right-bag .summary p{
	font-size:75%;
	line-height:1.4em;
	padding:4px;
	}
	
#right-bag .summary ul{
	padding:4px;
	}
	
#right-bag .summary li{
	font-size:75%;
	line-height:1.5em;
	}
	
	
	
#right-bag .summary p.total-price{
	padding:4px;
	color:#000;
	font-size:30px;
	font-weight:bold;
	margin:0;
	}
	
#right-bag .summary table{
	width:258px;
	margin:10px 0 10px 0;
	}
	
#right-bag .summary td{
	font-size:70%;
	padding:4px 4px 10px 4px;
	}
	
#right-bag .summary td.one{
	width:148px;
	}
#right-bag .summary td.one strong{
	color:#626757;
	}	
	
	
#right-bag .summary td.two{
	width:15px;
	text-align:center;
	}
	
#right-bag .summary td.three{
	width:50px;
	text-align:right;
	}
	
.conf{
	padding:4px !important;
	color:#6a664c;
	font-size:16px;
	background:none !important;
	}
	
	
.tooltip {
	display:none;
	background:#39264a;
	border:1px solid #281b35;
	font-size:12px;
	width:250px;
	padding:15px;
	color:#fff;	
	text-shadow: 1px 1px 0px #000;
	filter: dropshadow(color=#000, offx=1, offy=1);
}

.clearme
{
    clear: both;
}

.SmallButton
{
    width: 100px !important;
    float:left;
    text-align:center;
}

.cms
{
clear:left;
}


.loc {
    width: 750px;
    z-index: 99;
    float:left;
    height: 400px;
    float: left;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 0px 5px 5px #ccc;
    -webkit-box-shadow: 0px 5px 5px #ccc;
    box-shadow: 0px 5px 5px #ccc;
    background-color: #fff;
    padding: 20px;
    margin: 20px 20px 20px 0;
    }



#map {
    height: 400px;
    }


.contactColOne
{
    float: left;
    margin-right: 15px;   
}

.opaque80 
{
    background-image: url(/gfx/opaque80.png) !important;
    background-repeat: repeat;
    
}

#CS{
    -moz-transition: background 0.3s ease 0s;
    color: #00A9CC;
    display: block;
    padding: 5px 5px 5px 10px;
    font-size: 10px !important;
    }