/**
 * JustSunnies.com.au
 *
 * Blue Dark: #0b79a6
 * Blue Bright: #01B5FF;
 * Blue Pale: #DFF6FF
 * Orange: #FF8A00
 */

html {
	margin: 0px;
	padding: 0px;
/*  Dark Grey to Light Grey Gradient
    background-image: url(/image/gradient21126876.png);
*/

/* Dark Grey Solid Colour */
/*    background-color: #666666;
    background-repeat: repeat-x; */


/* Nearly Black to Dark Grey Gradient
    background-image: url(/image/gradient95470978.png);
    background-repeat: repeat-x;
*/

/*  Dark Blue to Light Blue Gradient */
    background-image: url(/image/gradient68289902.png);
    background-repeat: repeat-x;
    background-position:0 0;
    background-color: #347ccd;

/* background-image: url(/image/lgrey013.jpg); */
/*    background-color:  #666666; */
/*      background-color: #125b79;     */
/*      background-color: #0b79a6;*/
/*    background-image: url(/image/stock-vector.jpg);*/

/*  Beach Image Background */
/*    background-image: url(/image/beach.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #347ccd;
*/

}
body {
   font-family: Verdana, Arial, sans-serif;
   font-size: 10px;

   margin: 0;
   padding: 0;
   top: 20px;
   bottom: 20px;
   margin: 0px auto 0px;
   width: 960px;
   color: #333333;
   background-color: white;
   background-image: url(/image/content.png);
    background-repeat: repeat-y;
    background-position: center;
/*   border: solid medium #cccccc ; */

}
h2 {
   font-size: 14px;
   text-align: left;
   margin: 0px 0px 5px 0px;
   padding: 0;
   color: #333333;
}
h3 {
   font-size: 13px;
   text-align: left;
   margin: 5px 0px 5px 0px;
   padding: 0;
   color: #333333;
}
h4 {
   font-size: 12px;
   text-align: left;
   margin: 5px 0px 5px 0px;
   padding: 0;
   color: #333333;
}
form {
   display: inline;
}
td, div, p, li {
   font-family: Verdana, Arial, sans-serif;
   font-size: 13px;
}
a {
   color: #04BFFC;
   text-decoration: underline;
}
a:visited {
   color: #04BFFC;
   text-decoration: underline;
}
a:hover {
   color: #04BFFC;
   text-decoration: none;
}

li {
   line-height: 18px;
}

.btn {
   background: #fefefe url(/image/btnBG.gif) repeat-x;
   border: 3px double #04BFFC;
}
.btn:hover,
.btn:focus {
   border: 3px double;
   border-color: #002A35 #002A35 #002A35 #002A35;
}

.floatRight {
   float: right;
   margin: 0 0 5px 10px;
}
.floatLeft {
   float: left;
   margin: 0 10px 5px 0;
}

.strong {
   font-weight: bold;
}

.req,
.requiredStar {
   color: #ff0000;
   vertical-align: super;
}
.contactField {
   font-weight: bold;
   text-align: right;
   width: 100px;
}
.hidden {
   display: none;
}
.clear {
   clear: both;
}

#header {
	height: 119px;
	max-height: 119px;
	


/*     background: #125b79; */
 /*    background: #0b79a6; */

    /* Light Blue Solid Colour */
/*  background-color: #347ccd; */

/* Dark Blue to Light Blue Gradient */
    background-image: url(/image/gradient68289902-header.png);
    background-repeat: repeat-x;
    background-color: #347ccd;

}

#siteCon {
/*	background: transparent url(/image/stock-vector.jpg) top left repeat-x;*/
    position: relative;

}
#pageCon,
#footerCon {
	position: relative;
	width: 960px;
	text-align: left;
	margin: auto;

}

#logo {
	position: absolute;
	top: 3px;
	left: 0;
}
#headerNav {
	margin-left: 280px;
	padding-top: 75px;
}

