/*
=====================
BASE
=====================
*/
body {
	background:url(../images/bg_background-repeat.png) repeat-x top center;
	text-align:center;
	color:#333;
	font:normal 13px/17px Arial, Helvetica, sans-serif;
}

p, table  { margin:1em 0; }
img { border:0 ;}
.access, hr { display:none; }
.clearer { clear:both; height:1%; line-height:1%; font-size:1%; }

a:link, a:visited { color:#56ae30; font-weight:bold; text-decoration:underline; }
a:hover, a:active { text-decoration:none; outline:none; }

textarea, input { font-family:Arial, Helvetica, sans-serif; }

strong, dfn { font-weight:bold; }
em { font-style:italic; }

img.image-left { margin:0 15px 15px 0; float:left; }
img.image-left2 { margin:0 15px 0 0; float:left; }

/*
=====================
BUTTONS
=====================
*/
p.btn-med {
	background:url(../images/btn_med.png) no-repeat top center;
	width:194px;
	height:39px;
	margin:30px 0 0;
	text-align:center;
}
p.btn-med a {
	padding:10px 0;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	display:block;
}


/* 
=====================
HEADINGS
=====================
*/
h1, h2, h3, h4, h5, h6 { font-weight:bold; }
h1 { font-size:22px; line-height:25px; }
h2 { font-size:20px; line-height:23px; }
h3 { font-size:18px; line-height:21px; }
h4 { font-size:16px; line-height:19px; }
h5 { font-size:14px; line-height:17px; }
h6 { font-size:13px; line-height:16px; }


/* 
=====================
LISTS
=====================
*/
ul li { list-style-type:disc; color:#666; }
ol li { list-style-type:decimal; color:#666; }
ul, ol { list-style-position:outside; margin:1em 0; padding:0 0 0 2em; }

/* 
=====================
FOUNDATION
=====================
*/
div#wrap { width:100%; position:relative; text-align:left; }

div#hwrap { width:100%; position:relative; z-index:20; }
div#header {
	background:url(../images/bg_header.jpg) no-repeat top center;
	width:960px;
	height:153px;
	margin:0 auto;
	position:relative;
}

div#splash {
	background:url(../images/bg_splash.jpg) no-repeat top center;
	width:940px;
	height:288px;
	padding:9px 0 0 20px;
	margin:0 auto;
	position:relative;
}

div#cwrap {
	background:#fff;
	width:956px;
	padding:0;
	margin:0 auto;
	position:relative;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	z-index:15;
}
body.page-popup div#cwrap { width:705px; padding:20px; border:2px solid #ccc; }

div#side { width:210px; padding:10px 0 0 10px; float:left; display:inline; position:relative; }
div#ads { width:330px; padding:30px 0 0; float:right; display:inline; position:relative; }
div#main { width:550px; padding:20px 0 20px 55px; float:left; display:inline; position:relative; }
body.secondary div#main { width:720px; padding:10px 10px 30px 0; float:right; }
body.secondary-no-image div#main { width:720px; padding:10px 10px 30px 0; float:right; }
body.cart div#main { width:465px; padding:20px 0 30px 25px; margin:0; }
body.cart div.col-right { width:210px; float:right; }

div#fwrap { background:url(../images/bg_fwrap-repeat.jpg) repeat-x top center; width:100%; position:relative; }
div#footer {
	background:url(../images/bg_footer.jpg) no-repeat top center;
	width:905px;
	height:98px;
	padding:25px 0 0 55px;
	margin:0 auto;
	position:relative;
	text-align:left;
}

/* 
=====================
HEADER
=====================
*/
div#header h1 a:link, div#header h1 a:visited {
	background:url(../images/img_logo.jpg) no-repeat top center;
	width:263px;
	height:0;
	padding:55px 0 0;
	display:block;
	position:relative;
	top:25px;
	left:55px;
	overflow:hidden;
	font-size:1%;
	line-height:1%;
	border:0;
	text-decoration:none;
	color:#fff;
}
div#header h1 a:hover, div#header h1 a:active { border:0;text-decoration:none; }

