button::-moz-focus-inner {border:none;padding:0}
#CartShare, #LoginForm, #WishitemShare{display:none;}

#gridNav{margin: 0 0 20px;}
#gridNav .orderby{float:left;}
#gridNav .filters{float:left;}
#gridNav .filters .filter{float:left;}
#gridNav .viewall{float:right; font-size:11px; margin: 8px 0 0 10px;}
#gridNav .pagination{float:right;}

/* #Misc
================================================== */
.remove-bottom {
    margin-bottom: 0 !important;
}

.half-bottom {
    margin-bottom: 10px !important;
}

.add-bottom {
    margin-bottom: 20px !important;
}

.addedContain{position: fixed;
top: 100px;
left: 0;
width: 100%;}

/* Image Zoomer */
.magnifyarea { /* CSS to add shadow to magnified image. Optional */
box-shadow: 5px 5px 7px #ffffff;
-webkit-box-shadow: 5px 5px 7px #ffffff;
-moz-box-shadow: 5px 5px 7px #ffffff;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ffffff, offX=5, offY=5, positive=true);
background: white;
    }

.targetarea { /* CSS for container div(s) of the zoomable image */
    width: 265px; /* wide or wider than the widest zoomable image */
    height: 275px; /* high or higher than the tallest zoomable image */
    margin-top:3px;
    position: relative;
    background-color: #ffffff;
    border:0px;
    text-decoration: none;

}
.thumbs { /* divs holding the trigger links - styles optional, used here to center their links below their respective zoomable image */
    padding-top: 5px;
    width: 250px;
    text-align: left;
    background-color: white;
    border:0px;

}

/***** Typeahead search *****/
.typeahead{position: absolute; list-style:none; padding:0; margin:0;
width: 150px; background: #fff; display:none;}
.typeahead a{display:block; padding: 5px;}
.typeahead .active{}

/***** Breadcrumbs ******/
.breadcrumbs { font-size:11px; margin-bottom: 20px; clear:both; background: url(../images/line.gif) center bottom repeat-x; height: 25px; }
.breadcrumbs a { text-transform: lowercase; font-size: inherit; }
.breadcrumbs .sep{display:inline-block; padding: 0 5px;}

/***** Product Grid *****/
#gridheader { }
#gridheader h1 { line-height: 40px; margin-top: 0px; margin-bottom: 3px; }
.subcategories { margin-left: 10px;margin-bottom: 15px;}
.subcategories a { text-decoration: underline; padding-right: 10px; }
.productGrid{}
.productRow{clear:both; margin: 0 0 25px;}
.productCell{float:left; margin: 0 25px 40px 0; height: 320px; width: 240px !important; }
.productCell:nth-child(3n+3) { margin-right: 0; }
.productCell:hover .cellImg {
	webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.5);
	box-shadow:         2px 2px 5px rgba(50, 50, 50, 0.5);	
}
.productCell:hover .cellInfo { 
	webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.5);
	box-shadow:         2px 2px 5px rgba(50, 50, 50, 0.5);	
	border: 1px solid #ccc; 
	color: #5b5a5a;	
}

