/* CSS Document */
body{ padding:0; margin:0; background:url(../images/bg.gif) repeat-x white; font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color:black;}
.spacer{ padding:0; margin:0; line-height:0; clear:both;}
.spacer2{ padding:0; margin:0; line-height:0; clear:both; height:0;}
ul{ list-style-type:none;}
h1,h2,h3,h4,h5,h6,div,span,p,a,img,table,tr,td,ol,ul,li,form{ padding:0; margin:0;}
a{ font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#0A90B5; padding:0; margin:0; text-decoration:underline;}
a:hover{ text-decoration:none;}
.container{ width:990px;  background:url(../images/header_bg.jpg) left 1px no-repeat; padding:0; margin:0 auto; }
.header{ width:990px; padding:0; margin:0;}
.logo{ width:379px; padding:0; margin:0;}
.header_left{ width:520px; float:left; display:block; padding:0; margin:0;}
.header_right{ width:470px; float:left; display:block; padding:0; margin:0;}
.header_text{ width:280px; padding:0 0 0 160px; margin:0; font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color:white;}
a.grn_bttnbg{ width:51px; height:19px; background:url(../images/green_bttnbg.gif) left top no-repeat; padding:0 0 0 10px; margin:0; text-decoration:none; font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif; color:white; display:block;}
a.grn_bttnbg:hover{ color:#246814; text-decoration:none;}
.gen_right{ float:right; display:block; padding:0; margin:0;}
a.buy_scallopshells{ width:121px; height:110px; background:url(../images/buyscallop_shells.jpg) left top no-repeat; text-decoration:none; display:block; float:left;}
a.buy_scallopshells:hover{  text-decoration:none;}
.header_rightlinks{ width:349px; float:right; display: block; padding:0; margin:0; }
.header_rightlinks ul{padding:0; margin:0;}
.header_rightlinks ul li.gap{padding:10px 0 0 15px; margin:0; float:right; display:block; width:66px; height:37px; background:url(../images/top_linksbg.jpg) left top no-repeat;}
.header_rightlinks ul li{padding:10px 0 0 0; margin:0 0 0 2px; float:right; display:block; width:100px; height:27px; background:url(../images/top_linksbg.jpg) left top no-repeat; text-align:center;}
.header_rightlinks ul li a{padding:0 0 0 0; margin:0;  font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#DA641A; text-decoration:none; }
.header_rightlinks ul li a:hover{color:#E8BB09; text-decoration:none}
.header_rightlinks ul li a.active{color:#E8BB09; text-decoration:none}

.cart{ width:175px; height:20px; background:#EAF9FC; float:right; display:block; padding:5px 0 0 0px; margin:115px 0 0 0; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#30A8C6; text-align:center;}
.cart a{font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#30A8C6; text-decoration:none;}
.cart a:hover{text-decoration:underline;}
.body_middle{ width:990px; padding:0 0 25px 0; margin:0;}
h1{ font:normal 24px Georgia, "Times New Roman", Times, serif; color:black; padding:10px 0 15px 0; margin:0;}
h4{ font:normal 18px Georgia, "Times New Roman", Times, serif; color:#32AAC7; padding:10px 0 15px 0; margin:0;}
.highlight_bg{ background:#FDF5D3; padding:0; margin:0;}
a.orange_more{ width:88px; height:22px; background:url(../images/orange_readmore.gif) repeat-x #FF930D; border:1px solid #D07300; font:bold 12px/22px Verdana, Arial, Helvetica, sans-serif; color:white; text-align:center; text-decoration:none; padding:0; margin:10px 0 5px 0; display:block;}
a.orange_more:hover{ text-decoration:none; color:black;}
.body_left{ width:230px; float:left; display:block; padding:0 30px 0 0; margin:0;}
.body_right{ width:730px; float:left; display:block; padding:0; margin:0;}
h2{ font:normal 18px Georgia, "Times New Roman", Times, serif; color:black; padding:0 0 10px 0; margin:0;}
h2.category{ font:normal 18px Georgia, "Times New Roman", Times, serif; color:#565656; /*background-color:#c8f7fe;*/ padding:10px 0 0px 5px; margin:35px 0 0 0; border-top:1px dashed #989797;}
.left_nav{ width:230px; padding:0; margin:0;}
.left_nav ul{padding:0; margin:0; width:230px;}
.left_nav ul li{  border-bottom:1px dashed #989797; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#32AAC7; padding:0; margin:0;  background:url(../images/normal_leftnavbg.gif) 5px 10px no-repeat;}
.left_nav ul li a{width:210px; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#32AAC7; padding:8px 0 8px 20px; margin:0; display:block; text-decoration:none; }
.left_nav ul li a:hover{ text-decoration:none; background:url(../images/normal_leftnavbg.gif) 5px 10px no-repeat #EAF9FC;  margin:0; color:#759409;}
.left_nav ul li a.selected{ text-decoration:none; background:url(../images/normal_leftnavbg.gif) 5px 10px no-repeat #EAF9FC; color:#759409;}
.left_nav ul li ul.submenu{ padding:0 0 7px 10px; margin:0; list-style-type:none; width:220px; }
.left_nav ul li ul.submenu li{font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#32AAC7; background:none; padding:0; width:220px; border:none; margin:0;border-top:1px dashed #989797;}
.left_nav ul li ul.submenu li a{font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#759409; background:url(../images/subarrow.gif) 5px 7px no-repeat;  width:200px; padding:4px 0 4px 20px; }
.left_nav ul li ul.submenu li a:hover{ text-decoration:none; background:url(../images/subarrow.gif) 5px 7px no-repeat #EAF9FC; color:#32AAC7;}
.left_nav ul li ul.submenu li a.visited{font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#759409; text-decoration:none; background:url(../images/subarrow.gif) 5px 7px no-repeat #EAF9FC; color:#32AAC7; width:200px; padding:4px 0 4px 20px;}

.quick_contact{ width:230px; padding:60px 0 20px 0; margin:0;}
h3{ font:normal 18px Verdana, Arial, Helvetica, sans-serif; color:#759409; padding:0; margin:0;}
.dotted_border{ border-bottom:1px dotted #7C7C7C; padding:3px 0 0 0; margin:0;}
.normal_blacktxt{ font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:black; padding:6px 0 0 0; margin:0;}
a.blue_links{ font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#32AAC7; padding:0; margin:0; text-decoration:none;}
a.blue_links:hover{ text-decoration:underline;}
.featured_outer{ width:730px; padding:0 0 20px 0; margin:0;}
.featured_top{ width:730px; padding:0; margin:0; background:url(../images/featured_product_topbg.gif) left bottom no-repeat; height:5px;}
.featured_bottom{ width:730px; padding:0; margin:0; background:url(../images/featured_product_bottombg.gif) left top no-repeat; height:5px;}
.featured_middle{ width:730px; padding:0; margin:0; background:url(../images/featured_product_bg.gif) left top repeat-y;}
.featured_left{ width:222px; float:left; display:block; padding:0 21px 12px 5px; margin:0;}
.featured_center{ width:222px; float:left; display:block; padding:0 21px 12px 5px; margin:0;}
.featured_right{ width:222px; float:left; display:block; padding:0 6px 12px 5px; margin:0;}
.featured_black{ width:222px; background:none; text-align:center; padding:6px 0 6px 0; margin:0; border-bottom:7px solid white;}
.featured_green{ width:222px; background:none; text-align:center; padding:6px 0 6px 0; margin:0; border-bottom:7px solid white;}
.featured_orange{ width:222px; background:none; text-align:center; padding:6px 0 6px 0; margin:0; border-bottom:7px solid white;}

.featured_content{ width:217px; padding:8px 2px 0 3px; margin:0; font:normal 10px/14px Verdana, Arial, Helvetica, sans-serif; color:black;}
a.read_head{ font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#BB1010; padding:0; margin:0; text-decoration:none;}
a.read_head:hover{ text-decoration:underline;}
.size_select{ width:140px; height:17px; background:white; border:1px solid #A6A7A7; font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:black; padding:0; margin:0;}
.small_redtxt{ font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#BB1010; padding:0; margin:0;}
a.addtocart{ width:102px; height:18px; background:url(../images/addtocart_bg.gif) repeat-x #EE971C; border:1px solid #D27D00; padding:5px 0 0 0; margin:0; text-align:center; text-decoration:none; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:black; display:block;}
a.addtocart:hover{ text-decoration:none; color:#FB6C03;}
.footer{ width:100%; background:black; height:125px; padding:0; margin:0 auto;  font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:white;}
.footer_links{ width:990px; padding:47px 0 0 0px; margin:0 auto; }
.footer_links ul{ padding:0 0 0 160px; margin:0;}
.footer_links ul li{ padding:0; margin:0; float:left; display:block;}
.footer_links ul li.txt{ padding:0 7px 0 7px; margin:0; float:left; display:block;}
.footer_links ul li a{float:left; display:block; font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:white; text-decoration:none;}
.footer_links ul li a:hover{ text-decoration:underline;}
.copyright_txt{ padding:20px 0 0 0; margin:0;}
.product_details{ width:706px; padding:10px; margin:15px 0 0 0; background:url(../images/product_details_bg.gif) repeat-y #E8FBFE; border:2px solid #C4F6FE; font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#46b3cb;}
.product_left{ width:208px; padding:0; margin:0; float:left; display:block;}
.product_image{ width:208px; padding:0 0 0 0; margin:0; text-align:center;}
.product_image img{ border:2px solid #C1C1C1; margin-bottom:5px; padding:2px; background-color:#ffffff}
.product_image img:hover{ border:2px solid #5EC4DB; background-color:#ffffff}

.product_details_home{ width:706px; padding:10px; margin:15px 0 0 0; background:url(../images/product_details_bg_home.gif) repeat-y #E8FBFE; border:2px solid #C4F6FE; font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#46b3cb;}
.product_left_home{ width:308px; padding:0; margin:0; float:left; display:block;}
.product_image_home{ width:308px; padding:0 0 0 0; margin:0; text-align:center;}
.product_image_home img{ border:2px solid #C1C1C1; margin-bottom:5px; padding:2px; background-color:#ffffff}
.product_image_home img:hover{ border:2px solid #5EC4DB; background-color:#ffffff}
.product_right_home{ width:334px; padding:0 0px 0 10px; margin:0 0 0 15px; float:left; display:block;}

.product_right{ width:434px; padding:0 0px 0 10px; margin:0 0 0 15px; float:left; display:block;}
a.bigblue_links{ font:bold 14px Georgia, "Times New Roman", Times, serif; padding:0 0 22px 0; margin:0; color:#068FB3; text-decoration:none;}
a.bigblue_links:hover{  text-decoration:underline;}
.inner_select{ width:140px; height:18px; font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#46b3cb; padding:0; margin:0; border:1px solid #A5A7A7; background:white;}
.green_price{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#9DB322; padding:0; margin:0;}
a.yellow_addtocart{ width:103px; height:19px; background:url(../images/addtocart_yellowbg.gif) repeat-x ; border:1px solid #DEA303; padding:5px 0 0 0; margin:0; text-align:center; text-decoration:none; color:#C9452F; font:bold 12px Verdana, Arial, Helvetica, sans-serif; display:block}
a.yellow_addtocart:hover{ text-decoration:none;}
.table_head{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:white; padding:0 0 0 5px; margin:0;}
.table_txt{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#46b3cb; padding:0 0 0 5px; margin:0;}
.table_txt_two{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#46b3cb; padding:3px 0 3px 5px; margin:0;}
a.general_links{ font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#478B38; padding:0; margin:0; text-decoration:none;}
a.general_links:hover{ text-decoration:underline;}
a.general_links_secand{ font:bold 10px/22px Verdana, Arial, Helvetica, sans-serif; color:#A5410B; padding:0; margin:0; text-decoration:none;background:url(../images/orange_reset.gif) repeat-x ; width:120px; height:22px; border:1px solid #DEA303; display:block;}
a.general_links_secand:hover{background:url(../images/green_submit.gif) repeat-x ; border:1px solid #679800; color:#ffffff;}
.form_content{ width:690px; padding:10px 10px 10px 26px; margin:0; background:#EBF9FC; border:2px solid #C6F1FA;}
.form_content form{ padding:0; margin:0;}
.form_content form fieldset{ padding:0; margin:0; border:0; }
.form_content form fieldset legend{ padding:0; margin:0; border:0; }
.form_content form fieldset label{ padding:0; margin:0 0 10px 0; float:left; display:block; width:250px; font:bold 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#5AC0D6; }
.form_content form fieldset h2{ padding:0 0 5px 0; margin:0 0 10px 0; font:bold 14px/18px Verdana, Arial, Helvetica, sans-serif; color:#575757; border-bottom:1px dotted #575757;}
.form_content form fieldset h3{ padding:0; margin:0 0 10px 0; float:left; display:block; width:400px; font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color:#575757; }
.form_content form fieldset label span{ color:#C20C0B; }
.form_content form fieldset input{ padding:4px 0 0 2px; margin:0 0 10px 0; float:left; display:block; width:220px; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#5AC0D6; background:white; border:1px solid #5AC0D6; height:18px;}
.form_content form fieldset input.checkbox{ padding:0; margin:0 0 10px 0; float:left; display:block; width:22px; background:none; border:none; height:22px;}
.form_content form fieldset select{ padding:0; margin:0 0 10px 0; float:left; display:block; width:224px; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#5AC0D6; background:white; border:1px solid #5AC0D6; height:22px;}
.form_content form fieldset textarea{ padding:2px 0 0 2px; margin:0 0 10px 0; float:left; display:block; width:220px; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#5AC0D6; background:white; border:1px solid #5AC0D6; height:80px;}
h5{ font:normal 15px/20px Verdana, Arial, Helvetica, sans-serif; color:#5AC0D6; padding:5px 0 20px 0; margin:0;}
.form_content form fieldset input.submit{ width:92px;  background:url(../images/green_submit.gif) repeat-x; border:1px solid #679800; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:white; float:left; display:block; padding:0; margin:0 20px 0 0; cursor:pointer; height:22px}
.form_content form fieldset input.reset{ width:92px; background:url(../images/orange_reset.gif) repeat-x #FAD368; border:1px solid #DEA303; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#A5410B; float:left; display:block; padding:0; margin:0; cursor:pointer; height:22px}
.form_content form fieldset input.credit{ width:150px;  background:url(../images/green_submit.gif) repeat-x; border:1px solid #679800; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:white; float:left; display:block; padding:0; margin:0 20px 0 0; cursor:pointer; height:22px}
.red { color:#ff0000}
.bottom_include{font:bold 12px/15px Verdana, Arial, Helvetica, sans-serif; color:#32AAC7; padding:10px 0 0 0;}
ul.users{ padding:10px 0 0 10px; margin:0; width:350px;}
ul.users li{font:normal 11px/15px Verdana, Arial, Helvetica, sans-serif; color:#759409; background:url(../images/subarrow.gif) 5px 4px no-repeat; padding:0 0 1px 20px; margin:0 0 5px 0;}
a.drawing{font:normal 12px/32px Verdana, Arial, Helvetica, sans-serif; color:#759409; background:url(../images/drawing_bg.gif) 5px 0px no-repeat; text-decoration:none; padding-left:45px; height:32px; display:block;}
a.drawing:hover{text-decoration:underline;}
.messege{ display:none; padding-left:14px; padding-bottom:10px;}


/*PRODUCT DISPLAY GALLERY*/
.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid #098FB4;
overflow: scroll; /*leave this value alone*/
width: 220px; /*Width of Carousel Viewer itself*/
height: 163px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0; 
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 200px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.one_img{
position: relative;
border: 10px solid #098FB4;
width: 220px; /*Width of Carousel Viewer itself*/
height: 163px; /*Height should enough to fit largest content's height*/

}
.one_img .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.one_img .panel{
 /*float: left;leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 200px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.click-box{  margin:0; padding:0; background:#5AC6DE;}
.click-box a{ margin:0 0 0 20px; padding:0; width:175px; display:block;  border:0px solid #0066FF; font:normal 12px/37px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; background:url(../images/click_arrow.jpg) no-repeat left center;}
.click-box a:hover{ color:#FFFFFF; text-decoration:none; background:url(../images/click_arrow.jpg) no-repeat left center;}