﻿
/* BEGIN RESET STYLES
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


*{
	margin: 0;
	padding: 0;
	/*font-size: 100%;*/
	/*vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;*/
	
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
	


/* BEGIN MASTER STYLES
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */


body 
{
	font-size: 62.5%;	
	font-family:  Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	line-height: 1.7em;			
}


p 
{
	/*font-size: 1.3em;*/
 	
	/*margin-bottom: 0.8em;*/
}

p.content
{
    font-size:1.4em;
    margin-bottom:10px;
    margin-left:10px;
    color:#333333;
   
}

ul.content
{
    font-size:1.4em;
    margin-bottom:10px;
    padding-left:50px;
    color:#333333; 
    list-style-type:square;
    list-style-position:inside;   
}




h2.content
{
    font-size:1.6em;
    margin-top:20px;
    margin-bottom:10px;
    margin-left:10px;
    
}


a:active {color: Black; text-decoration:underline;}  
a:visited {color: Black; text-decoration:underline;} 
a:link {color: Black; text-decoration:underline; }     
a:hover {color: Blue; text-decoration:underline;}

a.header_menu_link:active {color: #3d3d3d; text-decoration:none;}  
a.header_menu_link:visited {color: #3d3d3d; text-decoration:none;} 
a.header_menu_link:link {color: #3d3d3d; text-decoration:none;}     
a.header_menu_link:hover {color: #3d3d3d; text-decoration:none;}

h1
{
    margin-left:10px;
    margin-bottom: 0.5em;
    margin-top: 0.5em;    
}

h2
{
	/*font-size: 1.5em;	*/
}

h2.header_menu
{
   /* font-weight:bolder;      */ 
}


h3
{
	/*font-size: 1.5em;*/
	
}

#wrapper2
{

	width:990px;
	margin-left: auto ;
  	margin-right: auto ;
  	margin-top:10px;
}


.form-wrapper
{
    margin:25px 0 0 40px;
    height:1000px;
}

.form-error
{
   font-size:30px;   
   font-weight:bold; 
}

.form-lable
{    
    font-family:Georgia, Times, "Times New Roman", serif;
    font-size:20px;   
    font-weight:bold;
}

.form-slug
{
    font-family:Georgia, Times, "Times New Roman", serif;
    font-size:16px;       
}

.form-textbox
{
    width:500px;
    font-family:Georgia, Times, "Times New Roman", serif;
    font-size:22px;    
    margin-top:5px; 
    margin-bottom:15px; 
}

.form-textbox-short
{
    width:250px;
    font-family:Georgia, Times, "Times New Roman", serif;
    font-size:22px;    
    margin-top:5px; 
    margin-bottom:15px; 
}

.form-multi-textbox
{
    width:500px;
    font-family:Georgia, Times, "Times New Roman", serif;
    font-size:22px;
    margin-top:5px; 
    margin-bottom:15px;
}

.form-dropdown
{
    width:250px;
    font-family:Georgia, Times, "Times New Roman", serif;
    font-size:22px;
    margin-top:5px; 
    margin-bottom:15px;  
}

.form-submit-button
{
    background-color: #666666;
	color: #ffffff;
	font-size: 2.25em;
	font-weight:bold;
	cursor:pointer;
	padding:5px 10px 5px 10px;	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px 5px;   
}

/* HEADER SECTION
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

#wrapper2 #header
{
	height: 130px;	
	margin-bottom:25px;
}

	#wrapper2 #header #masthead
	{
	
	}


	#wrapper2 #header #nav
	{
	
	}
		#nav ul
		{
    			padding:2px 0 2px 10px;
    			margin:0 0 0 0;  
		}

			#nav li
			{
    				display: inline;
    				padding:0 0 0 0;
    				margin:0 0 0 0;        
    				font-weight: bold;    
			}


	#wrapper2 #header #sales
	{
	
	}
	
	.search-button
{
    background-color: #999999;
	color: #ffffff;
	font-size: 1.2em;
	font-weight:bold;
	cursor:pointer;
	padding:5px 10px 5px 10px;	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px 5px;
	width:90px;
	margin-bottom:10px;
	
}



/* MAIN CONTENT SECTION
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

#wrapper2 #main-content
{
    margin:50px 0 0 0;	
}

#content-wide
{
     margin:35px 0 0 0;
     padding:0 0 0 0;
}

#content
{
    margin:0 0 0 0;
    padding:0 0 0 0;
    border-left:solid 1px #DDDDDD;    
    width: 808px;
    float: right;
}

/* BEGIN SIDEBAR MENU */

a.menu_link:active {color: #666666; text-decoration:none;}  
a.menu_link:visited {color: #666666; text-decoration:none;} 
a.menu_link:link {color: #666666; text-decoration:none;}     
a.menu_link:hover {color: Red; text-decoration:underline;}

#sidebar
{
    padding:0 0 0 0;
    margin: 5px 0 0 0;   
    width: 180px;
    float: left;
    font-size:13px;     
}

.sidebar_parent
{
    padding: 0 0 2px 0;
    margin:10px 0 0 10px;    
    font-weight: bold;
    border-bottom:solid 1px #EEEEEE;    
}

.sidebar_child
{
    padding: 4px 0 2px 0;
    margin: 0 0 0 15px;
    border-bottom:solid 1px #EEEEEE; 
}

/*END SIDEBAR MENU

/* BEGIN DEPARTMENT PAGES



a.navigation_link:active {color: #666666; text-decoration:none;}  
a.navigation_link:visited {color: #666666; text-decoration:none;} 
a.navigation_link:link {color: #666666; text-decoration:none;}     
a.navigation_link:hover {color: Red; text-decoration:underline;}
 */
 
.navigation
{
    padding: 0 0 0 0;
    margin: 25px 0 0 10px;
    width:798px;
    height:30px;
    color: #333333;
    clear:both;      
} 

.navigation_dropdown_list
{   
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    float:left;
      
}

.navigation_links_arrows
{
    padding: 0 0 0 0;
    margin: 0 5px 0 0;
    float:right;
      
}

.dropdown_list
{
    font-size:11.5px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;   
}
 
a.list_link:active {color: #666666; text-decoration:none;}  
a.list_link:visited {color: #666666; text-decoration:none;} 
a.list_link:link {color: #666666; text-decoration:none;}     
a.list_link:hover {color: Red; text-decoration:underline;}

#product-list
{
    border-top: solid 1px #dddddd;  
}

#product-list-no-paging
{
}

#related-product-list
{ 
    /*float:left;
     width:500px;*/
}

#disqus
{
   
    /*margin-left:520px;*/
    
}

#list_product_container
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    width:201px;
    height: 235px;
    font-size:12px;
    color:#666666; 
    text-align:left;
    font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;   
    border-right:dashed 1px #dddddd; 
    border-bottom:dashed 1px #dddddd; 
    /*border-left:dashed 1px #cccccc; 
    border-top:dashed 1px #cccccc; */
}

#wide_list_product_container
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    width:196px;
    height: 235px;
    font-size:12px;
    color:#666666; 
    text-align:left;
    font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;   
    border-right:dashed 1px #dddddd; 
    border-bottom:dashed 1px #dddddd; 
    /*border-left:dashed 1px #cccccc; 
    border-top:dashed 1px #cccccc; */
}



#list_product_inner_container
{
    border:solid 1px #ffffff;
    width:199px;
    height:233px; 
}

#wide_list_product_inner_container
{
    border:solid 1px #ffffff;
    width:194px;
    height:233px; 
}


#list_product_inner_container:hover
{
     /*border:solid 1px #11b901; #425832;*/ 
     border:solid 1px #ffaaaa;/* #bd6c00;*/ 
}

#wide_list_product_inner_container:hover
{
     /*border:solid 1px #11b901; #425832;*/ 
     border:solid 1px #ffaaaa;/* #bd6c00;*/ 
}

#related_product_container
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    /*width:139px;*/
    width:118px;
    height: 170px;
    font-size:11px;
    color:#666666; 
    text-align:left;
    font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;   
    border-right:dashed 1px #dddddd; 
    border-bottom:dashed 1px #dddddd; 
    /*border-left:dashed 1px #cccccc; 
    border-top:dashed 1px #cccccc; */
}

#related_product_inner_container
{
    border:solid 1px #ffffff;
    width:116px;
    /*width:137px;*/
    height:168px; 
}

#related_product_inner_container:hover
{
     /*border:solid 1px #11b901; #425832;*/ 
     border:solid 1px #ffaaaa;/* #bd6c00;*/ 
}



.list_grid
{
   /* border: solid 1px red;*/
   /*margin-top:10px;*/
}

#list_product_name
{
  /* margin-right:2px;
  text-align:left;  */
  margin-left:10px;
}

#list_no_price
{
    /*color:#AD3C16; /*#773620;
    font-weight:bold;
    text-align:left;
    font-size:75%;*/
}

#list_regular_price
{
    
    font-family: Arial, Helvetica, Sans-Serif;
    float: left;
    text-align:left;
}

#list_product_thumbnail
{
    width:175px;
    margin-left: auto ;
  	margin-right: auto ;
  	margin-top:10px;
}

#related_product_thumbnail
{
    /*width:136px;*/
    margin-left: auto ;
  	margin-right: auto ;
  	margin-top:10px;
  	text-align:center;
}

#list_product_price
{
    text-align:left;
}

#list_sale_price
{    
    color:#AD3C16;
    /* margin-right:2px;*/
    /*font-weight:bold;
    text-align:center;*/
    
}

#list_product_id
{
     /* margin-right:2px;  
     text-align:center; */ 
     /*border:solid 1px #cccccc;*/
     margin-left:10px;
}

#collection_product_container
{
    padding: 0 0 0 0;
    margin: 5px 0 0 0;
    width:90px;
    height: 90px;
    font-size:10px;
    color:#666666; 
    text-align:left;
    /*font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;   
    border-right:dashed 1px #dddddd; 
    border-bottom:dashed 1px #dddddd; 
    /*border-left:dashed 1px #cccccc; 
    border-top:dashed 1px #cccccc; */
}



/* MAIN CONTENT >> PRODUCT DETAILS SECTION
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

h1.product-details
{
   margin:0 0 2px 0;
   font-size: 1.2em; 
}

#breadcrumbs
{
    margin:5px 0 10px 0;
    font-size:1.3em;		
}

#wrapper2 #content-wide #product-zone
{
    font-size:1.2em;	
}

	#wrapper2 #content-wide #product-zone #product-pictures
	{
		width: 360px;
		height: 500px;
		float: left;			
	}
		#wrapper2 #content-wide #product-zone #product-pictures #main-picture
		{			
			width:360px;
			height:360px
		}

		#wrapper2 #content-wide #product-zone #product-pictures #thumbnails2
		{
			width:360px;
			height:80px;
			margin-top:10px;
		}

	#wrapper2 #content-wide #product-zone #product-information
	{
		width: 615px;
		height: 470px;
		float:right;
	    /*border:solid 1px Red;	*/
	}

		
		#wrapper2 #content-wide #product-zone #product-information #product-tabs
		{
			width: 390px;
			height: 450px;
			float:left;
			/*border:solid 1px #CCCCCC;*/	
		}

		#wrapper2 #content-wide #product-zone #product-information #product-details
		{
			width: 220px;
			height: 470px;
			float:right;
			border:solid 1px #eeeeee;	
			/*text-align:center;*/
		}
		
		#product-price
		{
		    color:#980000;
		    font-size:2.5em;
		    font-weight:bold;
		    margin-top:10px;
		    text-align:center;
		}
		
		.dropdown_list
		{
		    width:205px;
		    font-size:11px;
		    margin-bottom:7px;
		    margin-left:7px;
		    height:20px;
		   
		}
		
			.dropdown_list_qty
		{
		    width:50px;
		    font-size:12px;
		    margin-bottom:7px;
		    height:22px;		   
		}
		
		
		
		.dropdown_list_header
		{
		       width:210px;
		       text-align:left;
		       margin-left:7px;
		}
		
		.button-wrapper
		{
		    text-align:center;
		    margin-top:15px;
		    margin-bottom:5px;
		}


.add-to-cart
{
	background-color: #11b901;
	color: #ffffff;
	font-size: 1.6em;
	font-weight:bold;
	cursor:pointer;
	padding:5px 10px 5px 10px;	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px 5px;
	width:160px;
	margin-bottom:5px;
	
}

.add-to-cart:hover
{
	background-color: #15a006;	
}

.QtyButton
{
    border:solid 1px #999999;
    padding:3px;
    margin-right:5px;
    background-color: #dddddd;
    color:#222222;
    
}



.quick-quote
{
    background-color: #038bff;
	color: #ffffff;
	font-size: 1.6em;
	font-weight:bold;
	cursor:pointer;
	padding:5px 10px 5px 10px;	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px 5px;
	width:160px;
	margin-bottom:10px; 
	border-style:none;	
}

.quick-quote2
{
    background-color: #038bff;
	color: #ffffff;
	font-size: 1.5em;
	font-weight:bold;
	cursor:pointer;
	padding:5px 10px 5px 10px;	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px 5px;
	width:160px;
	margin-bottom:10px; 
	border-style:none;	
}

.quick-quote:hover
{
    background-color:#087edd;
}

#social-media
{
    margin-left:7px;
    margin-top:424px;
    position:absolute;
    
}

.basic-lable
{
    margin-bottom:50px;
}


/* MAIN CONTENT >> PRODUCT DETAILS SECTION >> TABS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/		
	
    #tabs 
           {
               display: block;
               float: left;
               width: 100%;
               margin-top:5px;
            }      

            a.tab 
            {    
                border-collapse: collapse; 
                border-style: solid solid none solid;  
                border-color: black; 
                border-width: 1px 1px 0px 1px; 
                background-color: silver; 
                padding: 2px 0.5em 0px 0.5em; 
                margin-top: 4px;
                margin-right: 2px;
                font-family: arial; 
                text-decoration: none;
                float: left;  
            }

            a.tab:hover 
            { 
                border-color: black; 
                background-color: white; 
            }

          .panel 
          { 
              border: solid 1px #eeeeee; 
              background-color: white; 
              padding: 5px; 
              width:97%; 
              /*height: 410px;*/
              height: 395px; 
              overflow: auto;
          }





/* MAIN CONTENT >> SHOPPING CART
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


.cart-navigation
{
	float:right;
	margin-top: 15px;
	margin-bottom: 25px;	
}


.cart-navigation li 
{
	display:inline;	
}


#cart_total
{
    margin:10px 0 10px 0;
    padding:0 0 5px 0;
    float:right;
    text-align:right;
    font-weight:bold;
    font-size:12px;
    border-bottom:solid 1px #CCCCCC;
    clear:both;
    width:740px;
    
}

.button
{
    font-size:11.5px;
}

.goto-checkout
{
	background-color: #61c157;
	color: #ffffff;
	font-size: 1.75em;
	cursor:pointer;
	padding:5px 10px 5px 10px;
	margin-left:10px;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
	border-radius: 10px 7px;
}

.continue
{
	background-color: #888888;
	color: #ffffff;
	font-size: 1.75em;
	cursor:pointer;
	padding:5px 10px 5px 10px;	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px 5px;
}

#cart_help_tab
{
    background-color:#888888;
    font-size:11px;
    padding:5px 0 5px 5px;
    margin:0 0 0 0;
    font-weight:bold;
    width:150px;
    color:White; 
    clear:both;   
        
}

#cart_help_content
{
    background-color:#eeeeee;
    border:solid 1px #666666;
    font-size:11px;
    padding:5px 5px 5px 5px;
    margin:0 0 10px 0;
}

.cart_help_question
{
    font-weight:bold;
}





/* FOOTER SECTION
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


#wrapper2 #footer
{
	margin:25px 0 25px 0;	
}

.FooterColumn1
{
    float:left;
    border:solid 1px #e1e1e1;
    width:315px;
    height:205px;
}

.FooterColumn2
{
    float:left;
    border:solid 1px #e1e1e1;
    width:315px;
    height:205px;
}

.FooterColumn3
{
    float:right;
    border:solid 1px #e1e1e1;
    width:315px;
    height:205px;
}

.FooterColumn2Wrapper
{
    float:right;    
    width:66%;
   
}

.FooterColumn1Wrapper
{
    float:left;    
    width:100%;
   
}

.footer_menu_header
{
    font-weight:bold;
    font-size:1.4em;
}

.footer_menu_list
{
    font-size:1.2em;
}

.MenuSub
{
    margin:1px 0 0 0;
    padding:0 0 0 0;
}

#footer_buttons
{
    float:left;
    margin-bottom:10px;    
}

#footer_buttons ul
{
    padding:0 0 0 0;
    margin:0 0 0 0;  
}

#footer_buttons li
{
    display: inline;
    padding:0 0 0 0;
    margin:0 10px 0 0;      
}

#newsletter
{
    margin-left:670px;
    border:solid 1px #dddddd;
    width:307px;
    height:98px;
    padding:5px;
    /*background:#fef2db*/
    
}

#newsletter p
{
    font-size:1.3em;
    margin-bottom:7px;
    margin-top:3px;
    
}


.txtNewsletter
{

	font-size:16px;
	/*background-image:url(images/form_bg.jpg);*/
	background-repeat:repeat-x;
	border:1px solid #97b5d2;
	
	padding:3px;
	
	/*margin-top:5px;*/
	font-family:tahoma, arial, sans-serif;
}

.btnNewsletter
{
	background-color: #888888;
	color: #ffffff;
	font-size: 1.5em;
	cursor:pointer;
	padding:5px 10px 5px 10px;	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px 5px;
	margin:0 0 0 5px;
}





/* TINY SLIDE
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.gallery
{
  font-size:3em;
   background-image:url(images/magnifying-glass.png);
   /*background-image:url(images/link.gif);*/
   background-repeat:no-repeat;
   background-position:right;
   color:#cccccc;
   float:right;
   height:30px; 
}

.gallery:hover
{
    opacity:.70; 
    filter:alpha(opacity=70);
}

.gallery a:active {color#ffffff; text-decoration:none;}  
.gallery a:visited {color: #ffffff; text-decoration:none;} 
.gallery a:link {color: #ffffff; text-decoration:none; }     
.gallery a:hover {color: #ffffff; text-decoration:none;}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:370px; height:470px; margin:0 auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:360px; height:360px; padding:5px; border:1px solid #ccc; background:#fff}
#information
{
    
    position:absolute; 
    bottom:0; 
    width:360px; 
    height:0; 
    background:#ffffff; 
    color:#ccc; 
    overflow:hidden; 
    z-index:200; 
    opacity:.7; 
    filter:alpha(opacity=70)}
    
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:360px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {/*background:url(images/link.gif) center center no-repeat*/}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#eee}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#eee url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:310px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #ccc; padding:2px}

/* SEARCH
------------------------------------------------------------------------------------------------------------------------------- */

.search a:before {
    width:6px;
    height:6px;
    border:3px solid #c55500;
    background:transparent;
    /* css3 */
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
}

.search a:after {
    left:10px;
    width:3px;
    height:7px;
    margin-top:0;
    /* css3 */
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

.search a:hover:before, 
.search a:focus:before, 
.search a:active:before {
    border-color:#730800;
    background:transparent;
}

.search a:hover:after, 
.search a:focus:after, 
.search a:active:after {
    background:#730800;
}





/*------------------------TOOL TIP-------------------------------------*/



a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    padding:3px;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left;}