.productCell .cellInfo { border: 1px solid #fff; padding: 10px; }
.productCell a{display:block; margin: 0 auto; font-weight: 600; font-family: 'Carrois Gothic', sans-serif; font-size: 14px; }
.productCell .cellImg{ margin: 0 0 15px; text-align:center; padding: 0; height: 240px !important; }
.productCell .cellTitle{text-align:center; margin-top: 6px; font-weight: 400; }
.productCell .cellPricing{text-align:center; color: #00abec;}
.productCell .cellRegPrice{margin-right: 20px; text-decoration: line-through;color:red;}

#productDetails { padding-top: 20px; }
#productDetails .pdLeft{float:left; width: 40%; }
#productDetails .pdRight{float:right; width: 60%; }
#productDetails #photos img { 
	padding: 5px !important;
	border: 1px solid #999999;
	padding: 5px;
	margin-bottom: 25px;
	box-shadow: 2px 2px 5px #444;	
	-webkit-box-shadow: 2px 2px 5px #444;
	-moz-box-shadow:    2px 2px 5px #444; 
}	
#productDetails .price { font-size: 18px; color: #00abec; }
#productDetails .description { font-family: arial, sans-serif; }
#productDetails .qty label, #productDetails .qty select, #productDetails .qty span { display: inline-block; padding-right: 6px; }
#productDetails .qty span { font-style: italic; padding-left: 5px; }
#productDetails .qty select { width: 110px; }
#productDetails .border { border: 1px solid #999999; padding: 10px 10px 6px;  }
#productDetails .qty { float: left; }
#productDetails #addToWishList { float: right; padding: 8px 0; }
#productDetails #addToWishList a { text-decoration: underline; font-size: 14px; }
#productDetails .addcart  {
	display: block;
	float: left;
	font: 16px 'Carrois Gothic', sans-serif !important;
	text-transform: lowercase;
	background: #333634 url(../images/arrowBg.png) 95% 50% no-repeat;
	text-align: left;
	color: #fff;
	padding: 6px 0 6px 10px;
	width: 110px;
	margin-left: 150px;
}
#productDetails .addcart:hover {
	background: #40a9cf url(../images/arrowBg.png) 95% 50% no-repeat;
}
#productDetails .addcart:hover a { color: #fff; }

#pop_added {
	display: none;
	background: #fff;
	width: 320px;
}
#pop_added p { 
	text-align: center;
	color: #40a9cf;
	background: #333634;
	padding: 30px 0 20px;
	font-size: 18px;
}
#pop_added .buttons { padding: 20px 0 30px; text-align: center; }
#pop_added .buttons .button { display: inline; }
#pop_added .buttons .continue { margin-right: 20px; }
.magnifyarea  { margin-left: 40px; width: 450px !important; }
	
/***** Pagination *****/
.pagination{list-style:none; margin: 0; padding:0; text-align: right;  }
.pagination li.page.selected, .pagination li.page.selected a{font-weight:bold;}
.pagination li { display: inline-block; margin: 0; overflow: hidden; padding: 0 5px;}
#topPagination{margin: 0 0 20px !important;}

/***** Search Box *****/
#searchentry { text-transform: uppercase; border-bottom: 5px solid black; margin-bottom: 5px; height: 37px; margin-top: 11px; }
#searchentry .search_left img { padding-top: 3px; padding-right:5px; float: left; }
#searchentry .search_left .spyglass { width: 16px; height:16px; }
#searchentry .search_box  { float: left;   }
#searchentry .search_box input { width: 142px; height: 16px; font-size: 1.0em;  border: 0px; border-collapse: collapse; margin-bottom: 4px; -webkit-appearance:textfield; text-transform: none; }
#searchentry .searchTextBox .searched {  }
#searchentry .search_advanced img { padding-left: 32px; padding-top: 6px;}

#advancedsearch #AdvancedSearchForm_intCategory { width: auto;}

.cart_qty_box{width:50px !important; margin: -3px 0;}
/* when editing cart */

