article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary		{ display: block; }
audio, canvas, video 																			{ display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) 																			{ display: none; height: 0; }
[hidden] 																						{ display: none; }

/* Generic Page Styles */
html 																							{ font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea 															{ font-family: Arial, Helvetica, sans-serif; }
body 																							{ margin: 0; padding: 0px; font-size: 62.5%; background: url(../img/bg.gif) #fafafa repeat-x 50% top; }

a:active, a:hover 																				{ outline: 0; }
h1, h2, h3, h4, h5, h6																			{ font-size: 100%; margin: 0px; padding: 0px; }

abbr[title] 																					{ border-bottom: 1px dotted; }
b, strong 																						{ font-weight: bold; }
blockquote 																						{ margin: 1em 40px; }
dfn 																							{ font-style: italic; }
mark 																							{ background: #ff0; color: #000; }
p, pre 																							{ margin: 1em 0; }
code, kbd, pre, samp 																			{ font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre 																							{ white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q 																								{ quotes: none; }
q:before, q:after 																				{ content: ''; content: none; }
small 																							{ font-size: 80%; }
sub, sup 																						{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup 																							{ top: -0.5em; }
sub 																							{ bottom: -0.25em; }

dl, menu, ol, ul 																				{ margin: 1em 0; }
dd 																								{ margin: 0 0 0 40px; }
menu, ol, ul 																					{ padding: 0 0 0 40px; }
nav ul, nav ol 																					{ list-style: none; list-style-image: none; }

img 																							{ border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) 																					{ overflow: hidden; vertical-align:middle; }
figure 																							{ margin: 0; }

form 																							{ margin: 0; }
fieldset 																						{ border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend 																							{ border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
button, input, select, textarea 																{ font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input 																					{ line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] 					{ -webkit-appearance: button; cursor: pointer; *overflow: visible; }
button[disabled], input[disabled] 																{ cursor: default; }
input[type="checkbox"], input[type="radio"] 													{ box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"] 																			{ -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, 
input[type="search"]::-webkit-search-decoration 												{ -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner 												{ border: 0; padding: 0; }
textarea 																						{ overflow: auto; vertical-align: top; resize: vertical; }

table 																							{ border-collapse: collapse; border-spacing: 0; }

::-moz-selection 																				{ background: #b3d4fc; text-shadow: none; }
::selection 																					{ background: #b3d4fc; text-shadow: none; }
hr 																								{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
.clearfix:before, .clearfix:after 																{ content: " "; display: table; }
.clearfix:after 																				{ clear: both; }
.clearfix 																						{ *zoom: 1; }

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.svg#icomoon') format('svg'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: 'icomoon';
	font-style: normal;
	speak: none;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}
.icon-phone:before {
	content: "\21";
}

/* Print styles */

@media print {
    * 																							{ background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; }
    a, a:visited 																				{ text-decoration: underline; }
    a[href]:after 																				{ content: " (" attr(href) ")"; }
    abbr[title]:after 																			{ content: " (" attr(title) ")"; }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after 								{ content: ""; }
    pre, blockquote 																			{ border: 1px solid #999; page-break-inside: avoid; }
    thead 																						{ display: table-header-group; }
    tr, img 																					{ page-break-inside: avoid; }
    img 																						{ max-width: 100% !important; }
    @page 																						{ margin: 0.5cm; }
    p, h2, h3 																					{ orphans: 3; widows: 3; }
    h2, h3 																						{ page-break-after: avoid; }
}

/* Chrome Frame prompt */
.chromeframe {
margin:.2em 0;
background:#ccc;
color:#000;
padding:.2em 0;
}

.clear {
clear:both;
}

h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
font-size:100%;
font-weight:400;
clear: both;
}

h1 {
	color: #449cd5;
font-weight: 700;
font-size: 1.5em;
}

h2 {
	color: #449cd5;
font-weight: 700;
font-size: 1.4em;
}

h3 {
	color: #333;
font-weight: 700;
font-size: 1.3em;
}
h4 {
	color: #333;
font-weight: 700;
font-size: 1.2em;
}
h5 {
	color: #aaa;
font-weight: 700;
font-size: 1.1em;
}
h6 {
	color: #aaa;
font-weight: 700;
font-size: 1em;
}

body {
background:#fff;
}

/* Wrappers */
#wrapper {
margin:0;
padding:0;
width:100%;
font-size:1.3em;
}

.container {
width:960px;
margin:0 auto;
padding:0 10px;
clear:both;
position:relative;
}

#content {
clear:both;
}

/* Header */
#header {
width:960px;
margin:0 auto;
padding:9px 10px 0;
position:relative;
}

#header .h1_sub {
float:left;
background:url(../img/logo.png) no-repeat left top;
width:243px;
height:66px;
margin-bottom:16px;

}

#header .h1_sub a {
display:block;
width:243px;
height:66px;
}

#header .h1_sub a em {
display:none;
}

#header-right {
float:right;
position:relative;
width:693px;
font-size:.923em;
margin-top:2px;

}

#header-right p.contact {
float:left;
position:relative;
width:415px;
text-align:right;
margin:0 0 0 -41px;
padding:3px 10px 0;
}

#header-right p.contact span.tel {
display:inline-block;
background:url(../img/icons/phone.gif) no-repeat left top;
color:#707070;
font-weight:700;
padding:1px 0 1px 23px;
margin-right:5px;
}

#header-right p.contact a.email {
display:inline-block;
background:url(../img/icons/email.gif) no-repeat left top;
color:#707070;
text-decoration:none;
font-weight:700;
padding:1px 0 1px 23px;
}

#header-right form {
float:left;
position:relative;
width:210px;
}

#header-right form fieldset {
margin:0;
padding:0;
border:none;
}

#header-right form legend {
display:none;
}

#header-right form div.row {
float:left;
position:relative;
}

#header-right form label {
position:absolute;
top:4px;
left:10px;
z-index:999;
padding:0;
color:#666;
}

#header-right form input[type=text] {
float:left;
position:relative;
width:198px;
padding:3px 5px 3px 8px;
height:16px;
background:#fbfbfb;
border:solid 1px #e4e4e4;
-webkit-border-radius:15px;
border-radius:15px;
}

