/*
	Styles for I Pen Store
	Design by Solid Cactus 2008
	www.SolidCactus.com
*/

/* Default Styles */
body { background:#E3E3E3 url(bg.gif) repeat-y center; color: #000; font: normal 70%/15px tahoma; margin: 0; padding: 0; }
a { color: #000; text-decoration: none; }
a img { border: 0; }
a:hover { text-decoration: none; }
form, input, h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
ul, ul li { list-style: none; margin: 0; padding: 0; }
fieldset {border:none; padding: 0; margin: 0;}
.clear {clear:both;}
.clear2 {clear:both; padding:15px 0}

/* Container */
#container {
	width:975px;
	margin:0 auto;
}

/* Header */
#header {
	height:138px;
	background: url(header.gif) no-repeat left center;
}
.logo {
	display:inline;
	float:left;
	margin:5px 35px 0 20px;
	width:217px;
}

.headTop {
	float:right;
	width:700px;
}
.topLinks {
	color:#959595;
	padding:14px 0 0 6px;	
}
.topLinks a {
	color:#2C2C2C;
	padding:0 5px;	
}
.topLinks a.endLogin {
	padding-right:95px;
}
.topLinks a:hover {
	text-decoration:underline;
}
.cartSearch {
	float:left;
}
.miniCart {
	display:inline;
	float:left;
	margin:15px 0 0 9px;
	overflow:hidden;
	width:215px;
}
.miniCart .red {
	color:#CC1817;
	font-weight:bold;
}
.miniCart img {
	padding-top:5px;
}
.search {
	display:inline;
	float:right;
	margin:25px 0 0;
	text-align:right;
	width:475px;
}
.search .searchInput {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	margin-right:6px;
	padding:2px 3px;
	vertical-align:middle;
	width:229px;
}
.search .searchImage {
	vertical-align:middle;
	margin-top:1px;
	padding-right:11px;
}


.mainNav {
	clear:both;
	padding:8px 20px 0;
}
.mainNav a {
	background:transparent url(border.gif) no-repeat scroll right center;
	color:#FFFFFF;
	display:inline;
	float:left;
	font-size:1.1em;
	font-weight:bold;
	padding:8px 18px;
	*padding:6px 18px;
}
.mainNav a.last {
	background:none;
}


/* Body */
#bodypad {
	background: url(shell.gif) repeat-y left center;
	float:left;
}

/* Nav */
#nav {
	background:transparent url(navTop.jpg) no-repeat scroll center top;
	display:inline;
	float:left;
	margin-left:4px;
	margin-right:3px;
	padding-left:3px;
	padding-right:3px;
	padding-top:40px;
	width:190px;
}
#nav ul {
	border-top:1px solid #DBDBDB;
}
#nav ul li {
	*display:inline;
}
#nav ul li a {
	background:transparent url(dot.gif) no-repeat scroll 18px center;
	border-bottom:1px solid #DBDBDB;
	color:#2C2C2C;
	display:block;
	font-size:1.1em;
	padding:4px 10px 4px 30px;
}
#nav ul li a:hover {
	color:#CE1815;
	background:#F2F2F2 url(dot2.gif) no-repeat scroll 18px center;
}
#nav ul li:hover, #nav ul li.sfhover {
    position:relative;   
}
#nav ul li ul.sub {
	background-color:#F2F2F2;
	border:3px solid #FFF;
	display:none;
	left:186px;
	position:absolute;
	top:0;
	width:165px;
}
#nav ul li ul.sub li {
   
}
#nav ul li ul.sub li a {
	background:transparent none repeat scroll 0 0;
	border-bottom:1px solid #FFFFFF;
	color:#000000;
	display:block;
	padding-left:15px;
	width:140px;
}
#nav ul li ul.sub li a:hover {
    text-decoration:underline;  
    background-color:#FFF;
    color:#CE1815;
}
#nav ul li ul.sub li.all a {
    background:none;
    color:#009FED;
    text-decoration:underline;   
}
#nav ul li:hover ul.sub, #nav ul li.sfhover ul.sub {
    display:block;   
}

