@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(/static/main_bkg.jpg); background-repeat: repeat-x;
	font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
}

label, input { display: block; }
input.text { margin-bottom: 12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }
h1 { font-size: 1.2em; margin: .6em 0; }

.prod-title {
  font-size: 20px;
  color: #3FB3B2;
  font-weight: bold;
}
.prod-price {
  font-size: 16px;
  color: #727272;	
}
.prod-option {
  font-size: 16px;
  color: #39A5D3;
}

.service-title {
  font-size: 18px;
  color: #3FB3B2;
  font-weight: bold;
}

.service-desc {
  font-size: 12px;
  color: #666;
}

/* attributes for categories lists */

ul {
	list-style-image:url(/static/list_bullet.jpg);
	line-height: 20px;
}

li a, ul a {
	color: #199698;
	text-decoration: none;
}
li a:hover, ul a:hover {
	font-weight: bold;
}
	

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
	font-size:14px;
	font-weight:bold;
	background:transparent url(/static/nav_bg.png) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	/* border-bottom:1px solid #000000; */
	/* border-top:1px solid #000000; */
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding:8px 10px 0 10px;
}
	
ul#menu li a:hover
{	
	color:#FFFFFF;
	height:22px;
	background:transparent url(/static/nav_bg.png) 0px -30px no-repeat;		
}
	

ul#menu li a.current
{
	display:inline;
	height:22px;
	background:transparent url(/static/nav_bg.png) 0px -30px no-repeat;	
	float:left;
	margin:0;
}

.rounded_image {
	border: 2px solid #CCCCCC;
}

img {
	border: none;
}

/*
img, div { 
behavior: url('iepngfix.htc');
}

* {margin:0;padding:0;}

*/


#prod2 p {
padding:5px;
}

#prod2 input,#prod2 select {
margin:2px;
}

.clear {
clear:both;
}

.none {
padding:0;
margin:0;
}

.center {
text-align:center;
}

#bar {
color:#fff;
float:right;
font-size:11px;
clear:right;
margin-top:14px;
}
#bar a {
color:#fff;
text-decoration:none;
}
#bar a:hover {
color:#fff;
text-decoration:underline;
}
.searchli {
width:185px;
padding:0;
margin:0;
list-style-type:none;
float:left;
}
.searchli form {
float:right;
}
fieldset {
border:0px;
}
.search,.go {
padding:4px;
border:solid 1px #d3d3d3;
font-size:14px;
}
.search {
width:120px;
color:#1b9799;
}
.email {
width:145px;
color:#1b9799;
padding:4px;
border:solid 1px #d3d3d3;
font-size:14px;
}
.error {
color:#ff0000;
}
.success {
color:#009900;
}

.search-adv {
float:right;
font-size:9px;
margin-right:55px;
}

.search-adv a {
color:#009999;
text-decoration:underline;
}

.search-adv a:hover {
text-decoration:none;
}

.go {
width:40px;
color:#009999;
background:#c2e5e7;
}

.title-frame {
color:#009999;
background:url('../g/header-main.gif') no-repeat;
width:636px;
height:33px;
padding:10px 0px 0px 12px;
font-size:18px;
font-weight:bold;
margin:10px 0px 0px;
}

.prod-title {
padding:0 0 2px;
margin:0;
color:#009999;
font-size:18px;
font-weight:bold;
}


.title {
padding:0 0 2px;
margin:0;
color:#009999;
font-size:14px;
font-weight:bold;
}

.title a {
color:#1b9799;
text-decoration:none;
}

.desc {
margin:0;
padding:0 0 2px;
}

.price {
padding:2px 0;
margin:0;
color:#009999;
font-size:14px;
font-weight:bold;
text-align:right;
font-size:16px;
}

.add {
text-align:right;
}

.content {
width:634px;
border-left:solid 1px #d4d4d4;
border-right:solid 1px #d4d4d4;
}

.content-home {
width:634px;
height:120px;
border-left:solid 1px #d4d4d4;
border-right:solid 1px #d4d4d4;
overflow:hidden;
}