#header-right form input[type=image] {
position:absolute;
top:2px;
right:2px;
width:20px;
height:20px;
}

#header-right p.social {
float:right;
position:relative;
text-align:right;
width:86px;
margin:0;
padding:1px 0 0;
}

#header-right p.social a {
margin-left:5px;
}

/* Navigation */
#nav {
float:left;
position:relative;
width:692px;
margin-top:16px;
margin-bottom:10px;
}

#nav ul {
float:right;
position:relative;
margin:0;
padding:0;
list-style-type:none;
display:inline-block;
}

#nav ul li {
float:left;
position:relative;
font-size:.923em;
font-weight:700;
margin-left:12px;
display:inline-block;
}

#nav ul li a {
    display:inline-block;
    color:#555;
    text-decoration:none;
    padding:5px 10px 6px;
    font-size: 12px;
    border:solid 1px #e4e4e4;
    -webkit-border-radius:4px;
    border-radius:4px;
}

.ie9 #nav ul li a:last-child
{
    padding-right: 9px;
}

#nav ul li a:hover,#nav ul li a.active {
color:#fff;
background:#449cd5;
border:solid 1px #449cd5;
}

#nav ul li.drop a {
padding:5px 24px 6px 11px;
background:url(../img/icons/drop.png) no-repeat right 50%;
}

#nav ul li.drop a:hover,#nav ul li.drop a.active,#nav ul li.drop:hover a {
color:#fff;
background:url(../img/icons/drop.png) #449cd5 no-repeat right 50%;
border:solid 1px #449cd5;
}

#nav ul li.drop ul {
position:absolute;
top:-99999px;
left:0;
-webkit-border-radius:0 4px 4px 4px;
border-radius:0 4px 4px 4px;
opacity:0;
-webkit-transition:opacity .4s ease-in-out;
-moz-transition:opacity .4s ease-in-out;
-o-transition:opacity .4s ease-in-out;
transition:opacity .4s ease-in-out;
}

#nav ul li.drop:hover ul {
width:180px;
position:absolute;
top:92%;
left:0;
background:#449cd5;
padding-top:2px;
padding-bottom:3px;
z-index:999;
opacity:1;
}

#nav ul li.drop:hover ul li a {
border:none;
margin:0;
width:158px;
padding:5px 11px 6px;
background:none;
}

#nav ul li.drop:hover ul li {
margin-left:0;
}

#nav ul li.drop:hover ul li a:hover {
color:#555;
border:none;
}

#nav ul li.drop:hover ul
/* Content */
/#rotator {
clear:both;
float:left;
position:relative;
margin:0;
min-width:980px;
width:100%;
height:338px;
overflow:hidden;
}

#rotator div.slide {
width:100%;
height:333px;
text-align:center;
border-bottom:solid 5px #449cd5;
background-position:50% top;
}

*/
#slider-wrapper {
overflow:hidden;
margin:0 auto;
}

#rotator {
clear:both;
position:relative;
margin:0 auto;
width:960px;
height:338px;
}

#rotator div.slide {
width:960px;
height:337px;
text-align:center;
border-bottom:solid 5px #449cd5;
background-position:50% top;
}

#rotator div.slide .box {
display:none;
position:absolute;
width:330px;
padding:10px;
margin:0 0 0 -450px;
top:204px;
left:50%;
background:#449cd5;
color:#fff;
font-weight:700;
text-align:left;
}

#rotator div.slide .box h2 {
font-size:1.846em;
margin-bottom:20px;
font-weight:700;
line-height:85%;
}

#rotator div.slide .box p {
font-size:1.077em;
margin:0;
}

#rotator div.slide .box p a {
color:#fff;
text-decoration:none;
}

/* Home Carousel */
#carousel {
clear:both;
float:left;
position:relative;
padding:0;
margin:15px 0;
width: 100%;
}

#carousel ul {
list-style-type:none;
}

#carousel ul li {
width:170px;
border:solid 1px #d6d6d6;
}

#carousel a.prev {
display:block;
position:absolute;
left:0;
top:0;
background:url(../img/c-left.gif) no-repeat right top;
width:20px;
height:62px;
z-index:999;
text-indent:-9999px;
padding-left:0;
}

#carousel a.next {
display:block;
position:absolute;
right:0;
top:0;
background:url(../img/c-right.gif) no-repeat left top;
width:20px;
height:62px;
z-index:999;
text-indent:-9999px;
padding-right:0;
}

#carousel li {
margin:0;
}

#carousel a.prev:hover {
background-position:left bottom;
}

#carousel a.next:hover {
background-position:right bottom;
}

/* Home Boxes */
div.home-box {
float:left;
width:220px;
margin:15px 10px;
padding-top:140px;
text-align:center;
background-position:50% top;
background-repeat:no-repeat;
}

div.home-box:hover {
cursor:pointer;
background-position:50% -430px;
}

div.home-box h3 {
color:#949494;
font-size:1.385em;
font-weight:700;
margin-bottom:18px;
}

div.home-box:hover h3 {
color:#449cd5;
}

div.home-box p {
color:#545454;
}

div.home-box.hire {
background-image:url(../img/time.gif);
}

div.home-box.sale {
background-image:url(../img/sales.gif);
}

div.home-box.services {
background-image:url(../img/services.gif);
}

div.home-box.repair {
background-image:url(../img/repairs.gif);
}

/* Product Carousel */
#feat-products {
float:left;
position:relative;
padding:9px;
width:940px;
margin:15px 0 25px;
background:#fff;
border:solid 1px #d6d6d6;
}

#feat-products:before,#feat-products:after {
content:'';
z-index:-1;
position:absolute;
left:25px;
bottom:18px;
width:70%;
max-width:500px;
max-height:90px;
height:55%;
-webkit-box-shadow:0 8px 16px rgba(0,0,0,0.6);
-moz-box-shadow:0 8px 16px rgba(0,0,0,0.6);
box-shadow:0 8px 16px rgba(0,0,0,0.6);
-webkit-transform:skew(-15deg) rotate(-4deg);
-moz-transform:skew(-15deg) rotate(-4deg);
-ms-transform:skew(-15deg) rotate(-4deg);
-o-transform:skew(-15deg) rotate(-4deg);
transform:skew(-15deg) rotate(-4deg);
}