#FreeShippingBanner {
    position: relative;
    float: right;
    width: 275px;
    height: 130px;
    background: #ffffff;
    border: 0;

}

#FreeShippingBanner a img {
	border: none;
	padding: 0 0 0 0;
}

#manufacturerBanner{
	background-image:url('/image/home_banner/free_ship_1.jpg');
	background-repeat:no-repeat;
	width:450px;
	height:400px;
}

#topBrands {
    background: #DFF6FF;
}

#brandTab,
#topNav {
	float: left;
	margin-top: 9px;
	font-size: 14px;
}

#brandTab ul,
#topNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#brandTab li,
#topNav li {
	float: left;
	background: transparent url(/image/top_nav_bg_left.png) top left no-repeat;
	margin: 0;
	padding: 0 0 0 0px;
}

#brandTab a,
#topNav a {
	float:left;
	display: block;
	background: transparent url(/image/top_nav_bg_right.png) top right no-repeat;
	padding: 0px 18px 0px 13px;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	line-height: 35px;
	height: 35px;
}

#brandTab a:hover,
#topNav a:hover {
	color: #000000;
}

#cartBox {
/*	height: 120px;
	width: 140px;
    height: 40px;
    width: 290px;
    float: right;
    position: relative;
/*	background: transparent url(/image/cart_box.png) top left no-repeat;*/
/*	margin-top: 0px;
    margin-right: 150px;
    margin-left: auto;
	color: #ffffff;
	font-weight: bold;
    border: none;          */

    margin-right: 150px;
}

#cartBox .pad {
  text-align: right;
/*	padding: 8px 13px 8px 5px; */
/*	margin-top: 5px; */
/*	font-size: 10px;
    border: none; */
}

#cartBox a,
#cartBox a:visited {
	color: #FFFFFF;
    text-align: right;
    font: bold Arial;
    font-size: 11px;
    padding-right: 10px;
       text-decoration: none;

}

#cartBox #checkoutBtn {
/*	position: absolute;
	bottom: -4px;
	right: 3px;  */
}

#cartCount {
	font-size: 18px;
}

#memLogin
{
/*    margin-right: 0;
    margin-left: 860px;
    margin-top: 0px; */
}

#loginBtn{
/*    margin-right: 0px;
    margin-top: 0px; */

}

#headerMem {
	position: absolute;
	top: 35px;
	left: 290px;
	font-size: 18px;
	color: #ffffff;
}

#headerMem a,
#headerMem a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#headerMem a:hover {
	text-decoration: underline;
}

#footer {
	clear: both;
/*    background: #0b79a6; */
	overflow: auto;
	margin-top: 40px;
	/*color: #ffffff;*/
    color: #0b79a6;
/*  background-color: #125B79;  */
/*   background-color: #347ccd;   */

    /* Dark Grey Solid */
/*    background-color: #666666;*/

    /* Light Blue Header Solid */
    background-color: #347ccd;
}

#footerCon {
	padding: 10px 0;
    width: 880px;
    color: #ffffff;
    font-size: 11px;
    margin-left: 40px;
    margin-right: 40px;
}

#footerCon body {
  color: #ffffff;
}

#footerCon h2 {
    color: #ffffff;
	padding-top: 0;
	margin-top: 0;
	border-left: 5px solid #FF8A00;
	padding-left: 5px;
    font-size: 12px;
}

#footerCon h2 a,
#footerCon h2 a:visited,
#footerCon h2 a:hover {
	color: #ffffff;
}

#footerCon ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footerCon a,
#footerCon a:visited {
	color: #ffffff;
	text-decoration: none;
}

#footerCon a:hover {
	color: #ffffff;
	background-color: #FF8A00;
	text-decoration: none;
}

.footCol {
	width: 23%;
	margin-right: 8px;
	float: left;
	text-align: left;
}

.footCol h2 {
	color: #ffffff;
	padding-top: 0;
	margin-top: 0;
	border-left: 5px solid #FF8A00;
	padding-left: 5px;
}

