/* 3.7 DESIGNS BOILER PLATE =====================================
Company: 3.7 Designs
Project:
Author:
Comments:


= COLOR REFERENCE GUIDE =

FONT COLOR: #000000
HEADING COLOR: #333333
SECONDARY HEADING: #666666
BACKGROUND COLOR: #FFFFFF
SECONDARY BACKGROUND COLOR: #EFEFEF
HIGHTLIGHT COLOR: #990000 
LINK COLOR: #990000

================================================================*/



/*===============================================================

	G L O B A L     V A R I A B L E S

============================================== =GLOBAL VARIABLES */

html, body { 
font-family: Arial, Helvetica, sans-serif; font-size: 65.5%;
line-height: 1.65em; 
-moz-opacity: .999;
}

#pagewidth {
width: 960px; margin: 40px auto 0 auto;}


/*===============================================================

	N A V I G A T I O N 
	
=================================================== =NAVIGATION */

#menu { background: #ffc300; height: 27px; padding: 0 0 0 16px; font-size: 10px;}

	#main_nav { width: 600px; float: left; list-style: none; margin: 0; padding: 7px 0 0 0; }
		#main_nav li { list-style: none; padding: 0 3px 0 3px; border-right: 1px solid #100749; display: inline;}
		#main_nav li a { color: #100749; font-size: 10px; text-decoration: none; }
		#main_nav li a:hover { text-decoration: underline; }
			.lastnav { border-right: none !important; }



	#shop_nav { float: right; width: 289px; padding: 6px 12px 0 0; margin: 0; text-align: right; }
		#shop_nav li { display: inline; margin: 0 1px 0 1px;}
		#shop_nav a { background: #11084a; padding: 2px 4px 2px 4px; color: #fff; text-decoration: none; }
		#shop_nav a:hover { background: none; color: #100749; }
		.cticon { float: left; margin: -2px -2px 0 0;}
		
	#cat_nav li ul, #cat_nav li:hover ul ul, #cat_nav ul li.sfhover ul  { left: -999em;  position: absolute; } 
	#cat_nav li.sfhover ul ul { left: -999em; position: absolute; }

	#cat_nav li:hover { background: #fff; }
	#cat_nav li li:hover { background: #ddd; }

	#cat_nav li:hover ul, #cat_nav li.sfhover ul {
	left: auto; background: #fff; margin: -2.0em 0 0 145px; width: 125px;
    }
	
	#cat_nav ul li:hover ul, #cat_nav ul li.sfhover ul { left: auto; background: #ddd; margin-left: 125px;}
	
	
	#cat_nav { margin: 15px 0 0 0; line-height: 2em; }	
	#cat_nav a { text-decoration: none; color: #11084a; border-bottom: 1px solid #bababa; display: block; padding: 2px 0 4px 0; line-height: 1em;}
	#cat_nav a:hover { background: #11084a; color: #fff;  }
		#cat_nav li { color: #11084a;  font-weight: bold; font-size: 11px; margin: 1px 0 1px 0; padding: 0 0 0px 0;}
		#cat_nav li ul { padding: 0px 0 0 0; }
		#cat_nav li li { font-weight: 100; }	
		#cat_nav li li a { padding: 2px 0 3px 10px; }
		
	#low_nav { margin-top: 15px; font-size: 11px; font-weight: bold; }

/* ACCESSIBLE ROLL OVERS
#main_nav li { float: left; }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; width: 0px; height: 0px; } 

#button1 { background: url(../images/button1.jpg); width: 0px; }
#button1:hover { background: url(../images/button1.jpg) -0px 0; }
#button.active { background: url(../images/button1.jpg) -0px 0; }
*/

/*===============================================================

	T Y P O G R A P H Y
	
==================================================== =TYPOGRAPHY */

h1, h2, h3, h4, h5, p { margin: 15px 0 15px 0; }

strong { font-weight: bold; }