#feat-products:after {
left:auto;
right:25px;
-webkit-transform:skew(15deg) rotate(4deg);
-moz-transform:skew(15deg) rotate(4deg);
-ms-transform:skew(15deg) rotate(4deg);
-o-transform:skew(15deg) rotate(4deg);
transform:skew(15deg) rotate(4deg);
}

#feat-products h3 {
position:absolute;
top:10px;
left:10px;
/*width:923px;*/
background:#449cd5;
color:#fff;
font-size:1.077em;
font-weight:700;
border-bottom:solid 1px #d6d6d6;
padding:10px 8px;
z-index:2;
}

#feat-products .p-carousel {
/*float:left;
position:relative;
width:938px;*/
/*overflow:hidden!important;*/
border:solid 1px #d6d6d6;
/*margin:0;
padding:0;
list-style-type:none;*/
}

#feat-products .p-carousel li {
/*float:left;
position:relative;
margin:0;
padding:0;
width:234px;*/
}

#feat-products .p-carousel .p-item {
/*float:left;
position:relative;
width:233px;*/
padding-top:52px;
text-align:center;
border-left:solid 1px #d6d6d6;
border-right:solid 1px #f5f5f5;
/*margin-left:-1px;*/
}

#feat-products .p-carousel .p-item h4 {
font-weight:700;
font-size:1.077em;
color:#353535;
margin-top:10px;
}

#feat-products .p-carousel .p-item p a {
background:url(../img/btn.gif) no-repeat 50% top;
color:#fff;
font-weight:700;
font-size:1.077em;
text-shadow:0 -1px 2px #292929;
filter:dropshadow(color=#292929,offx=0,offy=-1);
text-decoration:none;
display:inline-block;
padding:8px 5px 12px;
width:152px;
}

#feat-products .p-carousel .p-item p a:hover {
color:#449cd5;
}

#feat-products .p-carousel li:first-child .p-item {
/*border-left:none;*/
width:234px;
}

#feat-products .p-carousel .p-item:hover {
cursor:pointer;
background:url(../img/p-bg.png) repeat-x left bottom;
}

.jcarousel-container-horizontal {
width:939px;
border-right:solid 1px #d6d6d6;
}

.jcarousel-clip {
overflow:hidden;
}

.jcarousel-next-horizontal {
position:absolute;
top:130px;
right:-21px;
width:21px;
height:49px;
cursor:pointer;
background:transparent url(../img/icons/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-prev-horizontal {
position:absolute;
top:130px;
left:-20px;
width:21px;
height:49px;
cursor:pointer;
background:transparent url(../img/icons/prev-horizontal.png) no-repeat 0 0;
}

/* Breadcrumbs */
#breadcrumbs {
float:left;
position:relative;
padding:0 9px;
width:940px;
margin-bottom:15px;
border:solid 1px #c4c4c4;
background:#4c4c4c;
-webkit-border-radius:6px;
border-radius:6px;
}

#breadcrumbs ul {
float:left;
position:relative;
margin:0;
padding:0;
list-style-type:none;
}

#breadcrumbs ul li {
float:left;
position:relative;
padding:2px 18px 4px 9px;
font-size:10px;
font-weight: bold;
color:#FFF;
text-shadow:0 -2px 3px #1d1d1d;
filter:dropshadow(color=#1d1d1d,offx=0,offy=-2);
background:url(../img/breadcrumb.gif) no-repeat right 45%;
}

#breadcrumbs ul li a {
text-decoration:none;
color:#FFF;
}

/* Page Left */
#page-left {
float:left;
position:relative;
width:230px;
}

#page-left ul#side-menu {
float:left;
position:relative;
margin:0 0 25px;
padding:0;
list-style-type:none;
width:230px;
border-top:solid 1px #c4c4c4;
font-size:.923em;
}

#page-left ul#side-menu li {
float:left;
position:relative;
margin:0;
padding:0;
width:230px;
border-bottom:solid 1px #c4c4c4;
}

#page-left ul#side-menu li a {
display:block;
width:208px;
padding:8px 10px;
background:url(../img/a-down.gif) #f9f9f9 no-repeat 202px 8px;
border-left:solid 1px #c4c4c4;
border-right:solid 1px #c4c4c4;
color:#111;
text-decoration:none;
font-weight:700;
}

#page-left ul#side-menu li a.active {
background:url(../img/a-open.gif) #f9f9f9 no-repeat 202px 8px;
border-bottom:solid 1px #d6d6d6;
}

#page-left ul#side-menu li ul {
margin:0;
padding:0;
list-style-type:none;
}

#page-left ul#side-menu li ul li {
border-bottom:none;
}

#page-left ul#side-menu li ul li a {
background:#fff;
color:#6f6f6f;
padding-left:23px;
width:195px;
}

#page-left ul#side-menu li ul li a:hover {
background:#449cd5;
color:#fff;
}

#page-left ul#side-menu li.open ul {
display:block;
margin:0;
padding:0;
list-style-type:none;
}

#page-left ul#side-menu li ul li a.active {
background:#449cd5;
color:#fff;
}



/**/

#page-left ul#side-menu li ul ul li.level3 a {
background:#fff;
color:#6f6f6f;
padding-left:46px;
width:172px;
}

#page-left ul#side-menu li ul ul li.level3 a.active,
#page-left ul#side-menu li ul ul li.level3 a:hover {
background:#449cd5;
color:#fff;
}

/**/



#page-left p {
font-size:.923em;
color:#000;
}

#page-left p.side-title {
font-size:1.385em;
color:#449cd5;
font-weight:700;
margin-bottom:10px;
margin-top:0;
padding-top:0;
}

#page-left a.youtube-link {
display:block;
float:left;
position:relative;
width:170px;
background:url(../img/icons/play.gif) no-repeat 10px 14px;
line-height:85%;
padding:10px 10px 10px 50px;
border-top:solid 1px #d6d6d6;
border-bottom:solid 1px #d6d6d6;
font-weight:700;
color:#000;
font-size:1.5em;
text-decoration:none;
margin:15px 0;
}

/* Page Right */
#page-right {
float:right;
position:relative;
width:710px;
}

