/*          Author: Erik M. Zettersten                    */
/*          Contact: ezettersten@maxxintegration.com      */
/*          Date: 01/20/09                                */
/*          Web Service: Maxx Integration, LLC            */
/*          URL: http://www.maxxintegration.com           */
/*          CopyRight: Content/Design to FiberLoop, LLC   */
/*          File: {../App_Themes/FiberLoop/skin.css}       */


html, body, div, span, 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; outline: 0; font-size: 100%; vertical-align: baseline;  } /*, table, caption, tbody, tfoot, thead, tr, th, td*/
img, applet, object, iframe { margin: 0; padding: 0; outline: 0; font-size: 100%; vertical-align: baseline; border:0;}
body { line-height: 100%; font-size:100%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0;}

html, body {height: 100%;} 
.clear {height: 0;clear: both;visibility: hidden;}
.clearfooter {   height: 45px;   clear: both;}

body { font-family:Arial, Sans-Serif; font-size:14px; background-color:#E4E4E4; }
h2 {color:#64A24D;font-family:Georgia,Times New Roman,Serif;font-size:36px;padding:20px 10px 10px;}
h3 {color:#0B60CD;font-size:20px;line-height:20px;padding:16px 10px 10px;}
p {color:#2B2B2B;line-height:24px;padding:4px 10px;}
a {text-decoration:none;}
.push:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.push {display: inline-block;}
*.push {zoom: 1;display: block;}

#wrapper {width:995px; margin:0px auto; min-height: 100%;   margin-bottom: -45px;   position: relative; }
#header h1 a {display:block;float:left;height:116px;text-indent:-9999px;width:354px;}
#header ul {width:388px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;background:white none repeat scroll 0 0;float:right;height:105px;margin-top:10px;padding:0 10px;}
#header ul li {float:right; background:#FFFFFF url(../../inc/img/fiberloopApp.png) repeat scroll left -35px; margin:10px 0px 0px 10px}
#header ul li a {display:block;}
#header ul li.theAccess {background-position:439px 278px;}
#header ul li.theAccess:hover {background-position:439px 367px;}
#header ul li.theAccess a {height:86px;text-indent:-9999px;width:87px; display:block;}
#header ul li.theHome {background-position:526px 278px;}
#header ul li.theHome:hover {background-position:526px 367px;}
#header ul li.theHome a {height:86px;text-indent:-9999px;width:86px; display:block;}
#header ul li.theCart {background-position:262px 279px;}
#header ul li.theCart:hover {background-position:262px 368px;}
#header ul li.theCart a {height:83px;text-indent:-9999px;width:86px; display:block;}
#header ul li.theLoop {background-position:352px 278px;}
#header ul li.theLoop:hover {background-position:352px 367px;}
#header ul li.theLoop a {height:87px;text-indent:-9999px;width:89px; display:block;}

#page {width:600px; float:left; margin:10px 0px 0px 10px}
#page a { color:Green;}
#page a:hover {text-decoration:underline;}
#page .linkFooter {text-align:center;}
#page .linkFooter a {-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;background:transparent url(../../inc/img/fiberloopApp.png) repeat scroll 0 51px;color:White;display:inline-block;font-weight:bold;margin:10px 0px 10px 10px;padding:10px;width:146px;}
#page .video { text-align:center; padding:10px 0px; margin:10px 0px; border-bottom:4px dotted #EBEBEB; border-top:4px dotted #EBEBEB;}
#sideBar {float:left;margin:-15px 0 0 10px;width:365px;}
#sideBar ul {border-top:4px dotted #EBEBEB;
margin-top:45px;}
#sideBar h2 {padding:0px;}
#sideBar h2 a {font-family:Arial, Sans-Serif; color:White; font-size:18px; display:block; padding:10px}
#sideBar h3 {line-height:20px;padding:5px 10px 0;}
#sideBar li {-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;background:#FFFFFF url(../../inc/img/fiberloopApp.png) repeat scroll left -35px;border-bottom:6px solid CornflowerBlue;margin:15px 0;padding:10px 0;}

#ctl00_ContentPlaceHolder1_pl_nocookies h2 {line-height:100%;}

#footer {border-top:3px dotted #EFEFEF;height:45px;position:relative; margin-top:45px;}
#footer .wrap {margin:10px auto;text-align:center;width:995px;}
#footer .wrap li {display:inline; margin:10px;}
#footer .wrap li a {font-size:12px; color:#666; }


/* Login Page */
#loginPage {border-top:4px dotted #EBEBEB;margin-top:10px;}
#misc {background:#EFEFEF none repeat scroll 0 0;border:4px solid #CCCCCC;float:left;margin-right:10px;margin-top:17px;width:282px; -moz-border-radius:10px;}
#misc p a {-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;background:transparent url(../../inc/img/fiberloopApp.png) repeat scroll 0 51px;color:White;display:inline-block;font-weight:bold;margin:10px 0px;padding:10px;width:146px; text-align:center;}
#login {float:left;width:290px; margin-right:10px}
#login em {color:#666666;display:block;font-style:normal;font-weight:bold;margin:10px;}
#login .gButton {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:#FFFFFF url(../../inc/img/fiberloopApp.png) repeat scroll left -475px;border:0 none;color:white;display:block;margin:10px;padding:8px 16px; cursor:pointer; font-weight:bold; font-size:14px}
#login .gTextBox {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:#FFFFFF url(../../inc/img/fiberloopApp.png) repeat scroll left 135px;border:1px solid #CCCCCC;color:#666;display:block;font-size:14px;margin:0 10px;padding:7px;width:250px;}

/* Shopping Cart Page */

#itemPage {border-top:4px dotted #EBEBEB;margin-top:-10px;padding:10px 0;}

#itemDesc {margin:0px 10px;float:left; width:230px; text-align:center; border:4px solid #ccc;}
#itemDesc p {text-align:left; padding:10px}
#itemDesc img {padding:10px 10px 0px}

#itemControl {width:340px;float:left; height:100px; border-bottom:4px dotted #ebebeb; padding-bottom:10px}
#itemControl .left {float:left; margin-right:10px}
#itemControl em {display:block; font-style:normal; padding:10px; font-weight:bold; color:#666;}
#itemControl .gTextBox {margin-left:10px; -moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:transparent url(../../inc/img/fiberloopApp.png) repeat scroll 0 135px;border:1px solid #CCCCCC;padding:5px;}
#itemControl .gButton {display:block; background:green; padding:5px 10px; color:White; font-weight:bold; -moz-border-radius:5px; text-align:center; margin:10px 10px}
#itemControl h4 {color:#64A24D;font-family:Georgia,Times New Roman,Serif;font-size:18px;}

#itemFlow {-moz-border-radius:10px;background:#F4F4F4 none repeat scroll 0 0;border-bottom:4px solid #6495ED;margin-left:10px;margin-top:10px;overflow:hidden;padding:15px;}
#itemFlow strong {float:right; margin-right:10px; }
#itemFlow span {font-weight:bold;color:#64A24D;font-family:Georgia,Times New Roman,Serif;font-size:18px; float:right; }
#itemFlow a {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:green none repeat scroll 0 0;color:white;display:inline-block;font-weight:bold;padding:10px 18px;text-align:center; float:left}

#right {float:left;margin:20px 0 0 15px;width:475px;}
#left {float:left;margin:20px 0 20px 15px;width:475px;}

#billing h4 {color:orange;font-family:Georgia,Times New Roman,Serif;font-size:26px;padding:0 10px 10px; line-height:100%;}
#billing .gTextBox {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:white url(../../inc/img/fiberloopApp.png) repeat scroll 0 135px;border:1px solid #CCCCCC;color:#666666;margin-left:10px;padding:5px;width:235px;}
#billing .gDropDownList {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:white url(../../inc/img/fiberloopApp.png) repeat scroll 0 135px;border:1px solid #CCCCCC;color:#666666;margin-left:10px;padding:5px;width:247px;}
#billing em {color:#666666;display:inline-block;font-style:normal;font-weight:bold;margin-top:9px;padding:10px;width:160px;}


#shipping h4 {color:orange;font-family:Georgia,Times New Roman,Serif;font-size:26px;padding:0 10px 10px; line-height:100%;}
#shipping .gTextBox {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:white url(../../inc/img/fiberloopApp.png) repeat scroll 0 135px;border:1px solid #CCCCCC;color:#666666;margin-left:10px;padding:5px;width:235px;}
#shipping .gDropDownList {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:white url(../../inc/img/fiberloopApp.png) repeat scroll 0 135px;border:1px solid #CCCCCC;color:#666666;margin-left:10px;padding:5px;width:247px;}
#shipping em {color:#666666;display:inline-block;font-style:normal;font-weight:bold;margin-top:9px;padding:10px;width:160px;}

#credit {-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;background:#194B8A none repeat scroll 0 0;padding:0 0 15px; color:#fff;}
#credit h4 {color:orange;font-family:Georgia,Times New Roman,Serif;font-size:24px;line-height:100%;padding:20px 20px 5px;}
#credit em {color:#efefef;display:inline-block;font-style:normal;font-weight:bold;margin-left:10px;margin-top:10px;padding:10px;width:160px;}
#credit .gTextBox {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:white url(../../inc/img/fiberloopApp.png) repeat scroll 0 135px;border:1px solid #CCCCCC;color:#666666;margin-left:10px;padding:5px;width:235px;}
#credit .gDropDownList {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:white url(../../inc/img/fiberloopApp.png) repeat scroll 0 135px;border:1px solid #CCCCCC;color:#666666;margin-left:10px;padding:5px;width:247px;}
#credit span {-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;background:white none repeat scroll 0 0;color:#666666;display:inline-block;margin-left:10px;padding:7px 18px;}
#credit .gButton {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:green none repeat scroll 0 0;color:White;display:inline-block;font-weight:bold;margin:0 2px;padding:5px 10px;text-align:center;width:54px;}
#credit .address {margin:-25px 0 0 195px;width:250px;}
#credit strong {color:Orange;}

#creditAlt p {color:white;line-height:100%;padding:10px;}
#creditAlt .address {margin:-43px 0 7px 89px;}
#creditAlt em {font-size:10px;margin:5px 0;padding:0;width:75px;}
#creditAlt strong {}
#creditAlt .gButton {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:red none repeat scroll 0 0;color:White;display:inline-block;font-size:10px;font-weight:bold;margin:0 1px;padding:1px;text-align:center;width:40px;}
#creditAlt {background:green none repeat scroll 0 0;margin:20px 0 0px 20px;width:270px;}

#review {margin-top:20px; -moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;background:green none repeat scroll 0 0;padding:0 0 20px;}
#review h4 {color:white;padding:20px 20px 5px;font-family:Georgia,Times New Roman,Serif;font-size:24px;line-height:100%;}
#review table {margin:15px 20px;text-align:left;width:92%;}
#review th {-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;background:white none repeat scroll 0 0;color:#666666;font-size:16px;font-weight:normal;padding:16px 10px;}
#review td {background:#EFEFEF none repeat scroll 0 0;padding:10px;}
#review strong {color:#194B8A;}
#review .submition {text-align:right;}
#review .submition a.edit {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:#990009 none repeat scroll 0 0;color:White;display:inline-block;font-weight:bold;margin:0 10px;padding:10px 15px;text-align:center;width:50px;}
#review .submition a.submit {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:#194B8A none repeat scroll 0 0;color:White;display:inline-block;font-weight:bold;margin:0 20px 0 0;padding:10px 15px;text-align:center;width:60px;}
#review b {color:orange;display:inline-block;font-family:georgia,times New Roman,serif;font-size:21px;font-weight:normal;padding:5px 0;}

#adminLeft {float:left;margin-left:20px;width:170px; margin-top:20px;}
#adminLeft #navbox {-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;background:white none repeat scroll 0 0;border:4px solid #194B8A;}
#adminLeft #navbox li {}
#adminLeft #navbox li a {color:green;display:block;padding:10px; font-size:12px; line-height:12px}
#adminLeft #navbox li a:hover {text-indent:2px;background:#efefef;color:#2b2b2b;}
#adminLeft #navbox li h3 {background:#194B8A none repeat scroll 0 0;color:white;padding:10px;font-size:14px; line-height:14px;}

#adminRight {float:left;margin-left:20px;margin-top:20px;width:765px;}
#adminRight h2 {color:#64A24D;font-family:Georgia,Times New Roman,Serif;font-size:36px;padding:6px 0 18px;}
#adminRight h3 {padding:0 0 10px;}
#adminRight table {width:100%; text-align:left;border:4px solid #194B8A;}
#adminRight th {background:#194B8A none repeat scroll 0 0;color:white;font-size:14px;line-height:14px;padding: 8px 5px 10px; text-align:right}
#adminRight td {font-size:12px; text-align:right; padding:0 5px;}
#adminRight td a {-moz-border-radius:3px;background:#444444 none repeat scroll 0 0;color:#FFFFFF;display:block;font-weight:bold;margin:2px 2px 2px 4px;padding:2px 0;text-align:center;border-bottom:1px solid black;}
#adminRight td a:hover {color:#fff; margin:2px 0px 2px 6px; background:#64A24D; border-bottom:1px solid #64A24D;}
#adminRight .alt {background:white;}
#adminRight .item {background:#efefef;}

#banner h2 {color:White;font-family:Arial Black;position:relative;top:15px;}

.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */ margin: 20px 0; position: relative; width: 100%; }
/* These 2 lines specify style applied while slider is loading */
.csw { width: 100%;overflow: hidden }
.csw .loading { margin: 200px 0 300px 0; text-align: center }
.stripViewer { clear:both;height:auto;margin:auto;overflow:hidden;position:relative;width:100%;}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */ position: relative; left: 0; top: 0; width: 100%; list-style-type: none;/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ }
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: 100%; position: relative; width: 995px; /* Also specified in  .stripViewer  above */ }
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding:0 40px; }
.stripNav ul {display:none;}