#modules {
	margin:15px 0 10px 12px;
}
#modules .mod1 {
	background:transparent url(mod1.jpg) no-repeat scroll 0 0;
	font-weight:bold;
	height:51px;
	margin-bottom:10px;
	overflow:hidden;
	padding-top:31px;
	text-align:center;
	width:164px;
}
#modules .mod2 {
	background:transparent url(mod2.jpg) no-repeat scroll 0 0;
	font-weight:bold;
	height:51px;
	overflow:hidden;
	padding-top:31px;
	text-align:center;
	width:164px;	
}

/* Content Area */
#content {
	float:left;
	width:766px;
	overflow:hidden;
}


/* Home Page */
#welcome {
	float:left;
}
.wLeft {
	float:left;
	width:570px;
	height:222px;
	background: url(largeWelcome.jpg) no-repeat;
}
.wLeft a {
	float:left;
	height:23px;
	margin:147px 0 0 110px;
	overflow:hidden;
	text-indent:-9999px;
	width:79px;
}
.wRight {
	display:inline;
	float:right;
	margin-left:6px;
}
.wRightTop {
	width:190px;
	height:108px;
	background: url(smallWelcome1.jpg) no-repeat;
	margin-bottom:7px;
}
.wRightTop a {
	display:inline;
	float:left;
	height:23px;
	margin:78px 0 0 39px;
	overflow:hidden;
	text-indent:-9999px;
	width:111px;
}
.wRightBottom {
	background: url(smallWelcome2.jpg) no-repeat;
	width:190px;
	height:108px;
}
.wRightBottom a {
	display:inline;
	float:left;
	height:23px;
	margin:78px 0 0 33px;
	overflow:hidden;
	text-indent:-9999px;
	width:124px;
}

.contents-table {
	text-align:center;
	margin:8px 0;
	width:100%;
}
.featProd .contents-table td {
	padding:8px;
	border:1px solid #DBDBDB;
	background:#FFFFFF url(cellBG.jpg) repeat-x bottom;
}
.featProd .contents-table .name {
	font-weight:normal;
	font-size:75%;
}
.contents-table .name {
	font-weight:bold;
	text-decoration:underline;
	padding:5px 0;
	font-size:75%;
	color:#2D2D2D;
	display:block;
	
}
.contents-table .final {
	color:#C91B14;
	font-weight:bold;
	font-size:90%;
}

.caption {
	padding:8px 10px;
	font-size:1.15em;
	line-height:1.5em;
	margin-bottom:8px;
}
.caption h2 {
	color:#00539F;
	font-size:1em;
	font-weight:bold;
	margin-bottom:6px;
}

.spacer {
	clear:both;
	padding:5px 0;
	width:100%;
}

/* Section Page */

#section {
	width:770px;
}

div#breadcrumbs {
	color:#1D5375;
	font-size:1em;
}
div#breadcrumbs a {
	color:#292A2E;
	text-decoration:underline;	
}

h2.secTitle {
	background:transparent url(itemName.jpg) no-repeat scroll 0 0;
	color:#FFFFFF;
	font-family:Verdana;
	font-size:1.5em;
	font-weight:normal;
	margin:10px 0;
	padding:9px 15px;
}
#itemWrapper {
	width:775px;
	margin-bottom:20px;
}
#itemWrapper .sectionImg {
	text-align:center;
	width:30%;
}
#itemWrapper .sectionDes {
	width:70%;
	padding:10px;
}
table.info {
	font-size:1.1em;
}
#ctrlTop, #ctrlBottom {
	background:transparent url(pagingBG.gif) no-repeat scroll 0 0;
	clear:both;
	height:31px;
	padding-top:4px;
	width:775px;
}
div.paging td.buttons {
	padding:5px 0 0 10px;
	width:150px;
}
div.paging td.pageof {
	color:#2C2C2C;
	padding-left:5px;
	text-align:left;
	padding-top:4px;
}
div.paging td.pages {
	color:#2C2C2C;
}
div.paging td.pages a {
	color:#2C2C2C;
	text-decoration:underline;
	padding:0 3px;
}
div.paging span.blue-text {
	padding-right:10px;
}
h3.sub-title {
	color:#0053A1;
	font-size:1.2em;
	font-weight:bold;
	margin:5px 0;
	padding:8px;
	text-align:left;
}
td.vertical-seperator {
	border-right:1px solid #DBDBDB;
}