.footCol h2 a,
.footCol h2 a:visited,
.footCol h2 a:hover {
	color: #ffffff;
}

.footCol ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footCol a,
.footCol a:visited {
	color: #ffffff;
	text-decoration: none;
}

.footCol a:hover {
	color: #ffffff;
	background-color: #FF8A00;
	text-decoration: none;
}

#copyright {
	clear: both;
	padding: 10px 0;
	text-align: center;
}

#memLogin .pad {
	/*padding: 5px;*/

}

#loginFld {
   width: 160px;
   height: 20px;
   color: #aaaaaa;
      float: right;
}

#search {
/*	margin: 70px 0; */
	height: 20px;
	top: 70px;
	position: relative;

}

#searchFld {
	width: 206px;
	height: 18px;
	color: #FFFFFF;
	position:absolute;
	right:0px;	
	left: 710px;
	background-color: transparent;
	background-image: url('/image/trans-box.png');
	padding-top: 5px;
	padding-left: 10px; 
	padding-right:10px; 
	border: none;
}

#searchBtn {
    margin-right: 0px;
    margin-top: 0px;
    right: 0px;
    left: 936px;
    position: absolute;
    
}

#contentCon {
   margin-left: 210px;
   min-height: 850px;
   height: auto !important;
   height: 1200px;
   padding: 10px 4px 60px 4px;
   color: #333333;
}

#leftCol {
   position: absolute;
   top: 122px;
   left: 0px;
   width: 200px;
   font-size: 14px;
   overflow: visible;
}

#leftCol h2 {
/*	background: #0b79a6 url(/image/title_bg.gif) top left repeat-x; */
	margin: 0;
	padding: 0;
	padding-left: 10px;
	color: #0b79a6;
	height: 30px;
	line-height: 30px;
    font-weight: bold;
}

#leftCol ul {
	list-style-type: none;
	margin: 0;
	padding: 5px 5px 10px 10px;
}

#leftCol li {
/*	line-height: 1.65em; */
    line-height: 1.2em;
}

#leftCol a,
#leftCol a:visited {
	color: #333333;
	text-decoration: none;
}

#leftCol a:hover,
#leftCol a.active {
	color: #FF8A00;
	text-decoration: underline;
}

#leftCol a.menulink {
	display: block;
	/*width: 198px;*/
	text-align: left;
	text-decoration: none;
	font-family:verdana;
	font-size:13px;
	color: #000000;
	BORDER: none;
	border-bottom: solid 1px #f0f0f0;

}

#leftCol a.menulink:hover {
	background-color:#01B5FF;
}

.navLogo {
	padding: 5px 0;
}

#brands {
/*	border: 1px solid #dddddd;
	border-top: 0; */
}

.contentHeading, h1 {
	color: #0b79a6;
	margin: 0;
	padding: 0;
	padding-top: 6px;
	font-size: 18px;
	font-weight: bold;
	height: 27px;
}

#loginJoin {
	font-size: 10px;
	padding-top: 5px;
}

#memLogin a,
#memLogin a:visited,
#loginJoin a,
#loginJoin a:visited {
	color: #0b79a6;
	text-decoration: underline;
}
#memLogin a:hover,
#loginJoin a:hover {
	color: #0b79a6;
	text-decoration: none;
}



.product {
	float: left;
	padding: 10px;
	margin-right: 5px;
	min-height: 130px;
	height:auto !important;
	height: 130px;
	width: 150px;
}

.product a,
.product a:visited {
   text-decoration: none;
}

.product a:hover {
   text-decoration: underline;
}

.product .image {
   min-height: 80px;
   height:auto !important;
   height: 80px;
   text-align: center;
}
.product .caption,
.product .caption a {
   text-align: center;
   padding: 5px;
   color: #333333;   
}

.productMainImage {
   text-align: center;
   margin-bottom: 10px;
}

.mainImageAlt {
   font-size: 11px;
   margin-top: 10px;
   font-style: italic;
}