.facebook_wall { margin-top: 30px; border: 1px solid #e7e7e7; padding: 20px; }
.facebook_wall textarea { width: 400px; border: 0px hidden; }
/***** Sidebar Modules *****/
#sidebar { display: block; margin: 30px 0 0px 0; }
#sidebar .sidebar{margin: 0 0 10px;}
#sidebar .link{display:block; margin: 0px;}
#sidebar .containers {padding: 5px 0 0; display: none;}

/***** Checkout page and Registration Page *****/
#checkout .warning, #checkout .errorMessage, #contact-form .warning, #contact-form .errorMessage, #wishlistdisplay .errorMessage{  text-transform: uppercase; font-size: 0.8em; line-height: 14px;}
#checkout .red,#contact-form .red, .customer_reg_err_msg {  font-size: 1.1em;text-transform: uppercase; }

  /* tweaks for specific fields. They all have IDs so it makes it easy */
.rememberMe label { display: inline;}
#checkout #CheckoutForm_orderNotes { width: 100%;}
#checkout #CheckoutForm_paymentProvider { width: 340px;}
#checkout #CheckoutForm_cardCVV { width: 70px;}
#checkout #Payforms .row {margin-left: 0px;}
#shippingProviderRadio, #shippingPriorityRadio{ width: 300px;margin-bottom: 6px; padding-bottom: 10px; }
#shippingProviderRadio label, #shippingPriorityRadio label{ display:inherit; margin-bottom: 4px; }
#checkout #ModuleMethod {width: 220px; height: 40px;}
#checkout #CalculateShippingCtrl { width: 200px; }
#checkout #recaptcha_response_field { border: 1px; width: 150px; text-transform: none;}
#checkout #PromoLabel {  }
#checkout .addressblock { padding-bottom: 12px; height: 120px; }
#checkout .addresslabel { font-weight: bold; padding-bottom: 6px; display: inline-block; }

/***** Login popup box login_box.tpl.php *****/
#LoginForm {margin-bottom: 0px; padding:0; position: relative; height:auto !important;}
#LoginForm form{margin:0;}
#LoginForm .close{position: absolute; display:block; top:10px; right:10px;
border: 0; outline: 0; focus:0;}
.login { width: 50%; }
.login a{outline:0;}
.login .fieldLeft{float:left; width: 48%;}
.login .fieldRight{float:right; width: 48%;}
.login .field input[type="text"], .login .field input[type="password"]{width: 100%;}
.login .buttons{text-align:center;}
.login .create{display:inline-block;margin: 8px 0 0;}
.login .fpw{clear:both; margin:5px 0 0; float:right; font-size:11px;}
#LoginRemember label, #LoginForm_rememberMe{float:left; margin: 0 5px 0 0;}

.forgotpassword {  }

/***** Sitemap *****/
#sitemap ul {  margin-left:20px; list-style-type: square; line-height: 20px;}