/* Item Page */

h1#page-title, .section-title{
	color:#000000;
	display:block;
	font-size:1.8em;
	margin-bottom:10px;
	padding:10px 0;
	font-weight:normal;
}

#item-area{
	width: 775px;
	float: left;
}

#item-area .image{

}

#description{
	clear:both;
	overflow:hidden;
	padding:15px 0;
	width:750px;
}

/*Image Wrapper*/
#item-area #itemImageTop {
	width:334px;
	height:14px;
	background: url(cte-top.gif) no-repeat center;
	font-size:1px;
}
#item-area #clickToEnlarge {
	background:transparent url(cte-bottom.gif) no-repeat scroll center center;
	font-size:1px;
	height:35px;
	text-align:center;
	width:355px;
}

#item-area #imageArea {
	background:#FFFFFF url(cteBG.jpg) repeat-x scroll center bottom;
	border:1px solid #DBDBDB;
	display:inline;
	float:left;
	margin-left:5px;
	padding:10px;
	text-align:center;
	width:355px;
}

#item-area .image img{
	max-width:230px;
	padding:20px;
}

#item-area .pit{
	float:right;
	text-align:left;
	width:360px;
	display:inline;
	margin-right:15px;
	background: url(pitTop.gif) no-repeat center top;
	padding-top:16px;
}
#product-info-table .inner { 
	float:left;
	padding:0 10px;
	width:360px;
	font-size:12px;
}
#product-info-table { width: 360px; background: url(pitBg.gif) repeat-y center; float:left; }
#product-info-table th  {
	border-bottom:1px solid #FFF;
	color:#000000;
	font-size:12px;
	font-weight:normal;
	padding:4px 5px 4px 0;
	text-align:left;
	vertical-align:middle;
	width:25%;
}
#product-info-table td {
	border-bottom:1px solid #FFF;
	color:#000000;
	font-size:1.2em;
	padding:4px;
	vertical-align:middle;
	width:60%;	
}
#product-info-table .our {color: #DC1917; font-weight:bold; }
#product-info-table .price {color: #000; }
#product-info-table .sale-price {color: #FF0000; }
#product-info-table .name {background: none; padding: 5px 0px 0px;}
#product-info-table .cart { text-align: right; }

#product-info-table .actionButtons { 
	clear:both;
	text-align:center;
	width:360px;
	background: url(pitBottom.gif) no-repeat center bottom; 
	padding-bottom:16px; 
	display:inline; 	
	float:left;
}

#product-info-table .actionButtons td {
	background:none;
	vertical-align:top;
}
#product-info-table .cartCell { 
	width:45%;
	text-align:left;
	border-bottom:none;
	border-top:1px solid #DBDBDB;
	padding-top:10px;
}
#product-info-table .frendCell { 
	padding-top:8px; 
	width:45%;
	text-align:center;
	border-bottom:none;
}

.shipping-date {
	text-decoration:underline;
	color:#009900;
}

/* Cart Page */
span.empty a {
	font-weight:bold;
	text-decoration:underline;	
}
span.remove a{
	color:#999999;
	font-size:.85em;
}
tr.prodRow td {
	border-bottom:1px solid #D7D7D7;
}
td h3.cartTitle {
	background-color:#EEEEEE;
	color:#1A5273;
	padding:8px;
}
span.cartRed {
	color:#DA1A17;
}
h3.cartTitle {
	padding:7px 15px;
	color:#2C2C2C;
	background-color:#DBDBDB;
}

/* Footer */
#footer {
	background:transparent url(footer.gif) no-repeat scroll left top;
	clear:both;
	padding-left:5px;
	padding-top:105px;
	width:970px;
	float:left;
	display:inline;
}
.footTop {
	color:#959595;
}
.footTop a {
	color:#2C2C2C;
	font-weight:bold;
	padding:0 7px;	
}
.footBottom {
	color:#959595;
	padding-top:8px;	
}
.footBottom a {
	color:#2C2C2C;
	padding:0 7px;	
}
.copyright {
	color:#959595;
	font-weight:bold;
	padding-top:18px;	
	padding-left:7px;
	padding-bottom:35px;
}
.copyright a {
	color:#959595;
}

#footer a:hover {
	text-decoration:underline;
}























