.productThumb {
   float: left;
   font-size: 10px;
   min-height: 100px;
   height:auto !important;
   height: 100px;
}

#addToCartBox {
	border: 1px solid #0b79a6;
}

#productPriceBox {
	color: #ffffff;
	font-size: 14px;
}

#specialRow {
   display: none;
   color: #FF8A00;
   font-weight: bold;
   font-size: 14px;
}

.messageSuccess {
   background-color: #BBFFAF;
   border: 1px solid #76FF5F;
   padding: 10px;
   width: 600px;
}

.messageFail {
   background-color:#FF9FBE;
   border: 1px solid #FF2F77;
   padding: 10px;
   width: 600px;
}

.siteMessage {
   font-size: 10px;
}

#stockList,
#cart,
#distList,
.orderViewDetails,
.data {
   border: 1px solid #E6E6E6;
   border-right: none;
   border-bottom: none;
}

#stockList th,
#cart th,
#distList th,
.orderViewDetails th,
.data th {
   border-right: 1px solid #E6E6E6;
   border-bottom: 1px solid #E6E6E6;
}

.data th {
   width: 120px;
}

#stockList th,
#cart th,
#distList th,
.orderViewDetails th,
.data .head {
   text-align: center;
   font-weight: bold;
   color: #FFFFFF;
   background: #0B79A6 url(/image/table_bg.gif) repeat-x top left;
}

#stockList td,
#cart td,
#distList td,
.orderViewDetails td,
.data td {
   border-right: 1px solid #E6E6E6;
   border-bottom: 1px solid #E6E6E6;
}

.data th {
   color: #000000;
   text-align: right;
   font-weight: bold;
}

#cart .checkout {
   text-align: right;
   height: 36px;
}

#cart .checkout a,
#cart .checkout a:visited {
   color: #ffffff;
   text-decoration: none;
}

#cart .checkout a:hover {
   color: #FF8A00;
   text-decoration: underline;
}

#cart .checkout th {
   text-align: right;
}

.center {
   text-align: center;
}

.listedOrderItem {
   font-size: 10px;
}

.orderViewDetails {
   height: 130px;
   float: left;
   margin-right: 10px;
   margin-bottom: 10px;
   text-align: left;
}

.orderViewDetails th {
   height: 30px;
}

.fldMsg {
   font-size: 9px;
   color: #FF0000;
}

#payCheque {
   display:inline;
}

#poweredBy {
   font-weight: bold;
   color: #aaaaaa;
}

#poweredBy a,
#poweredBy a:visited {
   color: #aaaaaa;
}

#manInfo {
	margin-top: -8px;
	margin-bottom: 10px;
	border: 1px solid #dddddd;
	overflow: auto;
}

#manInfo h1 {
	padding: 8px 0;
}

#manBanner {
   padding: 0;
   margin: 0;
}

#manContent {
	padding: 10px;
	overflow: auto;
}

#manLogo {
	float: right;
	padding-left: 10px;
	padding-bottom: 5px;
}

#manDesc {

}

.customerDetails {
   width: 150px;
}

/**
 *
 * Multipage navigation
 * Previous, page & next links
 *
 */
.pageNum {
   float: right;
   font-size: 10px;
   padding: 3px 5px 2px 0;
}

.pageNumAlign {
   float: right;
   clear: left;
   text-align: center;
}

.pageNum ul {
  list-style-type:none;
  margin:0;
  padding:0;
  width: auto;
}

.pageNum li {
	float:left;
	display: block;
	padding:0;
	margin:0;
	text-align:center;
	margin-right: 1px;
	color: #ffffff;
}

.pageNum li a {
	text-decoration: none;
	padding: 2px 7px 2px 7px;
	display:block;
	color: #ffffff;
}

.pageNum li a:hover {
   background-color: #F59E3F;
	color: #ffffff;
}

.pageNum li.page {
  padding: 3px 5px 3px 0;
  font-weight: bold;
}

.pageNum li.current {
	margin-top: 1px;
	padding: 0px 7px;
	border: 1px solid #ffffff;
}