div#search-wrap { width:300px; margin:20px 25px 0 0; float:right; clear:both; display:inline; }
body.cart div#search-wrap {  }
div#search-wrap div.input { background:url(../images/bg_search.jpg) no-repeat top center; width:230px; height:28px; float:left; }
div#search-wrap div.input input { background:none; width:190px; padding:6px 0 0; margin:0 0 0 36px; border:none; color:#999; }
div#search-wrap div.input-button { padding:2px 0 0 4px; /*float:left;*/ }
div#search-wrap div.input-button input { background:none; border:none; font-size:14px; line-height:17px; color:#797979; cursor:pointer; }

/*
=====================
SPLASH
=====================
*/
div#splash div#pulls { padding:11px 0 0; float:left; }
div#splash div.pull {
	width:286px;
	height:74px;
	padding:10px 20px 0 0;
	margin:0 0 4px;
}
div#splash div.pull h3 a {
	width:100%;
	padding:0;
	font-size:16px;
	line-height:19px;
	color:#fff;
	text-decoration:none;
	text-align:right;
	float:right;
}
div#splash div.pull h3 a:hover { text-decoration:underline; }
div#splash div.pull p {
	width:65%;
	padding:5px 0 0;
	margin:0;
	font-size:11px;
	line-height:14px;
	color:#fff;
	float:right;
	text-align:right;
}

div#splash div.lasers {
	background:url(../images/btn_lasers.jpg) no-repeat top center;
}
div#splash div.wireless {
	background:url(../images/btn_wireless-pointer.jpg) no-repeat top center;
}
div#splash div.oem {
	background:url(../images/btn_oem-lasers.jpg) no-repeat top center;
}

div#splash div#flash { width:612px; height:280px; padding:0 10px 0 0; float:right; }

/*
=====================
SIDE
=====================
*/
div#side div.cat-nav {
	background:url(../images/bg_cat-nav.jpg) repeat-y top center #1e3376;
	width:200px;
	min-height:235px;
	position:relative;
}
div#side div.cat-nav div.cat-nav-bottom {
	background:url(../images/cat-nav-bottom.jpg) no-repeat top center;	
	width:200px;
	height:200px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
}
div#side div.cat-nav h3 {
	background:url(../images/heading-cat-nav.png) no-repeat top center;
	width:200px;
	height:27px;
	padding:8px 0 0;
	font-size:18px;
	font-weight:normal;
	line-height:21px;
	color:#fff;
	text-align:center;
}
div#side div.cat-nav ul { padding:10px 10px 70px 10px; margin:0; position:relative; z-index:20; }
div#side div.cat-nav ul li { padding:5px 0 10px; list-style-type:none; border-bottom:1px solid #8f99bb; color:#fff; }
div#side div.cat-nav ul li a {
	background:url(../images/cat-nav-arrow.jpg) no-repeat right 2px;
	padding:0 20px 0 0;
	font-size:12px;
	line-height:15px;
	color:#fff;
	text-decoration:none;
}
div#side div.cat-nav ul li a:hover { text-decoration:underline; }

div#side div.cat-nav ul ul { background:#0f1939; padding:4px 0 4px 25px; margin:5px 0 0; }
div#side div.cat-nav ul ul li { padding:2px 0; list-style-type:disc; border-bottom:none; color:#fff; font-size:9px; line-height:12px; }
div#side div.cat-nav ul ul li a { background:none; font-size:11px; }


/*
=====================
MAIN
=====================
*/
div#main h1 { padding:0 0 10px; color:#666; font-weight:normal; }
div#main h3 { font-size:16px; line-height:19px; font-weight:normal; color:#333; }
div#main h4 { font-size:14px; line-height:17px; color:#666; }

div#main p { color:#666; font-size:12px; line-height:15px; }

div#main ul li { padding:4px 0; font-size:12px; line-height:15px; }
div#main ul li a { font-size:12px; line-height:15px; }

div#main div.content { width:450px; padding:20px 0 0; float:left; }
div#main div.image { width:250px; float:right; }
div#main div.image img { padding:15px 10px 20px 0; float:right; }
div#main div.secondary-image { padding:0 0 15px; }

body.secondary-no-image div#main div.content { width:650px; min-height:250px; float:left; }

div#main div.content table { width:100%; }
div#main div.content table tr th { padding:5px; border:1px solid #ccc; font-size:11px; font-weight:bold; line-height:14px; }
div#main div.content table tr td { padding:10px; border:1px solid #ccc; font-size:11px; line-height:14px; color:#666; }