#page-right .desc {
text-align:justify;
margin-top:15px;
margin-bottom:10px;
color:#000;
}

#page-right .desc h2 {
color:#449cd5;
font-weight:700;
font-size:1.385em;
}

#page-right .desc p {
font-size:.923em;
line-height: 1.4;
}

ul.lander-list {
float:left;
position:relative;
margin:20px 0 30px;
padding:0;
list-style-type:none;
}

ul.lander-list li {
float:left;
position:relative;
border:solid 1px #e4e4e4;
/*background:url(../img/lander-bg.gif) repeat-x left bottom;*/
width:211px;
padding:15px 5px 10px;
margin-bottom:20px;
margin-right:15px;
text-align:center;
}

ul.lander-list li:nth-child(3n+3) {
margin-right:0;
}

.ie8 ul.lander-list li:first-child + li + li {
margin-right:0;
}

ul.lander-list li a {
display:block;
text-align:center;
width:211px;
color:#449cd5;
}

ul.lander-list li:hover {
-webkit-box-shadow:0 0 8px 3px #e4e4e4;
box-shadow:0 0 8px 3px #e4e4e4;
cursor:pointer;
}

ul.lander-list li img {
margin-bottom:10px;
}

/* Category */
.category h2 {
color:#449cd5;
font-weight:700;
font-size:1.385em;
}

.category .cat-desc {
float:left;
position:relative;
width:450px;
padding-right:260px;
color:#000;
font-size:.923em;
line-height:135%;
min-height:110px;
height:auto !important;
height:110px;
}

.category .cat-desc img {
position:absolute;
right:0;
bottom:0;
}

.category ul#prod-list {
float:left;
position:relative;
margin:0;
padding:0;
list-style-type:none;
}

.category ul#prod-list li {
float:left;
position:relative;
width:222px;
margin-right:22px;
margin-bottom:10px;
font-size:.923em;
cursor:pointer;
}

.category ul#prod-list li:nth-child(3n+3) {
margin-right:0;
}
.ie8 .category ul#prod-list li:first-child + li + li {
margin-right:0;
}

.category ul#prod-list li img {
float:left;
position:relative;
border:solid 1px #d6d6d6;
margin:0 0 10px;
}

.category ul#prod-list li h3 {
clear:left;
font-weight:700;
color:#000;
}

.category ul#prod-list li h3 a {
text-decoration:none;
color:#000;
}

.category ul#prod-list li p {
margin:0 0 10px;
padding:0;
color:#565656;
}

.category ul#prod-list li span.view {
display:block;
position:absolute;
right:1px;
top:146px;
background:url(../img/magnify.png) no-repeat left top;
width:25px;
height:25px;
z-index:99;
}

.category ul#prod-list li:hover img {
border:solid 1px #449cd5;
-webkit-box-shadow:0 0 4px 3px #449cd5;
box-shadow:0 0 4px 3px #449cd5;
}

.category ul#prod-list li:hover h3 a {
color:#449cd5;
}

.category ul#prod-list li:hover span.view {
background:url(../img/mag-hover.png) no-repeat left top;
}

/* Pagination */
.pagination {
float:left;
position:relative;
width:694px;
margin:15px 0;
background:#f9f9f9;
border:solid 1px #c4c4c4;
padding:4px 7px 3px;
}

.pagination .filter {
float:left;
position:relative;
width:200px;
}

.pagination .filter select {
margin-top:1px;
}

.pagination .pages {
float:right;
position:relative;
text-align:right;
}

.pagination .pages a {
display:block;
float:left;
position:relative;
padding:3px 8px 2px;
background:#fff;
margin-left:3px;
color:#000;
text-decoration:none;
border:solid 1px #d6d6d6;
-webkit-border-radius:4px;
border-radius:4px;
font-weight:700;
}

.pagination .pages a:hover,.pagination .pages a.current {
color:#449cd5;
border:solid 1px #449cd5;
}

/* Product */
.prod-left {
float:left;
position:relative;
width:305px;
}

.prod-left .prod-image {
float:left;
position:relative;
width:300px;
height:222px;
border:solid 1px #d6d6d6;
overflow:hidden;
}

.prod-left .prod-image a span.preview {
display:none;
position:absolute;
right:0;
bottom:0;
width:25px;
height:25px;
background:url(../img/magnify.png) no-repeat left top;
}

.prod-left .prod-image a:hover span.preview {
display:block;
}

.prod-left ul.thumbs {
float:left;
position:relative;
margin:10px 0;
padding:0;
list-style-type:none;
}

.prod-left ul.thumbs li {
float:left;
position:relative;
width:66px;
height:66px;
border:solid 1px #d6d6d6;
padding:0;
margin-right:10px;
}

.prod-left ul.thumbs li img {
width:66px;
height:66px;
margin:0;
padding:0;
}

.prod-left ul.thumbs li:nth-child(4n) {
margin-right:0;
}

.prod-left #tabs {
float:left;
position:relative;
width:300px;
margin:15px 0 25px;
border:solid 1px #d9d9d9;
background: transparent url('../img/p-bg.png') bottom repeat-x;
}

.prod-left #tabs ul.ui-tabs-nav {
float:left;
position:relative;
background:#fff;
width:302px;
height:36px;
margin:-5px 0 10px -1px;
padding:0;
list-style:none;
border-bottom:solid 1px #d9d9d9;
}

.prod-left #tabs ul.ui-tabs-nav li {
float:left;
border-bottom:solid 1px #d9d9d9;
margin:0;
}

.prod-left #tabs ul.ui-tabs-nav li a {
display:block;
margin-top:4px;
padding:8px 20px;
background:#449cd5;
border-right:solid 1px #2a678e;
border-left:solid 1px #6ab6e6;
color:#fff;
text-decoration:none;
text-shadow:0 -2px 2px #3a5b72;
filter:dropshadow(color=#3a5b72,offx=0,offy=-2);
}

.prod-left #tabs ul.ui-tabs-nav li.ui-tabs-active {
border-bottom:solid 1px #fff;
}