/**
 * // End multipage nav
 */


#breadCrumbs {
   clear: both;
   font-size: 10px;
   color: #aaaaaa;
   margin-bottom: 5px;
}
#breadCrumbs a,
#breadCrumbs a:visited {
   color: #aaaaaa;
}
#breadCrumbs a:hover {
   color: #FF8A00;
}
#trustLogo {
   text-align: center;
   margin-left: -10px;
}
#trustLogo a,
#trustLogo a:hover {
   background: none;
   border: none;
}
#brandLogos td {
   text-align: center;
}

#brandLogos div {
   float: left;
   margin: 0 20px 20px 0;
}
#brandLogos img {
   border: none;
}

#paymentSuccess {
   width: 600px;
   padding: 10px;
   border: 3px double #1764BF;
   color: #1764BF;
}

#orderErrors,
#paymentFailed {
   width: 600px;
   padding: 10px;
   border: 3px double #F4211A;
   color: #F4211A;
}

#accessories {
   border: 1px solid #FFD19F;
   background-color: #FFF0DF;
   padding: 10px;
   font-size: 11px;
}


#postageMsg ul {
   list-style-type: square;
   margin-top: 5px;
   padding-top: 0;
}
#postageMsg li {
   color: #333333;   
   margin-left: 0px;
}
.finePrint {
   font-size: 10px;
   font-style: italic;
}
#memberLogin {
   border: 1px solid #333333;
   color: #888888;
}
#memberLoginBtn {
   background: #fefefe url(/image/btnBG.gif) repeat-x;
   border: 1px solid #333333;
}
#memberLoginBtn:hover,
#memberLoginBtn:focus {
   border: 1px solid #FFFFFF;
}
#memberPriceRow {
   color: #FF8A00;
   font-weight: bold;
   font-size: 14px;
}
#becomeMember {
   color: #FF0000;
}
#nextImg {
   float: left;
   position: relative;
}
.distribMan {
   line-height: 25px;
}
.onSpecial {
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}
.highlight1 {
	color: #FF8A00;
	font-weight: bold;
}
#catSpecials a,
#catSpecials a:visited {
	font-size: 14px;
	color: #0b79a6;
	font-weight: bold;
	border-left: 5px solid #FF0000;
	padding-left: 5px;
}
.msgSucc {
	color: #000000;
	border: 1px solid #1CDF1B;
	background-color: #70FF6F;
	padding: 8px;
	margin-bottom: 10px;
	text-align: center;
}
.msgFail {
	color: #000000;
	border: 1px solid #FF2F2F;
	background-color: #FF7F7F;
	padding: 8px;
	margin-bottom: 10px;
	text-align: center;
}
.msgFail a,
.msgFail a:visited {
	color: #000000;
}
#prodList {
	border: 1px solid #dddddd;
	overflow: auto;
}
.paginationBar {
	background: #0b79a6 url(/image/title_bg.gif) top left repeat-x;
	height: 30px;
}
.justArrived {
	font-size: 10px;
	font-weight: bold;
	color: #FF8A00;
	text-align: center;
}
/**
 * Coloured Brand Bars
 */
