/* RESET - DON'T MODIFY */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}

body {

	line-height: 1;

	color: black;

	background: white;

}

ol, ul {

	list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}





/* TEMPLATE - CHANGE TO CUSTOMIZE LOOK AND FEEL */



body { background:url(../images/bgTile.png) repeat-x #650000;font-family:Arial, Helvetica, sans-serif}

strong { font-weight:bold;}



#wrapper { width:990px;margin:20px auto;position:relative;}



#contentTop { width:990px;height:30px;background:url(../images/contentBGTop.png) no-repeat;}

#contentMid { width:990px;background:url(../images/contentBGMid.png);}

#contentBot { width:990px;height:30px;background:url(../images/contentBGBot.png) no-repeat;}



#header { height:50px;margin:0 25px;}

#logo { display:block;}

#logo small { float:right;font-size:14px;padding-top:10px;}

#logo a { display:block;width:208px;height:37px;background:url(../images/aoSunGlassesLogo.gif) no-repeat;}

#logo a span { display:none;}



#pageContent { border-top:15px solid #a2a2a2;margin:0 6px;}



#leftColumn { float:left;width:234px;background:url(../images/navBGGradient.jpg) no-repeat;margin-left:0px;}

#leftColumn #nav li { height:26px;display:block;background:#fff;width:234px;color:#000;margin-bottom:4px;padding-top:10px;padding-left:10px;}

#leftColumn #nav li:hover { background:url(../images/navHoverActiveBG.jpg) no-repeat;color:#fff;}

#leftColumn #nav li.current { background:url(../images/navHoverActiveBG.jpg) no-repeat;color:#fff;}

#leftColumn #nav li a { color:#000;text-decoration:none;}

#leftColumn #nav li:hover a { color:#fff;text-decoration:none;}

#leftColumn #nav li.current a { color:#fff;text-decoration:none;}

#freeShipping { margin-top:20px;width:234px;height:194px;background:url(../images/planeGradient.jpg) no-repeat;padding-top:15px;}

#freeShipping div { margin-top:10px;margin-left:15px;background:url(../images/freeShipping.png) no-repeat;width:204px;height:60px;}

#freeShipping div span { display:none;}



#contentBoxRight { float:left;width:743px;}

#contentBoxRight .top { width:744px;height:19px;background:url(../images/contentRightBGTop.png) no-repeat;}

#contentBoxRight .mid { width:723px;background:url(../images/contentRightBGMid.png);padding-left:21px;overflow:auto;padding-top:5px;}

#contentBoxRight .bot { width:744px;height:19px;background:url(../images/contentRightBGBot.png) no-repeat;}



.productListingHome { position:relative;width:197px;height:186px;background:url(../images/homeProductBKG.png) no-repeat;float:left;margin-right:10px;margin-bottom:10px;padding:15px;}

.productListingHome h2 { color:#3a75ee;line-height:18px;margin-bottom:5px;}

.productListingHome img { margin-bottom:10px;}

.productListingHome h3 { color:#650000;font-style:italic;}

.productListingHome a { display:block;position:absolute;width:100px;height:100px;left:120px;top:110px;}

.productListingHome a span { display:none;}



.pipez { margin:0 5px;}

#bumper { margin:0px 15px 0px 15px;clear:both;}

#bumper p { text-align:center;padding-top:10px;}



#footer { margin:0px 6px 10px 6px;color:#fff;height:30px;font-size:12px;}

#footer li { float:left;border-left:1px solid #fff;padding-left:5px;margin-right:5px;}

#footer li.current { border-left:none;padding-left:0px;}

#footer a { color:#fff;text-decoration:none;}

.websiteBy { float:right;}

.websiteBy a { text-decoration:underline !important;}



/*SUB PAGES*/

.subContent { padding:0px 20px 0px 0px;}

.subContent h1 { font-size:21px;margin-bottom:15px;color:#650000;}

.subContent h2 { margin-bottom:15px;}

.subContent p { font-size:12px;line-height:18px;margin-bottom:10px;}

.contentImage { float:left;margin-right:10px;margin-bottom:10px;padding:2px;border:1px solid #ccc;}

.colFour { float:left;width:165px;padding-right:10px;margin-bottom:20px;}

.colFour ul li { font-size:12px;list-style:inside circle;line-height:18px;padding-left:10px;}

*html #leftColumn { width:234px;overflow:hidden;}
*html #contentBoxRight .mid { padding-top:0px !important;}
*html h2 { font-weight:normal;font-size:80%;}
*html h3 { font-weight:normal;font-size:80%;}