.prod-left #tabs ul.ui-tabs-nav li.ui-tabs-active a {
margin-top:0;
padding:12px 20px 8px;
background:#fff;
border-right:solid 1px #d9d9d9;
border-left:solid 1px #d9d9d9;
border-top:solid 1px #d9d9d9;
font-weight:700;
color:#000;
text-shadow:0 -2px 2px #FFF;
filter:dropshadow(color=#ffffff,offx=0,offy=-2);
}

.prod-left #tabs p {
padding:0 15px 0 20px;
color:#3e3e3e;
}

.prod-left #tabs p strong {
text-transform:uppercase;
color:#000;
color:#3e3e3e;
}

.prod-left #tabs li {
color:#3e3e3e;
margin-bottom:4px;
}

.prod-right {
float:right;
position:relative;
width:380px;
padding:0 10px 15px 5px;
}

.prod-right h1 {
margin-right:100px;}

.prod-right h2 {
font-weight:700;
color:#000;
font-size:1.385em;
margin-bottom:0;
padding-bottom:0;

width:290px;
}

.prod-right p.strap {
margin:0;
padding:0;
color:#565656;
font-size:.923em;
}

.prod-right .prod-brand {
position:absolute;
right:-10px;
top:-5px;
width:108px;
}

.prod-right .prod-desc {
color:#3e3e3e;
font-size:.923em;
line-height:135%;
}

.prod-right div.hr {
margin:20px 0;
}

.prod-right a.vid-link {
display:block;
float:left;
position:relative;
width:320px;
background:url(../img/icons/play.gif) no-repeat 10px 22px;
padding:15px 10px 15px 50px;
border-top:solid 1px #d6d6d6;
border-bottom:solid 1px #d6d6d6;
color:#565656;
font-size:.923em;
text-decoration:none;
margin:15px 0;
}

.prod-right a.vid-link strong {
font-weight:700;
color:#000;
font-size:1.5em;
margin-bottom:0;
padding-bottom:0;
}

.prod-right .social-box {
float:left;
padding-top:4px;

width:150px;
}

.prod-right a.enq-btn {
display:block;
float:right;
position:relative;
margin:5px 0;
padding:10px 25px;
color:#fff;
text-decoration:none;
background:#449cd5;
text-shadow:0 -2px 2px #3a5b72;
filter:dropshadow(color=#3a5b72,offx=0,offy=-2);
-webkit-border-radius:4px;
border-radius:4px;
font-size:1.077em;
}

/* Vidoes */
.videos {
padding-bottom:45px;
}

.videos .social-box {
float:right;
padding-top:0;
}

.videos .vid-frame {
margin:20px 0 40px;
}

.videos h2 {
color:#449cd5;
font-weight:700;
margin-bottom:10px;
font-size:1.385em;
}

.videos p {
color:#000;
font-size:.923em;
}

/* Contact */
#map {
float:left;
position:relative;
width:280px;
padding-right:20px;
margin-bottom:25px;
border-right:solid 1px #CCC;
}

#map img {
border:solid 1px #d6d6d6;
}

#address {
float:left;
position:relative;
width:290px;
min-height:391px;
padding-right:15px;
border-right:solid 1px #CCC;
margin-left:20px;
color:#353535;
font-size:1.077em;
}

#address h2,#address h3 {
color:#353535;
font-size:1.286em;
font-weight:700;
margin-bottom:10px;
}

#address address {
font-style:normal;
}

#address em {
color:#449cd5;
}

#address p {
line-height:135%;
}

form#enquiry-form {
float:right;
position:relative;
width:300px;
margin-right:10px;
margin-bottom:80px;
font-size:1.077em;
}

form#enquiry-form h4 {
color:#353535;
font-size:1.286em;
font-weight:700;
margin-bottom:10px;
}

form#enquiry-form p {
color:#353535;
}

form#enquiry-form fieldset {
margin:0;
padding:0;
border:none;
}

form#enquiry-form legend {
display:none;
}

form#enquiry-form div.row {
float:left;
position:relative;
margin-bottom:10px;
}

form#enquiry-form label {
position:absolute;
top:5px;
left:10px;
z-index:999;
padding:0;
color:#353535;
}

form#enquiry-form input[type=text] {
float:left;
position:relative;
width:287px;
padding:4px 5px 6px 8px;
height:16px;
background:#fbfbfb;
border:solid 1px #e4e4e4;
-webkit-border-radius:15px;
border-radius:15px;
}

form#enquiry-form textarea {
float:left;
position:relative;
width:287px;
padding:4px 5px 6px 8px;
height:90px;
background:#fbfbfb;
border:solid 1px #e4e4e4;
-webkit-border-radius:15px;
border-radius:15px;
}

form#enquiry-form input[type=image] {
float:right;
position:relative;
width:160px;
height:40px;
}

/* Twitter Box */
#twitter-box {
clear:both;
float:left;
position:relative;
width:390px;
background:url(../img/icons/bird.gif) #4ec6fe no-repeat 13px top;
padding:12px 15px 15px 65px;
color:#fff;
margin-bottom:32px;
font-size:1.077em;
line-height:135%;
}

#twitter-box ul {
margin:0;
padding:0;
list-style-type:none;
}

#twitter-box p {
margin:0;
padding:0;
}

#twitter-box a {
color:#000;
text-decoration:none;
}

#twitter-box .tweet_time {
display:none;
}

#twitter-box:after {
content:'';
position:absolute;
background:url(../img/icons/tail.gif) no-repeat left top;
width:30px;
height:17px;
right:0;
bottom:-17px;
}

#newsletter {
float:right;
position:relative;
width:405px;
padding:0 0 0 65px;
background:url(../img/icons/news.gif) no-repeat left top;
}

#newsletter form {
float:right;
position:relative;
width:318px;
padding:8px 15px 9px 17px;
background:#4c4c4c;
}

#newsletter form h5 {
color:#fff;
font-size:1.077em;
font-weight:700;
margin-bottom:8px;
padding:0;
}

#newsletter form fieldset {
margin:0;
padding:0;
border:none;
}

#newsletter form .legend {
display:none;
}

#newsletter form div.row {
float:left;
position:relative;
}

#newsletter form label {
position:absolute;
top:4px;
left:10px;
z-index:999;
padding:0;
color:#666;
}

