/****************************************************
Created By: Charley Ruggiero
Layout CSS File 
****************************************************/

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 
body {margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:12px; background-color:#fff; background:url(/img/layout/gridbg.gif) repeat;} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#000099; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#000033; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:960px; margin:0 auto; background-color:#fff;} 

/* HEADER */ 
h1{color:#000; font-size:12px; padding:4px 0 0 5px;}
#header {position:relative; width:100%; margin:0; background:url(/img/layout/nav2_bg.jpg) repeat; height:80px;}
h1#topHeader{margin:0; padding:2px; width:956px; text-align:center; font-size:14px; background-color:#666666; color:#FFFFFF;}
#logo a {width:370px; height:96px; position:absolute; top:5px; left:0; display:block; background:url(/img/layout/PaintballWholesalersLogo.png) no-repeat; z-index:1000;}

#number {position:absolute; width:225px; bottom:10px; right:225px;} 
#number p {color:#444; margin:0 0 1px 0; font-size:16px; font-weight:700;}

	
#search {float:right; margin:38px 8px 0 0; height:25px; width:220px; padding:10px 0;}
.searchBox {float:left; width:140px; height:16px; margin:0 0 0 10px;}
.searchButton {float:left; width:57px; height:23px; margin:0 0 0 5px; }


#subNav {position:absolute; top:6px; right:10px;} 
#subNav {color:#9B9B9B;}
#subNav a {text-transform:lowercase; color:#666; font-size:12px; text-transform:capitalize;}
#subNav ul { position:relative; float:left; list-style:none; margin:0; padding:0 5px 0 0;}
#subNav ul li{display:inline; padding:0px; margin-right:5px; border-right:1px #9B9B9B solid;}
#subNav ul li.end {border-right: none;}



#mainNav {position:absolute; top:0px; right:0px; height:36px; background:url(/img/layout/nav_bg.jpg) repeat-x; width:100%;}
#mainNav a:link, #mainNav a:visited {color:#FFF; font-size:14px; font-weight:bold; text-decoration:none; font-style:italic;}
#mainNav a:hover, #mainNav a:focus, #mainNav a:active {color:#E6A200;}
#mainNav ul {padding:0; margin:0; position:absolute; top:0; right:0;}
#mainNav li {background:url(/img/layout/seperator.jpg) top right no-repeat; float:left; list-style:none; margin:0 5px; height:36px; padding:10px 15px 0 0;}
#mainNav li.end {background-image:none;}

#contentLeft {float:left; width:200px; height:auto; padding:0 0 5px 0; background:url(/img/layout/navtd_bg.png) repeat-x #CCC;}
#contentLeft h2 {margin:35px 0 0 0; text-align:center; color:#222;}

/* CATEGORIES */
.categoryList {margin:0;}

#contentLeft {float:left; width:198px; height:auto;}
#contentLeft ul {padding:0 0 0 10px; text-transform:uppercase;}
#contentLeft li {list-style:none; margin:3px 0 3px 2px; width:170px; border-bottom: 1px #555 solid; font-weight:700;}
#contentLeft li.parent li {border:none;}
#contentLeft li.end, #contentLeft ul li.end {border:none;}
#contentLeft li a {display:block; color:#222; text-decoration:none; line-height:20px; font-size:11px; padding:0 0 0 4px;}
#contentLeft li a:hover {color:#333;}
#contentLeft li:hover, #contentLeft li:hover a {background:#A5A5A5; color:#fff;}
#contentLeft li ul {position:absolute; left:-999em;  margin-left:210px; margin-top:-1.7em; color:#fff; width:120px; }
#contentLeft li ul li {position:relative; margin:0 0 0 -40px; min-width:120px; z-index:1;}
#contentLeft li ul li a {left:0; padding:0 0 0 14px; line-height:20px;}
#contentLeft li ul li a:hover {left:0; color:#333; background-color:#ccc;}	
#contentLeft li ul ul {left:-999em;}	
#contentLeft li:hover ul ul, #contentLeft li:hover ul ul ul, #contentLeft li.sfhover ul ul, #contentLeft li.sfhover ul ul ul {left:-999em;}
#contentLeft li:hover ul, #contentLeft li li:hover ul, #contentLeft li li li:hover ul, #contentLeft li.sfhover ul, #contentLeft li li.sfhover ul, #contentLeft li li li.sfhover ul {left:0;}

.permaPageDescription {border-bottom:1px #666 solid;}

/* CONTAINER */ 
#container {width:960px; min-height:500px; background:#fff; margin:0;}
#container a {color:#222; text-decoration:underline;}
#container a:hover {color:#222; text-decoration:none;}
#content {margin:30px 0 0 20px; float:left; width:720px;}
#content h2, #content p {margin:10px;}
#slideshow { position:relative; margin:0 0 0 10px; z-index:0;}
.contactInput {padding:2px 0 2px 5px;}
#detailWrapper {margin:20px 0 0 0;}
#listWrapper {margin:20px 0 0 0;}

.productTagHolder { width:350px; float:left;}
#productInfoWrapper {width:350px;}

#prodRevProductWrapper, #prodRevProductDesc, #reviewSection {width:705px;}
.mainCatalogRow, .mainCatalogRowLast {margin:0 0 0 25px;}
#mainCatalogProductsWrapper {padding:0 0 20px 0;}
.mainCatalogProductName, .mainCatalogProductPrice, .catalogProductPrice, .catalogRetailProductPrice, .catalogProductSalePrice { text-align:center;}
.catalogProduct, .mainCatalogProduct {min-height:200px; vertical-align:bottom;}
#treePageDetailsPageList {list-style:none; padding:10px 0 20px 0; line-height:40px; width:680px; margin:0 5px 5px 25px;}
#treePageDetailsPageList li {display:inline; padding:0px 10px 0 10px; border-right:1px #999 solid;}
#treePageDetailsPageList li.start { padding:0 10px 0 0;}
#treePageDetailsPageList li.end { border:none;}
/*#productInfoSection {width:705px; display:inline-list; }
#productInfoImage {display:inline;}*/


#catalogProductsWrapper {margin:0;}
.catalogRow {border:none;}
.catalogProduct {border:none;}
.catalogProductName { text-align:center;}

.mainCatalogRow, .mainCatalogProduct {border:none;}



/* FOOTER */ 

#footer { position:relative; float:left; bottom:0; left:0; width:100%; height:150px; margin:0; background-color:#CCC;}
#location1 {float:left; padding:15px 20px 0 40px;}
#location1 p {text-align:center;}
#location2 {float:left; padding:15px 20px 0 0;}
#location2 p {text-align:center;}
#location3 {float:left; padding:15px 20px 0 0;}
#location3 p {text-align:center;}

#footerLinks {float:left; font-size:12px; width:700px; margin:0 auto; text-align:left; padding:0 0 0 5px;}
#footerLinks .contentArea {float:left; width:700px; }
#footerLinks ul {float:right; width:670px; padding:0; margin:12px 0 0 0;}
#footerLinks a {color:#222; text-decoration:none; background-color:#CCC;}
#footerLinks a:hover {text-decoration:underline;}
#footerLinks li {list-style:none; display:inline; text-transform:uppercase; padding:0 5px; border-right:#999 1px solid;}
#footerLinks .end {border:none;}


#footerLogo {float:right; width:240px; height:150px; background-color:#999999;}
#footerLogo img {margin:50px 0 0 22px;}

/* SITE CREATED BY LINKS */
#delawarelink {font-size:11px; width:100%; text-align:center; clear:both; padding:15px;}
#delawarelink a:link,#delawarelink a:visited,#delawarelink a:hover,#delawarelink a:active{text-decoration:none; color:#fff;}

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}
.tabcontent {padding:10px;}

/*******************************************************/
/******** CSS BELOW SHOULD NOT NEED MODIFICATION *******/
/*******************************************************/
/* DEV MODE */
#devmode {background-color:#999999;color:#FFFFFF;font-size:.8em;font-weight:bold;width:100%;text-align:center;position:fixed;bottom:0;left:0;padding:1px;margin:0px;cursor:pointer;}
/* CSS HACKS */
.clearfix:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* HIDES FROM IE-MAC \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* END HIDE FROM IE-MAC */