/***** Messages from system *****/
.msg { text-align:  center; font-size: 1.2em;  font-weight: 600; padding-top: 30px; padding-bottom: 20px;}
.flash_message { font-size: 1.1em; font-weight: 600; background-border: 1px solid #ccaaaa; padding: 5px; margin-top: 5px; margin-bottom: 5px;}
/***** Order/SRO/Quote Display *****/
#orderdisplay .cartlabel, #orderdisplay .label { text-transform: uppercase; font-size: 0.9em; font-weight: 600 !important;  }
#orderdisplay .qtybox { width: 30px;}
.myaddress { margin-left: 0px !important; padding-bottom: 10px !important;}
.myaddress .default { color: #9c9c9c;  font-style: italic; display: block; }

/***** Order/SRO/Quote Display *****/
#wishlistdisplay .qtybox { width: 30px; font-size: 1.1em; margin-bottom: 7px; border: 3px; border-bottom: 1px solid black; text-align: center; padding: 2px; height: 15px;}
#wishlistdisplay .light { font-weight: 300; }
#wishlistdisplay .left { width: 45%; }
#wishlistdisplay .heading { font-size: 1.3em; }
#wishlistdisplay .comment { font-size: 0.9em; }
#wishlistdisplay .thin { margin-bottom: 4px; }
#wishlistdisplay .list_itemx {   line-height: 1em;}
#wishlistdisplay .list_image {float:left;  height: 36px; width: 36px; margin:auto; padding-top: 5px; padding-bottom: 5px; padding-right: 6px;}
#wishlistdisplay .list_item img {max-width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto; }
#wishlistdisplay .wishshare { font-size: 0.9em; margin-top: 30px;}
#wishlistdisplay .addcart {   height: 18px; padding-top: 4px; padding-bottom: 6px; margin-right: 18px; padding-left: 5px; padding-right: 5px; text-align: center;margin-bottom: 10px; cursor: pointer; float: left; text-transform: uppercase; font-size: 0.9em;}
#wishlistdisplay .addcart a { margin-top: 20px;  text-transform: uppercase; font-size: 0.8em;}
#wishlistdisplay .sharelist {  height: 18px; padding-top: 4px; padding-bottom: 6px; margin-right: 18px; padding-left: 5px; padding-right: 5px; text-align: center;margin-bottom: 10px; cursor: pointer; float: left; text-transform: uppercase; font-size: 0.9em;font-weight: 600;}
#wishlistdisplay .sharelist a { margin-top: 20px;  text-transform: uppercase; font-size: 0.8em;}
#wishlistdisplay label[for=Wishlist_deleteMe] { display: inline; }
#Wishlist_ship_option { width: 250px;}
#WishlistEditForm { margin-bottom: 0px; }
#WishlistEditForm_qty, #WishlistEditForm_qty_received { width: 50px;}
#WishlistEditForm_comment, #Wishlist_registry_description {height: 70px;}
#btnAddWishList { margin-left: 120px;}
#btnWishListDelete {margin-left: 20px;}
#wishlistdisplay .btnDelete { }
#ShareForm_comment {height: 80px;}

/****** jCarousel skin ******/
/* If you set the slider photo size larger than 170px in Admin Panel, you will need to also adjust the following two lines */
.carousel { margin-top: 30px; margin-bottom:20px; }
.jcarousel-skin-slider .jcarousel-clip-horizontal { width:100%; height:180px; }
.jcarousel-skin-slider .jcarousel-item { height:180px; }
.jcarousel-skin-slider .jcarousel-container{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:#FFFFFF;border:1px solid #706f73; }
.jcarousel-skin-slider .jcarousel-direction-rtl { direction:rtl; }
.jcarousel-skin-slider .jcarousel-container-horizontal { width:100%;padding:20px 40px; }
.jcarousel-skin-slider .jcarousel-clip { overflow:hidden; }
.jcarousel-skin-slider .jcarousel-item-horizontal{margin-left:0;margin-right:10px}
.jcarousel-skin-slider .jcarousel-direction-rtl .jcarousel-item-horizontal{margin-left:10px;margin-right:0}
.jcarousel-skin-slider .jcarousel-item-placeholder{ }
.jcarousel-skin-slider .jcarousel-next-horizontal{position:absolute;top:43px;right:5px;width:32px;height:32px;cursor:pointer;background:transparent url(images/next-horizontal.png) no-repeat 0 0}
.jcarousel-skin-slider .jcarousel-direction-rtl .jcarousel-next-horizontal{left:5px;right:auto;background-image:url(images/prev-horizontal.png)}
.jcarousel-skin-slider .jcarousel-prev-horizontal{position:absolute;top:43px;left:5px;width:32px;height:32px;cursor:pointer;background:transparent url(images/prev-horizontal.png) no-repeat 0 0}
.jcarousel-skin-slider .jcarousel-direction-rtl .jcarousel-prev-horizontal{left:auto;right:5px;background-image:url(images/next-horizontal.png)}
.jcarousel-skin-slider .jcarousel-next-horizontal:hover,.jcarousel-skin-slider .jcarousel-next-horizontal:focus,.jcarousel-skin-slider .jcarousel-prev-horizontal:hover,.jcarousel-skin-slider .jcarousel-prev-horizontal:focus{background-position:-32px 0}
.jcarousel-skin-slider .jcarousel-next-horizontal:active,.jcarousel-skin-slider .jcarousel-prev-horizontal:active{background-position:-64px 0}
.jcarousel-skin-slider .jcarousel-next-disabled-horizontal,.jcarousel-skin-slider .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-slider .jcarousel-next-disabled-horizontal:focus,.jcarousel-skin-slider .jcarousel-next-disabled-horizontal:active,.jcarousel-skin-slider .jcarousel-prev-disabled-horizontal,.jcarousel-skin-slider .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-slider .jcarousel-prev-disabled-horizontal:focus,.jcarousel-skin-slider .jcarousel-prev-disabled-horizontal:active{cursor:default;background-position:-96px 0}
.jcarousel-skin-slider .caption { font-size: 9pt;  text-transform: uppercase; max-width: 150px;}

/****** tweaks ******/
.midrow { margin-bottom: 12px;}
.shortrow { margin-bottom: 2px;}

/***** Pagination *****/
#pagination a {color: #888888;  }
#pagination li.page.selected, #pagination li.page.selected a {color: black; }
#pagination li { color: #c7c7c7; }

/***** Checkout page and Registration Page *****/
#checkout .warning, #checkout .errorMessage, #contact-form .warning, #contact-form .errorMessage, #wishlistdisplay .errorMessage { color: #dd0000; }
#checkout .red,#contact-form .red, .customer_reg_err_msg { color: #dd0000; }

/***** Messages from system *****/
.msg { color: #252525; }

/***** Order/SRO/Quote Display *****/
#orderdisplay .cartlabel, #orderdisplay .label { background-color: white; color: black; }

/****** jCarousel skin ******/
.jcarousel-skin-slider .jcarousel-container{background:#FFFFFF;border:1px solid #706f73; }
.jcarousel-skin-slider .jcarousel-item-placeholder{background:#fff;color:#000}

.hidden{display:none !important;}

/*Alert*/
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;display: none;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

.alert .close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.alert .close:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.alert button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.ui-widget{font-family: inherit !important;}
.ui-dialog .ui-dialog-titlebar{display:none;}
.ui-dialog{padding:0 !important; background: transparent !important; border:0 !important;
border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important;}
.ui-widget-content a, .popup, .popupsmall{color: inherit !important; font-size:inherit !important;}
.ui-widget input[type="text"], .ui-widget input[type="password"], .ui-widget select, 
.ui-widget textarea{font-size:12px !important;}
.ui-dialog .ui-dialog-content{padding:0 !important;}

#ShoppingCart h2{margin: 0 0 8px; line-height: 100%;}
.gcRow, #gcTotals{padding: 8px;}
.gcRow .item, .gcRow .price, .gcRow .qty, .gcRow .totals{float:left; width:15%;}
.gcRow .item{width:55%;}
.gcRow .img{float:left; width: 20%;}
.gcRow .info{float:right; width: 78%;}
.cart_qty_box, .gcRow .price, .gcRow .qty, .gcRow .totals{text-align:right;}
#gcTotals{width: 30%; float:right; padding-top: 0;}
#gcTotals .row{margin: 5px 0 0;}
#gcTotals .row .lbl{float:left; width: 45%; text-align:right;}
#gcTotals .row .ttl{float:right; width: 45%; text-align:right;}
#cartButtons{padding:10px 0 0;}
#cartButtons ul{list-style:none; padding:0; margin:0; float:left;}
#cartButtons li{float:left; margin: 0 8px 0 0;}
#checkoutButton{float:right;}

#checkout .row { margin-bottom: 20px; }
#checkout h1, #orderdisplay h1, #wishlistdisplay h1, #contactus h1{margin: 0 0 10px;}
#checkout .note{margin: 0 0 20px;}
#checkout fieldset, #orderdisplay fieldset{border:0; padding:0; margin:0 0 20px;}
#checkout .line, #orderdisplay .line{margin: 0 0 30px;}
#orderdisplay legend{ padding: 0 0px 5px;
display:block; width:100%; margin: 0 0 15px;}
#checkout legend a, #orderdisplay legend a{text-transform:none; font-size:12px;}
.fields .frmfield{float:left;}
.fields .frmfield, .field{margin: 0 10px; padding: 0 0 12px;}
.fields label, .field label{margin: 0 0 3px; display:block;}
.required { color: red; }

#checkout .left { width: 48%; }
#checkout .right { width: 48%; }

#customercontact{float: left; width: 55%;}
#createaccount{float: right;width: 41%;}
#shippingaddress{float:left; width:48%;}
#billingaddress{float:right; width:48%;}
#checkout label[for="CheckoutForm_billingResidential"], #checkout label[for="CheckoutForm_shippingResidential"],
#checkout label[for="CheckoutForm_billingSameAsShipping"], #checkout label[for="CheckoutForm_receiveNewsletter"],
#checkout label[for="Customer_newsletter_subscribe"], #checkout label[for="CustomerAddress_active"],
#checkout label[for="CustomerAddress_makeDefaultBilling"], #checkout label[for="CustomerAddress_makeDefaultShipping"],
#checkout label[for="CustomerAddress_residential"], #Wishlist_visibility label,
#Wishlist_after_purchase label{display:inline;}

#wlpHeader{margin-top:25px;}
.wlpRow b, .wlRow b, .wlsRow b{padding:5px; display:block; font-weight:normal;}
.wlpRow .products, .wlpRow .qty, .wlpRow .status, .wlpRow .edit{float:left; width: 15%;}
.wlRow .name, .wlRow .contains, .wlRow .desc, .wlRow .edit{float:left; width: 30%;}
.wlpRow .products{width: 55%;}
.wlRow .edit{width:10%; text-align:right;}
.wlpRow .qty, .wlpRow .edit{text-align:right;}
.wlpRow .products img{width:50px; margin-right:10px;}
.wlsRow .name, .wlsRow .contains, .wlsRow .desc{float:left; width: 33%;}
.wlsRow .desc{width:34%;}

#wlShare{list-style:none; padding:0; margin:0; float:right;}
#wlShare li{float:left; margin: 0 0px 0 10px;}
.popup { width: 80%; overflow: hidden !important; padding: 5px 20px;  border: 1px solid #d1d1d1; background: #fff; }
.popup .buttons { text-align: center; }
.popup .button { display: inline-block; }
#ShareForm .buttons, #WishitemEdit .buttons{text-align:center;}

#wishlistdisplay .results{margin-top:25px;}
#WishlistSearch_email{width:250px;}

#orderdisplay .info{margin: 0 0 10px}
#orderdisplay .lbl{width: 15%; float: left; }
#orderdisplay .val{width: 35%; float: left; }
#orderdisplay .val3rd{width: 80%;  float: left; }

.contactLeft{float:left; width: 48%;}
.contactRight{float:right; width: 48%;}

#custom_content p{line-height:140%;}
#sharingtools #pinterest{float: left; margin: 0 3px 0 0;}
#btnSendWishList{margin-right:20px;}

#WishList ul{margin:0 0 0 20px; padding:0; list-style:square;}
#OrderLookup .row-fluid{margin: 0 0 10px;}

.field input, .fields input,
.field textarea, .fields textarea, 
.field select, .fields select{-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;}

.fields2th .frmfield{width: 48%;}
.fields2th .frmfield:nth-child(2){float:right;}

.fields3th .frmfield{width:33.33%;}
.fields3th .frmfield:nth-child(1) label, .fields3th .frmfield:nth-child(1) .fld{margin-right:10px;}
.fields3th .frmfield:nth-child(2) label, .fields3th .frmfield:nth-child(2) .fld{margin-left:5px; margin-right:5px;}
.fields3th .frmfield:nth-child(3) label, .fields3th .frmfield:nth-child(3) .fld{margin-left:10px;}
.fields3th .frmfield:nth-child(3){float:right;}
.field .fld input[type="text"], .field .fld input[type="password"], 
.field .fld textarea, .field .fld select, 
.fields .fld input[type="text"], .fields .fld input[type="password"], 
.fields .fld textarea, .fields .fld select{width: 100%;}

.myorder .link, .myorder .created, .myorder .status{float:left; width: 33%; text-align:right;
margin: 0 0 8px;}
.myorder .link{width: 34%; text-align:left;}
.mywishlists .link, .myrepairs .link{margin: 0 0 8px;}

.floatleft{float:left;}
.floatright{float:right;}

.captcha{}
.captcha .img{float:left; text-align:center;}
.captcha img{display:block; border:1px solid #eee;}
.captcha .input{float:left; margin-left:10px;}
.captcha a{font-size:11px;}
.captcha .hint{font-size:11px; margin: 6px 0 0;}

#WishlistAddForm_gift_code{display:block; margin: 10px 25px 0;}
#WishlistAddForm_gift_code input[type="radio"]{float:left; width: 7%; clear:both; display:block;
margin: 0; outline:0;}
#WishlistAddForm_gift_code label{display:block; float:right; width: 90%; margin: 0 0 6px;}

#checkout .myaddress{position: relative; padding: 0 0 0 20px !important;
margin: 15px 0 0;}
#checkout .myaddress input{position: absolute; left:0; top:0; margin:2px;}
#checkout .myaddress .info{}
#CustomerContactBillingAddress{display:block !important;}

body{min-width:1000px;}
/*ipad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
    body{min-width: 1020px; min-height: 1300px;}
}
    /*ipad retina*/
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    }
    /*ipad mini*/
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)  { /* STYLES GO HERE */}

/*iphone5*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
}
    /*older iphones*/
    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    }

/*****************************************************************/

.center { text-align: center; }
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.row:after,
.clearfix:after {
    clear: both;
}

.row,
.clearfix {
    zoom: 1;
	margin-bottom: 15px;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

html, 
body {
	font-family: 'Varela Round', sans-serif;
	color: #5b5a5a;
	margin: 10px 0;
	font-size: 13px;
	font-weight: 400;
	height: 100%; }
h1, 
h3, 
h2, 
h4,
p, label { 
	font-family: 'Carrois Gothic', sans-serif;
	padding: 0; 
	margin: 0; }
h1 {
	font-size: 18px;
	margin-bottom: 7px;
	color: #00abec; }
h2 { font-size: 16px; margin-bottom: 10px; }

a { 
	font-family: 'Carrois Gothic', sans-serif;
	color: inherit; 
	text-decoration: none; 
	font-size: inherit; }
img {
	border: 0; }
a:hover { 
	color: #40a9cf; }
ul { 
	list-style-type: none; padding: 0; margin: 0; }
span { 
	font-family: 'Carrois Gothic', sans-serif; }
select {
	color: #7e7e7e;
	font: 13px arial, sans-serif;
	font-weight: 400; 
	border: 1px solid #ebe4de; 
	padding: 7px 5px;
	width: 94%;
}

legend {
	font-family: 'Carrois Gothic', sans-serif; 
	font-size: 15px;
	padding-bottom: 15px;
	color: #00abec; }
label {
	display: block;
	padding-bottom: 8px; }
textarea {
	padding: 2px 4px;
	font-size: 13px;
	border: 1px solid #ebe4de; 
	color: #7e7e7e;	
	width: 90%;
}

/********** Button Class ***************/
#zoom { position: relative; font-size: 11px; top: -5px; margin-bottom: 20px; }
.small_pix { margin-right: 6px; margin-bottom: 6px; }
.small_pix:hover {
	box-shadow: 2px 2px 5px #444;	
	-webkit-box-shadow: 2px 2px 5px #444;
	-moz-box-shadow:    2px 2px 5px #444; }

.button,
input[type=button], input[type=submit] {
	display: block;
	padding: 4px 6px !important;
	font-family: 'Carrois Gothic', sans-serif;
	text-transform: lowercase !important;
	background-color: #333634;
	font-size: 14px !important;
	text-align: center;
	cursor: pointer;
	color: #fff; }
input[type=button], input[type=submit] {
	border: 0; }

input[type=email], 
input[type=text], 
input[type=password], 
.textbox {
	width: 90%;
	font-size: 14px;
	color: #7e7e7e;	
	border: 1px solid #cecece; 
	padding: 8px 5px; 
}
	
.button:hover, input[type=button]:hover, input[type=submit]:hover  {
	color: #fff;
	background-color: #40a9cf; }

	
.container { 
	position: relative; 
	width: 1192px; 
	margin: 0 auto; 
	padding: 0; }	
	
	
.main_nav {
	margin-top: 20px;
	margin-bottom: 10px;
	background: url(../images/navBg.gif) no-repeat;
	height: 38px;	
	width: 1192px;
	padding-top: 10px;
	-webkit-box-shadow: 0 10px 8px -6px #444;
	-moz-box-shadow: 0 10px 8px -6px #444;
	box-shadow: 0 10px 8px -6px #444;
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#444'); }

.main_nav li {	
	float: left;
	margin-left: 15px; }
.main_nav .li_wrapper { position: relative; }
.main_nav .li_wrapper:hover .sub_menu_wrapper  { display: block; }
.main_nav li:first-child {
	margin-left: 85px; }
.main_nav li a {
	padding: 4px 15px;
	display: block;
	font-size: 20px;
	color: #fff; }
.main_nav a:hover, .main_nav .active, .main_nav .li_wrapper:hover {
	background: url(../images/blue_bg.png);
	display: block; 
}
.main_nav .right {	
	background-color: #fff;
	border: 1px solid #5b5a5a;
	margin-right: 95px;
	margin-top: 2px;
}
.main_nav #xlsSearch {
	float: left;
	border: 0;
	width: 180px;
	padding: 0;
	font-size: 12px;
	margin: 5px; }

.sub_menu_wrapper { position: absolute; display: none; width: 190px; min-height: 110px; z-index: 2500; left: 0; top: 0; }
.sub_menu { position: absolute; top: 40px; border: 1px solid #ccc;  padding: 8px 5px; background: #fff; -webkit-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.5); box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.5); }
.sub_menu li { display: block !important; clear: both !important; margin: 0 !important; padding: 0 !important; }
.sub_menu a { font-size: 14px !important; padding: 2px 0; color: #5b5a5a !important; }
.sub_menu li:hover { background: 0 !important; }
.sub_menu li:hover a, .sub_menu .active { color: #00abec !important; background: 0 !important; }
	
/******* header *******/
#header, #body, #copyright { width: 1000px; margin: auto; }
#header .cart_qty, #header .wrapper  { display: inline-block; padding-left: 10px; }
#header .cart_qty:hover img { opacity: 0.5; filter: alpha(opacity=50); }
#header .cart_qty img, #header .cart_qty .summary { display: inline; }
#header .cart_qty img { position: relative; top: 5px; right: 5px; }
#header #login {
	background-color: #5b5a5a;
	color: #fff;
	padding: 4px 8px 0px 8px; }	
#header #login  a { padding: 0 5px; }
#header #login img { display: none; }
#logo { margin-top: -60px; }


/*********** body ***********/
	
/********* side_nav *********/
#side_nav {
	padding: 20px 0; }
#side_nav ul li {
	float: left;
	background: url(../images/line.gif) 0 100% no-repeat;
	width: 179px;
	min-height: 30px;
	padding-top: 10px;
	text-align: right;
}
#side_nav ul li a {
	text-transform: uppercase;
	font-size: 14px; }
#side_nav .active {
	color: #00abec; }
#side_nav li ul li a { text-transform: lowercase; }	
#side_nav li ul { padding: 1px 0 15px 0; }
#side_nav li ul li { background: 0; min-height: 0; padding-top: 3px; }	
	
#footer .active { color: #40a9cf; }
#footer{
	margin: 7px auto 10px auto;
	width: 1175px;
	height: 65px;
	background: url(../images/footerBg.gif) no-repeat;
	-webkit-box-shadow: 0 -10px 8px -6px #444;
	-moz-box-shadow: 0 -10px 8px -6px #444;
	box-shadow: 0 -10px 8px -6px #444; }
#footer .wrapper {
	padding-top: 7px;
	margin-left: 88px; }
#footer .soclinks, #footer .newsletter {
	float: left; }
#footer .soclinks {
	padding-top: 12px; }
#footer .newsletter {
	margin-left: 40px; }
#footer p {
	color: #fff;
	font-size: 14px; }
#footer .box {
	background-color: #fff;
	min-height: 27px;
	margin-top: 3px;	
	padding-left: 10px;
	width: 240px; 
	-webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	-moz-box-shadow:    1px 1px 1px rgba(50, 50, 50, 1);
	box-shadow:         1px 1px 1px rgba(50, 50, 50, 1); }
#footer input[type=email] {
	float: left;
	border: 0;
	width: 165px;
	font-size: 12px;
	padding: 0;
	padding-bottom: 2px;
	margin: 5px 0; }
#footer .newsletter .button, .main_nav .button { float: right; background: #40a9cf; }
#footer .newsletter .button:hover, .main_nav .button:hover { background: #333634; }

#footer .right li {
	float: left;
	margin-left: 18px; }
#footer .right {
	margin-top: 20px;
	margin-right: 80px;
}
#footer .right a {
	color: #fff;
	font-size: 14px; }	
#footer .right a:hover, #footer .right .active {
	color: #00abec; }
#footer img {
	border: 0; }
#footer img:hover {
	opacity: 0.5;
	filter: alpha(opacity=50); }
	
/*********** Copyright Section ***********/
#copyright {
	font-size: 12px;
	padding: 10px 0; 
	margin-bottom: 20px; }
	
.invisible {
	display: none; }

	
.right {	float: right; }	
.left { float: left; }
.nospace { margin: 0 !important; }

#bodyLeft { float: left; width: 20%; }
#bodyRight { float: right; width: 78%; padding: 30px 0; }

#genericcart, #wlHeader, #wlpHeader { border: 1px solid #d1d1d1; }
#gcHeader { border-bottom: 1px solid #d1d1d1; }
#wlHeader { margin-top: 20px; }

#contactus p, #custom_content p { margin-bottom: 10px; }
#contactus .left { width: 50%; }
#contactus .right { width: 45%; }