#newsletter form input[type=text] {
    float:left;
    position:relative;
    width:300px;
    padding:3px 5px 3px 8px;
    height:16px;
    background:#fbfbfb;
    border:solid 1px #e4e4e4;
    -webkit-border-radius:15px;
    border-radius:15px;
    color: #666666;
}

#newsletter form input[type=image] {
position:absolute;
top:2px;
right:2px;
width:96px;
height:20px;
}

/* Footer */
#footer {
clear:both;
float:left;
position:relative;
width:100%;
padding-top:20px;
background:url(../img/footer-bg.gif) repeat 50% top;
}

#footer .box {
float:left;
position:relative;
width:150px;
margin-right:10px;
font-size:1.077em;
}

#footer .box h6 {
color:#fff;
font-size: 14px;
margin-bottom:25px;
font-weight:700;
text-shadow:0 -1px 2px #1d1d1d;
filter:dropshadow(color=#1d1d1d,offx=0,offy=-1);
}

#footer .box ul {
margin:0;
padding:0;
list-style-type:none;
}

#footer .box ul li {
width:150px;
margin-bottom:6px;
}

#footer .box ul li a {
color:#fff;
font-size: 13px;
text-decoration:none;
text-shadow:0 -2px 3px #1d1d1d;
filter:dropshadow(color=#1d1d1d,offx=0,offy=-2);
}

#footer .box ul li a:hover
{
    color: #4ec6fe;
}

#footer form {
float:right;
position:relative;
width:470px;
padding:0;
}

#footer form h6 {
color:#fff;
font-size: 14px;
text-shadow: 0 -1px 2px #1D1D1D;
font-weight:700;
margin-bottom:18px;
padding:0;
}

#footer form fieldset {
margin:0;
padding:0;
border:none;
}

#footer form .legend {
display:none;
}

#footer form div.row {
float:left;
position:relative;
width:230px;
margin-bottom:10px;
}

#footer form div.long-row {
float:left;
position:relative;
width:230px;
margin-bottom:10px;
}

#footer form label {
position:absolute;
top:7px;
left:12px;
font-size: 12px;
z-index:2;
padding:0;
color:#353535;
}

#footer form input[type=text] {
float:left;
position:relative;
width:215px;
padding:5px 5px 5px 8px;
height:16px;
background:#fbfbfb;
border:solid 1px #e4e4e4;
-webkit-border-radius:15px;
border-radius:15px;
font-size: 12px;
}

#footer form div.row.odd {
margin-left:10px;
}

#footer form div.row.odd img
{
    width: 148px;
    margin-left: 10px
}

#footer form label.spamprotect
{
    top: 10px;
}

#footer form div.row input#spamprotect
{
    height: 24px;
}

#footer form div.row.odd span.spam-wrap
{
    background: none repeat scroll 0 0 white;
    border-radius: 15px 15px 15px 15px;
    display: block;
    padding: 2px 0;
    width: 229px;
    margin-left: -10px;
}

#footer form textarea {
float:left;
position:relative;
width:455px;
padding:5px 5px 5px 8px;
height:100px;
background:#fbfbfb;
border:solid 1px #e4e4e4;
-webkit-border-radius:15px;
border-radius:15px;
font-size: 12px;
}

#footer form input[type=image] {
float:right;
width:230px;
height:30px;
margin-right:0;
}

#lower-footer {
clear:both;
float:left;
position:relative;
width:100%;
background:#fff;
margin-top:20px;
padding:10px 0;
}

#lower-footer ul.logos {
float:left;
position:relative;
margin:0;
padding:0;
list-style-type:none;
width:300px;
}

#lower-footer ul.logos li {
float:left;
margin-right:20px;
}

#lower-footer nav.sitelinks{
float:right;
position:relative;
margin:0 0 5px;
padding:0;
list-style-type:none;
}

#lower-footer nav.sitelinks li {
float:left;
}

#lower-footer nav.sitelinks li a {
display:block;
padding:0 6px;
font-size:12px;
color:#000;
text-decoration:none;
border-left:solid 1px #444;
}

#lower-footer nav.sitelinks li:first-child a {
border-left:none;
}

#lower-footer nav.sitelinks li:last-child a {
padding-right:0;
}


#lower-footer nav.sitelinks_seo{
float:right;
position:relative;
margin:0 0 5px;
padding:0;
list-style-type:none;
}

#lower-footer nav.sitelinks_seo li {
float:left;
}

#lower-footer nav.sitelinks_seo li a {
display:block;
padding:0 6px;
font-size:12px;
color:#000;
text-decoration:none;
border-left:solid 1px #444;
}

#lower-footer nav.sitelinks_seo li:first-child a {
border-left:none;
}

#lower-footer nav.sitelinks_seo li:last-child a {
padding-right:0;
}


#lower-footer ul.sitelinks {
float:right;
position:relative;
margin:0 0 5px;
padding:0;
list-style-type:none;
}

#lower-footer ul.sitelinks li {
float:left;
}

#lower-footer ul.sitelinks li a {
display:block;
padding:0 6px;
font-size:12px;
color:#000;
text-decoration:none;
border-left:solid 1px #444;
}

#lower-footer ul.sitelinks li:first-child a {
border-left:none;
}

#lower-footer ul.sitelinks li:last-child a {
padding-right:0;
}

#lower-footer p.copy {
clear:right;
float:right;
position:relative;
color:#757575;
font-size:12px;
margin:0;
padding:0;
}

#lower-footer p.copy {
clear:right;
float:right;
position:relative;
color:#757575;
font-size:12px;
margin:0;
padding:0;
}



.system_message_error {
	background-color: pink;
    border: 1px solid red;
    color: red;
    float: left;
    margin: 0 0 10px 0px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 955px;
}
.system_message_ok {
	text-align:center;
	width:955px;
	padding:0px 0px;
	background-color:#a1dc91;
	border: 1px solid green;
	color:green;
	margin:0px 0px 10px 0px;
	float:left;
	position:relative;
}
/*------------- narola css -------------------------*/
.about-container {
padding-left:5px;
color: #000;
}

.about-container h1 {
font-size:18px;
color:#449cd5;
font-weight:700;
}
.about-container h2
{
    font-size:16px;
    color:#449cd5;
    font-weight:700;
    margin:5px 0;
}