.content p {
margin:0;
padding:10px;
}

.brands {
padding:15px 15px 15px 25px;
width:110px;
float:left;
}

.brands img {
margin-bottom:5px;
}

.featured {
padding:15px 15px 15px 9px;
margin:0;
width:288px;
float:left;
height:120px;
}


/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 margin-right: -1px;
}
li.products {
width:700px;
height:181px;
color:#000000;
text-align:left;
background: url('../g/drop-products.gif') bottom repeat-x #fefefe;
border-left:solid 1px #d3d3d3;
border-right:solid 1px #d3d3d3;
}
#products .left h3,#products .right h3 {
color:#1b9799;
font-size:16px;
margin:0 0 10px;
}
#products ul {
float:left;
min-width:110px;
margin:0;
padding:0;
}
#products li {
float:none;
}
#products li a {
color:#6b6b6b;
text-decoration:none;
margin-right:20px;
}
#products li a:hover {
color:#6b6b6b;
text-decoration:underline;
}
#products .left {
width:275px;
margin:15px 15px 15px 20px;
float:left;
border-right:dotted 1px #1b9799;
}
#products .right {
float:left;
width:360px;
margin:15px 0 15px 20px;
}
li.rentals {
width:700px;
height:473px;
color:#000000;
text-align:left;
background: url('../g/drop-rentals.gif') bottom repeat-x #fefefe;
border-left:solid 1px #d3d3d3;
border-right:solid 1px #d3d3d3;
}
#rentals .left {
width:170px;
margin:20px;
border-right:dotted 1px #1b9799;
float:left;
}
#rentals .left h3 {
color:#464646;
font-size:16px;
margin:0 0 5px;
}
#rentals .left ul {
margin:0;
padding:0;
}
#rentals .left li {
float:none;
}
#rentals .left ul.main li a {
color:#1b9799;
font-size:14px;
font-weight:bold;
padding:2px 0;
margin:0;
text-decoration:none;
}
#rentals .left ul.main li a:hover, #rentals .left li a:hover {
text-decoration:underline;
}
#rentals .left a {
color:#6b6b6b;
font-size:11px;
padding:2px 0 2px 5px;
margin:0;
text-decoration:none;
}
#rentals .left a:hover {
text-decoration:underline;
color:#6b6b6b;
}
#rentals .right a {
color:#6b6b6b;
font-size:11px;
margin-top:4px;
text-decoration:none;
}
#rentals .right a:hover {
text-decoration:underline;
color:#000000;
}
#rentals .right {
float:left;
width:470px;
margin-top:20px;
}
#rentals .right .item {
width:111px;
text-align:center;
float:left;
padding:0 22px 10px;
}
#rentals .right .item img {
display:block;
text-align:center;
margin:0 auto;
}
#rentals .right .row {
clear:both;
}
/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin: 0;
 margin-bottom: -1px;
 font-size:10px;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}
/* Links inside the menu */
.menulist a {
 display: block;
 padding: 3px;
 color: #000;
 text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
}

