/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

body {
	background: #e6e6e6 url(../images/epilegin_images/top_gradient_bg.png) repeat-x;
	margin: 0px;
	font-family:  Arial, Helvetica, sans-serif; font-size: 12px;
}

/************************************************************************************
 * Style: TD
 ************************************************************************************/


/************************************************************************************
 * Style: Forms
 ************************************************************************************/
form {  
  margin: 0;
  padding: 0;
  display: inline;
}

checkbox, input, radio, select, textarea, file { 
	font-family: Verdana, Arial, sans-serif; font-size: 11px; 
}





.inputRequirement {
	color:#990000;
}

/************************************************************************************
 * Style: General
 ************************************************************************************/
TD.centered {
	text-align: center
}

TD.tinytd {
	height: 8px;
}

TD.smalltd {
	height: 8px;
}

TD.topit {
	vertical-align: top;
}

.middleit {
	vertical-align: middle;
}

TD.bottomit {
	vertical-align: bottom;
}

TD.leftit {
	text-align:left;
}

TD.centerit {
	vertical-align: middle;
}

TD.rightit {
	text-align: right;
}

TD.justifyit {
	text-align:justify;
}

.bodyline {
	 border: 1px solid #feaa24;
}

TD.leftpadit {
	padding-left: 10px;
}

TD.rightpadit {
	padding-right: 10px;
}