.video-tour {-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;background:#194B8A none repeat scroll 0 0;float:left;margin:20px 10px;padding-bottom:10px;width:285px;}
.video-tour em {color:orange;display:block;float:left;font-style:normal;font-weight:bold;padding:10px;}
.video-tour strong {background:#0D5CC1 none repeat scroll 0 0;border-bottom:4px solid #043474;color:white;display:block;height:30px;padding:10px;}
.video-tour img {display:block;float:left;padding:7px 7px 0;}

.stripNavL, .stripNavR { /* The left and right arrows */ position: absolute; top: 230px; text-indent: -9000em; z-index:10000 }
.stripNavL a, .stripNavR a { display: block; height: 40px; width: 40px; }
.stripNavL { right: 100px; top:0;}
.stripNavR { right: 50px; top:0;}
.stripNavL { background: url("/inc/js/images/arrow-left.gif") no-repeat center; }
.stripNavR { background: url("/inc/js/images/arrow-right.gif") no-repeat center; }

#faq {padding:10px 30px;}
#faq ol {list-style:outside; list-style-type:decimal;}
#faq ol ol {list-style:outside; list-style-type:circle;margin-left:20px;}
#faq li {line-height:20px;}
#faq li strong {color:#1354A8;display:block;font-size:24px;margin-top:22px;}

#invoice {background:white;}
#invoice .gButton {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:green none repeat scroll 0 0;border:medium none;color:White;display:inline-block;font-size:10px;font-weight:bold;margin:20px 0 20px 20px;padding:7px 10px;text-align:center;}
#invoice fieldset legend {}
#invoice fieldset {margin:10px;
padding:10px;}

#toolsTable {background:white;}
#toolsTable p {display:block;font-size:13px;line-height:20px;margin:10px 15px;padding:10px;}
#toolsTable .instrImg {padding:25px 0 5px;}
#toolsTable .stepImg {height:175px;width:228px;margin:0 auto;}
#toolsTable .stepImg img {margin:55px auto;}
#toolsTable td {width:50%;vertical-align:top;text-align:center;}
#toolsTable ul {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:#ECECEC none repeat scroll 0 0;border:1px solid #CCCCCC;margin:5px 35px 10px;padding:7px;}
#toolsTable ul li {padding:3px;text-align:center;}
#toolsTable small {color:#666666;font-size:12px;}
#toolsTable strong {color:#144C96}


.slider-wrap p {line-height:19px;margin-bottom:3px;margin-left:10px;padding:7px;}
.slider-wrap q {border:1px solid;color:#666666;display:inline-block;font-size:12px;margin-bottom:10px;margin-left:10px;padding:4px;}

#register em {color:#666;display:inline-block;font-style:normal;font-weight:bold;margin-top:9px;padding:10px;width:160px;}
#adminRight #register em {display:inline-block;font-style:normal;font-weight:bold;margin-top:9px;padding:10px;width:160px;}
#register .gTextBox {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:white url(../../inc/img/fiberloopApp.png) repeat scroll 0 135px;border:1px solid #CCCCCC;color:#666666;margin-left:10px;padding:5px;width:235px;}
#register .gDropDownList {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:white url(../../inc/img/fiberloopApp.png) repeat scroll 0 135px;border:1px solid #CCCCCC;color:#666666;margin-left:10px;padding:5px;width:247px;}

.gButton {-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;background:#194B8A none repeat scroll 0 0;border:medium none;color:white;font-weight:bold;margin-top:10px;padding:3px 16px;}