.menulist a.highlighted {
 color: #FFF;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */


/* cube cart defaults */

.cart_icon {
	border: none;
	margin: 12px 0px;
}

.searchBtn {
	color: #FFFFFF;
	background-color: #c3e37e;
	border: 1px solid #b1d16c;
	height: 20px;
	width: 30px;
	font-size: 10px;
	font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana;
}
.searchBox {
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #e1e1e1;
	font-size: 12px;
	font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana;
}
.textbox {
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #e1e1e1;
	font-size: 12px;
	font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana;
}
.textboxDisabled {
	background-color: #FFFFFF;
	border: 1px solid #e1e1e1;
	/*font-size: 12px;*/
	color: #e1e1e1;
	font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana;
}
.submit {	
	color: #FFFFFF;
	/* height: 18px; */
	/* font-weight: bold; */
	font-size: 11px;
	background-color: #7aced3;
	border: 1px solid #b1d16c;
	font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana;
}

li.bullet {
	list-style-type: square;
}
li.bulletLrg {
	list-style-type: square;
	font-size: 12px;
}

li.num {
	color: #333333;		
}
li.account {
	list-style-type: square;
	padding-top: 5px;
	padding-bottom: 5px;
}
.txtSession, .txtCopy, .txtSiteDocs {
	color: #1b9799;
}
a.txtSession, a.txtSiteDocs {
	color: #1b9799;
	text-decoration: none;
}
a.txtSession:hover, a.txtSiteDocs:hover {
	color: #70cdcc;
	text-decoration: none;
}
.txtButton {
	color: #FFFFFF;
	background-color: #7aced3;
	border: 1px solid #b1d16c;
	font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana;
	padding: 2px;
	line-height: 18px;
	text-align: center;
	text-decoration: none;
}
a.txtButton {
	color: #FFFFFF;
	background-color: #7aced3;
	border: 1px solid #b1d16c;
	font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana;
	padding: 2px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}
a.txtButton:hover {
	color: #FFFFFF;
	background-color: #70cdcc;
	border: 1px solid #66bbba;
	font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana;
	padding: 2px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}
.txtOldPrice {
	text-decoration: line-through;
	font-size:12px;
}
.txtSale {
 	color: #70cdcc;
	font-family: "Lucida Sans", "Lucida Sans Unicode", Verdana;
	font-size:16px;
	font-weight:bold;
}
.txtOutOfStock {
	color: #FF0000;
}
.txtPrice {
	font-family: "Lucida Sans", "Lucida Sans Unicode", Verdana;
	font-size:16px;
	font-weight:bold;
	color: #333333;
}
.txtSiteDocs, a.txtSiteDocs {
	color: #ffffff;
	text-decoration:none;
	font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana;
	font-size: 12px;
}
a.txtSiteDocs:hover {
	color: #c3e37e;
	text-decoration:none;
}
.txtDefault, a.txtDefault, a.txtLink, a.txtLocation {
	color: #333333;
	text-decoration:none;
}
a.txtDefault:hover, a.txtLink:hover, a.txtLocation:hover {
	text-decoration:underline;
}
a.txtSelected:hover, a.txtSelected:active, a.txtSelected:link, a.txtSelected:visited {
	color: #70cdcc;
	text-decoration:none;
}
.txtContentTitle {
color:#1b9799;
font-size:18px;
padding:5px 0 10px 10px;
}

.txtBoxSave {
	color: #70cdcc;
	padding-left: 16px;
}
.tblList {
}
.tdListTitle {
	background-color: #e1e1e1;
	font-weight: bold;
	color: #000;
}
.tdEven {
	background-color: #FFFFFF;
	border-bottom: 1px dashed #e1e1e1;
}
.tdOdd {
	background-color: #FFFFFF;
	border-bottom: 1px dashed #e1e1e1;
}
.txtCartPrice {
	float: right;
	color: #c3e37e;
	padding-right: 3px;
}
.txtCart {
	color: #333333;	
}
.cartTotal {
	border-top: 1px dashed #e1e1e1;
	padding-top: 2px;
	margin-top: 3px;
	margin-bottom: 5px;
}
a.txtCartProduct:active, a.txtCartProduct:link, a.txtCartProduct:visited {
	text-decoration: none;
	color: #333333;
}
a.txtCartProduct:hover {
	text-decoration: none;
	color: #70cdcc;
}
a.txtviewCart:active, a.txtviewCart:link, a.txtviewCart:visited {
	color: #FFFFFF;
	background-color: #c3e37e;
	border: 1px solid #b1d16c;
	font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana;
	padding: 2px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}
a.txtviewCart:hover {
	color: #FFFFFF;
	background-color: #70cdcc;
	border: 1px solid #66bbba;
	font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana;
	padding: 2px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}
a.flashBasket:active, a.flashBasket:link, a.flashBasket:visited, a.flashBasket:hover {
	color: #FFFFFF;
	background-color: #e1e1e1;
	border: 1px solid #cccccc;
	font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana;
	padding: 2px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}
.cartProgress {
	font-weight: normal;
	color: #666666;
	padding: 4px;
	border: 1px solid #e1e1e1;
	margin: auto;
}
.txtcartProgressCurrent {
	color: #1b9799;
	font-weight: bold;
}
.quickBuy {
	text-align: center;
	color: #666666;
}
.tdcartTitle {
	font-weight: bold;
	color: #333333;
	background-color: #ffffff;
	border-bottom: 1px dashed #e1e1e1;
}
.tdcartEven {
	background-color: #ffffff;
	border-bottom: 1px dashed #e1e1e1;	
}
.tdcartOdd {
	background-color: #FFFFFF;
	border-bottom: 1px dashed #e1e1e1;
}
.tdCartSubTotal {
	padding-top: 10px;
}

.txtStockWarn {
	color: #FF0000;
}
.txtError {
	font-weight: bold;
	color: #050F72;
	background-color: #FFCECE;
	border: 1px solid #FF0000;
	padding: 5px;
}
.txtCopyright, a.txtCopyright {
	text-align: center;
	/*font-size: 11px;*/
	padding-top: 5px;
	color: #000000;
}
a.txtCopyright:hover {
	text-decoration: none;
}
.dropDown {
	width: 120px;
}
.addCoupon:hover, .addCoupon:active, .addCoupon:visited, .addCoupon:link  {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#RatingTop {
	background-color: #ffffff;
	padding: 3px;
}

#RatingMain {
	background-color: #ffffff;
	padding: 3px;
	font-style:italic;
}