h2 { font-size: 32px; color: #121559;}

/*===============================================================

	L I N K      S Y L E I N G
	
=================================================== =LINK STYLING */

a { color: #121559; }
a:hover { text-decoration: none; }
a:visited { color: #34377E; }
a:active { }

/*===============================================================

	C O N T E N T     S T R U C T U R E
	
============================================== =CONTENT STRUCTURE */

#header { background: url(../images/header.jpg); height: 177px; padding: 0 12px 0 18px;}

	#topphone { margin: 0px; float: left; color: #6a6a6a; font-weight: bold; font-size: 18px; padding: 12px 0 2px 0; }
	.login { float: right; width: 400px; text-align: right; padding: 6px 0 0 0;  }
		.login p { margin: 0 5px 0 0; display: inline; font-size: 12px; position: relative; padding: 0 0 5px 0;}
		.login img { margin: 0px 0 -5px 0; position: absloute; }

#content { background: url(../images/leftcol.gif) repeat-y;  }

#footer { clear:both; height: 30px; background: #121559; } 
#footer p { text-align: center; color: #fff; padding: 8px; margin: 0px; font-size: 10px;}

#right_col { padding: 12px 0 12px 12px; width: 773px; float: right; }
	
	#top_sections { background: url(../images/homepage/main-news.gif); height: 500px; }
 		#intro { float: left; width: 530px; padding: 65px 15px 0 15px; color: #fff; font-size: 11px; line-height: 16px; }
                        .mden_photo_homepage { float: center; margin-left: 35px; margin-right: 15px; }
			#background { position: absolute; top: -300px; }
			.copy11w { margin-top: 0px; }
                        .copy26w { margin-top: 0px; font-size: 26px; line-height: 26px; color: white; }
                        .copy16y { margin-top: 0px; font-size: 16px; color: #ffc300; }
                        .copy16w { margin-top: 0px; font-size: 16px; color: white; }
                        .copy11y { margin-top: 0px; font-size: 11px; color: #ffc300; }
                        .copy15w { margin-top: 0px; font-size: 15px; color: white; }
	
	#news { width: 173px; float: right; padding: 45px 15px 0 16px; color: #fff; font-size: 10px; }
		#news li { padding: 0 0 15px 25px; background: url(../images/homepage/news-tick.gif) left top no-repeat; }

	
	#featured { background: url(../images/featured-items-box.gif); height: 200px; padding: 40px 15px 0 17px; margin: 12px 0 0 0;}
		#featured_section { background: url(../images/featured/featued_block.gif); width: 353px; height: 148px; float: right; padding: 30px 30px 0 30px; font-size: 11px;}
		#featured_section h3 { color: #30326e; font-family: courier; font-weight: bold; font-size: 16px; line-height: 1.1em; margin-top: 0px;}
		
		#featured_section div { display: none; position: absolute; width: 360px; }
		#featured_section div img { margin-top: -5px; }
		
		#featured_section .active-s { display: block !important; }
		
		#featured_list { width: 320px; float: left; margin: 43px 0 0 0; }
		#featured_list li { float: left; margin: 0 10px 10px 0; width: 60px; height: 60px;}
		#featured_list li a.active img { position: absolute; border: 2px solid #ffc300; margin: -1px 0 0 -1px; }
	
		#featured_list li a:hover img { position: absolute; border: 2px solid #fff; margin: -1px 0 0 -1px; }
	
#left_col { width: 145px; float: left; padding: 0 15px 0 15px; }
	
	#search { margin: 15px 0 0 0; font-size: 11px; } 
		.title { font-weight: bold; color: #11084a; }
		.mgoblue { background: url(../images/gobutton.gif); width: 23px; height: 24px; border: none; text-indent: 99999px; overflow: hidden; font-size: 0px; margin: 12px 0 0 10px; position: absolute;}

	
		
.halfcol_left { float: left; width: 49%; }
.halfcol_right { float: right; width: 49%; }

#link_home { position: absolute; text-indent: -999999px; overflow: hidden; display: block; top: 30px; height: 145px; width: 960px; margin-left: -150px; } 

/* ========= PRODUCT CATEGORY CODE ============================== */

#product_category ul { margin: 0 0 0 12px; }
#product_category li { text-align: center; width: 190px; float: left; }

#product_category li p { line-height: 1.4em; font-size: 11px; }

.pimage { height: 92px; }
.pimage_col_end a:hover span { margin-left: -225px !important; margin-right: 50px !important; }
.pimage_row_end a:hover span { margin-top: -100px !important; margin-bottom: 50px !important; }

/* ========= PRODUCT ITEM CODE ============================== */

	#product_item { width: 547px; float: left; text-align: center;}
	
	#salesbox { width: 499px; background: url(../images/sales-box.gif) repeat-y; font-size: 11px; border: 14px solid #ffc300; text-align: left; padding: 12px 12px 5px 12px; line-height: 1.3em; }
		#salesbox h4 { font-size: 14px; font-weight: bold; color: #11084a; margin: 0px 0 5px 0;}
	
		.salesright { width: 130px; float: right; text-align: center; }
		.salesright li { margin: 3px 0 3px 0; padding: 0; }
		
		.salesleft { width: 350px; float: left;}
	
		.item_subtag { margin: 0 0 5px 0; color: #11084a;}
	
	#product_image { min-height: 335px; }
	
	#interested { width: 207px; float: right; color: #fff; background: url(../images/oi-top.gif) top no-repeat;}
		#interested_inner { padding: 25px 50px; text-align: center; }
		#interested_inner h3 { text-transform: uppercase; font-size: 13px; line-height: 1.3em; }
		#interested p { margin: 0; font-size: 11px; line-height: 1.3em; }
		#interested li { margin: 10px 0 10px 0; }
		#interested a { color: #fff; }
		
	.fi_background { background: url(../images/oi-bot.gif) bottom right !important; min-height: 200px; }
		
		#addcart { background: url(../images/addcart.gif); width: 136px; height: 24px; float: right; text-indent: -99999px; overflow: hidden; border: none; margin: 45px 12px 0 0; font-size: 1px;}
		#salesdetails { width: 200px; float: left; height: 76px; margin: 5px 0 0 0; }
		#salesdetails li { margin: 4px 0 4px 0; }

/* ========= HELPER NAVIGATION ============================== */

.crumbs-page { padding: 0 0 10px 0; }

#breadcrumbs { font-size: 10px; width: 400px; float: left; }
#breadcrumbs li { display: inline; }

#page { width: 200px; float: right; font-size: 10px; text-align: right; }
#page li { display: inline; }


/*===============================================================

	H E L P E R    C L A S S E S
	
============================================== =HELPER CLASSES */

.fr { float: right; }
.fl { float: left; }

.fr15 { float: right; margin: 0 0 0 15px; }
.fl15 { float: left; margin: 0 15px 0 0; }

.listnomargin { margin: 0; padding: 0 0 0 15px; }

.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.taj { text-align: justify; }

.ntm { margin-top: 0px; }

.nomargin { margin: 0; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.m25 { margin: 25px; }
.m30 { margin: 30px; }

.pt10 { padding-top: 10px !important; }

.clear { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }
 
 .abs { position: absolute; }
 
 
/*===============================================================

	A C C E S S I B I L I T Y
	
======================================= =ACCESSIBILITY CLASSES */

#skip_links { position: absolute; margin-top: -100px; }

/*===============================================================

	F L O A T // B O X
	
======================================= =FLOAT BOX CLASSES */

.pimage a span { display: none; }
.pimage a:hover span { display: block; position: absolute; margin: -50px 0 0 100px; border: 1px solid #000; background: #fff; padding: 50px;}