/* CSS Document */
* { margin:0px; padding:0px; }
img { border:none; }
body { background:#4aa0d3 url('../images/body-bg.png') top left repeat-x; border:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#4a4a4a; }
fieldset { border:none; }
p { text-align: left; }

#container { width:1024px; background:#ffffff url('../images/site-top.png') top left no-repeat; margin: auto; margin-top: 6px;}

#header { height:95px; padding-top:24px; border-bottom: 2px solid #cfcfcf;}
#logo { width:630px; float:left; padding:0px 0px 0px 0px; line-height: 0; }
#logo a { display: block;}
#slogan { float: right; width: 315px; text-align: right; padding: 43px 25px 0px 0px; font-size: 18px;}
#top_navigation { float: right; width: 355px; text-align: right; padding: 0px 35px 0px 0px; }
#top_navigation  ul  {  }
#top_navigation  ul  li{ display: inline; }
#top_navigation a { color: #4d4d4f; text-decoration:none; padding: 0px 5px; }
#top_navigation a:link { color:#4d4d4f; text-decoration:none; }
#top_navigation a:visited { color:#4d4d4f; text-decoration:none; }
#top_navigation a:hover { color:#f17c0f; text-decoration:none; ; }
#top_navigation a:active { color:#f17c0f; text-decoration:none; }

#navigation { height:30px; padding:0px 1px; background: #e9e9e9; position: relative; }

#home_content { padding:1px; margin:0px; text-align: left; }
/* OLD LAYOUT REPLACED JULY 2010 - LEFT HERE FOR REFERENCE ONLY */
#home_content .left_content { float:left; width:698px; padding: 0px; }
#home_content .right_column { float:right; width:324px; padding-top: 30px; }
#banner { text-align: left; }
.home_tab_content { background:#ffffff url('../images/home-tab-background.png') top left no-repeat; padding: 3px 1px; }
.home_tab_content ul,ol { margin:0em 15px .25em 15px; padding:0em 0px .25em 0px; }
.home_tab_content li { margin:0em 15px 0em 15px; padding:0em 0px .5em 0px; list-style-type:disc; }

#home_content .upper_section { width:1022px; margin:0; padding:0; position:relative; }
#home_content .upper_section .graphic, #prevBtn, #nextBtn { margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; }
#home_content .upper_section #slider ul, #slider li { margin:0; padding:0; list-style:none; }
#home_content .upper_section #slider li { /* define width and height of list item (slide). entire slider area will adjust according to the parameters provided here */ width:1022px; height:266px; }
#home_content .upper_section #prevBtn, #nextBtn { display: block; width: 49px; height: 49px; position: absolute; top: 109px; z-index: 1000; }
#home_content .upper_section #prevBtn { left: 30px; }
#home_content .upper_section #nextBtn { right: 30px; }														
#home_content .upper_section #prevBtn a, #nextBtn a { display: block; position: relative; width: 49px; height: 49px; background:url('/skin/frontend/default/qoptics/images/home/banner-arrow-left.png') no-repeat 0 0; z-index:9999; }
#home_content .upper_section #nextBtn a { background:url('/skin/frontend/default/qoptics/images/home/banner-arrow-right.png') no-repeat 0 0; z-index:9999; }

#home_content .lower_section { width:1022px; margin:20px 0 0 0; padding:0; position:relative; }
#home_content .lower_section #featured { width:313px; background:#ffffff url('../images/column-background.png') top left no-repeat; padding: 10px 1px 0px 1px; float:left; margin:0px 11px; height:250px;  }
#home_content .lower_section #featured h2 { font-size:18px; color:#5c5c5c; font-weight: normal; letter-spacing: 1px; }
#home_content .lower_section .featured_item { clear:both; width:311px; height:auto; background:#ffffff url('../images/featured-bottom.png') bottom left no-repeat; margin-bottom:10px; padding-bottom:10px; }
#home_content .lower_section .featured_item p { padding: .5em 10px .5em 15px; line-height: 1.5em; }
#home_content .lower_section .featured_name { font-size: 14px; font-weight: bold; color:#0668B3; padding-bottom: 15px; }
#home_content .lower_section #featured a.arrow { background:transparent url(../images/arrow-right-square.png) top left no-repeat; display:block; text-align: left; font-weight:normal; line-height:15px; margin:5px 0px 15px 0px; padding:0px 0px 0px 22px; }




#secondary_content { padding: 0px 1px; margin:0px; border-top: 13px solid #fefefe; background: #eeeeee; text-align: left;}
#secondary_content .left_content { float:left; width:200px; padding: 0px; background: #eeeeee; padding: 25px 0px;}
#secondary_content .right_column { float:right; width:822px; padding: 0px; background: #fefefe; }

#left_menu { width: 176px; background: url('../images/left-menu-background.png') top left no-repeat; margin:0 auto; text-align: left; }
#left_menu h2 { color:#ffffff; font-size:12px; font-weight:bold; line-height: 1em; padding:5px 0px 0px 0px; text-align: center; }
#left_menu ul li { list-style:none; display:block; width:176px; margin:0px; padding:0px; }
#left_menu li a         { text-decoration:none; display:block; margin:0px 3px; padding:.25em 6px; background-color:#EFEFEF; }
#left_menu li a:link    { color:#0668B3; }
#left_menu li a:visited { color:#0668B3; }
#left_menu li a:hover   { color:#0668B3; background-color:#D3D3D3; }
#left_menu li a:active  { color:#0668B3; }

.left_menu_bottom { height: 7px; background: url('../images/left-nav-box-bottom.png') top left no-repeat; }

.left_box { width:176px; background:url('../images/left-box-background.png') top left no-repeat; margin:20px auto 0px auto; text-align:center; }
.left_box h2 { color: #ffffff; font-size: 12px; font-weight: bold; padding: 0px; margin: 0px; text-align: center; line-height: 23px; }
.left_box ul,li { list-style:none; }
.left_box p { font-size:11px; padding:0em 10px; margin:1em 0px; text-align:left; line-height:1.2em; }
.left_box .banner { margin:-1px 0px 0px 0px; }
.left_box a.arrow { background:transparent url(../images/arrow-right-square.png) top left no-repeat; display:block; text-align: left; font-weight:normal; line-height:15px; margin:6px 0px 15px 8px; padding:0px 0px 0px 22px; }
.left_box a.pdf   { background:transparent url(../images/pdficon_small.gif) top left no-repeat; display:block; text-align: left; font-weight:normal; line-height:17px; margin:6px 0px 15px 8px; padding:0px 0px 0px 22px; }
.left_box a       { text-decoration: none; }
.left_box a:hover { color: #6cb700; }

.left_box_bottom { height:7px; background:url('../images/left-box-bottom.png') top left no-repeat; }

#main_content { min-height: 400px; padding: 0px 20px; }
#main_content a:link    { color:#2673bb; text-decoration:none; }
#main_content a:visited { color:#2673bb; text-decoration:none; }
#main_content a:hover   { color:#f17c0f; text-decoration:none; }
#main_content a:active  { color:#f17c0f; text-decoration:none; }
#main_content a.arrow { background:transparent url(../images/arrow-right-square.png) top left no-repeat; display:block; text-align: left; font-weight:normal; line-height:15px; margin:5px 0px 15px 0px; padding:0px 0px 0px 22px; }
#main_content a.pdf   { background:transparent url(../images/pdficon_small.gif) top left no-repeat; display:block; text-align: left; font-weight:normal; line-height:17px; margin:6px 0px 15px 8px; padding:0px 0px 0px 22px; }

#wide_content { padding: 13px 20px; margin:0px; text-align: left; }

#breadcrumbs { }
#breadcrumbs ul { list-style: none; margin: 0px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e4e4e4; }
#breadcrumbs li { display: inline; margin: 0px; }

/* Product View */
.product-shop { }

#info-container { float:left; width:420px; margin-right:10px; }

#imageview-container { float:left; width:350px; }



#footer { margin:0px; border-top:1px solid #e7e7e7; text-align:center; font-size:11px; padding:3px 20px 8px 20px; line-height:22px; }
#footer a { color: #2589C7; text-decoration: none; }
#footer a:link { color:#2589C7; text-decoration:none; }
#footer a:visited { color:#2589C7; text-decoration:none; }
#footer a:hover { color:#f17c0f; text-decoration:none; ; }
#footer a:active { color:#f17c0f; text-decoration:none; }

#pathway { width:854px; padding:10px 30px 10px 20px; margin:0px 35px 0px 35px; background: #f9f9f9; font-size:10px; }
#pathway a { color: #4d4d4f; text-decoration: none; }
#pathway span { color: #f17c0f; }

#content { width: 904px; padding: 10px 15px 5px 15px; margin: 0px 35px; }

.menu_seperator { padding: 0px 5px; }
.inputbox { border: 1px solid #999999; padding-left: 2px; }
.button { border: 1px solid #999999; }
.clear { clear: both; margin: 0; padding: 0; font-size: 0; }
.message { font-size: 11px; color: maroon; font-weight: bold; }
.note1 { font-style: italic; color: #a61700; }
.select-note { color: #999999; font-size: 10px; padding-bottom:.75em; }