.ReviewBot {
	background-color: #ffffff;
	padding: 3px;
}

#RatingBottom {
	background-color: #e1e1e1;
	padding: 3px;
	color: #FFFFFF;
	/*font-size: 11px;*/
}

a.sortLink {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
a.sortLink:hover {
	text-decoration: underline;
}

#shipping-select {
	width: 220px;
}

/* start mod: Common code for: Fully Flexible Contact Forms -or- Advanced Contact Forms */
/* by Estelle - http://cubecart.expandingbrain.com */

/* Information displayed after email is sent */
.divEmailInfo {
	margin: 1em auto 1em auto;
	background-color: #E0FFB8;
	padding: 1px 1em;
	position: relative;
}
.divEmailError {
	margin: 1em auto 2em auto;
	padding: 1em;
	color: red;
	background-color: #FFEEE7;
}
.divEmailFields {
	margin: 1em auto;
	padding: 10px;
	width: 95%;
	overflow: auto;
	border: 1px dashed #94DA3A;
}

/* Table and field sizes/alignment */
table.contactForm {
	margin: 0 auto;
	width: 100%;
}
.contactForm input.textbox {
	width: 96%;
}
.contactForm select {
	/*width: 243px;*/
}
.contactForm textarea {
	width: 99%;
	height: 160px;
}

.contactForm td {
margin:5px !important;
padding:5px !important;
}

/* This is for the CAPTCHA */
#recaptcha_area {
	margin: 0.5em 0;
}
.recaptcha_theme_white .required, .recaptcha_theme_blackglass .required, .recaptcha_theme_red .required {
	border: 1px solid #70CDCC !important;
}
.recaptcha_theme_white .validation-failed, .recaptcha_theme_blackglass .validation-failed, .recaptcha_theme_red .validation-failed {
	border: 2px solid #FF3333 !important;
}
.recaptcha_theme_white .validation-passed, .recaptcha_theme_blackglass .validation-passed, .recaptcha_theme_red .validation-passed {
	border: 1px solid #B1D16C !important;
}
.recaptcha_theme_white .validation-advice, .recaptcha_theme_blackglass .validation-advice, .recaptcha_theme_red .validation-advice {
    display: none;
}

/* end mod: Common code for: Fully Flexible Contact Forms -or- Advanced Contact Forms */