.brandBG40,
.brandBG30,
.brandBG31,
.brandBG36,
.brandBG39,
.brandBG21,
.brandBG24,
.brandBG43,
.brandBG37,
.brandBG32 {
	background-color: #000000;
	background-image: url(/image/brand_bg/black.gif);
}
.brandBG23 {
	background-color: #E51737;
	background-image: url(/image/brand_bg/lespecs.gif);
}
.brandBG29 {
	background-color: #231F20;
	background-image: url(/image/brand_bg/blinde.gif);
}
.brandBG25 {
	background-color: #F60505;
	background-image: url(/image/brand_bg/dirty_dog.gif);
}
.brandBG20 {
	background-color: #003F5E;
	background-image: url(/image/brand_bg/fish.gif);
}
.brandBG26 {
	background-color: #2E517B;
	background-image: url(/image/brand_bg/mako.gif);
}
.brandBG22 {
	background-color: #3C2E00;
	background-image: url(/image/brand_bg/oroton.gif);
}
.brandBG28 {
	background-color: #E51737;
	background-image: url(/image/brand_bg/polaroid.gif);
}
.brandBG19 {
	background-color: #FFC637;
	background-image: url(/image/brand_bg/smith.gif);
}
.brandBG34 {
	background-color: #F47B1B;
	background-image: url(/image/brand_bg/spotters.gif);
}
.brandBG23 {
	background-color: #E51737;
	background-image: url(/image/brand_bg/lespecs.gif);
}
.brandBG23 {
	background-color: #E51737;
	background-image: url(/image/brand_bg/lespecs.gif);
}
.brandBG23 {
	background-color: #E51737;
	background-image: url(/image/brand_bg/lespecs.gif);
}
.brandBG23 {
	background-color: #E51737;
	background-image: url(/image/brand_bg/lespecs.gif);
}
.brandBG23 {
	background-color: #E51737;
	background-image: url(/image/brand_bg/lespecs.gif);
}
.brandBG23 {
	background-color: #E51737;
	background-image: url(/image/brand_bg/lespecs.gif);
}
.brandBG45 {
	background-color: #ce252f;
	background-image: url(/image/brand_bg/bolle.gif);
}
.brandBG46 {
	background-color: #DAAA62;
	background-image: url(/image/brand_bg/serengeti.gif);
}
#manInfoLinks {

}
 
/* *********************/

#brandTab li {
	background: transparent url(/image/man_info_tab_left.gif) top left no-repeat;
	margin-right: 1px;
}
#brandTab a {
	background: transparent url(/image/man_info_tab_right.gif) top right no-repeat;
	padding: 0px 9px 0px 9px;
	line-height: 30px;
	height: 30px;
}

#faq div {
	padding: 15px;
}
#customerSupport1 {
	overflow: visible;
}
#customerSupport1 {
	float: left;
	width: 60%;
	padding-right: 5%;
}
#customerSupport2 {
	float: left;
	width: 35%;
}
.largeEmail {
	font-size: 18px;
}
.odd {
	background-color: #FFF8EF;
}
.specialPrice {
	color: #FF0000;
	font-weight: bold;
}
.attribSetName {
	background-color: #DFF6FF;
	border: 1px solid white;
	color: #000000;
	font-weight: bold;
}

#featureTabs {
	padding-top: 20px;
}
.featuresWrapper {
	clear: both;
	overflow: auto;
	padding-bottom: 20px;
}
.featureImg {
	float: left;
	padding: 5px 10px 5px 10px;
}
.nowrap {
	white-space: nowrap;
}
#warnPlaceOrder {
	padding-bottom: 20px;
}

/* IE6 css fixer v0.8: Thu, 06 May 2010 10:38:32 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
* html .floatRight,
* html .floatLeft,
* html #FreeShippingBanner,
* html #brandTab, * html #topNav,
* html #brandTab li, * html #topNav li,
* html #brandTab a, * html #topNav a,
* html .footCol,
* html #loginFld,
* html #searchFld,
* html .product,
* html .productThumb,
* html .orderViewDetails,
* html #manLogo,
* html .pageNum,
* html .pageNumAlign,
* html .pageNum li,
* html #brandLogos div,
* html #nextImg,
* html #customerSupport1,
* html #customerSupport2,
* html .featureImg {display:inline;}

/* convert min height values */
* html #contentCon {height:500px;}
* html .product {height:130px;}
* html .product .image {height:80px;}
* html .productThumb {height:100px;}


/* fix negative margins */
* html #manInfo,
* html #trustLogo {position:relative; zoom:1;}

/* add zoom:1 to pos:relative elements */
* html #siteCon,
* html #pageCon, * html #footerCon,
* html #FreeShippingBanner,
* html #nextImg,
* html #manInfo, * html #trustLogo {zoom:1;}