.about-container h3 {
font-size:14px;
color:#449cd5;
font-weight:700;
margin:5px 0;
}

.about-container p {
font-size:13px;
font-weight:100;
margin:10px 0;
}

.about-container a,
.about-container p a
{
    text-decoration: none;
    color: #449cd5;
}
.about-container b,
.about-container strong,
.about-container p a strong,
.about-container p strong a,
.about-container p a b
{
    font-weight: bold;
}


.about-container p a:hover
{
    text-decoration: underline;
}

.about-container table {
border-top:1px solid #C4C4C4;
border-left:1px solid #C4C4C4;
margin:20px 0;
}

.about-container table td {
border-bottom:1px solid #C4C4C4;
border-right:1px solid #C4C4C4;
color:#000;
padding:10px;
text-align:left;
}

.about-container table th {
border-bottom:1px solid #C4C4C4;
border-right:1px solid #C4C4C4;
color:#444;
padding:10px;
text-align:left;
}

.about-container li {
font-size:13px;
line-height:20px;
}

.form_table_2 {
border-top:1px solid #C4C4C4;
border-left:1px solid #C4C4C4;
}

.form_table_2 th {
line-height:15px;
border-bottom:1px solid #C4C4C4;
color:#fff;
background:#449CD5;
border-right:1px solid #C4C4C4;
}

.form_table_2 td {
border-bottom:1px solid #C4C4C4;
font-size:13px;
border-right:1px solid #C4C4C4;
}

.cart-container h1 {
font-size:14px;
color:#3E3E3E;
text-transform:uppercase;
font-weight:700;
}

.cart-container h1 {
font-size:14px;
color:#3E3E3E;
text-transform:uppercase;
font-weight:700;
}


.cart-container h2 { color: #3E3E3E;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 5px 0;}
.subheading { background: #f9f9f9;  font-size: 13px;   font-weight: bold;  color: #6F6F6F;}
.delete-bt a {   }

.bt-row input {
    background: #449CD5;
    border-radius: 4px;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 1.077em;
    margin: 5px 0px 5px 10px;
    padding: 8px 20px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -2px 2px #3A5B72;
	border: none;
	width: auto;
	}
	.form_1 { padding: 25px 0px;   float: left;}
	.form_1  label {  color: #3E3E3E;  line-height: 32px;  margin-bottom: 5px;}
	.form_1 td  input, .form_1 td  textarea, .form_1 td  select    {  background: #FBFBFB;
    border: 1px solid #E4E4E4;
    border-radius: 2px;
    float: left;
    padding: 4px 5px 6px 8px;
    position: relative;
    width: 287px;
	margin-bottom: 10px;
	}
	.form_1 td  textarea   { height: 80px;
	}
.form_1 td  select   { width: 302px;
	}
	.form_1 td.bt-row input {
    background: #449CD5;
    border-radius: 4px;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 1.077em;
    margin: 5px 0px 5px 10px;
    padding: 8px 20px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -2px 2px #3A5B72;
	border: none;
	width: auto;
	}
	.form_1 td.checkbox input { width: 14px; margin: 0px;     float: right;}
.form_1 h3 {
    border: 1px solid #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 8px;
    text-align: left;
	 color: #fff;
	 background: #449CD5;
	 margin-bottom: 10px;
	}
.prod-right input.enq-btn	{
	background: #449CD5;
    border-radius: 4px;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 1.077em;
    margin: 5px 0px 5px 10px;
    padding: 8px 20px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -2px 2px #3A5B72;
	border: none;
	width: auto; }


/* Quick form hover
====================================================*/
/* Anchor Tag styles
/* -------------------------------------------------------------------------- */
.anchor-enqiry
{
    background:#FFF;
    padding: 8px 20px 0;
    color: #ffffff;
    background: #2f2f2f;
    width: 400px;
    overflow: hidden;
}

.anchor-enqiry h1
{
    font-size: 18px;
    font-weight: bold;
}

.anchor-enqiry p
{
    padding: 0;
    margin: 5px 0 15px;
    font-size: 14px;
}

.anchor-enqiry form input[type=text]
{
    padding: 11px 6px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: none;
    width: 180px;
    color: #353535;
    font-size: 12px;
}

.anchor-enqiry form label
{
    color: #353535;
    font-size: 12px;
    padding: 11px 6px;
    position: absolute;
    z-index: 999;
}

.anchor-enqiry form textarea
{
    padding: 11px 6px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 385px;
    color: #353535;
    border: none;
    margin-bottom: 10px;
}

.anchor-enqiry form div.row
{
    float: left;
    width: 195px;
    position: relative;
    margin-bottom: 10px;
}

.anchor-enqiry form div.row.odd
{
    margin-left: 10px;
}

.anchor-enqiry form div.row.odd img
{
    margin-left: -10px;
    width: 192px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.anchor-enqiry form div.long-row
{
    clear: both;
}

.anchortag
{
    width: 435px;
    position: fixed;
    right: -435px;
    top: 130px;
    background-image: url(../img/buttons/quick-contact.png);
    background-repeat: no-repeat;
    background-position: 21px top;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    padding:0px 0px 0px 55px;
    z-index:99999;
}

.anchortag:hover
{

    right:0px;
}

/*iframe
{
    width: 710px !important;
    height: 435px !important;
}*/


.error-page-wrap
{
	clear: both;
	overflow: hidden;
	padding-top: 35px;
}

.error-page-image
{
	display: block;
	width: 585px;
	float: left;
}

.error-page-text
{
	overflow: hidden;
	margin-top: 150px;
}

.error-page-text h1
{
	color: #299ed3;
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
}

.error-page-text p
{
	color: #595959;
	font-size: 14px;
	line-height: 1.5;
}

.error-page-text p a
{
	color: #2c9fd6;
}

.error-page-text p a:hover
{
	text-decoration: none;
}

.button-link {
    padding: 10px 15px;
    background: #1F9DD4;
    color: #FFFFFF !important;
    font-size: 24px;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.button-link:hover {
    background: #156C91;
    border: solid 1px #187CA8;
    text-decoration: none;
}
.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #0B3A4E;
}
.center {
text-align:center;
}

.view_details:before {
    content: 'View Details';
}

/* Extra Stuff */

.lp_div_left {
	width:33%;
	float:left;
}

.lp_div_mid {
	width:34%;
	float:left;
	text-align:center;
}

.lp_div_right {
	width:33%;
	float:right;
}


.reviews h3 {
    color:#449cd5;
    font-size:1.5em;
    font-weight:700;
    margin-bottom:1em;
}

.reviews p a {
    color:#449cd5;
    text-decoration:none;
    font-weight:bold;
}


.reviews p a:hover {
    text-decoration:underline;
}

.legend {
display:none;
}

/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

.selector,
.radio,
.checker,
.uploader,
.button,
.selector *,
.radio *,
.checker *,
.uploader *,
.button *{
  margin: 0;
  padding: 0;
}

/* INPUT & TEXTAREA */

input.text,
input.email,
input.password,
textarea.uniform {
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding: 3px;
  color: #777;
  background: url('../images/bg-input-focus.png') repeat-x 0px 0px;
  background: url('../images/bg-input.png') repeat-x 0px 0px;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
}

input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus {
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  border-color: #999;
  background: url('../images/bg-input-focus.png') repeat-x 0px 0px;
}

/* SPRITES */

/* Select */

div.selector {
  background-position: -483px -130px;
  line-height: 26px;
  height: 26px;
}

div.selector span {
  background-position: right 0px;
  height: 26px;
  line-height: 26px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
  left: 0px;
}

div.selector:active,
div.selector.active {
  background-position: -483px -156px;
}

div.selector:active span,
div.selector.active span {
  background-position: right -26px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
  background-position: -483px -182px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
  background-position: right -52px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
  background-position: -483px -208px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
  background-position: right -78px;
}

div.selector.disabled {
  background-position: -483px -234px;
}

div.selector.disabled span {
  background-position: right -104px;
}

/* Checkbox */

div.checker {
  width: 19px;
  height: 19px;
}

div.checker input {
  width: 19px;
  height: 19px;
}

div.checker span {
  background-position: 0px -260px;
  height: 19px;
  width: 19px;
}

div.checker:active span,
div.checker.active span {
  background-position: -19px -260px;
}

div.checker.focus span,
div.checker:hover span {
  background-position: -38px -260px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
  background-position: -57px -260px;
}

div.checker span.checked {
  background-position: -76px -260px;
}

div.checker:active span.checked,
div.checker.active span.checked {
  background-position: -95px -260px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -114px -260px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -133px -260px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: -152px -260px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -171px -260px;
}

/* Radio */

div.radio {
  width: 18px;
  height: 18px;
}

div.radio input {
  width: 18px;
  height: 18px;
}

div.radio span {
  height: 18px;
  width: 18px;
  background-position: 0px -279px;
}

div.radio:active span,
div.radio.active span {
  background-position: -18px -279px;
}

div.radio.focus span,
div.radio:hover span {
  background-position: -36px -279px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -54px -279px;
}

div.radio span.checked {
  background-position: -72px -279px;
}

div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -90px -279px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
  background-position: -108px -279px;
}

div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -126px -279px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -144px -279px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px;
}

/* Uploader */

div.uploader {
  background-position: 0px -297px;
  height: 28px;
}

div.uploader span.action {
  background-position: right -409px;
  height: 24px;
  line-height: 24px;
}

div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 2px 0px 2px 2px;
  line-height: 24px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -353px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px;
}

div.uploader.disabled {
  background-position: 0px -325px;
}

div.uploader.disabled span.action {
  background-position: right -381px;
}

div.button {
  background-position: 0px -523px;
}

div.button span {
  background-position: right -643px;
}

div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
  background-position: 0px -553px;
}