.col3-layout table { width:100%; }
.col3-layout table tr th { padding:5px; border:1px solid #ccc; font-size:11px; font-weight:bold; line-height:14px; }
.col3-layout table tr td { padding:10px; border:1px solid #ccc; font-size:11px; line-height:14px; color:#666; }

div#main div.mbox { width:100%; padding:10px 0; clear:both; float:left; }
div#main div.mbox p { width:64%; float:right; padding:0; }
div#main div.mbox img { margin:15px 10px 10px 0; float:left; }


/*
=====================
CONTACT FORM
=====================
*/
div#main form { margin:0 0 25px 0; }

div.row { padding:5px 0; }
div.row label {  }
div.row div {  }
div.row div input { width:250px; padding:4px; }

div.textarea {  }
div.textarea textarea { width:255px; height:70px; }

div.submit { padding:8px 0 0; }
div.submit input { padding:4px; }

div.left { width:270px; float:left; }
div.left p { margin:0; font-size:11px; }
div.right { width:295px; padding:25px 0 0; float:right; }
div.right p {  }


/*
=====================
HOME PAGE AD SPACE
=====================
*/
div#ads h3 {
	font-family:Georgia, "Times New Roman", Times, serif;	
	font-size:20px;
	line-height:23px;
	color:#9D060C;
	font-weight:normal;
}
div#ads p { width:60%; padding:5px 0 0 30px; margin:0; font-size:11px; line-height:14px; color:#666; }
div#ads p.learn-more a { font-size:9px; line-height:12px; color:#fff; text-decoration:none; }
div#ads p.learn-more a:hover { text-decoration:underline; }

div#ads div.free-shipping {
	background:url(../images/btn_free-shipping.jpg) no-repeat top center;
	width:304px;
	height:106px;
	position:relative;
}
div#ads div.free-shipping h3 { padding:8px 0 0 30px; }
div#ads div.free-shipping p.learn-more { width:auto; padding:0; position:absolute; bottom:28px; right:115px; }

div#ads div.grads-dads {
	background:url(../images/btn_engraving.jpg) no-repeat top center;
	width:304px;
	height:106px;
	position:relative;
}
div#ads div.grads-dads h3 { padding:8px 0 0 30px; }
div#ads div.grads-dads p.learn-more { width:auto; padding:0; position:absolute; bottom:28px; right:115px; }

/*
=====================
CART
=====================
*/
div.col-right div.box { padding:15px 0; }

div.col-right div.head {
	background:url(../images/bg_mini-cart-heading.png) no-repeat top center;
	width:190px;
	height:35px;
	padding:10px 0 0 10px;
	text-align:center;
}
div.col-right div.head h4 {
	padding:5px 0 0;
	font-size:14px;
	line-height:17px;
	font-weight:normal;
	color:#fff;
	display:block;
}

div.col-right div.mini-cart h4 { background:url(../images/ico_cart.jpg) no-repeat top left; height:34px; }
div.col-right div.mini-compare-products h4 { background:url(../images/ico_checkmark.jpg) no-repeat top left; height:34px; }

div.col-right div.content {
	background:url(../images/bg_mini-cart-repeat.jpg) no-repeat top center #ebebeb;
	width:156px;
	min-height:72px;
	padding:20px 20px 10px;
	border-left:2px solid#ccc;
	border-right:2px solid#ccc;
}
div.col-right div.content h3 { font-size:11px; line-height:14px; }
div.col-right div.content p { margin:0; font-size:11px; }
div.col-right div.content p.subtotal { padding:0 0 5px; margin:5px 0 0; border-top:1px solid #666; }
div.col-right div.content ol { padding:0; margin:0; }
div.col-right div.content ol li { list-style-type:none; }
div.col-right div.content ol li a { font-size:11px; line-height:14px; }



div.col-right div.content div.actions { padding:5px 0 10px; }
div.col-right div.content div.actions a {  }
div.col-right div.content div.actions button { margin:5px 0 0; }
div.col-right div.content div.product-details h4 { background:none; height:auto; }

div.col-right div.bottom { background:url(../images/bg_mini-cart-bottom.jpg) no-repeat top center; width:200px; height:12px; }

/*
=====================
FOOTER
=====================
*/
div#footer p { margin:0; color:#344425; font-size:11px; line-height:14px; }
div#footer p a { color:#1e340a; }

div#footer p.credits {width:600px;float:left;}
div#footer p.footerinfo {float:right; padding-right:40px;}