.srinkit {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.smallText { 
	font-family: Verdana, Arial, sans-serif; font-size: 11px;
}

.mouseOver {
	 cursor: pointer; 
	 cursor: hand;
}

.mouseOut {
	cursor: default;
}
.small_font{ font-size:1px; line-height:1px;}

/*GEneral*/
.clear{ clear:both;}
.small_font{ font-size:1px;}
.relative{ position:relative;}
.center_div{ width:1000px; position:relative; margin:auto;}
/*Site CSS*/


.header{ position:relative;z-index:1;}
.logo{ position:relative; top:15px; float:left;}
.topControls{ position:relative; float:right; background:url(../images/epilegin_images/vertical_separator.png) left center no-repeat; height:110px; width:510px; }
.topControls .left{ float:left; width:330px; position:relative; }
.topControls .right{float:right; width:170px; margin-top:68px;}
.topControls .right ul{ margin:0; padding:0; list-style:none;}
.topControls .right ul li{ float:left; margin-left:8px;}
.socials{background:url(../images/epilegin_images/socials.png) no-repeat; width:34px; height:33px; display:block;}
.facebook{}
.twitter{ background-position:-34px 0px;}
.linked{ background-position:-68px 0px;}
.googlePlus{background-position:-102px 0px;}
.cart{ margin-top:60px; color:WHITE; font-size:12px; padding-left:20px;}
.cart a{ font-size:18px; color:WHITE; font-weight:bold; text-decoration:none; display:block;}
.telephone{}
.telephone img{ position:absolute; top:15px; left:10px;}
.teleText{ position:relative; color:WHITE; top:45px; font-size:23px; text-align:right; padding-right:60px; font-weight:bold;}
.teleText span{ font-size:11px;}

.menu{ background:url(../images/epilegin_images/menu_bg.png) repeat-x; height:123px;position:relative;z-index:2;}
.menu .center_div{ padding-top:10px;}
.menu .center_div .shadow{ background:url(../images/epilegin_images/menu_top_shadow.png) no-repeat; width:984px; height:9px; position:absolute; top:-9px; left:8px;}
.menu .center_div .left{ float:left; position:relative; z-index:3}
.menu .center_div .left ul{ margin:0; padding:0; list-style:none;color:#218199; font-size:13px;line-height:50px; font-weight:bold;}
.menu .center_div .left ul li{ float:left;}
.menu .center_div .left ul li a{ display:inline-block; line-height:50px; padding:0 4px 0 4px; color:#218199; font-size:13px; font-weight:bold; text-decoration:none; }
.menu .center_div .left ul li a:hover{ color:#4bbdd9; text-decoration:underline;}
.menu .center_div .left ul li .top_sub{ position:absolute; top:40px; display:none; background:WHITE; border-bottom-left-radius:6px;border-bottom-right-radius:6px; padding:15px !important;line-height:35px !important;}
.menu .center_div .left ul li .top_sub li{ float:none !important;}
.menu .center_div .left ul li .top_sub li a{ line-height:17px !important; padding:0px !important;}
.menu .center_div .right{float:right; }
.menu .center_div .right ul{ list-style:none; margin:0; padding:0;}
.menu .center_div .right ul li{ float:left;}
.menu .center_div .right ul li.plusOne { padding-top:15px;}
.menu .center_div .right ul li.separator{ background:url(../images/epilegin_images/shadow_separator.png) no-repeat center center; width:7px; height:50px;}
.search{ display:inline-block; background:url(../images/epilegin_images/search_bg.png) no-repeat center center; width:224px; height:50px; }
.search .searchform{ background:none; border:none;  position:relative; top:12px; left:15px; width:190px; color:#999; line-height:25px; height:25px; font-size:13px;}
.languages{ padding-top:16px;}
.languages a{ margin-left:5px;}

/*top menu*/
.top_menu{ position:relative;z-index:2;top:2px;}
.sub_menu_top_left{ background:url(../images/artie_images/sub_box_top_left.png) no-repeat; width:20px; height:20px;}
.sub_menu_top_mid{ background:url(../images/artie_images/sub_box_top_mid.png) repeat-x; height:20px;}
.sub_menu_top_right{ background:url(../images/artie_images/sub_box_top_right.png) no-repeat; width:23px; height:20px;}
.sub_menu_mid_left{ background:url(../images/artie_images/sub_box_mid_left.png) repeat-y; width:20px;}
.sub_menu_mid_mid{ background:WHITE;}
.sub_menu_mid_right{ background:url(../images/artie_images/sub_box_mid_right.png) repeat-y; width:23px;}
.sub_menu_bottom_left{ background:url(../images/artie_images/sub_box_bottom_left.png) no-repeat; width:20px; height:22px;}
.sub_menu_bottom_mid{ background:url(../images/artie_images/sub_box_bottom_mid.png) repeat-x; height:22px;}
.sub_menu_bottom_right{ background:url(../images/artie_images/sub_box_bottom_right.png) no-repeat; height:22px; width:23px;}
.sub_menu{ display:none; position:absolute; left:0px; width:1000px; z-index:10; top:60px;}
.top_menu_item{ text-align:center;height:60px; z-index:10;}
.subhover{ background:url(../images/artie_images/menu_over.jpg) repeat-x;}
.top_link{ display:block; color:WHITE; font-size:12px; font-weight:bold; text-decoration:none; }
.sub_arrow{ background:url(../images/artie_images/menu_arrow.png) no-repeat; width:17px; height:8px; position: absolute;}

.sub_image_link{ display:block; text-align:center;}
.sub_bategories{ padding:0px; margin:0px;}
.sub_bategories_li{ float:left; list-style:none; width:185px; text-align:center; margin-right:0px; margin-left:6px; margin-bottom:10px;}
.sub_bategories_li a{ color:#499ed6; text-decoration:none; font-weight:bold;}
.sub_bategories_li a:hover{ text-decoration:underline;}
.sub_sub_categories{padding:0px; margin:0px; margin-left:15px;}
.sub_sub_categories li{ list-style-position:outside; list-style-image:url(../images/artie_images/sub_menu_list_arrow.png);}
.sub_sub_categories li a{ color:#333; font-weight:normal; text-decoration:none;}
.sub_sub_categories li a:hover{ text-decoration:underline;}

/*end of top menu*/
.slider_div{ position:relative;z-index:1;}
.sliderFrame{ background:url(../images/epilegin_images/slider_frame.png) no-repeat center center ; width:1000px; height:433px; margin:auto;}
.sliderOuter{position:relative; top:20px; left:19px; width:961px; height:359px; overflow:hidden; position:relative;}
.slider_window{width:961px; height:359px; overflow:hidden; position:relative;}
.slider_info_box{ position:absolute; top:10px; right:10px; width:250px; height:319px; padding:10px; background:url(../images/epilegin_images/sliderTransparent.png);}
.slider_title{ font-size:17px; color:WHITE; margin-bottom:10px;}
.slider_text{ background:WHITE; opacity: 0.6; filter: alpha(opacity = 60); padding:10px; position:relative; left:-30px; font-size:12px; }
.sliderArrowLeft{ background:url(../images/epilegin_images/slider_left_arrow.png) no-repeat; width:42px ; height:82px; position:absolute; z-index:1; top:140px; left:0px; cursor:pointer;}
.sliderArrowRight{background:url(../images/epilegin_images/slider_right_arrow.png) no-repeat; width:42px ; height:82px; position:absolute;z-index:1; top:140px; right:0px; cursor:pointer;}

.content .center_div{}
.categoryInfo{ padding-left:8px; margin-bottom:15px;}
.categoryInfoLeft{ float:left; width:68%;}
.categoryTitle{ font-size:30px; color:#2b5d8b;margin-bottom:15px;}
.categoryText{ font-size:14px; color:#666; text-align:justify; padding-top:20px;font-family: Verdana, Arial, sans-serif;}
.categoryText a{ color:#666; text-decoration:none;}
.categoryInfoRight{ float:right; width:25%;}

.page_title{ padding-left:8px; font-size:30px; color:#2b5d8b; margin-bottom:15px; }
.content .left{ width:25%; float:left; padding-left:8px;}
.content .right{width:68%; float:right; padding:10px; margin-bottom:20px; background:WHITE; -moz-box-shadow: 4px 4px 8px #999;-webkit-box-shadow: 4px 4px 8px #999;box-shadow: 4px 4px 8px #999;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');}
.content .right  a{ color:#333; text-decoration:none;}
.content .right a:hover{ text-decoration:underline;}
.cartBox{ background:url(../images/epilegin_images/blue_box.png) no-repeat; height:76px; width:241px; position:relative; margin-top:20px;}
.cartBox img{ position:absolute; top:-15px; left:10px;}
.cartBox .cartText{ position:absolute; top:10px; left:15px; width:200px;  text-align:right; color:WHITE; font-size:12px;}
.cartBox .cartText a{font-size:20px; color:WHITE; font-weight:bold; text-decoration:none; display:block; margin-bottom:6px;}

.shipmentBox{background:url(../images/epilegin_images/blue_box.png) no-repeat; height:76px; width:241px; position:relative; margin-top:20px; cursor:pointer;}
.shipmentBox img{ position:absolute; top:-25px; right:10px;}
.shipmentBoxText{ color:WHITE; font-size:18px; font-weight:bold; position:relative; top:10px; left:15px;}

/*tabs*/
.tab_container { width: 100%; margin-top:30px; border-radius:5px; border:1px solid #CCC; background:#fff; position:relative;}
.tab_shadow{ background:url(../images/epilegin_images/slider_bottom_shadow.png) no-repeat center center; width:1000px; height:9px; position:absolute; left:0px; bottom:-9px;}
.tab_content {padding: 20px;font-size: 14px;color:#666; font-family: Verdana, Arial, sans-serif;}
.tab_content a{ text-decoration:none; color:#666;}
.tab_content .image img{ margin-right:10px; padding:6px; background:WHITE; /*border:1px solid #CCC; -moz-box-shadow: 3px 3px 6px #999;-webkit-box-shadow: 3px 3px 6px #999;box-shadow: 3px 3px 6px #999;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')";	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');*/}
.controls{ padding-top:2px; padding-bottom:2px; margin-bottom:10px; position:relative; top:-3px;}
.tab_link{ text-align:center; height:40px; font-size:11px;  vertical-align:middle; padding:0 6px 0 6px;}
.tab_link a{color:#999; text-decoration:none; font-weight:bold;}
.tab_separator{ font-size:1px; width:3px; }
.controls .active{ background: url(../images/epilegin_images/tabs_button_gradient_bg.jpg) repeat-x bottom; border:1px solid #CCC; border-bottom-left-radius:5px;border-bottom-right-radius:5px; border-top:none;}
.slider_category_title { text-decoration:none; color:#00caff; font-size:20px; font-weight:bold; border-bottom:2px solid #00caff; padding-bottom:5px;}
/*end of tabs*/
.underSliderSeparator{ background:url(../images/epilegin_images/separator.jpg) repeat-x; height:2px; margin:0px 0 30px 0;}

.textColumns{ margin:0 0 20px 0;}
.textColumns .leftCol{ float:left; width:70%; padding-left:10px;color:#666;font-family: Verdana, Arial, sans-serif;}
.textColumns .leftCol a{ text-decoration:none; color:#666;}
.textColumns .rightCol{ float:right; width:25%;}

/*content old css*/
.info_column{ width:30%; padding-right:10px;}
.specials_column{ width:40%;}
.right_column{ width:30%;}
.information_title{ color:WHITE; font-size:18px; line-height:200%; border-bottom:1px solid #CCC;}
.info_column a{ text-decoration:none; color:WHITE; font-size:12px;}
.info_column a:hover{ text-decoration:underline;}
.padding_left{ padding-left:10px;}
.specials_box{ background:WHITE; padding-left:10px; padding-right:10px; margin-bottom:30px;}
.specials_heading{font-size:18px; line-height:200%; border-bottom:1px solid #CCC; color:#333; text-decoration:none;}
.specials_heading a{font-size:18px; line-height:200%;  color:#333; text-decoration:none;}
.specials_product_title a{ text-decoration:none; font-size:14px; font-weight:bold; color:BLACK;}
.specials_product_prices{font-size:13px; font-weight:bold; color:#666;}
.productSpecialPrice{ color:#22d3ff;}
.contact_header{color:WHITE; font-size:18px; line-height:200%; border-bottom:1px solid #CCC;}
.submit_button{ background:url(../images/artie_images/pink_button.png) no-repeat; width:87px; height:27px; text-align:center; line-height:27px; color:WHITE; font-weight: bold; cursor:pointer;}
.white_gradient_top{ background:#fefefe url(../images/artie_images/white_gradient_top.jpg) repeat-x;}
.white_gradient_bottom{ background:url(../images/artie_images/white_gradient_bottom.jpg) repeat-x bottom; height:200px;}
.white_content_box{ margin-top:15px; margin-bottom:15px;}
.white_box_top{ background:url(../images/artie_images/white_box_top.png) no-repeat; height:9px; width:689px; font-size:1px;}
.white_box_mid{ background:url(../images/artie_images/white_box_mid.png) repeat-y; width:689px; padding-left:10px; padding-right:20px;}
.white_box_bottom{ background:url(../images/artie_images/white_box_bottom.png) no-repeat; height:15px; width:689px;}
.headingtitle{ font-size:18px; color:#333; border-bottom:2px solid #CCC;}
.headingtitle a{ color:#333; text-decoration:none;}
.categories_box{ margin-top:10px;}
.categories_box a{ color:#333; text-decoration:none;}
.categories_box a:hover{ text-decoration:underline;}
.categories_heading{ font-size:18px;color:#333; border-bottom:2px solid #CCC;}
.productTitle{ color:#333; font-weight:bold; text-align:center; padding:4px;}
.box-content{}
.free_shipment_text{ position:relative; font-size:19px;  color:WHITE; line-height:47px; left:10px;}
.white_content_box a{ color:#333; text-decoration:none;}
.white_content_box a:hover{ text-decoration:underline;}
.more_pics{ font-size:10px;}
.photo_separator{ border-bottom:1px solid #999; padding-bottom:2px;}
.black_footer{ background:BLACK; padding-top:10px;padding-bottom:10px;}
.white_line{ font-size:1px; height:3px;}
.listing_title{  font-size:16px; color:#306da7; padding-bottom:5px;}
.listing_description{}
.listing_more{ padding-top:5px; display:block;}


.prefooter{ background:#4aa0d9 url(../images/epilegin_images/prefooter_bg.jpg) repeat-x; padding-top:20px;}
.backToTop{ background:url(../images/epilegin_images/back_to_top.png) no-repeat; width:50px; height:50px; position:absolute; right:10px; top:-45px; cursor: pointer;}
.prefooter .left{ float:left; width:740px;}
.prefooter .right{ float:right; width:250px;}
.footer_menu{ color:WHITE; padding-top:0px;}
.footer_menu_title{ color:WHITE; font-size:18px; border-bottom:1px solid WHITE; line-height:200%;}
.footer_menu a{ color:#fff; text-decoration:none;}
.footer_menu a:hover{ text-decoration:underline;}
.whiteit{ color:WHITE;}
.whiteit a{ color:WHITE; text-decoration:none;}
.whiteit a:hover{ text-decoration:underline;}
.prefooter .right ul{ margin:0; padding:0; list-style:none;}
.prefooter .right ul li{ text-align:right; margin-bottom:10px;}
.prefooter .right ul li img{}
.prefooter .right ul li .newsletterField{ width:80%; border:1px solid #00a8d2; color:#00a8d2; height:15px; font-size:14px; padding:5px;}
.prefooter .right ul li .submitNewsletterForm{ display:block; width:100px; background:url(../images/epilegin_images/button_bg.png) repeat-x; height:24px; line-height:24px; text-align:center; float:right; color:WHITE; font-size:14px; font-weight:bold; letter-spacing:-1px; border:1px solid #00a8d2; border-radius:8px; cursor:pointer; }
.prefooter .right ul li .submitNewsletterForm:hover{ text-decoration:underline;}
.preFooterText{ padding-top:20px; padding-bottom:20px; color:WHITE;}
.preFooterText a{ text-decoration:none; color:WHITE;}
.preFooterText a:hover{text-decoration:underline;}

.footer{ background:url(../images/epilegin_images/footer_bg.png) repeat-x; height:97px;}
.web-experts-logo{ float:right; margin-top:25px;}
.credits{ float:left; color:white; line-height:97px;}
.credits a{ color:WHITE; font-weight:bold; text-decoration:none;}
.credits a:hover{ text-decoration:underline;}

#facebook_panel{position:fixed;right:-260px;top:70px;width:296px;height:420px;z-index:9998;}  
#twitter_panel{position:fixed;right:-260px;top:250px;width:296px;height:420px;z-index:9999;}  
a#facebook_panel_opener{display:block;float:left;width:36px;height:159px;text-indent:-9999px;background:url('../images/fabebook-panel.png') no-repeat;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-box-shadow:0 0 4px #444;-webkit-box-shadow:0 0 4px #444;box-shadow:0 0 4px #444;}  
a#twitter_panel_opener{display:block;float:left;width:36px;height:112px;text-indent:-9999px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-box-shadow:0 0 4px #444;-webkit-box-shadow:0 0 4px #444;box-shadow:0 0 4px #444;}  
#facebook_panel.opened,#twitter_panel.opened{right:0;}  
#facebook_panel_inner,#twitter_panel_inner{color:#444;padding:10px;} 
#facebook_panel_data,#twitter_panel_data{float:left;width:260px;background:#fff;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;-moz-box-shadow:2px 0 4px #444;-webkit-box-shadow:0 0 5px #444;box-shadow:0 0 5px #444;}
.categoryMenuImage{ display:block; width:150px; height:90px; margin:auto;}
#twitter_panel_inner .title{ background:#ededed; padding:4px; color:#666; font-size:15px; font-weight:bold;}
#twitter_panel_inner .title img{ float:left; margin-right:5px;}
.panelMore{ display:block; background:#ededed; text-align:right; line-height:30px; margin-top:10px; color:#666; padding:5px; text-decoration:none;}
.panelMore:hover{ text-decoration:underline;}
#twitter_panel_inner .description{ padding:10px 4px 10px 4px; }