/* -------------------- */
/*	Copyright Watchmann.com
/*	Author: Josh N.
/*	Last Updated: 07/07/2010 
/* -------------------- */


/*Reset*/
a {outline: none;}
/*End Reset*/

#keywords { font-size: 10px; color:#999; text-align: center;}

span.gone {display:hidden;}
span.dent {text-indent: -9999px; position: absolute;}

#storebody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 20px 20px 20px;
	width: 700px;
	float: left;
	}
	
#storebody h1 {font-size: 24px; margin: 0px 0px 10px 0px; text-align:center;}
#storebody p {padding-bottom: 10px;}
#storebody p.bottomborder {border-bottom: 2px solid #999;}
	
ul.productlistings {
	width: 670px;
	margin: 15px;
	float: left;
	}
	
ul.productlistings li {
	position: inherit;
	width: 320px;
	height: 300px; /* Box Height*/
	display: inline;
	float: left;
	text-align:center;
	padding: 10px 5px 5px 5px;
	border-bottom: 2px solid #999;
	}
ul.productlistings li a img {border: 0px;}		
	
ul.productlistings li h2.producttitle a{font-weight: bold; text-decoration:none; font-size:12px; }
ul.productlistings li h2.producttitle a:hover {text-decoration: underline;}
ul.productlistings li span.stockalert {font-weight: bold; color: #FF8000;}

/* Product Pages
------------------------------------------------------*/

#productpage {width: 670px; padding: 0px; float: left; background-color: #000; color: #A7A7A7; margin-left: 20px; margin-top: 10px; margin-bottom: 30px;}
#productpage p {padding: 20px; text-align: left;}

#nauticfish {width: 670px; padding: 0px; float: left; background-color: #000; color: #A7A7A7; margin-left: 20px; margin-top: 10px;}
#nauticfish p {padding: 20px; text-align: left;}

#standardpage {width: 670px; padding: 0px; float: left; background-color: #000; color: #A7A7A7; margin-top: 10px;}
#standardpage p {padding: 20px; text-align: left;}


ul#threecolumn {width: 630px;  padding: 0px 20px 0px 20px; float: left; background-color: #000; color: #A7A7A7;}
ul#threecolumn ul {margin-bottom: 20px;}
ul#threecolumn li {width: 150px;height: 200px; padding: 15px 30px 15px 30px; display: block; float: left;  text-align: left;list-style-type:none; }
ul#threecolumn li a img {border: none;}
ul#threecolumn li a {color: #A7A7A7;}

div.double-column-static-left {width: 300px; margin-left: 20px; margin-bottom: 20px; padding-bottom: 20px; float: left; color: #A7A7A7;}
div.double-column-static-right {width: 300px; margin-right: 20px;  margin-bottom: 20px;  padding-bottom: 20px; float: right; color: #A7A7A7;}

div.double-column-static-left a img, div.double-column-static-right a img {border: none;}
div.double-column-static-left a , div.double-column-static-right a {color: #a7a7a7;}
div.double-column-static-left a:hover , div.double-column-static-right a:hover {text-decoration: none;}

/* Left Menu    
------------------------------------------------------*/

.lmblocklinks a:link { 
display: block;
text-decoration: none;
font-size: 12px;
font-family: "verdana", sans-serif, "arial";
font-weight: bold;
color: #0000ff;
background: no-repeat right center #ffffff;
padding: 6px;
border-bottom-color: #000000;
border-bottom-style: solid;
border-bottom-width: 1px;
	}

.lmblocklinks a:visited {
display: block;
text-decoration: none;
font-size: 12px;
font-family: "verdana", sans-serif, "arial";
font-weight: bold;
color: #0000ff;
background: no-repeat right center #ffffff;
padding: 6px;
border-bottom-color: #000000;
border-bottom-style: solid;
border-bottom-width: 1px;
	}
.lmblocklinks a:hover {
display: block;
text-decoration: none;
font-size: 12px;
font-family: "verdana", sans-serif, "arial";
font-weight: bold;
color: #ffffff;
background: no-repeat right center #000077 url('linkarrow.gif');
padding: 6px;
border-bottom-color: #000000;
border-bottom-style: solid;
border-bottom-width: 1px;
	}

A:link {
	color: #0000ff;
	text-decoration: none;
}

A:visited {
	color: #0000ff;
	text-decoration: none;
}

A:active {
	color: #0000ff;
	text-decoration: none;
}

A:hover {
	color: #0000ff;
	text-decoration: underline;
}

TD {
	font-size: 12px;
	font-family : Verdana;
}

P {
	font-size: 12px;
	font-family : Verdana;
}

HR {
	color : #000080;
}

.bar A:hover {
	color: #0000ff;
	text-decoration: none;
}
.important {
 visibility:hidden
}

/* Torgoen Page and Template --------------- */

#torgoen, #arc-template {
	margin-top: 20px;
	width:700px;
	margin-left:auto;
	margin-right: auto;
	position:relative;
	text-align: left;
}

.torgoencollection {
	float: left;
	margin-bottom: 30px;
	position:relative;
}

.torgoencollection p {
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 10px 0px;
	line-height: 1.3em;
	float: left;
	width: 680px;
}

.torgoencollection p a {color: #ff3333;}
.torgoencollection p a:hover {color: #ff3333; text-decoration: underline;}

.torgoencollection h1 {
	background: url('images/torgoen_divider.png') no-repeat top left;
	height: 40px;
	width: 700px;
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 8px 0px 0px 100px;
	color: #FFFFFF;
	font-size: 20px; 
	}



.torgoencollection h1 span.highlightred {color: #ff3333; font-weight:bold;}

.torgoencollection a.sky {position: absolute; right: 110px; top: 10px; color: #FFFFFF; font-weight:bold;}

.torgoencollection ul, .torgoencollection li {display: inline; margin: 0;padding: 0;border: 0; list-style-type:none;}


.torgoencollection ul li a{
	width: 120px;
	margin: 10px 9px 0px 9px;
	border: 1px solid #000;
	float: left;
	text-align:center;
	color: #000000;
	padding: 10px 0px 10px 0px;
	text-decoration:none;
	}
.torgoencollection ul li a:hover {
	border: 1px solid #ff3333;}

.torgoencollection ul li a span.producttitle {
	font-weight: bold;
	line-height: 2em;
	}

/* --------- Simple Torgoen Page--------- */

#intro {
	background: url('images/torgoen_bg.jpg') no-repeat top left;
	height:200px;
	padding: 10px 20px 10px 20px;
	margin: 0px;
	position: relative; 
	color: #FFFFFF;
	}
a.introbutton {display: block; padding: 0px; height: 75px; width: 233px; margin: -20px 0px 30px 0px; overflow: hidden; float: left;border-bottom: 4px solid #000000;}
a.introbutton:hover {border-bottom: 4px solid #FF3333;}
.fixside {border-left: 1px solid #000;}
/* --------- Slideshow ---------- */

.hide {display: none;}

#productslideshow {
	width:700px;
	margin-left:auto;
	margin-right: auto;
	position:relative;
	color: #FFF;
	height: 310px;
}
.clrBOTH {
	clear:both
}
img {
	border: none;
	}

#tabs {
	background: url('images/torgoen_bg.jpg') no-repeat top left;
	height:175px;
	padding-top: 25px;
	padding-bottom: 15px;
	position: relative;
}
.feature p {
	color: #FFF;
	float:left;
	font-size: 1.166667em;
	margin: 0px 30px 0px 30px;
	line-height: 1.5em;
	width: 420px;
	font-size: 1.1em;	
	padding: 0;
	border: 0;
}
.feature h3 {
	color:#FFF;
	float:left;
	font-size: 2em;
	font-weight:normal;
	line-height: 0.875em;
	margin-top:00px;
	margin-left:30px;
	margin-bottom:10px;
	width: 620px;
}

.bigIMG {
	margin: -50px 0px 0px 30px;
}
#tabby {
	position:absolute;
	left:0px;
	bottom:-75px;}
	
	ul#tabby {	margin: 0;
	padding: 0;}
	
	ul#tabby li h1 {margin: 0;
	padding: 0;
	border: 0;} 
/* Tabs
----------------------------------*/
.ui-tabs {
    padding: 0em;
    zoom: 1;
	z-index: 100;
	margin: 0;
	border: 0;
}

.ui-tabs .ui-tabs-nav {
    list-style: none;
    position: relative;
    padding: 0em 0em 0;
}

.ui-tabs .ui-tabs-nav li {
    position: relative;
    float: left;
    border-bottom-width: 0 !important;
    margin-top:5px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
    padding: 0;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
	text-align: center;
    text-decoration: none;
    padding-top:13px;
	width:233px;
	color: #ffffff;
	height:75px;
	font-size: 1.5em;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	background-image: url('images/torgoen_arrow.png');
	background-repeat: no-repeat;
    padding-bottom: 0px;
    border-bottom-width: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}
 /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
    padding: 0em 0em;
    display: block;
    border-width: 0;
    background: none;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}

/* ------------------End Torgoen Template --------------------- */

/* ------------------Template-1 --------------------- */

/* Custom for Arctos Theme */
#arctos-template {background: #161616 url(images/arctos_bg.jpg) repeat-y top left; color: #FFF;}
#arctos-template h1 {color: #FFD800;}
.infobox p a, .infobox p a:hover {color: #FFD800; text-decoration: none;}
/* End */

.template-container-1 {
	margin-top: 20px;
	width:700px;
	float: left;
	position:relative;
	text-align: left;
	padding-bottom: 20px;
}

.template-container-1 h1 {font-size: 16px;}
.template-container-1 h1.title {text-align: center;}
.template-container-1 p {font-size: 13px;}
.template-container-1 .infobox {margin: 20px 0px 20px 20px; width: 640px; background-color: #000000; border: 1px solid #353535; padding: 5px 10px 5px 10px; }
.template-container-1  .banner {margin-top: 10px;}


.collectionbox-2 ul li {display: inline; margin: 0px auto 40px auto; padding: 0;border: 0; list-style-type:none; float: left;}
.collectionbox-2 ul li a{
	width: 300px;
	margin: 10px 8px 10px 8px;
	float: left;
	text-align:center;
	color: #FFF;
	padding: 10px 0px 10px 0px;
	text-decoration:none;
	background-color: #000;
	border: 1px solid #353535; 
	}
.collectionbox-2 ul li a:hover {
	border: 1px solid #FFD800;
	color: #FFF;
	text-decoration: none;
	}
.collectionbox-2 ul li a span.producttitle {
	font-weight: bold;
	line-height: 2em;
	padding: 0px 10px 0px 10px;
	}

.collectionbox-3 ul li {display: inline; margin: 0px auto 40px auto; padding: 0;border: 0; list-style-type:none; float: left;}
.collectionbox-3 ul li a{
	width: 200px;
	margin: 10px 8px 10px 8px;
	float: left;
	text-align:center;
	color: #FFF;
	padding: 10px 0px 10px 0px;
	text-decoration:none;
	background-color: #000;
	border: 1px solid #353535; 
	}
.collectionbox-3 ul li a:hover {
	border: 1px solid #FFD800;
	color: #FFF;
	text-decoration: none;
	}
.collectionbox-3 ul li a span.producttitle {
	font-weight: bold;
	line-height: 2em;
	padding: 0px 10px 0px 10px;
	}


/* ------------------Form Validation --------------------- */
/* Auto Form */
.hidden{display:none}
span.required{color:red;width:15px; position: relative; top:7px; padding-right:5px}
.formspacer{margin-left: 20px;}


form.autoform{padding:20px 5px; border:solid 1px #ccc;}
#contentwrap form.autoform img{float:none}
form.autoform .fieldstatus a{border:none}
form.autoform .fieldstatus a:hover{background:none}
form.autoform div{margin:5px 0; clear:both;}

/* Labels / Messages */
form.autoform label{padding:6px; cursor:pointer; text-align:left;}
form.autoform .msg.icon{padding:5px 5px 5px 30px; margin:0 10px; position:absolute}
form.autoform span.error.icon{background:#FFF6CF url(images/icons/icon_alert.gif) 7px center no-repeat; display:inline}
form.autoform span.ok.icon{background:#D7FFCF url(images/icons/tick.png) 7px center  no-repeat; display:inline}
form.autoform span.info.icon{background:#DFF0FF url(images/icons/help.png) 7px center no-repeat; display:inline}
form.autoform label{width:220px; display:block; float:left;}
form.autoform span.required{float:left}

/* Inputs */
form.autoform input[type="text"], form.autoform input[type="password"]{padding:5px; background-color: #F9F9F9; border:solid 1px #999}
form.autoform input[type="text"]:focus, form.autoform input[type="password"]:focus{background-color: #D5E2EC;}
form.autoform textarea{width:400px}
form.autoform select{width:190px}
form.autoform input.checkbox{float:none; display:inline}
form.autoform label.checkbox,form.autoform label.radio{width:auto; float:none; display:inline;}

/* Submit */
form.autoform div#submitdiv{padding:5px}
form.autoform input[type="submit"]{float:right;margin-right:20px}

form.autoform .msg, form.autoform .fieldstatus{padding:5px; margin:0 10px}
form.autoform .fieldstatus{margin:0; cursor:pointer;}
img,a{padding:0;margin:0;}

/* Compact Style Message */
form.autoform span.error, div.alert{background:#FFF6CF; border:1px solid #FFDA2F;}
form.autoform span.ok{background:#D7FFCF; border:1px solid #8ED181;}
form.autoform span.info{background:#DFF0FF ; border:1px solid #6FBBFF;}

/* Errors Div */
div#errors{background:#FFF6CF url(images/icons/icon_alert.gif) 10px 20px no-repeat; border:1px solid #FFDA2F; padding:0 20px 20px 40px; margin-bottom:20px}
div#errors h3{}
div#errors ul{line-height:1.5;list-style-image:none;list-style-position:outside;list-style-type:none; padding:0px;}
div#errors ul li{list-style:none}

/* Custom Form Errors */
/* Compact Style Message */
form.autoform#example-custom-form span.error, form.autoform#example-custom-form div.alert{background-color:#fff; border:none; }
form.autoform#example-custom-form span.ok{background-color:#fff; border:none; }
form.autoform#example-custom-form span.info{background-color:#fff ; border:none; }