div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
  background-position: right -673px;
}

div.button.active,
div.button:active {
  background-position: 0px -583px;
}

div.button.active span,
div.button:active span {
  background-position: right -703px;
  color: #555;
}

div.button.disabled,
div.button:disabled {
  background-position: 0px -613px;
}

div.button.disabled span,
div.button:disabled span {
  background-position: right -733px;
  color: #bbb;
  cursor: default;
}

/* PRESENTATION */

/* Button */

div.button {
  height: 30px;
}

div.button span {
  margin-left: 13px;
  height: 22px;
  padding-top: 8px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 2px;
  padding-right: 15px;
}

/* Select */
div.selector {
  width: auto;
  font-size: 12px;
}

div.selector select {
  min-width: auto;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  border: solid 1px #fff;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
}

div.selector span {
  color: #666;
  width: 18px;
  text-shadow: 0 1px 0 #fff;
}

div.selector.disabled span {
  color: #bbb;
}

/* Checker */
div.checker {
  margin-right: 5px;
}

/* Radio */
div.radio {
  margin-right: 3px;
}

/* Uploader */
div.uploader {
  width: 190px;
  cursor: pointer;
}

div.uploader span.action {
  width: 85px;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
}

div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #bbb;
  font-size: 11px;
}

div.uploader input {
  width: 190px;
}

div.uploader.disabled span.action {
  color: #aaa;
}

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/*

CORE FUNCTIONALITY

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector,
.checker,
.button,
.radio,
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0;
}

/* Button */

div.button a,
div.button button,
div.button input {
  position: absolute;
}

div.button {
  cursor: pointer;
  position: relative;
}

div.button span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: center;
}

/* Select */

div.selector {
  position: relative;
  padding-left: 10px;
  overflow: hidden;
}

div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity:0);
  height: 25px;
  border: none;
  background: none;
}

/* Checker */

div.checker {
  position: relative;
}

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.checker input {
  opacity: 0;
  filter: alpha(opacity:0);
  display: inline-block;
  background: none;
}

/* Radio */

div.radio {
  position: relative;
}

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.radio input {
  opacity: 0;
  filter: alpha(opacity:0);
  text-align: center;
  display: inline-block;
  background: none;
}

/* Uploader */

div.uploader {
  position: relative;
  overflow: hidden;
  cursor: default;
}

div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

div.uploader input {
  opacity: 0;
  filter: alpha(opacity:0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default;
}

a.web-design-services {
    text-decoration: none;
    color: black;
}

a.web-design-services:hover {
    color: gray;
}